@font-face { font-family: Fellix; src: url('../fonts/Fellix-Regular.woff2') format('woff2'); font-display: swap; font-style: normal; font-weight: 400; }
@font-face { font-family: Fellix; src: url('../fonts/Fellix-Medium.woff2') format('woff2'); font-display: swap; font-style: normal; font-weight: 600; }
@font-face { font-family: RecklessNeue; src: url('../fonts/RecklessNeue-Light.woff2') format('woff2'); font-display: swap; font-style: normal; font-weight: 400; }

:root { --htw-brumate-red: #c8203f; --htw-brumate-ink: #101010; --htw-brumate-footer: #1f2220; --htw-brumate-cream: #f5f2ee; }
body.htw-brumate-site { color: var(--htw-brumate-ink); font-family: Fellix, Arial, sans-serif; }
body.htw-brumate-site #top-bar { display: none !important; }

.htw-brumate-announcement {
  position: relative;
  z-index: 1002;
  display: flex;
  min-height: 38px;
  align-items: center;
  justify-content: center;
  padding: 8px 48px;
  background: #111;
  color: #fff;
  font: 600 12px/1.35 Fellix, Arial, sans-serif;
  letter-spacing: .02em;
  text-align: center;
}
.htw-brumate-announcement a { color: #fff !important; opacity: 1 !important; text-decoration: none; }
.htw-brumate-announcement [data-htw-announcement-text] { display: inline-block; transition: opacity .2s ease, transform .2s ease; }
.htw-brumate-announcement.is-changing [data-htw-announcement-text] { opacity: 0; transform: translateY(-3px); }

body.htw-brumate-site #header { background: #fff; color: #111; font-family: Fellix, Arial, sans-serif; }
body.htw-brumate-site #header .header-main,
body.htw-brumate-site #header .header-bottom { background: #fff; }
body.htw-brumate-site #header .header-main { min-height: 78px; border-bottom: 1px solid #ececec; }
body.htw-brumate-site #header .header-bottom { min-height: 48px; border-bottom: 1px solid #ececec; }
body.htw-brumate-site #header .logo img { width: auto; max-height: 42px; object-fit: contain; }
body.htw-brumate-site #header .logo-tagline { display: none !important; }
body.htw-brumate-site #header .nav > li > a,
body.htw-brumate-site #header .header-nav-main > li > a { color: #111 !important; font-weight: 600; letter-spacing: .015em; text-transform: none; }
body.htw-brumate-site #header .nav > li > a:hover,
body.htw-brumate-site #header .header-nav-main > li > a:hover { color: var(--htw-brumate-red) !important; }
body.htw-brumate-site #header .nav-dropdown { border: 1px solid #ececec; box-shadow: 0 14px 32px rgba(0,0,0,.1); }
body.htw-brumate-site #header .nav-dropdown a { color: #111; text-decoration: none; }
body.htw-brumate-site #header .nav-dropdown a:hover { color: var(--htw-brumate-red); }
body.htw-brumate-site #header .search-field { border-color: #cfcfcf; border-radius: 999px; background: #fff; box-shadow: none; }
body.htw-brumate-site #header .search-field:focus { border-color: #111; box-shadow: 0 0 0 1px #111; }

/* The destination has no configured social destinations, so omit Flatsome's placeholder row in the mobile drawer only. */
body.htw-brumate-site #main-menu li.header-social-icons { display: none !important; }

/* Only discounted current prices are red. Regular prices and crossed-out prices stay neutral. */
body.htw-brumate-site .price del,
body.htw-brumate-site .product-price del,
body.htw-brumate-site .woocommerce-variation-price del { color: #777 !important; opacity: .75; }
body.htw-brumate-site .price ins,
body.htw-brumate-site .price ins .amount,
body.htw-brumate-site .price ins .woocommerce-Price-amount,
body.htw-brumate-site .product-price ins,
body.htw-brumate-site .product-price ins .amount,
body.htw-brumate-site .woocommerce-variation-price ins,
body.htw-brumate-site .woocommerce-variation-price ins .amount,
body.htw-brumate-site .sale-price,
body.htw-brumate-site .sale-price .amount,
body.htw-brumate-site li.product.sale .price > .amount,
body.htw-brumate-site .product.sale .summary .price > .amount,
body.htw-brumate-site .htw-sale-item .product-price .amount,
body.htw-brumate-site .htw-sale-item .product-subtotal .amount { color: var(--htw-brumate-red) !important; font-weight: 700; text-decoration: none; }
body.htw-brumate-site .badge-inner.on-sale,
body.htw-brumate-site .onsale { background: var(--htw-brumate-red) !important; color: #fff !important; }

body.htw-brumate-site .single_add_to_cart_button,
body.htw-brumate-site .add_to_cart_button,
body.htw-brumate-site .buy_now_button,
body.htw-brumate-site .ux-buy-now-button,
body.htw-brumate-site [name="buy-now"],
body.htw-brumate-site [name="ux-buy-now"],
body.htw-brumate-site .single-buy-now-button {
  min-height: 48px;
  border: 1px solid var(--htw-brumate-footer) !important;
  border-radius: 999px;
  background: var(--htw-brumate-footer) !important;
  color: #fff !important;
  font-weight: 600;
  letter-spacing: .04em;
  box-shadow: none;
}
body.htw-brumate-site .single_add_to_cart_button:hover,
body.htw-brumate-site .add_to_cart_button:hover,
body.htw-brumate-site .buy_now_button:hover,
body.htw-brumate-site .ux-buy-now-button:hover,
body.htw-brumate-site [name="buy-now"]:hover,
body.htw-brumate-site [name="ux-buy-now"]:hover,
body.htw-brumate-site .single-buy-now-button:hover {
  border-color: #343735 !important;
  background: #343735 !important;
  transform: translateY(-1px);
}
body.htw-brumate-site .single_add_to_cart_button:focus-visible,
body.htw-brumate-site .add_to_cart_button:focus-visible,
body.htw-brumate-site .ux-buy-now-button:focus-visible {
  outline: 2px solid var(--htw-brumate-footer);
  outline-offset: 3px;
}

body.htw-brumate-site #footer,
body.htw-brumate-site #footer .footer-2,
body.htw-brumate-site #footer .footer-widgets,
body.htw-brumate-site #footer .absolute-footer {
  background-color: var(--htw-brumate-footer) !important;
  color: #fff;
}
body.htw-brumate-site #footer { font-family: Fellix, Arial, sans-serif; }
body.htw-brumate-site #footer .footer-widgets { padding-top: 52px; padding-bottom: 44px; }
body.htw-brumate-site #footer .is-divider,
body.htw-brumate-site #footer .widget-title + .is-divider { display: none !important; }
body.htw-brumate-site #footer .widget { margin-bottom: 0; }
.htw-footer-group h3 { margin: 0; font: 600 14px/1.3 Fellix, Arial, sans-serif; letter-spacing: .04em; }
.htw-footer-group h3 button { display: flex; width: 100%; align-items: center; justify-content: space-between; padding: 0; border: 0; background: transparent; color: #fff; font: inherit; text-align: left; cursor: default; }
.htw-footer-group ul { margin: 19px 0 0; padding: 0; list-style: none; }
.htw-footer-group li { margin: 0 0 11px; padding: 0; border: 0 !important; }
.htw-footer-group a { color: rgba(255,255,255,.9); font-size: 13px; text-decoration: none !important; }
.htw-footer-group a:hover { color: #fff; text-decoration: underline !important; text-underline-offset: 3px; }
.htw-footer-chevron { display: none; width: 10px; height: 10px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg); transition: transform .2s ease; }
.htw-footer-offer { max-width: 390px; }
.htw-footer-offer,
.htw-footer-offer h3,
.htw-footer-offer p { color: #fff; }
.htw-footer-offer__eyebrow { margin: 0 0 10px; font-size: 11px; font-weight: 600; letter-spacing: .12em; }
.htw-footer-offer h3 { margin: 0 0 10px; font: 400 clamp(28px, 2.5vw, 40px)/1.08 RecklessNeue, Georgia, serif; text-transform: none; }
.htw-footer-offer p { margin: 0 0 18px; font-size: 14px; line-height: 1.5; }
.htw-footer-offer__button { display: inline-flex; min-height: 46px; align-items: center; justify-content: center; padding: 12px 28px; border: 1px solid #fff; border-radius: 999px; background: transparent; color: #fff !important; font-size: 12px; font-weight: 600; letter-spacing: .06em; text-decoration: none !important; }
.htw-footer-offer__button:hover { background: #fff; color: var(--htw-brumate-footer) !important; }
body.htw-brumate-site #footer .absolute-footer,
body.htw-brumate-site #footer .absolute-footer a { color: rgba(255,255,255,.72) !important; }
body.htw-brumate-site #footer .absolute-footer .payment-icon {
  background: #fff !important;
  opacity: 1 !important;
}
body.htw-brumate-site #footer .absolute-footer .payment-icon svg,
body.htw-brumate-site #footer .absolute-footer .payment-icon svg path {
  fill: #1f2220 !important;
}
body.htw-brumate-site #footer .absolute-footer .copyright-footer,
body.htw-brumate-site #footer .absolute-footer .copyright-footer strong {
  color: #fff !important;
}

body.htw-brumate-site .woocommerce-pagination .page-number {
  border-color: var(--htw-brumate-footer) !important;
  color: var(--htw-brumate-footer) !important;
}
body.htw-brumate-site .woocommerce-pagination .page-number.current,
body.htw-brumate-site .woocommerce-pagination a.page-number:hover {
  border-color: var(--htw-brumate-footer) !important;
  background: var(--htw-brumate-footer) !important;
  color: #fff !important;
}
body.htw-brumate-site .woocommerce-pagination a.page-number:focus-visible {
  outline: 2px solid var(--htw-brumate-footer);
  outline-offset: 3px;
}

@media (max-width: 849px) {
  .htw-brumate-announcement { min-height: 42px; padding: 8px 18px; font-size: 11px; }
  body.htw-brumate-site #header .header-main { min-height: 64px; }
  body.htw-brumate-site #header .logo img { max-height: 34px; }
  body.htw-brumate-site #footer .footer-widgets { padding-top: 24px; }
  body.htw-brumate-site.htw-footer-accordion-ready .htw-footer-group { border-bottom: 1px solid rgba(255,255,255,.24); }
  body.htw-brumate-site.htw-footer-accordion-ready .htw-footer-group h3 button { min-height: 54px; cursor: pointer; }
  body.htw-brumate-site.htw-footer-accordion-ready .htw-footer-chevron { display: block; }
  body.htw-brumate-site.htw-footer-accordion-ready .htw-footer-group h3 button[aria-expanded="true"] .htw-footer-chevron { transform: rotate(225deg); }
  body.htw-brumate-site.htw-footer-accordion-ready .htw-footer-panel[hidden] { display: none !important; }
  body.htw-brumate-site.htw-footer-accordion-ready .htw-footer-panel { padding-bottom: 14px; }
  .htw-footer-group ul { margin-top: 2px; }
  .htw-footer-offer { margin-top: 28px; }
}

@media (prefers-reduced-motion: reduce) {
  .htw-brumate-announcement [data-htw-announcement-text],
  body.htw-brumate-site .buy_now_button,
  body.htw-brumate-site .ux-buy-now-button,
  body.htw-brumate-site [name="buy-now"],
  body.htw-brumate-site [name="ux-buy-now"] { transition: none !important; transform: none !important; }
}
