/* FN Hot Sauce Pro Layout — responsive enhancement layer for Astra */
html { overflow-x: clip; }
body.fnh-pro-layout { overflow-x: clip !important; width:100%; background:#fff; }
body.fnh-pro-layout *, body.fnh-pro-layout *::before, body.fnh-pro-layout *::after { box-sizing:border-box; }

/* Fix horizontal/right-side drift without flattening intentional full-bleed sections */
body.fnh-pro-layout #page,
body.fnh-pro-layout .site,
body.fnh-pro-layout .site-content,
body.fnh-pro-layout #content { width:100% !important; max-width:100% !important; margin-left:auto !important; margin-right:auto !important; }
body.fnh-pro-layout .ast-container { width:min(calc(100% - 48px), var(--fnh-content)) !important; max-width:var(--fnh-content) !important; margin-inline:auto !important; padding-inline:0 !important; }
body.fnh-pro-layout main, body.fnh-pro-layout article, body.fnh-pro-layout .entry-content { max-width:100%; }
body.fnh-pro-layout img, body.fnh-pro-layout video, body.fnh-pro-layout iframe, body.fnh-pro-layout svg { max-width:100%; height:auto; }
body.fnh-pro-layout .entry-content > * { max-width:100%; }

/* Premium header */
body.fnh-pro-layout #masthead,
body.fnh-pro-layout .site-header { width:100%; background:var(--fnh-header-bg) !important; color:var(--fnh-header-text); z-index:9999; box-shadow:0 8px 30px rgba(0,0,0,.16); }
body.fnh-sticky-header #masthead,
body.fnh-sticky-header .site-header { position:sticky !important; top:0; }
body.admin-bar.fnh-sticky-header #masthead, body.admin-bar.fnh-sticky-header .site-header { top:32px; }
body.fnh-pro-layout .main-header-bar { background:transparent !important; border:0 !important; min-height:84px; }
body.fnh-pro-layout .main-header-bar .ast-container { min-height:84px; display:flex; align-items:center; justify-content:space-between; }
body.fnh-pro-layout .site-branding img, body.fnh-pro-layout .custom-logo { max-height:64px; width:auto; object-fit:contain; }
body.fnh-pro-layout .main-header-menu { display:flex; align-items:center; gap:7px; }
body.fnh-pro-layout .main-header-menu > .menu-item > a,
body.fnh-pro-layout .ast-builder-menu-1 .menu-item > .menu-link { color:var(--fnh-header-text) !important; font-weight:800; letter-spacing:.055em; text-transform:uppercase; font-size:14px; padding:13px 15px !important; border-radius:999px; transition:.2s ease; line-height:1.1; }
body.fnh-pro-layout .main-header-menu > .menu-item > a:hover,
body.fnh-pro-layout .main-header-menu > .current-menu-item > a,
body.fnh-pro-layout .ast-builder-menu-1 .menu-item > .menu-link:hover { color:#fff !important; background:var(--fnh-accent) !important; transform:translateY(-1px); }
body.fnh-pro-layout .ast-site-header-cart .ast-addon-cart-wrap,
body.fnh-pro-layout .ast-header-account-wrap .ast-header-account-type-icon { color:var(--fnh-header-text) !important; }
body.fnh-pro-layout .ast-mobile-menu-trigger-minimal { color:var(--fnh-header-text) !important; border:1px solid rgba(255,255,255,.28) !important; border-radius:12px; padding:9px !important; }
body.fnh-pro-layout .ast-mobile-header-wrap .ast-mobile-header-content { background:#111 !important; box-shadow:0 18px 45px rgba(0,0,0,.28); }
body.fnh-pro-layout .ast-mobile-header-content .main-header-menu { display:block; padding:12px; }
body.fnh-pro-layout .ast-mobile-header-content .menu-item .menu-link { color:#fff !important; border:0 !important; border-radius:10px; margin:3px 0; padding:14px 16px !important; }

/* Injected hero/banner */
.fnh-pro-banner { display:flex; position:relative; isolation:isolate; width:100%; min-height:var(--fnh-banner-h); align-items:center; justify-content:center; overflow:hidden; color:#fff; background:#17100d var(--fnh-banner-image, linear-gradient(135deg,#30120e,#090909)) center/cover no-repeat; }
.fnh-pro-banner__shade { position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(0,0,0,var(--fnh-overlay)) 0%,rgba(0,0,0,calc(var(--fnh-overlay) * .72)) 52%,rgba(0,0,0,calc(var(--fnh-overlay) * .35)) 100%); }
.fnh-pro-banner__inner { width:min(calc(100% - 48px), var(--fnh-content)); margin:auto; padding:70px 0; text-align:left; }
.fnh-pro-banner h2 { color:#fff !important; margin:0 0 14px; max-width:900px; font-size:clamp(42px,5.7vw,92px); line-height:.9; letter-spacing:-.045em; font-weight:950; text-transform:uppercase; text-wrap:balance; text-shadow:0 5px 30px rgba(0,0,0,.25); }
.fnh-pro-banner p { color:#fff !important; max-width:720px; margin:0 0 26px; font-size:clamp(17px,1.4vw,23px); line-height:1.5; font-weight:650; }
.fnh-pro-btn { display:inline-flex; align-items:center; justify-content:center; min-height:52px; padding:13px 25px; background:var(--fnh-accent); color:#fff !important; border-radius:999px; font-size:14px; font-weight:900; letter-spacing:.08em; text-decoration:none !important; text-transform:uppercase; box-shadow:0 12px 28px rgba(0,0,0,.25); transition:.2s ease; }
.fnh-pro-btn:hover { transform:translateY(-2px) scale(1.015); filter:brightness(1.08); }

/* Existing content: professional spacing/alignment, no element removal */
body.fnh-pro-layout .entry-content { margin:0 auto; }
body.fnh-pro-layout .entry-content h1,
body.fnh-pro-layout .entry-content h2,
body.fnh-pro-layout .entry-content h3 { text-wrap:balance; }
body.fnh-pro-layout .entry-content p { text-wrap:pretty; }
body.fnh-pro-layout .wp-block-group__inner-container,
body.fnh-pro-layout .elementor-container,
body.fnh-pro-layout .e-con-inner { margin-left:auto; margin-right:auto; }
body.fnh-pro-layout .wp-block-columns { margin-left:auto; margin-right:auto; }
body.fnh-pro-layout .woocommerce ul.products { width:100%; }

@media (max-width: 1024px) {
  body.fnh-pro-layout .ast-container, .fnh-pro-banner__inner { width:min(calc(100% - 36px), var(--fnh-content)) !important; }
  body.fnh-pro-layout .main-header-bar, body.fnh-pro-layout .main-header-bar .ast-container { min-height:74px; }
  body.fnh-pro-layout .site-branding img, body.fnh-pro-layout .custom-logo { max-height:54px; }
}
@media (max-width: 782px) { body.admin-bar.fnh-sticky-header #masthead, body.admin-bar.fnh-sticky-header .site-header { top:46px; } }
@media (max-width: 767px) {
  body.fnh-pro-layout .ast-container, .fnh-pro-banner__inner { width:calc(100% - 28px) !important; }
  .fnh-pro-banner { min-height:var(--fnh-banner-h-mobile); background-image:var(--fnh-banner-mobile,var(--fnh-banner-image,linear-gradient(135deg,#30120e,#090909))); background-position:center; }
  .fnh-pro-banner__shade { background:rgba(0,0,0,var(--fnh-overlay)); }
  .fnh-pro-banner__inner { text-align:center; padding:48px 0; }
  .fnh-pro-banner h2 { font-size:clamp(38px,13vw,64px); margin-inline:auto; }
  .fnh-pro-banner p { font-size:16px; margin-inline:auto; }
  .fnh-pro-btn { width:min(100%,320px); }
  body.fnh-pro-layout .main-header-bar, body.fnh-pro-layout .main-header-bar .ast-container { min-height:68px; }
  body.fnh-pro-layout .site-branding img, body.fnh-pro-layout .custom-logo { max-height:48px; max-width:180px; }
}
@media (max-width: 360px) {
  body.fnh-pro-layout .ast-container, .fnh-pro-banner__inner { width:calc(100% - 22px) !important; }
  .fnh-pro-banner h2 { font-size:36px; }
}
@media (min-width: 1921px) {
  .fnh-pro-banner h2 { font-size:min(5vw,104px); }
}


/* Bundled FN Hot Sauce brand logo — replaces the text site name without changing WordPress content */
body.fnh-pro-layout .fnh-site-title-logo { margin:0 !important; line-height:0 !important; }
body.fnh-pro-layout .fnh-brand-logo-link { display:flex !important; align-items:center; padding:0 !important; text-decoration:none !important; }
body.fnh-pro-layout .fnh-brand-logo { display:block; width:auto; height:72px; max-width:190px; object-fit:contain; border-radius:50%; }
@media (max-width:1024px){ body.fnh-pro-layout .fnh-brand-logo { height:60px; max-width:160px; } }
@media (max-width:767px){ body.fnh-pro-layout .fnh-brand-logo { height:52px; max-width:138px; } }

/* v2.1 controlled header navigation: Homepage → Our Story → Cart */
body.fnh-pro-layout .fnh-managed-menu { align-items:center; }
body.fnh-pro-layout .fnh-managed-menu > .fnh-managed-menu-item { margin:0; }
body.fnh-pro-layout .fnh-managed-menu > .fnh-managed-menu-item > .menu-link { white-space:nowrap; }
body.fnh-pro-layout .fnh-managed-menu > .fnh-menu-cart > .menu-link { background:var(--fnh-accent) !important; color:#fff !important; padding-inline:20px !important; }
body.fnh-pro-layout .fnh-managed-menu > .fnh-menu-cart > .menu-link:hover { filter:brightness(1.09); }


/* =========================================================
   v2.9.3 — Banner rendered as a real responsive image.
   This intentionally replaces the old fixed-height CSS-background hero.
   ========================================================= */
.fnh-pro-banner.fnh-pro-banner--image{
  display:block!important;
  position:relative!important;
  isolation:isolate!important;
  width:100%!important;
  max-width:none!important;
  min-height:0!important;
  height:auto!important;
  aspect-ratio:auto!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  background:none!important;
}

.fnh-pro-banner--image .fnh-pro-banner__media{
  display:block!important;
  width:100%!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  line-height:0!important;
}

.fnh-pro-banner--image .fnh-pro-banner__media img{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center center!important;
}

.fnh-pro-banner--image .fnh-pro-banner__shade{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
}

.fnh-pro-banner--image .fnh-pro-banner__inner{
  position:absolute!important;
  z-index:2!important;
  inset:0!important;
  width:min(calc(100% - 48px),var(--fnh-content))!important;
  height:100%!important;
  margin:auto!important;
  padding:clamp(28px,4vw,70px) 0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  pointer-events:none!important;
}
.fnh-pro-banner--image .fnh-pro-banner__inner > *{
  pointer-events:auto!important;
}

/* If the artwork already contains all copy, empty overlay content adds no height. */
.fnh-pro-banner--image .fnh-pro-banner__inner:empty{
  display:none!important;
}

@media (max-width:767px){
  .fnh-pro-banner.fnh-pro-banner--image{
    min-height:0!important;
    height:auto!important;
  }
  .fnh-pro-banner--image .fnh-pro-banner__media img{
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    object-fit:contain!important;
  }
  .fnh-pro-banner--image .fnh-pro-banner__inner{
    width:calc(100% - 28px)!important;
    padding:28px 0!important;
    align-items:center!important;
    text-align:center!important;
  }
}

/* Explicitly neutralize the original fixed-height/cover banner rules. */
body.fnh-pro-layout .fnh-pro-banner.fnh-pro-banner--image{
  min-height:0!important;
  background-image:none!important;
  background-size:auto!important;
  background-position:center!important;
}


/* =========================================================
   v3.5 — CUSTOM BLACK FN FOOTER + BRANDED BACK-TO-TOP
   ========================================================= */

/* Completely remove Astra's white footer / credits. */
body.fnh-pro-layout footer.site-footer,
body.fnh-pro-layout .site-footer,
body.fnh-pro-layout .ast-small-footer,
body.fnh-pro-layout .ast-footer-overlay,
body.fnh-pro-layout .site-primary-footer-wrap,
body.fnh-pro-layout .site-below-footer-wrap,
body.fnh-pro-layout .ast-footer-copyright,
body.fnh-pro-layout .ast-builder-footer-grid-columns{
  display:none!important;
}

/* FN footer */
.fnh-site-footer{
  position:relative;
  isolation:isolate;
  width:100%;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 0%,rgba(215,25,32,.13),transparent 35%),
    linear-gradient(180deg,#080808 0%,#030303 100%);
  color:#fff;
  border-top:1px solid rgba(255,255,255,.08);
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}

.fnh-site-footer:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:
    radial-gradient(rgba(255,255,255,.055) .65px,transparent .65px),
    linear-gradient(135deg,transparent 0 47%,rgba(215,25,32,.025) 47% 51%,transparent 51% 100%);
  background-size:12px 12px,96px 96px;
  opacity:.62;
}

.fnh-site-footer:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:4px;
  background:linear-gradient(90deg,#d71920 0 33%,#5f8f2e 33% 66%,#f59b16 66% 100%);
}

.fnh-site-footer__glow{
  position:absolute;
  left:50%;
  bottom:-110px;
  width:min(72vw,1100px);
  height:190px;
  transform:translateX(-50%);
  border-radius:50%;
  background:radial-gradient(ellipse at center,rgba(215,25,32,.25),transparent 70%);
  filter:blur(32px);
  pointer-events:none;
}

.fnh-site-footer__main{
  position:relative;
  z-index:2;
  width:min(calc(100% - 56px),1700px);
  margin:0 auto;
  padding:46px 0 38px;
  display:grid;
  grid-template-columns:minmax(0,1.3fr) auto minmax(0,1fr);
  gap:clamp(34px,5vw,90px);
  align-items:center;
}

.fnh-site-footer__brand{
  display:flex;
  align-items:center;
  gap:20px;
  min-width:0;
}

.fnh-site-footer__logo-link{
  flex:0 0 auto;
  width:92px;
  height:92px;
  display:block;
  border-radius:50%;
  overflow:hidden;
  background:#fff;
  box-shadow:0 14px 34px rgba(0,0,0,.38),0 0 0 1px rgba(255,255,255,.08);
  transition:transform .25s ease,box-shadow .25s ease;
}
.fnh-site-footer__logo-link:hover{
  transform:translateY(-4px) rotate(-2deg);
  box-shadow:0 20px 42px rgba(0,0,0,.48),0 0 0 1px rgba(215,25,32,.35);
}
.fnh-site-footer__logo-link img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

.fnh-site-footer__brand-copy{
  display:flex;
  flex-direction:column;
  gap:5px;
  min-width:0;
}
.fnh-site-footer__brand-copy strong{
  font-size:clamp(18px,1.3vw,24px);
  line-height:1;
  letter-spacing:-.025em;
  font-weight:950;
}
.fnh-site-footer__brand-copy span{
  color:rgba(255,255,255,.62);
  font-size:13px;
  line-height:1.4;
}

.fnh-site-footer__nav{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:7px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:999px;
  background:rgba(255,255,255,.035);
}
.fnh-site-footer__nav a,
.fnh-site-footer__nav a:link,
.fnh-site-footer__nav a:visited{
  display:inline-flex;
  min-height:42px;
  align-items:center;
  justify-content:center;
  padding:0 18px;
  border-radius:999px;
  color:#fff!important;
  text-decoration:none!important;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  transition:background .2s ease,color .2s ease,transform .2s ease;
}
.fnh-site-footer__nav a:hover{
  background:#d71920;
  color:#fff!important;
  transform:translateY(-1px);
}

.fnh-site-footer__roots{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:8px;
}
.fnh-root-tag{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 13px;
  border-radius:5px;
  font-size:11px;
  font-weight:950;
  letter-spacing:.09em;
  transform:rotate(-1deg);
}
.fnh-root-trini{
  background:#111;
  color:#fff;
  border-left:4px solid #cf142b;
  box-shadow:0 8px 18px rgba(0,0,0,.24);
}
.fnh-root-canada{
  background:#d71920;
  color:#fff;
  transform:rotate(1deg);
  box-shadow:0 8px 18px rgba(215,25,32,.18);
}

.fnh-site-footer__bottom{
  position:relative;
  z-index:2;
  min-height:54px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:13px 24px;
  border-top:1px solid rgba(255,255,255,.08);
  background:#020202;
  color:rgba(255,255,255,.5);
  font-size:11px;
  font-weight:800;
  letter-spacing:.085em;
  text-align:center;
}
.fnh-site-footer__dot{
  color:#d71920;
  font-size:18px;
  line-height:1;
}

/* Astra back-to-top button: FN red/black instead of blue. */
body.fnh-pro-layout #ast-scroll-top,
body.fnh-pro-layout .ast-scroll-to-top-right,
body.fnh-pro-layout .ast-scroll-top-icon,
body.fnh-pro-layout .ast-scroll-top{
  background:#d71920!important;
  color:#fff!important;
  border-color:#d71920!important;
}

body.fnh-pro-layout #ast-scroll-top,
body.fnh-pro-layout .ast-scroll-to-top-right{
  width:48px!important;
  height:48px!important;
  border-radius:14px!important;
  box-shadow:0 12px 28px rgba(0,0,0,.28),0 0 0 1px rgba(255,255,255,.08)!important;
  transition:transform .2s ease,background .2s ease,box-shadow .2s ease!important;
}

body.fnh-pro-layout #ast-scroll-top:hover,
body.fnh-pro-layout .ast-scroll-to-top-right:hover{
  background:#090909!important;
  color:#fff!important;
  transform:translateY(-3px)!important;
  box-shadow:0 16px 34px rgba(0,0,0,.38),0 0 0 1px rgba(215,25,32,.4)!important;
}

body.fnh-pro-layout #ast-scroll-top svg,
body.fnh-pro-layout #ast-scroll-top .ast-icon,
body.fnh-pro-layout .ast-scroll-to-top-right svg{
  fill:currentColor!important;
  color:#fff!important;
}

@media (max-width:1000px){
  .fnh-site-footer__main{
    grid-template-columns:1fr;
    text-align:center;
    width:min(calc(100% - 36px),780px);
    gap:26px;
  }
  .fnh-site-footer__brand{
    justify-content:center;
  }
  .fnh-site-footer__nav{
    justify-self:center;
    flex-wrap:wrap;
  }
  .fnh-site-footer__roots{
    align-items:center;
  }
}

@media (max-width:560px){
  .fnh-site-footer__main{
    width:calc(100% - 28px);
    padding:36px 0 30px;
  }
  .fnh-site-footer__brand{
    flex-direction:column;
  }
  .fnh-site-footer__logo-link{
    width:82px;
    height:82px;
  }
  .fnh-site-footer__nav{
    width:100%;
    display:grid;
    grid-template-columns:1fr;
    border-radius:18px;
  }
  .fnh-site-footer__nav a{
    width:100%;
  }
  .fnh-site-footer__bottom{
    flex-wrap:wrap;
    gap:7px;
  }
  .fnh-site-footer__dot{
    display:none;
  }
  body.fnh-pro-layout #ast-scroll-top,
  body.fnh-pro-layout .ast-scroll-to-top-right{
    width:44px!important;
    height:44px!important;
    right:14px!important;
    bottom:14px!important;
  }
}


/* =========================================================
   v3.5.1 — Unified final section
   Removes duplicate footer logo and visually joins the story CTA + footer.
   ========================================================= */

/* Make story-bottom and footer read as one continuous black finale. */
.fn-story-poster-page .fn-story-bottom-band{
  border-bottom:0!important;
  margin-bottom:0!important;
  box-shadow:none!important;
  background:
    radial-gradient(circle at 50% 0%,rgba(215,25,32,.10),transparent 34%),
    linear-gradient(180deg,#090909 0%,#070707 100%)!important;
}

.fnh-site-footer{
  margin-top:0!important;
  border-top:0!important;
  background:
    radial-gradient(circle at 50% -10%,rgba(215,25,32,.10),transparent 34%),
    linear-gradient(180deg,#070707 0%,#020202 100%)!important;
}

/* Replace the hard separator with a subtle heat line. */
.fnh-site-footer:after{
  height:3px!important;
  background:linear-gradient(
    90deg,
    #d71920 0 33.333%,
    #5f8f2e 33.333% 66.666%,
    #f59b16 66.666% 100%
  )!important;
  opacity:.88!important;
}

/* Footer is now a continuation, not a second hero/footer block. */
.fnh-site-footer__main{
  width:min(calc(100% - 56px),1700px)!important;
  padding:34px 0 30px!important;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
  gap:clamp(28px,4.5vw,72px)!important;
}

/* New signoff block replaces repeated logo. */
.fnh-site-footer__signoff{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:5px;
  min-width:0;
}
.fnh-site-footer__eyebrow{
  color:#ef343b;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  font-size:11px;
  font-weight:900;
  letter-spacing:.16em;
}
.fnh-site-footer__signoff strong{
  color:#fff;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  font-size:clamp(18px,1.25vw,23px);
  line-height:1.05;
  font-weight:950;
  letter-spacing:-.025em;
}

/* Hide legacy logo-specific footer styles if they linger in browser cache. */
.fnh-site-footer__brand,
.fnh-site-footer__logo-link,
.fnh-site-footer__brand-copy{
  display:none!important;
}

/* Navigation feels integrated instead of floating as a separate pill. */
.fnh-site-footer__nav{
  padding:4px!important;
  border-color:rgba(255,255,255,.08)!important;
  background:rgba(255,255,255,.025)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.fnh-site-footer__nav a,
.fnh-site-footer__nav a:link,
.fnh-site-footer__nav a:visited{
  min-height:40px!important;
  padding:0 16px!important;
}

/* Roots tags align as part of the same closing statement. */
.fnh-site-footer__roots{
  gap:6px!important;
}
.fnh-root-tag{
  min-height:32px!important;
  padding:0 12px!important;
  font-size:10px!important;
}

/* Bottom copyright becomes quieter and less like another separate footer. */
.fnh-site-footer__bottom{
  min-height:46px!important;
  padding:10px 20px!important;
  background:#010101!important;
  color:rgba(255,255,255,.38)!important;
  font-size:10px!important;
  letter-spacing:.075em!important;
}

/* Make the top story CTA and footer visually align in width. */
.fn-story-poster-page .fn-story-bottom-grid{
  max-width:1700px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Back-to-top button stays integrated with this black/red finale. */
body.fnh-pro-layout #ast-scroll-top,
body.fnh-pro-layout .ast-scroll-to-top-right{
  background:#d71920!important;
  border:1px solid rgba(255,255,255,.08)!important;
}
body.fnh-pro-layout #ast-scroll-top:hover,
body.fnh-pro-layout .ast-scroll-to-top-right:hover{
  background:#111!important;
  box-shadow:0 16px 34px rgba(0,0,0,.4),0 0 0 1px rgba(215,25,32,.45)!important;
}

@media (max-width:1000px){
  .fnh-site-footer__main{
    grid-template-columns:1fr!important;
    text-align:center!important;
  }
  .fnh-site-footer__signoff{
    align-items:center!important;
  }
}

@media (max-width:560px){
  .fnh-site-footer__main{
    width:calc(100% - 28px)!important;
    padding:28px 0 24px!important;
  }
  .fnh-site-footer__nav{
    width:100%!important;
  }
}


/* =========================================================
   v3.6.0 — SHOP THE HEAT
   ========================================================= */
.fnh-store{background:#f4efe6;color:#111;overflow:hidden}
.fnh-store *{box-sizing:border-box}
.fnh-store-hero{min-height:clamp(560px,70vh,820px);display:grid;grid-template-columns:minmax(360px,.9fr) minmax(520px,1.35fr);align-items:center;gap:40px;padding:clamp(55px,6vw,110px) max(5vw,32px);position:relative;background:
radial-gradient(circle at 72% 45%,rgba(215,25,32,.12),transparent 28%),
linear-gradient(115deg,#080808 0 46%,#15100d 46% 100%);color:#fff}
.fnh-store-hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:16px 16px;opacity:.18;pointer-events:none}
.fnh-store-hero__copy,.fnh-store-hero__art{position:relative;z-index:1}
.fnh-store-kicker{display:inline-block;color:#f59b16;font-weight:900;letter-spacing:.15em;font-size:12px;margin-bottom:18px}
.fnh-store-hero h1{font-size:clamp(58px,6vw,116px);line-height:.82;letter-spacing:-.055em;margin:0 0 28px;font-weight:1000;color:#fff}
.fnh-store-hero h1 em{display:block;color:#e31b23;font-style:normal}
.fnh-store-hero p{max-width:600px;font-size:clamp(17px,1.3vw,22px);line-height:1.55;color:rgba(255,255,255,.78)}
.fnh-store-scroll{display:inline-flex;align-items:center;gap:24px;margin-top:20px;padding:17px 24px;background:#e31b23;color:#fff!important;text-decoration:none!important;font-weight:950;letter-spacing:.08em}
.fnh-store-scroll:hover{background:#fff;color:#111!important;transform:translateY(-2px)}
.fnh-store-hero__art{text-align:center;align-self:end}
.fnh-store-hero__art img{display:block;width:min(100%,950px);max-height:720px;object-fit:contain;margin:auto;filter:drop-shadow(0 34px 30px rgba(0,0,0,.45));animation:fnhStoreFloat 5s ease-in-out infinite}
@keyframes fnhStoreFloat{50%{transform:translateY(-12px)}}

.fnh-store-products{padding:clamp(65px,7vw,120px) max(4vw,24px) clamp(75px,8vw,130px);background:#f5f0e7}
.fnh-store-heading{text-align:center;margin-bottom:46px}
.fnh-store-heading span{font-size:11px;font-weight:950;letter-spacing:.18em;color:#d71920}
.fnh-store-heading h2{margin:8px 0 0;font-size:clamp(42px,5vw,78px);line-height:.9;letter-spacing:-.045em}
.fnh-store-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,30px);max-width:1780px;margin:auto}
.fnh-store-card{min-width:0;border-radius:28px;overflow:hidden;position:relative;display:flex;flex-direction:column;min-height:690px;box-shadow:0 25px 60px rgba(44,30,16,.12);transition:transform .3s ease,box-shadow .3s ease}
.fnh-store-card:hover{transform:translateY(-9px);box-shadow:0 34px 75px rgba(44,30,16,.18)}
.fnh-store-card--mild{background:linear-gradient(145deg,#6e9f37,#315f1e);color:#fff}
.fnh-store-card--slight{background:linear-gradient(145deg,#ffb22d,#ef7900);color:#fff}
.fnh-store-card--hot{background:linear-gradient(145deg,#f1373e,#b90d16);color:#fff}
.fnh-store-card__heat{position:absolute;z-index:2;top:24px;left:24px;padding:9px 12px;border:1px solid rgba(255,255,255,.32);border-radius:999px;background:rgba(0,0,0,.16);backdrop-filter:blur(8px);font-size:10px;font-weight:950;letter-spacing:.12em}
.fnh-store-card__image{height:430px;display:flex;align-items:flex-end;justify-content:center;padding:55px 24px 0;text-decoration:none}
.fnh-store-card__image img{height:100%;max-width:88%;object-fit:contain;filter:drop-shadow(0 22px 18px rgba(0,0,0,.28));transition:transform .35s ease}
.fnh-store-card:hover .fnh-store-card__image img{transform:scale(1.035) translateY(-5px)}
.fnh-store-card__body{padding:26px 30px 30px;margin-top:auto;background:linear-gradient(180deg,transparent,rgba(0,0,0,.18))}
.fnh-store-card h3{font-size:clamp(34px,3vw,54px);line-height:.92;margin:0 0 13px;color:#fff;letter-spacing:-.04em;text-transform:uppercase}
.fnh-store-card p{font-size:15px;line-height:1.5;color:rgba(255,255,255,.9);min-height:68px;margin:0 0 20px}
.fnh-store-card__buy{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid rgba(255,255,255,.24);padding-top:20px}
.fnh-store-card__buy strong{font-size:28px;white-space:nowrap}.fnh-store-card__buy small{font-size:10px;letter-spacing:.1em}
.fnh-store-card__buy a{background:#090909;color:#fff!important;text-decoration:none!important;padding:15px 18px;border-radius:999px;font-size:11px;font-weight:950;letter-spacing:.08em;white-space:nowrap}
.fnh-store-card__buy a:hover{background:#fff;color:#111!important}
.fnh-store-end{display:flex;justify-content:center;align-items:center;gap:clamp(20px,5vw,80px);padding:25px 30px;background:#090909;color:#fff;text-align:center;font-size:12px;font-weight:900;letter-spacing:.09em}
.fnh-store-end strong{color:#e31b23}

@media(max-width:900px){
 .fnh-store-hero{grid-template-columns:1fr;min-height:auto;padding:65px 24px 0;text-align:center}
 .fnh-store-hero__copy{display:flex;flex-direction:column;align-items:center}
 .fnh-store-hero__art img{max-height:540px}
 .fnh-store-grid{grid-template-columns:1fr;max-width:600px}
 .fnh-store-card{min-height:620px}
 .fnh-store-card__image{height:390px}
 .fnh-store-end{flex-direction:column;gap:7px}
}
@media(max-width:520px){
 .fnh-store-hero{padding-top:45px}
 .fnh-store-hero h1{font-size:58px}
 .fnh-store-hero__art img{width:120%;max-width:none;margin-left:-10%}
 .fnh-store-products{padding-left:14px;padding-right:14px}
 .fnh-store-card{border-radius:22px}
 .fnh-store-card__body{padding:22px}
 .fnh-store-card__buy{align-items:flex-end}
 .fnh-store-card__buy strong{font-size:24px}
}


/* =========================================================
   v3.6.1 — COMPACT SHOP CARDS + CLEAN DESKTOP NAV
   ========================================================= */

/* ---------- SHOP PAGE: shorter cards, complete bottle images ---------- */
.fnh-store-products{
  padding-top:clamp(52px,5.5vw,90px)!important;
  padding-bottom:clamp(62px,6.5vw,105px)!important;
}

.fnh-store-grid{
  gap:clamp(18px,1.7vw,28px)!important;
  max-width:1660px!important;
}

.fnh-store-card{
  min-height:560px!important;
  border-radius:24px!important;
}

.fnh-store-card__image{
  height:315px!important;
  min-height:315px!important;
  padding:54px 20px 0!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
  overflow:visible!important;
}

.fnh-store-card__image img{
  display:block!important;
  width:auto!important;
  height:285px!important;
  max-width:74%!important;
  max-height:285px!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  margin:0 auto!important;
  padding:0!important;
  border:0!important;
  transform:none!important;
}

.fnh-store-card__body{
  padding:22px 26px 26px!important;
}

.fnh-store-card h3{
  font-size:clamp(30px,2.35vw,44px)!important;
  margin-bottom:10px!important;
}

.fnh-store-card p{
  min-height:0!important;
  margin-bottom:16px!important;
  font-size:14px!important;
  line-height:1.45!important;
}

.fnh-store-card__buy{
  padding-top:16px!important;
}

.fnh-store-card__buy strong{
  font-size:24px!important;
}

.fnh-store-card__buy a{
  padding:13px 16px!important;
}

/* Product hover should never clip bottle artwork. */
.fnh-store-card:hover .fnh-store-card__image img{
  transform:translateY(-5px) scale(1.025)!important;
}

/* 1080p / common desktop */
@media (min-width:901px) and (max-width:1599px){
  .fnh-store-grid{
    max-width:1440px!important;
  }

  .fnh-store-card{
    min-height:535px!important;
  }

  .fnh-store-card__image{
    height:292px!important;
    min-height:292px!important;
    padding-top:48px!important;
  }

  .fnh-store-card__image img{
    height:260px!important;
    max-height:260px!important;
    max-width:72%!important;
  }
}

/* Large 2K / 4K: don't let cards become giant posters. */
@media (min-width:1600px){
  .fnh-store-grid{
    max-width:1740px!important;
  }

  .fnh-store-card{
    min-height:590px!important;
  }

  .fnh-store-card__image{
    height:335px!important;
    min-height:335px!important;
  }

  .fnh-store-card__image img{
    height:305px!important;
    max-height:305px!important;
    max-width:72%!important;
  }
}

/* Tablet/mobile */
@media (max-width:900px){
  .fnh-store-card{
    min-height:0!important;
  }

  .fnh-store-card__image{
    height:330px!important;
    min-height:330px!important;
  }

  .fnh-store-card__image img{
    height:300px!important;
    max-height:300px!important;
    max-width:68%!important;
  }
}

@media (max-width:520px){
  .fnh-store-card__image{
    height:285px!important;
    min-height:285px!important;
    padding-top:42px!important;
  }

  .fnh-store-card__image img{
    height:255px!important;
    max-height:255px!important;
    max-width:72%!important;
  }
}

/* ---------- DESKTOP HEADER / NAV ---------- */

/* Hide Astra's duplicate/default desktop navigation output.
   Keep only the plugin's branded nav/header. */
@media (min-width:922px){
  body.fnh-pro-layout .ast-primary-header-bar,
  body.fnh-pro-layout .site-header-primary-section-right .main-header-menu,
  body.fnh-pro-layout .main-navigation:not(.fnh-pro-nav),
  body.fnh-pro-layout .ast-builder-menu,
  body.fnh-pro-layout #primary-site-navigation-desktop{
    display:none!important;
  }

  /* Plugin header becomes the single desktop header. */
  body.fnh-pro-layout .fnh-pro-header,
  body.fnh-pro-layout #fnh-pro-header{
    display:flex!important;
    width:100%!important;
    min-height:84px!important;
    background:rgba(7,7,7,.97)!important;
    border-bottom:1px solid rgba(255,255,255,.08)!important;
    box-shadow:0 12px 32px rgba(0,0,0,.18)!important;
    backdrop-filter:blur(12px)!important;
  }

  body.fnh-pro-layout .fnh-pro-header__inner,
  body.fnh-pro-layout #fnh-pro-header .fnh-pro-header__inner{
    width:min(calc(100% - 64px),1700px)!important;
    margin:0 auto!important;
    min-height:84px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:30px!important;
  }

  body.fnh-pro-layout .fnh-pro-logo,
  body.fnh-pro-layout .fnh-pro-header__logo img{
    width:68px!important;
    height:68px!important;
    object-fit:contain!important;
  }

  body.fnh-pro-layout .fnh-pro-nav{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:6px!important;
    margin-left:auto!important;
  }

  body.fnh-pro-layout .fnh-pro-nav a,
  body.fnh-pro-layout .fnh-pro-nav a:link,
  body.fnh-pro-layout .fnh-pro-nav a:visited{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:42px!important;
    padding:0 17px!important;
    border-radius:999px!important;
    color:#fff!important;
    background:transparent!important;
    text-decoration:none!important;
    font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
    font-size:12px!important;
    font-weight:900!important;
    letter-spacing:.075em!important;
    white-space:nowrap!important;
    transition:background .2s ease,color .2s ease,transform .2s ease!important;
  }

  body.fnh-pro-layout .fnh-pro-nav a:hover{
    background:rgba(255,255,255,.08)!important;
    color:#fff!important;
    transform:translateY(-1px)!important;
  }

  /* Make SHOP the standout nav action. */
  body.fnh-pro-layout .fnh-pro-nav a[href*="/shop/"]{
    background:#d71920!important;
    color:#fff!important;
    box-shadow:0 8px 20px rgba(215,25,32,.2)!important;
  }

  body.fnh-pro-layout .fnh-pro-nav a[href*="/shop/"]:hover{
    background:#ef252d!important;
    color:#fff!important;
  }

  /* Cart remains dark outlined instead of another competing bright button. */
  body.fnh-pro-layout .fnh-pro-nav a[href*="/cart/"]{
    border:1px solid rgba(255,255,255,.18)!important;
    background:rgba(255,255,255,.03)!important;
  }
}

/* Prevent fallback script-added SHOP link from looking different. */
.fnh-shop-menu-link{
  color:inherit!important;
  text-decoration:none!important;
}


/* =========================================================
   v3.6.2 — RESTORE + POLISH ACTUAL ASTRA FN HEADER
   ========================================================= */

@media (min-width:922px){

  /* Restore the real Astra desktop header hidden by v3.6.1. */
  body.fnh-pro-layout .ast-primary-header-bar{
    display:block!important;
    width:100%!important;
    min-height:82px!important;
    background:rgba(7,7,7,.98)!important;
    border-bottom:1px solid rgba(255,255,255,.08)!important;
    box-shadow:0 10px 28px rgba(0,0,0,.18)!important;
  }

  body.fnh-pro-layout #masthead,
  body.fnh-pro-layout .site-header{
    display:block!important;
    background:#070707!important;
  }

  body.fnh-pro-layout .ast-builder-grid-row-container,
  body.fnh-pro-layout .ast-builder-grid-row{
    display:grid!important;
  }

  body.fnh-pro-layout .site-header-primary-section-left,
  body.fnh-pro-layout .site-header-primary-section-right{
    display:flex!important;
    align-items:center!important;
  }

  body.fnh-pro-layout .site-header-primary-section-right{
    justify-content:flex-end!important;
  }

  /* Restore the actual navigation wrapper. */
  body.fnh-pro-layout .site-header-primary-section-right .main-navigation,
  body.fnh-pro-layout #primary-site-navigation-desktop,
  body.fnh-pro-layout .ast-builder-menu,
  body.fnh-pro-layout .ast-builder-menu-1{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
  }

  /* Actual FN-managed Astra menu. */
  body.fnh-pro-layout .main-header-menu.fnh-managed-menu{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    flex-wrap:nowrap!important;
    gap:6px!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    list-style:none!important;
  }

  body.fnh-pro-layout .main-header-menu.fnh-managed-menu > .menu-item{
    display:block!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
  }

  body.fnh-pro-layout .main-header-menu.fnh-managed-menu > .menu-item > .menu-link{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:42px!important;
    padding:0 17px!important;
    border-radius:999px!important;
    border:0!important;
    background:transparent!important;
    color:#fff!important;
    text-decoration:none!important;
    font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
    font-size:12px!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:.075em!important;
    white-space:nowrap!important;
    transition:background .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease!important;
  }

  body.fnh-pro-layout .main-header-menu.fnh-managed-menu > .menu-item > .menu-link:hover{
    background:rgba(255,255,255,.08)!important;
    color:#fff!important;
    transform:translateY(-1px)!important;
  }

  /* SHOP is the main red action. */
  body.fnh-pro-layout .main-header-menu.fnh-managed-menu > .fnh-menu-shop > .menu-link{
    background:#d71920!important;
    color:#fff!important;
    box-shadow:0 8px 20px rgba(215,25,32,.22)!important;
  }

  body.fnh-pro-layout .main-header-menu.fnh-managed-menu > .fnh-menu-shop > .menu-link:hover{
    background:#ef252d!important;
  }

  /* Cart stays secondary / outlined. */
  body.fnh-pro-layout .main-header-menu.fnh-managed-menu > .fnh-menu-cart > .menu-link{
    border:1px solid rgba(255,255,255,.18)!important;
    background:rgba(255,255,255,.035)!important;
  }

  /* Keep the FN logo compact and balanced against nav. */
  body.fnh-pro-layout .site-branding{
    display:flex!important;
    align-items:center!important;
    padding:7px 0!important;
  }

  body.fnh-pro-layout .fnh-brand-logo-link{
    display:block!important;
    line-height:0!important;
  }

  body.fnh-pro-layout .fnh-brand-logo{
    display:block!important;
    width:66px!important;
    height:66px!important;
    object-fit:contain!important;
    border-radius:50%!important;
  }

  /* Let Astra's row use the available width cleanly. */
  body.fnh-pro-layout .ast-primary-header-bar .site-primary-header-wrap{
    width:min(calc(100% - 56px),1700px)!important;
    max-width:1700px!important;
    margin:0 auto!important;
    padding-left:0!important;
    padding-right:0!important;
  }
}

/* Mobile continues to use Astra's burger/menu system. */
@media (max-width:921px){
  body.fnh-pro-layout .ast-primary-header-bar,
  body.fnh-pro-layout #masthead,
  body.fnh-pro-layout .site-header{
    display:block!important;
  }

  body.fnh-pro-layout .main-header-menu.fnh-managed-menu .fnh-menu-shop > .menu-link{
    color:#d71920!important;
    font-weight:900!important;
  }
}


/* =========================================================
   v3.7.0 — TRUE FULL-WIDTH SHOP + PREMIUM STORE EXPERIENCE
   ========================================================= */

/* ---------- Remove Astra sizing constraints on /shop/ ---------- */
body.fnh-shop-page .site-content,
body.fnh-shop-page .site-content > .ast-container,
body.fnh-shop-page #primary,
body.fnh-shop-page #main,
body.fnh-shop-page .site-main,
body.fnh-shop-page article.page,
body.fnh-shop-page .entry-content{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding-left:0!important;
  padding-right:0!important;
}

body.fnh-shop-page .site-content > .ast-container{
  display:block!important;
}

body.fnh-shop-page .entry-header,
body.fnh-shop-page .entry-title{
  display:none!important;
}

body.fnh-shop-page .entry-content{
  overflow:visible!important;
}

/* The store itself breaks out to the real viewport if any parent survives. */
body.fnh-shop-page .fnh-store{
  position:relative!important;
  left:50%!important;
  width:100vw!important;
  max-width:100vw!important;
  margin-left:-50vw!important;
  margin-right:-50vw!important;
  overflow:hidden!important;
}

/* ---------- Hero ---------- */
body.fnh-shop-page .fnh-store-hero{
  min-height:clamp(590px,68vw,850px)!important;
  padding-left:clamp(30px,5.5vw,110px)!important;
  padding-right:clamp(30px,5.5vw,110px)!important;
  grid-template-columns:minmax(360px,.78fr) minmax(560px,1.3fr)!important;
  gap:clamp(30px,4vw,80px)!important;
}

body.fnh-shop-page .fnh-store-hero__copy{
  max-width:680px;
}

body.fnh-shop-page .fnh-store-hero h1{
  font-size:clamp(62px,6.3vw,122px)!important;
}

body.fnh-shop-page .fnh-store-hero__art img{
  width:min(100%,1040px)!important;
  max-height:740px!important;
}

/* ---------- Heading ---------- */
body.fnh-shop-page .fnh-store-heading{
  max-width:900px;
  margin:0 auto 32px!important;
}

body.fnh-shop-page .fnh-store-heading p{
  margin:12px auto 0;
  color:#645f58;
  font-size:15px;
  font-weight:600;
}

/* ---------- Interactive heat selector ---------- */
.fnh-shop-heat-scale{
  width:min(calc(100% - 20px),1180px);
  margin:0 auto clamp(34px,4vw,58px);
  display:grid;
  grid-template-columns:auto 1fr auto 1fr auto;
  align-items:center;
  gap:14px;
}

.fnh-heat-step{
  min-width:150px;
  display:grid;
  grid-template-columns:40px 1fr;
  grid-template-rows:auto auto;
  column-gap:10px;
  padding:12px 16px;
  border-radius:18px;
  background:#fff;
  border:1px solid rgba(20,20,20,.1);
  box-shadow:0 10px 24px rgba(40,28,14,.08);
  color:#151515!important;
  text-decoration:none!important;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}

.fnh-heat-step:hover{
  transform:translateY(-4px);
  box-shadow:0 16px 32px rgba(40,28,14,.13);
}

.fnh-heat-step i{
  grid-row:1 / 3;
  align-self:center;
  width:40px;height:40px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#fff;
  font-style:normal;
  font-size:10px;
  font-weight:950;
  letter-spacing:.05em;
}

.fnh-heat-step b{
  font-size:13px;
  line-height:1.1;
  letter-spacing:.045em;
}

.fnh-heat-step span{
  margin-top:3px;
  color:#77716b;
  font-size:11px;
  font-weight:600;
}

.fnh-heat-step--mild i{background:#5f8f2e}
.fnh-heat-step--slight i{background:#f59b16}
.fnh-heat-step--hot i{background:#d71920}

.fnh-heat-step--mild:hover{border-color:rgba(95,143,46,.45)}
.fnh-heat-step--slight:hover{border-color:rgba(245,155,22,.5)}
.fnh-heat-step--hot:hover{border-color:rgba(215,25,32,.45)}

.fnh-heat-track{
  height:4px;
  border-radius:999px;
  background:linear-gradient(90deg,#5f8f2e,#f59b16,#d71920);
  opacity:.45;
}

/* ---------- Product area: use more width, but keep cards elegant ---------- */
body.fnh-shop-page .fnh-store-products{
  width:100%!important;
  padding-left:clamp(24px,3.5vw,74px)!important;
  padding-right:clamp(24px,3.5vw,74px)!important;
}

body.fnh-shop-page .fnh-store-grid{
  width:100%!important;
  max-width:1880px!important;
  margin:0 auto!important;
  gap:clamp(20px,2vw,34px)!important;
}

body.fnh-shop-page .fnh-store-card{
  min-height:520px!important;
  border-radius:26px!important;
}

body.fnh-shop-page .fnh-store-card__image{
  height:280px!important;
  min-height:280px!important;
  padding-top:44px!important;
}

body.fnh-shop-page .fnh-store-card__image img{
  height:255px!important;
  max-height:255px!important;
  max-width:68%!important;
}

body.fnh-shop-page .fnh-store-card__body{
  padding:22px 28px 26px!important;
}

body.fnh-shop-page .fnh-store-card h3{
  font-size:clamp(30px,2.4vw,46px)!important;
}

/* Add a subtle glass highlight to make cards more premium. */
body.fnh-shop-page .fnh-store-card:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(135deg,rgba(255,255,255,.15),transparent 25% 75%,rgba(0,0,0,.06));
  opacity:.55;
}

body.fnh-shop-page .fnh-store-card__heat,
body.fnh-shop-page .fnh-store-card__image,
body.fnh-shop-page .fnh-store-card__body{
  position:relative;
  z-index:1;
}

/* ---------- Store finale ---------- */
body.fnh-shop-page .fnh-store-end{
  min-height:78px;
  background:
    radial-gradient(circle at 50% 0,rgba(215,25,32,.14),transparent 42%),
    #080808!important;
  border-top:1px solid rgba(255,255,255,.07);
}

/* ---------- Tablet ---------- */
@media (max-width:1000px){
  body.fnh-shop-page .fnh-store-hero{
    grid-template-columns:1fr!important;
    min-height:0!important;
    text-align:center!important;
    padding:64px 24px 0!important;
  }

  .fnh-shop-heat-scale{
    grid-template-columns:1fr;
    max-width:560px;
    gap:10px;
  }

  .fnh-heat-track{
    width:4px;
    height:18px;
    justify-self:center;
    background:linear-gradient(180deg,#5f8f2e,#f59b16,#d71920);
  }

  .fnh-heat-step{
    width:100%;
  }
}

/* ---------- Mobile ---------- */
@media (max-width:560px){
  body.fnh-shop-page .fnh-store{
    width:100vw!important;
  }

  body.fnh-shop-page .fnh-store-products{
    padding-left:12px!important;
    padding-right:12px!important;
  }

  body.fnh-shop-page .fnh-store-card{
    border-radius:22px!important;
  }

  body.fnh-shop-page .fnh-store-card__image{
    height:260px!important;
    min-height:260px!important;
  }

  body.fnh-shop-page .fnh-store-card__image img{
    height:235px!important;
    max-height:235px!important;
  }
}


/* =========================================================
   v3.7.1 — SHOP PAGE: REMOVE TOP HERO/BANNER
   ========================================================= */
body.fnh-shop-page .fnh-store-hero{
  display:none!important;
}

body.fnh-shop-page .fnh-store-products{
  padding-top:clamp(52px,5vw,82px)!important;
}


/* =========================================================
   v3.8.0 — ACTIVE NAV STATES + CART ICON
   ========================================================= */

/* Base nav links stay dark/neutral. */
body.fnh-pro-layout .main-header-menu.fnh-managed-menu > .menu-item > .menu-link{
  position:relative!important;
  overflow:hidden!important;
}

/* Active page colour states */
body.fnh-pro-layout .main-header-menu.fnh-managed-menu > .fnh-menu-home.is-active > .menu-link{
  background:#111!important;
  color:#fff!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)!important;
}

body.fnh-pro-layout .main-header-menu.fnh-managed-menu > .fnh-menu-story.is-active > .menu-link{
  background:#f59b16!important;
  color:#111!important;
  box-shadow:0 8px 20px rgba(245,155,22,.22)!important;
}

body.fnh-pro-layout .main-header-menu.fnh-managed-menu > .fnh-menu-shop.is-active > .menu-link{
  background:#d71920!important;
  color:#fff!important;
  box-shadow:0 8px 20px rgba(215,25,32,.26)!important;
}

/* Non-active SHOP should no longer always be bright red. */
body.fnh-pro-layout .main-header-menu.fnh-managed-menu > .fnh-menu-shop:not(.is-active) > .menu-link{
  background:transparent!important;
  color:#fff!important;
  box-shadow:none!important;
}

body.fnh-pro-layout .main-header-menu.fnh-managed-menu > .fnh-menu-shop:not(.is-active) > .menu-link:hover{
  background:rgba(215,25,32,.18)!important;
}

/* Dedicated cart button */
.fnh-header-cart,
.fnh-header-cart:link,
.fnh-header-cart:visited{
  flex:0 0 auto;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px;
  min-width:46px;
  height:46px;
  margin-left:10px;
  padding:0 13px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.16);
  background:#111;
  color:#fff!important;
  text-decoration:none!important;
  box-shadow:0 8px 20px rgba(0,0,0,.18);
  transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease;
}

.fnh-header-cart svg{
  width:21px;
  height:21px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.fnh-header-cart .fnh-cart-label{
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
}

.fnh-header-cart:hover{
  transform:translateY(-2px);
  background:#d71920;
  border-color:#d71920;
  color:#fff!important;
  box-shadow:0 12px 24px rgba(215,25,32,.25);
}

.fnh-header-cart.is-active{
  background:#d71920!important;
  border-color:#d71920!important;
  color:#fff!important;
}

/* Desktop: icon sits to the far right after menu. */
@media (min-width:922px){
  body.fnh-pro-layout .site-header-primary-section-right{
    gap:8px!important;
  }

  body.fnh-pro-layout .main-navigation{
    margin-left:auto!important;
  }

  body.fnh-pro-layout .fnh-header-cart{
    order:99;
  }
}

/* Mobile: compact icon always visible beside burger. */
@media (max-width:921px){
  body.fnh-pro-layout .fnh-header-cart{
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
    padding:0!important;
    margin-left:8px!important;
    border-radius:13px!important;
  }

  body.fnh-pro-layout .fnh-header-cart .fnh-cart-label{
    display:none!important;
  }

  body.fnh-pro-layout .fnh-header-cart svg{
    width:20px!important;
    height:20px!important;
  }

  body.fnh-pro-layout .site-header-primary-section-right{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
  }

  /* Active mobile menu item gets a left colour accent. */
  body.fnh-pro-layout .main-header-menu.fnh-managed-menu > .menu-item.is-active > .menu-link{
    border-left:4px solid #d71920!important;
    padding-left:14px!important;
  }

  body.fnh-pro-layout .main-header-menu.fnh-managed-menu > .fnh-menu-story.is-active > .menu-link{
    border-left-color:#f59b16!important;
  }
}


/* v3.8.1 — SHOP ORDER ONLY
   01 SLIGHT-PEPPA · 02 MILD · 03 HOT
   Original v3.8.0 bottles/colors retained. */
.fnh-shop-heat-scale .fnh-heat-track{
  background:linear-gradient(90deg,#f59b16,#5f8f2e,#d71920)!important;
}
@media (max-width:1000px){
  .fnh-shop-heat-scale .fnh-heat-track{
    background:linear-gradient(180deg,#f59b16,#5f8f2e,#d71920)!important;
  }
}


/* v3.8.2 — SHOP HEAT ORDER
   01 HOT (most spicy) · 02 MILD · 03 SLIGHT-PEPPA (least spicy) */
.fnh-shop-heat-scale .fnh-heat-track{
  background:linear-gradient(90deg,#d71920,#5f8f2e,#f59b16)!important;
}
@media (max-width:1000px){
  .fnh-shop-heat-scale .fnh-heat-track{
    background:linear-gradient(180deg,#d71920,#5f8f2e,#f59b16)!important;
  }
}


/* =========================================================
   v3.8.5 — HOMEPAGE-ONLY GLOBAL BANNER
   + INTERACTIVE SHOP-ONLY HERO
   ========================================================= */

/* Old shop hero was hidden in earlier versions. New hero is independent. */
body.fnh-shop-page .fnh-store-hero{
  display:none!important;
}

.fnh-shop-exclusive-hero{
  --shop-active:#d71920;
  position:relative;
  width:100%;
  min-height:clamp(610px,66vw,820px);
  overflow:hidden;
  background:
    radial-gradient(circle at 16% 12%,rgba(215,25,32,.14),transparent 32%),
    radial-gradient(circle at 82% 78%,rgba(242,154,23,.11),transparent 30%),
    linear-gradient(135deg,#050505 0%,#0b0b0b 54%,#100908 100%);
  color:#fff;
  isolation:isolate;
}

.fnh-shop-exclusive-hero[data-selected-heat="hot"]{--shop-active:#d71920}
.fnh-shop-exclusive-hero[data-selected-heat="mild"]{--shop-active:#587f2c}
.fnh-shop-exclusive-hero[data-selected-heat="slight"]{--shop-active:#f29a17}

.fnh-shop-exclusive-bg,
.fnh-shop-grid-noise{
  position:absolute;
  inset:0;
  pointer-events:none;
}

.fnh-shop-grid-noise{
  opacity:.14;
  background-image:radial-gradient(rgba(255,255,255,.38) .65px,transparent .65px);
  background-size:8px 8px;
}

.fnh-shop-orb{
  position:absolute;
  border-radius:50%;
  filter:blur(44px);
  opacity:.28;
  transition:background .45s ease,transform 1.8s ease;
}

.fnh-shop-orb--one{
  width:420px;
  height:420px;
  left:-120px;
  top:-170px;
  background:var(--shop-active);
  animation:fnhShopOrbOne 8s ease-in-out infinite alternate;
}

.fnh-shop-orb--two{
  width:480px;
  height:480px;
  right:-160px;
  bottom:-220px;
  background:var(--shop-active);
  animation:fnhShopOrbTwo 10s ease-in-out infinite alternate;
}

.fnh-shop-exclusive-inner{
  position:relative;
  z-index:2;
  width:min(calc(100% - 72px),1780px);
  min-height:inherit;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(420px,.85fr) minmax(620px,1.15fr);
  gap:clamp(30px,4vw,80px);
  align-items:center;
  padding:clamp(62px,6vw,100px) 0 82px;
}

.fnh-shop-exclusive-copy{
  max-width:720px;
}

.fnh-shop-exclusive-kicker{
  display:block;
  margin-bottom:16px;
  color:var(--shop-active);
  font-size:11px;
  font-weight:950;
  letter-spacing:.2em;
  transition:color .35s ease;
}

.fnh-shop-exclusive-copy h1{
  margin:0;
  color:#fff!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:clamp(70px,6.7vw,126px)!important;
  line-height:.79!important;
  letter-spacing:-.065em!important;
  font-weight:950!important;
}

.fnh-shop-exclusive-copy h1 em{
  display:inline-block;
  color:var(--shop-active);
  font-style:normal;
  transition:color .35s ease;
}

.fnh-shop-exclusive-lead{
  max-width:610px;
  margin:26px 0 30px!important;
  color:rgba(255,255,255,.69)!important;
  font-size:clamp(16px,1.1vw,20px)!important;
  line-height:1.55!important;
}

.fnh-shop-exclusive-tabs{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:0 0 18px;
}

.fnh-shop-hero-tab{
  appearance:none;
  -webkit-appearance:none;
  min-width:0;
  min-height:82px;
  padding:12px 13px;
  display:grid;
  grid-template-columns:28px 1fr;
  grid-template-rows:auto auto;
  column-gap:8px;
  align-items:center;
  text-align:left;
  border:1px solid rgba(255,255,255,.12);
  border-radius:16px;
  background:rgba(255,255,255,.045);
  color:#fff;
  cursor:pointer;
  transition:transform .22s ease,border-color .25s ease,background .25s ease,box-shadow .25s ease;
}

.fnh-shop-hero-tab > span{
  grid-row:1 / 3;
  align-self:center;
  font-size:18px;
  font-weight:950;
  color:rgba(255,255,255,.38);
}

.fnh-shop-hero-tab b{
  font-size:12px;
  line-height:1.05;
  letter-spacing:.03em;
}

.fnh-shop-hero-tab small{
  margin-top:3px;
  color:rgba(255,255,255,.48);
  font-size:8px;
  font-weight:850;
  letter-spacing:.1em;
}

.fnh-shop-hero-tab:hover,
.fnh-shop-hero-tab.is-active{
  transform:translateY(-2px);
  border-color:var(--shop-active);
  background:color-mix(in srgb,var(--shop-active) 15%,#111);
  box-shadow:0 12px 28px rgba(0,0,0,.22);
}

.fnh-shop-hero-tab.is-active > span{
  color:var(--shop-active);
}

.fnh-shop-exclusive-result{
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:20px;
  padding:18px 18px 18px 20px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:18px;
  background:rgba(255,255,255,.055);
  backdrop-filter:blur(12px);
}

.fnh-shop-result-label{
  display:block;
  color:rgba(255,255,255,.48);
  font-size:9px;
  font-weight:900;
  letter-spacing:.16em;
}

.fnh-shop-result-title{
  display:block;
  margin:4px 0 3px;
  color:var(--shop-active);
  font-size:25px;
  line-height:1;
  font-weight:950;
  transition:color .35s ease;
}

.fnh-shop-result-copy{
  margin:0!important;
  color:rgba(255,255,255,.67)!important;
  font-size:12px!important;
}

.fnh-shop-result-button{
  min-height:48px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:0 19px;
  border-radius:999px;
  background:var(--shop-active);
  color:#fff!important;
  text-decoration:none!important;
  font-size:10px;
  font-weight:950;
  letter-spacing:.075em;
  white-space:nowrap;
  transition:transform .2s ease,background .3s ease;
}

.fnh-shop-result-button:hover{
  transform:translateY(-2px);
  color:#fff!important;
}

/* Bottle stage */
.fnh-shop-exclusive-bottles{
  position:relative;
  min-height:600px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  gap:clamp(8px,1.2vw,22px);
  perspective:1200px;
}

.fnh-shop-hero-bottle{
  appearance:none;
  -webkit-appearance:none;
  position:relative;
  width:30%;
  max-width:310px;
  min-width:0;
  padding:0;
  border:0;
  background:transparent;
  cursor:pointer;
  transform-origin:center bottom;
  opacity:.54;
  transform:translateY(36px) scale(.88);
  filter:saturate(.7);
  transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .35s ease,filter .35s ease;
}

.fnh-shop-hero-bottle img{
  position:relative;
  z-index:2;
  display:block;
  width:100%;
  height:auto;
  max-height:575px;
  object-fit:contain;
  filter:drop-shadow(0 28px 24px rgba(0,0,0,.5));
  pointer-events:none;
}

.fnh-shop-hero-bottle:nth-child(1) img{animation:fnhBottleFloat 4.7s ease-in-out infinite}
.fnh-shop-hero-bottle:nth-child(2) img{animation:fnhBottleFloat 5.1s .45s ease-in-out infinite}
.fnh-shop-hero-bottle:nth-child(3) img{animation:fnhBottleFloat 4.4s .9s ease-in-out infinite}

.fnh-shop-hero-bottle.is-active{
  z-index:5;
  opacity:1;
  filter:saturate(1);
  transform:translateY(0) scale(1.08);
}

.fnh-shop-bottle-glow{
  position:absolute;
  z-index:0;
  left:50%;
  bottom:2%;
  width:75%;
  aspect-ratio:1;
  transform:translateX(-50%);
  border-radius:50%;
  background:var(--shop-active);
  filter:blur(42px);
  opacity:0;
  transition:opacity .35s ease,background .35s ease;
}

.fnh-shop-hero-bottle.is-active .fnh-shop-bottle-glow{
  opacity:.28;
}

.fnh-shop-exclusive-scroll{
  position:absolute;
  z-index:3;
  left:50%;
  bottom:22px;
  transform:translateX(-50%);
  display:flex;
  align-items:center;
  gap:12px;
  color:rgba(255,255,255,.58)!important;
  text-decoration:none!important;
  font-size:9px;
  font-weight:900;
  letter-spacing:.14em;
}

.fnh-shop-exclusive-scroll i{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.16);
  border-radius:50%;
  font-style:normal;
  animation:fnhShopArrow 1.5s ease-in-out infinite;
}

@keyframes fnhBottleFloat{
  0%,100%{transform:translateY(0) rotate(.2deg)}
  50%{transform:translateY(-10px) rotate(-.2deg)}
}

@keyframes fnhShopOrbOne{
  from{transform:translate3d(0,0,0) scale(1)}
  to{transform:translate3d(70px,45px,0) scale(1.1)}
}

@keyframes fnhShopOrbTwo{
  from{transform:translate3d(0,0,0) scale(1)}
  to{transform:translate3d(-70px,-35px,0) scale(.94)}
}

@keyframes fnhShopArrow{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(5px)}
}

@media (prefers-reduced-motion:reduce){
  .fnh-shop-hero-bottle img,
  .fnh-shop-orb,
  .fnh-shop-exclusive-scroll i{
    animation:none!important;
  }
}

/* Tablet */
@media (max-width:1050px){
  .fnh-shop-exclusive-hero{
    min-height:0;
  }

  .fnh-shop-exclusive-inner{
    width:min(calc(100% - 36px),900px);
    grid-template-columns:1fr;
    gap:18px;
    text-align:center;
    padding:60px 0 82px;
  }

  .fnh-shop-exclusive-copy{
    max-width:760px;
    margin:0 auto;
  }

  .fnh-shop-exclusive-lead{
    margin-left:auto!important;
    margin-right:auto!important;
  }

  .fnh-shop-exclusive-copy h1{
    font-size:clamp(66px,12vw,106px)!important;
  }

  .fnh-shop-exclusive-bottles{
    min-height:470px;
    max-width:760px;
    width:100%;
    margin:0 auto;
  }

  .fnh-shop-hero-bottle{
    max-width:230px;
  }

  .fnh-shop-hero-bottle img{
    max-height:445px;
  }
}

/* Mobile */
@media (max-width:650px){
  .fnh-shop-exclusive-inner{
    width:calc(100% - 24px);
    padding-top:44px;
  }

  .fnh-shop-exclusive-copy h1{
    font-size:clamp(54px,17vw,78px)!important;
  }

  .fnh-shop-exclusive-tabs{
    grid-template-columns:1fr;
    gap:8px;
  }

  .fnh-shop-hero-tab{
    min-height:58px;
    grid-template-columns:34px 1fr auto;
    grid-template-rows:1fr;
    padding:8px 12px;
  }

  .fnh-shop-hero-tab > span{
    grid-row:auto;
  }

  .fnh-shop-hero-tab small{
    margin:0;
  }

  .fnh-shop-exclusive-result{
    grid-template-columns:1fr;
    text-align:left;
  }

  .fnh-shop-result-button{
    width:100%;
  }

  .fnh-shop-exclusive-bottles{
    min-height:330px;
    gap:0;
  }

  .fnh-shop-hero-bottle{
    width:34%;
    max-width:145px;
  }

  .fnh-shop-hero-bottle img{
    max-height:315px;
  }

  .fnh-shop-hero-bottle.is-active{
    transform:translateY(0) scale(1.06);
  }

  .fnh-shop-exclusive-scroll span{
    display:none;
  }
}


/* =========================================================
   v3.8.6 — MOBILE MENU REDESIGN
   Remove Astra blue states and make menu match FN Hot Sauce
   ========================================================= */

@media (max-width:921px){

  /* Entire mobile dropdown / off-canvas area */
  body.fnh-pro-layout .ast-mobile-header-content,
  body.fnh-pro-layout .ast-mobile-popup-drawer,
  body.fnh-pro-layout .ast-mobile-popup-inner,
  body.fnh-pro-layout .ast-builder-menu-mobile,
  body.fnh-pro-layout .main-header-menu.fnh-managed-menu{
    background:#090909!important;
    color:#fff!important;
  }

  /* If Astra renders a white mobile menu container */
  body.fnh-pro-layout .ast-mobile-header-content{
    padding:14px 14px 18px!important;
    border-top:1px solid rgba(255,255,255,.08)!important;
    box-shadow:0 18px 34px rgba(0,0,0,.28)!important;
  }

  /* Menu list */
  body.fnh-pro-layout .main-header-menu.fnh-managed-menu{
    display:flex!important;
    flex-direction:column!important;
    gap:10px!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    list-style:none!important;
  }

  body.fnh-pro-layout .main-header-menu.fnh-managed-menu > .menu-item{
    width:100%!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
  }

  /* Every mobile nav button */
  body.fnh-pro-layout .main-header-menu.fnh-managed-menu > .menu-item > .menu-link,
  body.fnh-pro-layout .main-header-menu.fnh-managed-menu > .menu-item > .menu-link:link,
  body.fnh-pro-layout .main-header-menu.fnh-managed-menu > .menu-item > .menu-link:visited{
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    min-height:58px!important;
    padding:0 20px!important;
    border:1px solid rgba(255,255,255,.12)!important;
    border-left:4px solid transparent!important;
    border-radius:16px!important;
    background:#141414!important;
    color:#fff!important;
    text-decoration:none!important;
    font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
    font-size:18px!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:.055em!important;
    text-transform:uppercase!important;
    box-shadow:0 8px 18px rgba(0,0,0,.18)!important;
    opacity:1!important;
  }

  /* No Astra blue on hover/focus/tap/current */
  body.fnh-pro-layout .main-header-menu.fnh-managed-menu > .menu-item > .menu-link:hover,
  body.fnh-pro-layout .main-header-menu.fnh-managed-menu > .menu-item > .menu-link:focus,
  body.fnh-pro-layout .main-header-menu.fnh-managed-menu > .menu-item > .menu-link:active,
  body.fnh-pro-layout .main-header-menu.fnh-managed-menu > .current-menu-item > .menu-link,
  body.fnh-pro-layout .main-header-menu.fnh-managed-menu > .current_page_item > .menu-link{
    background:#1d1d1d!important;
    color:#fff!important;
    border-color:rgba(255,255,255,.18)!important;
    box-shadow:0 10px 22px rgba(0,0,0,.22)!important;
  }

  /* Active page: FN red marker + dark readable button */
  body.fnh-pro-layout .main-header-menu.fnh-managed-menu > .menu-item.is-active > .menu-link,
  body.fnh-pro-layout .main-header-menu.fnh-managed-menu > .current-menu-item > .menu-link,
  body.fnh-pro-layout .main-header-menu.fnh-managed-menu > .current_page_item > .menu-link{
    background:linear-gradient(90deg,rgba(215,25,32,.18),#141414 32%)!important;
    color:#fff!important;
    border-left-color:#d71920!important;
    border-top-color:rgba(215,25,32,.35)!important;
    border-right-color:rgba(255,255,255,.1)!important;
    border-bottom-color:rgba(255,255,255,.1)!important;
  }

  /* Our Story active state can use warm accent while staying readable */
  body.fnh-pro-layout .main-header-menu.fnh-managed-menu > .fnh-menu-story.is-active > .menu-link{
    background:linear-gradient(90deg,rgba(242,154,23,.18),#141414 32%)!important;
    border-left-color:#f29a17!important;
    color:#fff!important;
  }

  /* Shop active state */
  body.fnh-pro-layout .main-header-menu.fnh-managed-menu > .fnh-menu-shop.is-active > .menu-link{
    background:linear-gradient(90deg,rgba(215,25,32,.20),#141414 32%)!important;
    border-left-color:#d71920!important;
    color:#fff!important;
  }

  /* Fix Astra menu text descendants getting blue/hidden */
  body.fnh-pro-layout .main-header-menu.fnh-managed-menu > .menu-item > .menu-link *,
  body.fnh-pro-layout .main-header-menu.fnh-managed-menu .menu-text{
    color:inherit!important;
    opacity:1!important;
  }

  /* Mobile menu toggle button */
  body.fnh-pro-layout .menu-toggle,
  body.fnh-pro-layout .ast-mobile-menu-trigger-minimal,
  body.fnh-pro-layout .ast-button-wrap .menu-toggle{
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    display:grid!important;
    place-items:center!important;
    padding:0!important;
    border:1px solid rgba(255,255,255,.16)!important;
    border-radius:14px!important;
    background:#111!important;
    color:#fff!important;
    box-shadow:0 8px 18px rgba(0,0,0,.2)!important;
  }

  body.fnh-pro-layout .menu-toggle:hover,
  body.fnh-pro-layout .menu-toggle:focus,
  body.fnh-pro-layout .ast-button-wrap .menu-toggle:hover,
  body.fnh-pro-layout .ast-button-wrap .menu-toggle:focus{
    background:#1b1b1b!important;
    color:#fff!important;
    border-color:rgba(255,255,255,.24)!important;
  }

  /* Force hamburger/X icon away from Astra blue */
  body.fnh-pro-layout .menu-toggle svg,
  body.fnh-pro-layout .menu-toggle .ast-mobile-svg,
  body.fnh-pro-layout .menu-toggle .ast-svg-iconset,
  body.fnh-pro-layout .ast-button-wrap .menu-toggle svg{
    color:#fff!important;
    fill:currentColor!important;
    stroke:currentColor!important;
  }

  /* Cart icon stays visually matched */
  body.fnh-pro-layout .fnh-header-cart{
    width:48px!important;
    min-width:48px!important;
    height:48px!important;
    border-radius:14px!important;
    background:#111!important;
    border:1px solid rgba(255,255,255,.16)!important;
    color:#fff!important;
    box-shadow:0 8px 18px rgba(0,0,0,.2)!important;
  }

  body.fnh-pro-layout .fnh-header-cart:hover,
  body.fnh-pro-layout .fnh-header-cart:focus,
  body.fnh-pro-layout .fnh-header-cart:active{
    background:#d71920!important;
    border-color:#d71920!important;
    color:#fff!important;
  }

  /* Prevent odd Astra menu whitespace */
  body.fnh-pro-layout .ast-mobile-header-content .ast-builder-menu,
  body.fnh-pro-layout .ast-mobile-header-content .main-navigation{
    width:100%!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
  }

  /* Hide any empty separators/pseudo spacing that causes blank blocks */
  body.fnh-pro-layout .ast-mobile-header-content .ast-builder-menu-mobile{
    padding:0!important;
    margin:0!important;
  }
}

/* Extra-narrow phones */
@media (max-width:480px){
  body.fnh-pro-layout .ast-mobile-header-content{
    padding:12px!important;
  }

  body.fnh-pro-layout .main-header-menu.fnh-managed-menu{
    gap:8px!important;
  }

  body.fnh-pro-layout .main-header-menu.fnh-managed-menu > .menu-item > .menu-link{
    min-height:54px!important;
    padding:0 17px!important;
    border-radius:14px!important;
    font-size:16px!important;
  }
}


/* v3.8.7 — MOBILE: keep only the header cart icon.
   Hide any duplicate cart item/icon rendered inside the opened menu panel. */
@media (max-width:921px){
  body.fnh-pro-layout .ast-mobile-header-content .fnh-header-cart,
  body.fnh-pro-layout .ast-mobile-header-content .fnh-cart-link,
  body.fnh-pro-layout .ast-mobile-header-content .fnh-menu-cart,
  body.fnh-pro-layout .ast-mobile-header-content a[href*="/cart/"]:not(.menu-link),
  body.fnh-pro-layout .ast-mobile-header-content .ast-header-woo-cart,
  body.fnh-pro-layout .ast-mobile-header-content .ast-site-header-cart,
  body.fnh-pro-layout .ast-mobile-header-content .ast-addon-cart-wrap{
    display:none!important;
  }

  /* If a CART menu item was injected into the nav itself, hide that too;
     the persistent cart button beside the hamburger remains available. */
  body.fnh-pro-layout .ast-mobile-header-content .main-header-menu.fnh-managed-menu > .fnh-menu-cart{
    display:none!important;
  }
}


/* =========================================================
   v3.8.8 — SHOP HERO BOTTLE TAP/FOCUS FIX
   Never show browser/Astra blue behind interactive bottles.
   ========================================================= */
.fnh-shop-exclusive-hero .fnh-shop-hero-bottle,
.fnh-shop-exclusive-hero .fnh-shop-hero-bottle:hover,
.fnh-shop-exclusive-hero .fnh-shop-hero-bottle:focus,
.fnh-shop-exclusive-hero .fnh-shop-hero-bottle:focus-visible,
.fnh-shop-exclusive-hero .fnh-shop-hero-bottle:active,
.fnh-shop-exclusive-hero .fnh-shop-hero-bottle.is-active{
  appearance:none!important;
  -webkit-appearance:none!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  -webkit-box-shadow:none!important;
  -webkit-tap-highlight-color:transparent!important;
}

.fnh-shop-exclusive-hero .fnh-shop-hero-bottle::before,
.fnh-shop-exclusive-hero .fnh-shop-hero-bottle::after{
  background:transparent!important;
  box-shadow:none!important;
}

/* Keep keyboard accessibility without adding a block behind the bottle. */
.fnh-shop-exclusive-hero .fnh-shop-hero-bottle:focus-visible img{
  filter:
    drop-shadow(0 28px 24px rgba(0,0,0,.5))
    drop-shadow(0 0 12px var(--shop-active))!important;
}

/* Prevent iOS/Safari selection/touch treatment on bottle artwork. */
.fnh-shop-exclusive-hero .fnh-shop-hero-bottle,
.fnh-shop-exclusive-hero .fnh-shop-hero-bottle img{
  -webkit-user-select:none!important;
  user-select:none!important;
  -webkit-touch-callout:none!important;
}

.fnh-shop-exclusive-hero .fnh-shop-hero-bottle img{
  background:transparent!important;
  outline:0!important;
  border:0!important;
}


/* v3.8.11 — OUR STORY is now an on-page homepage section */
#our-story{
  scroll-margin-top:110px!important;
}

html{
  scroll-behavior:smooth;
}

@media (max-width:921px){
  #our-story{
    scroll-margin-top:92px!important;
  }
}


/* v3.8.13 — selected heat carries from homepage into shop hero */
.fnh-shop-exclusive-hero[data-selected-heat="hot"] .fnh-shop-hero-tab[data-shop-heat="hot"],
.fnh-shop-exclusive-hero[data-selected-heat="mild"] .fnh-shop-hero-tab[data-shop-heat="mild"],
.fnh-shop-exclusive-hero[data-selected-heat="slight"] .fnh-shop-hero-tab[data-shop-heat="slight"]{
  border-color:var(--shop-active)!important;
}


/* =========================================================
   v3.9.0 — SINGLE PRODUCT EXPERIENCE
   ========================================================= */

body.fnh-single-product-page{
  background:#080808!important;
}

body.fnh-single-product-page .site-content,
body.fnh-single-product-page .site-content > .ast-container,
body.fnh-single-product-page #primary,
body.fnh-single-product-page #main,
body.fnh-single-product-page .site-main,
body.fnh-single-product-page .ast-woocommerce-container{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}

body.fnh-single-product-page .woocommerce-breadcrumb,
body.fnh-single-product-page .product > .woocommerce-product-gallery,
body.fnh-single-product-page .product > .summary,
body.fnh-single-product-page .product > .woocommerce-tabs,
body.fnh-single-product-page .product > .related,
body.fnh-single-product-page .product > .upsells{
  display:none!important;
}

body.fnh-single-product-page div.product{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}

.fnh-product-experience{
  --product-accent:#d71920;
  --product-accent-rgb:215,25,32;
  position:relative;
  width:100%;
  overflow:hidden;
  color:#fff;
  background:
    radial-gradient(circle at 18% 28%,rgba(var(--product-accent-rgb),.16),transparent 32%),
    radial-gradient(circle at 86% 75%,rgba(var(--product-accent-rgb),.10),transparent 30%),
    #080808;
}

.fnh-product-experience--mild{
  --product-accent:#587f2c;
  --product-accent-rgb:88,127,44;
}

.fnh-product-experience--slight{
  --product-accent:#f29a17;
  --product-accent-rgb:242,154,23;
}

.fnh-product-experience--hot{
  --product-accent:#d71920;
  --product-accent-rgb:215,25,32;
}

.fnh-product-backdrop{
  position:absolute;
  inset:0;
  pointer-events:none;
}

.fnh-product-noise{
  position:absolute;
  inset:0;
  opacity:.14;
  background-image:radial-gradient(rgba(255,255,255,.34) .65px,transparent .65px);
  background-size:8px 8px;
}

.fnh-product-glow{
  position:absolute;
  width:600px;
  height:600px;
  left:13%;
  top:18%;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:var(--product-accent);
  opacity:.18;
  filter:blur(80px);
}

.fnh-product-shell{
  position:relative;
  z-index:2;
  width:min(calc(100% - 72px),1760px);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(460px,.9fr) minmax(520px,1.1fr);
  gap:clamp(42px,6vw,110px);
  align-items:center;
  padding:clamp(58px,6vw,100px) 0 clamp(74px,7vw,120px);
}

.fnh-product-visual{
  position:relative;
  min-height:690px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}

.fnh-product-rank{
  position:absolute;
  left:0;
  top:20px;
  font-size:clamp(80px,8vw,150px);
  line-height:.8;
  font-weight:1000;
  letter-spacing:-.07em;
  color:rgba(255,255,255,.045);
}

.fnh-product-bottle-stage{
  position:relative;
  width:min(90%,540px);
  min-height:610px;
  display:grid;
  place-items:center;
  isolation:isolate;
}

.fnh-product-main-bottle{
  position:relative;
  z-index:3;
  display:block;
  width:auto;
  height:590px;
  max-width:80%;
  object-fit:contain;
  filter:drop-shadow(0 36px 34px rgba(0,0,0,.58));
  animation:fnhProductFloat 5.2s ease-in-out infinite;
  user-select:none;
  -webkit-user-select:none;
  -webkit-touch-callout:none;
}

.fnh-product-ring{
  position:absolute;
  left:50%;
  top:50%;
  border:1px solid rgba(var(--product-accent-rgb),.35);
  border-radius:50%;
  transform:translate(-50%,-50%);
}

.fnh-product-ring--1{
  width:420px;
  height:420px;
  animation:fnhProductPulse 4s ease-in-out infinite;
}

.fnh-product-ring--2{
  width:520px;
  height:520px;
  opacity:.42;
  animation:fnhProductPulse 5.4s .8s ease-in-out infinite reverse;
}

.fnh-product-heat-readout{
  display:flex;
  align-items:center;
  gap:16px;
  margin-top:6px;
  padding:11px 16px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:999px;
  background:rgba(255,255,255,.045);
}

.fnh-product-heat-readout span{
  color:rgba(255,255,255,.62);
  font-size:10px;
  font-weight:900;
  letter-spacing:.15em;
}

.fnh-product-heat-readout strong{
  font-size:17px;
  letter-spacing:3px;
}

.fnh-product-details{
  max-width:720px;
}

.fnh-product-eyebrow{
  display:block;
  margin-bottom:12px;
  color:var(--product-accent);
  font-size:11px;
  font-weight:950;
  letter-spacing:.19em;
}

.fnh-product-details h1{
  margin:0!important;
  color:#fff!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:clamp(72px,7vw,132px)!important;
  line-height:.79!important;
  font-weight:1000!important;
  letter-spacing:-.065em!important;
}

.fnh-product-details h2{
  margin:15px 0 18px!important;
  color:var(--product-accent)!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:clamp(28px,2.6vw,48px)!important;
  line-height:.95!important;
  font-weight:950!important;
  letter-spacing:-.035em!important;
}

.fnh-product-description{
  max-width:650px;
  margin:0 0 24px!important;
  color:rgba(255,255,255,.72)!important;
  font-size:clamp(16px,1.1vw,20px)!important;
  line-height:1.58!important;
}

.fnh-product-pepper-line{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin:0 0 20px;
  padding:14px 16px;
  border:1px solid rgba(255,255,255,.1);
  border-left:4px solid var(--product-accent);
  border-radius:14px;
  background:rgba(255,255,255,.035);
}

.fnh-product-pepper-line span{
  color:rgba(255,255,255,.46);
  font-size:9px;
  font-weight:900;
  letter-spacing:.15em;
}

.fnh-product-pepper-line strong{
  color:#fff;
  font-size:12px;
  font-weight:900;
  text-align:right;
}

.fnh-product-buybox{
  padding:22px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:22px;
  background:rgba(255,255,255,.055);
  backdrop-filter:blur(12px);
  box-shadow:0 18px 45px rgba(0,0,0,.22);
}

.fnh-product-price{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:20px;
  margin-bottom:16px;
}

.fnh-product-price span{
  color:rgba(255,255,255,.48);
  font-size:9px;
  font-weight:900;
  letter-spacing:.16em;
}

.fnh-product-price strong,
.fnh-product-price .price{
  color:#fff!important;
  font-size:30px!important;
  line-height:1!important;
  font-weight:950!important;
}

.fnh-product-cart-form{
  display:grid!important;
  grid-template-columns:140px 1fr;
  gap:12px;
  margin:0!important;
}

.fnh-product-qty{
  min-height:58px;
  display:grid;
  grid-template-columns:42px 1fr 42px;
  align-items:center;
  border:1px solid rgba(255,255,255,.14);
  border-radius:16px;
  background:#111;
  overflow:hidden;
}

.fnh-product-qty .quantity{
  display:block!important;
  margin:0!important;
  width:100%!important;
}

.fnh-product-qty .qty{
  width:100%!important;
  min-height:56px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#fff!important;
  text-align:center!important;
  font-size:16px!important;
  font-weight:900!important;
  box-shadow:none!important;
  -moz-appearance:textfield;
}

.fnh-product-qty .qty::-webkit-outer-spin-button,
.fnh-product-qty .qty::-webkit-inner-spin-button{
  -webkit-appearance:none;
  margin:0;
}

.fnh-qty-btn{
  appearance:none;
  -webkit-appearance:none;
  height:100%;
  border:0;
  background:transparent;
  color:#fff;
  font-size:25px;
  cursor:pointer;
}

.fnh-qty-btn:hover{
  background:rgba(255,255,255,.07);
}

.fnh-product-add{
  min-height:58px!important;
  margin:0!important;
  border:0!important;
  border-radius:16px!important;
  background:var(--product-accent)!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
  box-shadow:0 12px 28px rgba(var(--product-accent-rgb),.27)!important;
  transition:transform .2s ease,filter .2s ease!important;
}

.fnh-product-experience--mild .fnh-product-add{
  color:#fff!important;
}

.fnh-product-add:hover{
  transform:translateY(-2px);
  filter:brightness(1.08);
}

.fnh-product-add span{
  margin-left:10px;
  font-size:20px;
}

.fnh-product-microcopy{
  display:flex;
  flex-wrap:wrap;
  gap:8px 16px;
  margin-top:13px;
  color:rgba(255,255,255,.47);
  font-size:8px;
  font-weight:850;
  letter-spacing:.08em;
}

.fnh-product-switcher{
  margin-top:24px;
}

.fnh-product-switcher-label{
  display:block;
  margin-bottom:10px;
  color:rgba(255,255,255,.45);
  font-size:9px;
  font-weight:900;
  letter-spacing:.15em;
}

.fnh-product-switcher-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
}

.fnh-product-switch{
  min-width:0;
  display:grid;
  grid-template-columns:48px 1fr;
  gap:8px;
  align-items:center;
  min-height:72px;
  padding:8px 10px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:14px;
  background:rgba(255,255,255,.035);
  color:#fff!important;
  text-decoration:none!important;
  transition:transform .2s ease,border-color .2s ease,background .2s ease;
}

.fnh-product-switch:hover,
.fnh-product-switch.is-current{
  transform:translateY(-2px);
  border-color:var(--product-accent);
  background:rgba(255,255,255,.07);
}

.fnh-product-switch img{
  display:block;
  width:42px;
  height:58px;
  object-fit:contain;
}

.fnh-product-switch span{
  min-width:0;
}

.fnh-product-switch small{
  display:block;
  margin-bottom:3px;
  color:rgba(255,255,255,.43);
  font-size:7px;
  font-weight:850;
  letter-spacing:.05em;
}

.fnh-product-switch strong{
  display:block;
  overflow:hidden;
  color:#fff;
  font-size:11px;
  font-weight:900;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.fnh-product-back-shop{
  display:inline-flex;
  margin-top:18px;
  color:rgba(255,255,255,.58)!important;
  font-size:9px;
  font-weight:900;
  letter-spacing:.12em;
  text-decoration:none!important;
}

.fnh-product-back-shop:hover{
  color:#fff!important;
}

@keyframes fnhProductFloat{
  0%,100%{transform:translateY(0) rotate(.2deg)}
  50%{transform:translateY(-12px) rotate(-.2deg)}
}

@keyframes fnhProductPulse{
  0%,100%{transform:translate(-50%,-50%) scale(.96);opacity:.35}
  50%{transform:translate(-50%,-50%) scale(1.05);opacity:.7}
}

@media (prefers-reduced-motion:reduce){
  .fnh-product-main-bottle,
  .fnh-product-ring{
    animation:none!important;
  }
}

@media (max-width:1050px){
  .fnh-product-shell{
    width:min(calc(100% - 36px),860px);
    grid-template-columns:1fr;
    gap:10px;
    padding-top:44px;
  }

  .fnh-product-visual{
    min-height:520px;
  }

  .fnh-product-bottle-stage{
    min-height:470px;
  }

  .fnh-product-main-bottle{
    height:455px;
  }

  .fnh-product-ring--1{
    width:330px;
    height:330px;
  }

  .fnh-product-ring--2{
    width:420px;
    height:420px;
  }

  .fnh-product-details{
    max-width:none;
    text-align:center;
  }

  .fnh-product-description{
    margin-left:auto!important;
    margin-right:auto!important;
  }

  .fnh-product-pepper-line{
    text-align:left;
  }

  .fnh-product-buybox,
  .fnh-product-switcher{
    text-align:left;
  }
}

@media (max-width:620px){
  .fnh-product-shell{
    width:calc(100% - 24px);
    padding-top:28px;
    padding-bottom:64px;
  }

  .fnh-product-visual{
    min-height:410px;
  }

  .fnh-product-rank{
    left:6px;
    top:20px;
    font-size:92px;
  }

  .fnh-product-bottle-stage{
    width:100%;
    min-height:390px;
  }

  .fnh-product-main-bottle{
    height:380px;
    max-width:74%;
  }

  .fnh-product-ring--1{
    width:275px;
    height:275px;
  }

  .fnh-product-ring--2{
    width:340px;
    height:340px;
  }

  .fnh-product-details h1{
    font-size:clamp(58px,18vw,82px)!important;
  }

  .fnh-product-details h2{
    font-size:clamp(25px,8vw,36px)!important;
  }

  .fnh-product-description{
    font-size:16px!important;
  }

  .fnh-product-pepper-line{
    flex-direction:column;
    align-items:flex-start;
    gap:6px;
  }

  .fnh-product-pepper-line strong{
    text-align:left;
  }

  .fnh-product-buybox{
    padding:16px;
    border-radius:18px;
  }

  .fnh-product-cart-form{
    grid-template-columns:1fr!important;
  }

  .fnh-product-qty{
    grid-template-columns:52px 1fr 52px;
  }

  .fnh-product-switcher-grid{
    grid-template-columns:1fr;
  }

  .fnh-product-switch{
    grid-template-columns:54px 1fr;
  }

  .fnh-product-switch img{
    width:48px;
    height:62px;
  }
}


/* =========================================================
   v3.9.1 — GLOBAL WOOCOMMERCE THEME
   Notices + Cart + Checkout
   ========================================================= */

:root{
  --fnh-red:#d71920;
  --fnh-red-bright:#ef252d;
  --fnh-black:#090909;
  --fnh-panel:#141414;
  --fnh-cream:#f4efe7;
  --fnh-border:rgba(255,255,255,.11);
  --fnh-muted:rgba(255,255,255,.64);
}

/* ---------- GLOBAL WOOCOMMERCE NOTICES ---------- */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.wc-block-components-notice-banner{
  border:1px solid rgba(215,25,32,.22)!important;
  border-left:4px solid var(--fnh-red)!important;
  border-radius:16px!important;
  background:#111!important;
  color:#fff!important;
  box-shadow:0 12px 28px rgba(0,0,0,.18)!important;
}

.woocommerce-message,
.woocommerce-info,
.woocommerce-error{
  margin:16px auto!important;
  padding:16px 18px 16px 52px!important;
}

.woocommerce-message:before,
.woocommerce-info:before,
.woocommerce-error:before{
  color:var(--fnh-red)!important;
}

.woocommerce-message a.button,
.woocommerce-info a.button,
.woocommerce-error a.button,
.wc-block-components-notice-banner a,
.wc-block-components-notice-banner .wc-block-components-notice-banner__content a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:42px!important;
  padding:0 16px!important;
  border:0!important;
  border-radius:12px!important;
  background:var(--fnh-red)!important;
  color:#fff!important;
  text-decoration:none!important;
  font-weight:900!important;
  box-shadow:none!important;
}

.woocommerce-message a.button:hover,
.woocommerce-info a.button:hover,
.woocommerce-error a.button:hover,
.wc-block-components-notice-banner a:hover{
  background:var(--fnh-red-bright)!important;
  color:#fff!important;
}

.wc-block-components-notice-banner{
  padding:16px!important;
}

.wc-block-components-notice-banner svg{
  fill:var(--fnh-red)!important;
}

.wc-block-components-notice-banner__content{
  color:#fff!important;
}

/* ---------- CART / CHECKOUT PAGE SHELL ---------- */
body.fnh-cart-page,
body.fnh-checkout-page{
  background:var(--fnh-cream)!important;
}

body.fnh-cart-page .site-content,
body.fnh-checkout-page .site-content,
body.fnh-cart-page .site-content > .ast-container,
body.fnh-checkout-page .site-content > .ast-container,
body.fnh-cart-page #primary,
body.fnh-checkout-page #primary,
body.fnh-cart-page #main,
body.fnh-checkout-page #main,
body.fnh-cart-page .site-main,
body.fnh-checkout-page .site-main,
body.fnh-cart-page article.page,
body.fnh-checkout-page article.page,
body.fnh-cart-page .entry-content,
body.fnh-checkout-page .entry-content{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding-left:0!important;
  padding-right:0!important;
}

body.fnh-cart-page .entry-header,
body.fnh-checkout-page .entry-header{
  display:none!important;
}

/* ---------- BLOCK CART ---------- */
body.fnh-cart-page .wp-block-woocommerce-cart{
  width:min(calc(100% - 36px),1540px)!important;
  margin:0 auto!important;
  padding:clamp(42px,5vw,78px) 0 clamp(70px,7vw,110px)!important;
}

body.fnh-cart-page .wp-block-woocommerce-cart:before{
  content:"YOUR F'N CART";
  display:block;
  margin:0 0 8px;
  color:var(--fnh-red);
  font-size:12px;
  font-weight:950;
  letter-spacing:.18em;
}

body.fnh-cart-page .wp-block-woocommerce-cart:after{
  content:"Check your bottles. Then bring the heat home.";
  display:block;
  margin:0 0 28px;
  color:#635e57;
  font-size:15px;
  font-weight:650;
}

body.fnh-cart-page .wc-block-cart{
  gap:28px!important;
}

body.fnh-cart-page .wc-block-cart-items{
  border:0!important;
}

body.fnh-cart-page .wc-block-cart-items__row{
  margin-bottom:14px!important;
  border:0!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 12px 30px rgba(34,24,14,.08)!important;
  overflow:hidden!important;
}

body.fnh-cart-page .wc-block-cart-item__image img{
  width:100%!important;
  max-width:110px!important;
  height:140px!important;
  object-fit:contain!important;
  padding:8px!important;
  border-radius:14px!important;
  background:#f8f4ee!important;
}

body.fnh-cart-page .wc-block-cart-item__product{
  padding-top:18px!important;
  padding-bottom:18px!important;
}

body.fnh-cart-page .wc-block-components-product-name{
  color:#111!important;
  font-size:18px!important;
  font-weight:950!important;
  text-decoration:none!important;
}

body.fnh-cart-page .wc-block-components-product-price,
body.fnh-cart-page .wc-block-formatted-money-amount{
  color:#111!important;
  font-weight:900!important;
}

body.fnh-cart-page .wc-block-cart-item__quantity .wc-block-components-quantity-selector{
  min-height:46px!important;
  border:1px solid rgba(20,20,20,.14)!important;
  border-radius:14px!important;
  background:#faf7f2!important;
}

body.fnh-cart-page .wc-block-components-quantity-selector__button{
  color:#111!important;
  background:transparent!important;
}

body.fnh-cart-page .wc-block-components-quantity-selector__input{
  color:#111!important;
  font-weight:900!important;
}

body.fnh-cart-page .wc-block-cart-item__remove-link{
  color:#69635d!important;
  font-weight:800!important;
  text-decoration:none!important;
}

body.fnh-cart-page .wc-block-cart-item__remove-link:hover{
  color:var(--fnh-red)!important;
}

body.fnh-cart-page .wc-block-cart__sidebar{
  padding:0!important;
}

body.fnh-cart-page .wc-block-cart__totals-title{
  color:#fff!important;
}

body.fnh-cart-page .wc-block-components-totals-wrapper,
body.fnh-cart-page .wc-block-cart__sidebar .wc-block-components-sidebar{
  border:0!important;
}

body.fnh-cart-page .wc-block-cart__sidebar{
  padding:24px!important;
  border-radius:22px!important;
  background:#0b0b0b!important;
  color:#fff!important;
  box-shadow:0 18px 42px rgba(0,0,0,.16)!important;
}

body.fnh-cart-page .wc-block-cart__sidebar:before{
  content:"ORDER SUMMARY";
  display:block;
  margin-bottom:10px;
  color:#f2c300;
  font-size:10px;
  font-weight:950;
  letter-spacing:.16em;
}

body.fnh-cart-page .wc-block-cart__sidebar *,
body.fnh-cart-page .wc-block-cart__sidebar .wc-block-formatted-money-amount,
body.fnh-cart-page .wc-block-cart__sidebar .wc-block-components-totals-item__label{
  color:#fff!important;
}

body.fnh-cart-page .wc-block-cart__sidebar .wc-block-components-totals-item{
  border-color:rgba(255,255,255,.10)!important;
}

body.fnh-cart-page .wc-block-components-totals-coupon__button{
  border:1px solid rgba(255,255,255,.15)!important;
  background:#1a1a1a!important;
  color:#fff!important;
  border-radius:12px!important;
}

body.fnh-cart-page .wc-block-cart__submit-button{
  min-height:58px!important;
  border-radius:15px!important;
  background:var(--fnh-red)!important;
  color:#fff!important;
  font-weight:950!important;
  letter-spacing:.035em!important;
  text-decoration:none!important;
  box-shadow:0 12px 28px rgba(215,25,32,.24)!important;
}

body.fnh-cart-page .wc-block-cart__submit-button:hover{
  background:var(--fnh-red-bright)!important;
}

/* ---------- CLASSIC CART FALLBACK ---------- */
body.fnh-cart-page .woocommerce{
  width:min(calc(100% - 36px),1540px)!important;
  margin:0 auto!important;
  padding:clamp(42px,5vw,78px) 0 clamp(70px,7vw,110px)!important;
}

body.fnh-cart-page table.shop_table{
  border:0!important;
  background:transparent!important;
}

body.fnh-cart-page .cart_totals{
  padding:24px!important;
  border-radius:22px!important;
  background:#0b0b0b!important;
  color:#fff!important;
}

body.fnh-cart-page .cart_totals h2,
body.fnh-cart-page .cart_totals th,
body.fnh-cart-page .cart_totals td{
  color:#fff!important;
}

body.fnh-cart-page .checkout-button{
  background:var(--fnh-red)!important;
  color:#fff!important;
  border-radius:15px!important;
}

/* ---------- BLOCK CHECKOUT ---------- */
body.fnh-checkout-page .wp-block-woocommerce-checkout{
  width:min(calc(100% - 36px),1540px)!important;
  margin:0 auto!important;
  padding:clamp(42px,5vw,78px) 0 clamp(70px,7vw,110px)!important;
}

body.fnh-checkout-page .wp-block-woocommerce-checkout:before{
  content:"CHECKOUT";
  display:block;
  margin:0 0 8px;
  color:var(--fnh-red);
  font-size:12px;
  font-weight:950;
  letter-spacing:.18em;
}

body.fnh-checkout-page .wp-block-woocommerce-checkout:after{
  content:"One last step before the F'N heat is yours.";
  display:block;
  margin:0 0 28px;
  color:#635e57;
  font-size:15px;
  font-weight:650;
}

body.fnh-checkout-page .wc-block-checkout__main{
  padding:26px!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:0 12px 30px rgba(34,24,14,.08)!important;
}

body.fnh-checkout-page .wc-block-checkout__sidebar{
  padding:24px!important;
  border-radius:22px!important;
  background:#0b0b0b!important;
  color:#fff!important;
  box-shadow:0 18px 42px rgba(0,0,0,.16)!important;
}

body.fnh-checkout-page .wc-block-checkout__sidebar *,
body.fnh-checkout-page .wc-block-checkout__sidebar .wc-block-formatted-money-amount{
  color:#fff!important;
}

body.fnh-checkout-page .wc-block-checkout__sidebar:before{
  content:"YOUR ORDER";
  display:block;
  margin-bottom:10px;
  color:#f2c300;
  font-size:10px;
  font-weight:950;
  letter-spacing:.16em;
}

body.fnh-checkout-page .wc-block-components-title{
  color:#111!important;
  font-weight:950!important;
}

body.fnh-checkout-page .wc-block-components-text-input input,
body.fnh-checkout-page .wc-block-components-combobox .wc-block-components-combobox-control input,
body.fnh-checkout-page .wc-block-components-address-form input,
body.fnh-checkout-page .wc-block-components-address-form select,
body.fnh-checkout-page textarea{
  min-height:52px!important;
  border:1px solid rgba(20,20,20,.14)!important;
  border-radius:13px!important;
  background:#faf7f2!important;
  color:#111!important;
  box-shadow:none!important;
}

body.fnh-checkout-page .wc-block-components-text-input input:focus,
body.fnh-checkout-page .wc-block-components-combobox .wc-block-components-combobox-control input:focus,
body.fnh-checkout-page textarea:focus{
  border-color:var(--fnh-red)!important;
  box-shadow:0 0 0 2px rgba(215,25,32,.10)!important;
}

body.fnh-checkout-page .wc-block-components-checkout-place-order-button{
  min-height:60px!important;
  border:0!important;
  border-radius:15px!important;
  background:var(--fnh-red)!important;
  color:#fff!important;
  font-size:15px!important;
  font-weight:950!important;
  letter-spacing:.04em!important;
  box-shadow:0 12px 28px rgba(215,25,32,.24)!important;
}

body.fnh-checkout-page .wc-block-components-checkout-place-order-button:hover{
  background:var(--fnh-red-bright)!important;
}

body.fnh-checkout-page .wc-block-components-radio-control__option{
  border-radius:14px!important;
}

body.fnh-checkout-page .wc-block-components-radio-control__option--checked{
  border-color:var(--fnh-red)!important;
  background:rgba(215,25,32,.05)!important;
}

body.fnh-checkout-page input[type="radio"]:checked{
  accent-color:var(--fnh-red)!important;
}

/* ---------- CLASSIC CHECKOUT FALLBACK ---------- */
body.fnh-checkout-page .woocommerce{
  width:min(calc(100% - 36px),1540px)!important;
  margin:0 auto!important;
  padding:clamp(42px,5vw,78px) 0 clamp(70px,7vw,110px)!important;
}

body.fnh-checkout-page form.checkout{
  display:grid!important;
  grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr)!important;
  gap:30px!important;
}

body.fnh-checkout-page #customer_details{
  padding:26px!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:0 12px 30px rgba(34,24,14,.08)!important;
}

body.fnh-checkout-page #order_review{
  padding:24px!important;
  border-radius:22px!important;
  background:#0b0b0b!important;
  color:#fff!important;
}

body.fnh-checkout-page #order_review *,
body.fnh-checkout-page #order_review_heading{
  color:#fff!important;
}

body.fnh-checkout-page #place_order{
  background:var(--fnh-red)!important;
  color:#fff!important;
  border-radius:15px!important;
}

/* ---------- MOBILE ---------- */
@media (max-width:780px){
  body.fnh-cart-page .wp-block-woocommerce-cart,
  body.fnh-checkout-page .wp-block-woocommerce-checkout,
  body.fnh-cart-page .woocommerce,
  body.fnh-checkout-page .woocommerce{
    width:calc(100% - 20px)!important;
    padding-top:28px!important;
  }

  .woocommerce-message,
  .woocommerce-info,
  .woocommerce-error{
    margin:10px!important;
    padding:14px 14px 14px 44px!important;
  }

  .woocommerce-message a.button,
  .woocommerce-info a.button,
  .woocommerce-error a.button{
    float:none!important;
    width:100%!important;
    margin-top:12px!important;
  }

  body.fnh-cart-page .wc-block-cart-item__image img{
    max-width:82px!important;
    height:110px!important;
  }

  body.fnh-cart-page .wc-block-cart-item__product{
    padding-right:10px!important;
  }

  body.fnh-cart-page .wc-block-cart__sidebar,
  body.fnh-checkout-page .wc-block-checkout__sidebar{
    padding:18px!important;
    border-radius:18px!important;
  }

  body.fnh-checkout-page .wc-block-checkout__main{
    padding:16px!important;
    border-radius:18px!important;
  }

  body.fnh-checkout-page form.checkout{
    grid-template-columns:1fr!important;
  }
}


/* v3.9.2 — safe cart product thumbnails */
.fnh-cart-product-image{
  display:block!important;
  width:90px!important;
  height:125px!important;
  object-fit:contain!important;
  background:#f8f4ee!important;
  border-radius:14px!important;
  padding:8px!important;
}


/* =========================================================
   v3.9.3 — PREMIUM FN HOT SAUCE CART
   ========================================================= */

body.fnh-cart-page{
  background:
    radial-gradient(circle at 12% 0,rgba(215,25,32,.07),transparent 26%),
    #f3eee6!important;
}

/* Branded top cart hero */
.fnh-cart-hero{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 35%,rgba(215,25,32,.28),transparent 30%),
    radial-gradient(circle at 85% 70%,rgba(242,154,23,.12),transparent 28%),
    linear-gradient(120deg,#080808,#111 62%,#180a09);
  color:#fff;
  border-bottom:1px solid rgba(255,255,255,.07);
}

.fnh-cart-hero:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.16;
  background-image:radial-gradient(rgba(255,255,255,.34) .7px,transparent .7px);
  background-size:8px 8px;
}

.fnh-cart-hero__inner{
  position:relative;
  z-index:2;
  width:min(calc(100% - 64px),1500px);
  margin:0 auto;
  padding:46px 0 42px;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:30px;
}

.fnh-cart-hero__kicker{
  display:block;
  margin-bottom:8px;
  color:#ef252d;
  font-size:10px;
  font-weight:950;
  letter-spacing:.18em;
}

.fnh-cart-hero h1{
  margin:0!important;
  color:#fff!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:clamp(44px,4.8vw,82px)!important;
  line-height:.86!important;
  font-weight:1000!important;
  letter-spacing:-.055em!important;
}

.fnh-cart-hero p{
  margin:14px 0 0!important;
  color:rgba(255,255,255,.62)!important;
  font-size:14px!important;
}

.fnh-cart-continue{
  min-height:46px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 18px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  background:rgba(255,255,255,.05);
  color:#fff!important;
  text-decoration:none!important;
  font-size:9px;
  font-weight:950;
  letter-spacing:.12em;
}

.fnh-cart-continue:hover{
  background:#fff;
  color:#111!important;
}

/* Remove old pseudo headings added in 3.9.1 */
body.fnh-cart-page .wp-block-woocommerce-cart:before,
body.fnh-cart-page .wp-block-woocommerce-cart:after{
  display:none!important;
}

/* Make the entire cart use the real width of the page */
body.fnh-cart-page .wp-block-woocommerce-cart{
  width:min(calc(100% - 64px),1500px)!important;
  max-width:none!important;
  margin:0 auto!important;
  padding:48px 0 90px!important;
}

/* Woo block layout: main content left, sticky summary right */
body.fnh-cart-page .wc-block-cart{
  display:grid!important;
  grid-template-columns:minmax(0,1.65fr) minmax(360px,.72fr)!important;
  gap:34px!important;
  align-items:start!important;
}

body.fnh-cart-page .wc-block-cart__main{
  width:100%!important;
  max-width:none!important;
  padding-right:0!important;
  margin:0!important;
}

body.fnh-cart-page .wc-block-cart__sidebar{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  position:sticky!important;
  top:110px!important;
}

/* Remove plain table header look */
body.fnh-cart-page .wc-block-cart-items thead{
  display:none!important;
}

body.fnh-cart-page .wc-block-cart-items{
  display:block!important;
  width:100%!important;
  border-collapse:separate!important;
}

body.fnh-cart-page .wc-block-cart-items tbody{
  display:grid!important;
  gap:18px!important;
}

/* Premium product card */
body.fnh-cart-page .wc-block-cart-items__row{
  position:relative!important;
  display:grid!important;
  grid-template-columns:180px minmax(0,1fr) 120px!important;
  min-height:220px!important;
  padding:0!important;
  margin:0!important;
  border:1px solid rgba(20,20,20,.07)!important;
  border-radius:26px!important;
  background:#fff!important;
  overflow:hidden!important;
  box-shadow:0 18px 44px rgba(47,31,15,.09)!important;
}

/* Flavour color stripe */
body.fnh-cart-page .wc-block-cart-items__row:before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:6px;
  background:#d71920;
}

body.fnh-cart-page .wc-block-cart-items__row:has(a[href*="mild"]):before{
  background:#587f2c;
}

body.fnh-cart-page .wc-block-cart-items__row:has(a[href*="slight"]):before{
  background:#f29a17;
}

body.fnh-cart-page .wc-block-cart-item__image{
  display:grid!important;
  place-items:center!important;
  padding:20px 14px 20px 24px!important;
  background:
    radial-gradient(circle at center,rgba(215,25,32,.06),transparent 62%),
    #faf7f2!important;
}

body.fnh-cart-page .wc-block-cart-items__row:has(a[href*="mild"]) .wc-block-cart-item__image{
  background:
    radial-gradient(circle at center,rgba(88,127,44,.10),transparent 62%),
    #faf7f2!important;
}

body.fnh-cart-page .wc-block-cart-items__row:has(a[href*="slight"]) .wc-block-cart-item__image{
  background:
    radial-gradient(circle at center,rgba(242,154,23,.10),transparent 62%),
    #faf7f2!important;
}

body.fnh-cart-page .wc-block-cart-item__image img{
  display:block!important;
  width:110px!important;
  height:175px!important;
  max-width:none!important;
  object-fit:contain!important;
  padding:0!important;
  border-radius:0!important;
  background:transparent!important;
  filter:drop-shadow(0 16px 14px rgba(0,0,0,.16));
}

body.fnh-cart-page .wc-block-cart-item__product{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  min-width:0!important;
  padding:24px 24px!important;
}

body.fnh-cart-page .wc-block-components-product-name{
  margin:0 0 6px!important;
  color:#111!important;
  font-size:clamp(22px,1.5vw,30px)!important;
  line-height:1.05!important;
  font-weight:1000!important;
  letter-spacing:-.025em!important;
}

body.fnh-cart-page .wc-block-components-product-price{
  margin:0 0 8px!important;
  color:#d71920!important;
  font-size:15px!important;
  font-weight:950!important;
}

body.fnh-cart-page .wc-block-components-product-metadata{
  max-width:600px!important;
  margin-bottom:18px!important;
  color:#69635d!important;
  font-size:12px!important;
  line-height:1.45!important;
}

body.fnh-cart-page .wc-block-cart-item__quantity{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  margin-top:auto!important;
}

body.fnh-cart-page .wc-block-components-quantity-selector{
  min-height:48px!important;
  border:1px solid rgba(17,17,17,.12)!important;
  border-radius:14px!important;
  background:#f8f4ee!important;
}

body.fnh-cart-page .wc-block-components-quantity-selector__button{
  min-width:42px!important;
  color:#111!important;
  font-size:18px!important;
  font-weight:900!important;
}

body.fnh-cart-page .wc-block-cart-item__remove-link{
  min-height:38px!important;
  display:inline-flex!important;
  align-items:center!important;
  padding:0 12px!important;
  border-radius:999px!important;
  background:#111!important;
  color:#fff!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:.07em!important;
}

body.fnh-cart-page .wc-block-cart-item__remove-link:hover{
  background:#d71920!important;
  color:#fff!important;
}

/* Total on each product card */
body.fnh-cart-page .wc-block-cart-item__total{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:24px 20px!important;
  background:#fcfaf7!important;
  color:#111!important;
}

body.fnh-cart-page .wc-block-cart-item__total .wc-block-formatted-money-amount{
  color:#111!important;
  font-size:21px!important;
  font-weight:1000!important;
}

/* Summary becomes a bold checkout card */
body.fnh-cart-page .wc-block-cart__sidebar{
  padding:30px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:26px!important;
  background:
    radial-gradient(circle at 100% 0,rgba(215,25,32,.18),transparent 35%),
    #090909!important;
  color:#fff!important;
  box-shadow:0 24px 54px rgba(0,0,0,.22)!important;
}

body.fnh-cart-page .wc-block-cart__sidebar:before{
  content:"ORDER SUMMARY";
  display:block;
  margin:0 0 18px!important;
  color:#f2c300!important;
  font-size:10px!important;
  font-weight:950!important;
  letter-spacing:.17em!important;
}

body.fnh-cart-page .wc-block-cart__totals-title{
  margin-bottom:14px!important;
  color:#fff!important;
  font-size:25px!important;
  font-weight:1000!important;
  letter-spacing:-.03em!important;
}

body.fnh-cart-page .wc-block-cart__sidebar .wc-block-components-totals-wrapper{
  padding:15px 0!important;
  border-color:rgba(255,255,255,.09)!important;
}

body.fnh-cart-page .wc-block-cart__sidebar .wc-block-components-totals-item__label{
  color:rgba(255,255,255,.58)!important;
  font-size:11px!important;
  font-weight:850!important;
  letter-spacing:.04em!important;
}

body.fnh-cart-page .wc-block-cart__sidebar .wc-block-formatted-money-amount{
  color:#fff!important;
  font-size:18px!important;
  font-weight:950!important;
}

body.fnh-cart-page .wc-block-cart__sidebar .wc-block-components-totals-item--total .wc-block-formatted-money-amount{
  font-size:30px!important;
}

body.fnh-cart-page .wc-block-components-totals-coupon__button,
body.fnh-cart-page .wc-block-components-totals-coupon__form button{
  min-height:44px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:12px!important;
  background:#191919!important;
  color:#fff!important;
  font-weight:900!important;
}

body.fnh-cart-page .wc-block-cart__submit{
  margin-top:18px!important;
}

body.fnh-cart-page .wc-block-cart__submit-button{
  min-height:62px!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,#d71920,#f3262e)!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:1000!important;
  letter-spacing:.05em!important;
  box-shadow:0 16px 32px rgba(215,25,32,.28)!important;
}

body.fnh-cart-page .wc-block-cart__submit-button:hover{
  transform:translateY(-2px)!important;
  filter:brightness(1.06)!important;
}

/* Add trust line under checkout */
body.fnh-cart-page .wc-block-cart__sidebar:after{
  content:"✓ SECURE CHECKOUT   •   ✓ FAMILY RECIPE   •   ✓ PROUDLY CANADIAN";
  display:block;
  margin-top:16px;
  color:rgba(255,255,255,.42);
  font-size:7px;
  line-height:1.55;
  font-weight:850;
  letter-spacing:.08em;
  text-align:center;
}

/* Classic-cart fallback */
body.fnh-cart-page .woocommerce-cart-form,
body.fnh-cart-page .cart-collaterals{
  max-width:none!important;
}

/* Tablet */
@media (max-width:1100px){
  body.fnh-cart-page .wp-block-woocommerce-cart{
    width:min(calc(100% - 34px),960px)!important;
  }

  body.fnh-cart-page .wc-block-cart{
    grid-template-columns:1fr!important;
  }

  body.fnh-cart-page .wc-block-cart__sidebar{
    position:relative!important;
    top:auto!important;
  }
}

/* Mobile */
@media (max-width:700px){
  .fnh-cart-hero__inner{
    width:calc(100% - 24px);
    padding:30px 0 28px;
    align-items:flex-start;
    flex-direction:column;
  }

  .fnh-cart-hero h1{
    font-size:48px!important;
  }

  .fnh-cart-continue{
    min-height:42px;
  }

  body.fnh-cart-page .wp-block-woocommerce-cart{
    width:calc(100% - 20px)!important;
    padding:22px 0 64px!important;
  }

  body.fnh-cart-page .wc-block-cart{
    gap:18px!important;
  }

  body.fnh-cart-page .wc-block-cart-items tbody{
    gap:12px!important;
  }

  body.fnh-cart-page .wc-block-cart-items__row{
    grid-template-columns:108px minmax(0,1fr)!important;
    min-height:170px!important;
    border-radius:20px!important;
  }

  body.fnh-cart-page .wc-block-cart-item__image{
    grid-column:1!important;
    grid-row:1 / span 2!important;
    padding:14px 8px 14px 14px!important;
  }

  body.fnh-cart-page .wc-block-cart-item__image img{
    width:76px!important;
    height:128px!important;
  }

  body.fnh-cart-page .wc-block-cart-item__product{
    grid-column:2!important;
    padding:16px 14px 8px!important;
  }

  body.fnh-cart-page .wc-block-components-product-name{
    font-size:18px!important;
  }

  body.fnh-cart-page .wc-block-components-product-metadata{
    font-size:10px!important;
    margin-bottom:12px!important;
  }

  body.fnh-cart-page .wc-block-cart-item__quantity{
    flex-wrap:wrap!important;
    gap:8px!important;
  }

  body.fnh-cart-page .wc-block-cart-item__total{
    grid-column:2!important;
    grid-row:2!important;
    justify-content:flex-start!important;
    padding:0 14px 16px!important;
    background:transparent!important;
  }

  body.fnh-cart-page .wc-block-cart-item__total .wc-block-formatted-money-amount{
    font-size:17px!important;
  }

  body.fnh-cart-page .wc-block-cart__sidebar{
    padding:20px!important;
    border-radius:20px!important;
  }

  body.fnh-cart-page .wc-block-cart__totals-title{
    font-size:22px!important;
  }
}


/* v3.9.4 — real FN bottle artwork in WooCommerce block cart */
body.fnh-cart-page .wc-block-cart-item__image .fnh-block-cart-bottle{
  display:block!important;
  width:auto!important;
  height:178px!important;
  max-width:118px!important;
  object-fit:contain!important;
  padding:0!important;
  margin:auto!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:drop-shadow(0 16px 14px rgba(0,0,0,.18))!important;
}

@media (max-width:700px){
  body.fnh-cart-page .wc-block-cart-item__image .fnh-block-cart-bottle{
    height:128px!important;
    max-width:78px!important;
  }
}


/* v3.9.5 — force visible real bottle art */
body.fnh-cart-page .wc-block-cart-item__image{
  min-width:150px!important;
}

body.fnh-cart-page .wc-block-cart-item__image img.fnh-block-cart-bottle,
body.fnh-cart-page img.fnh-block-cart-bottle{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  width:auto!important;
  height:178px!important;
  max-width:118px!important;
  min-width:0!important;
  object-fit:contain!important;
  margin:auto!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:drop-shadow(0 16px 14px rgba(0,0,0,.18))!important;
}

@media (max-width:700px){
  body.fnh-cart-page .wc-block-cart-item__image{
    min-width:96px!important;
  }

  body.fnh-cart-page .wc-block-cart-item__image img.fnh-block-cart-bottle,
  body.fnh-cart-page img.fnh-block-cart-bottle{
    height:128px!important;
    max-width:78px!important;
  }
}


/* =========================================================
   v3.9.6 — CART PAGE ORDER
   Header/navigation first, cart hero directly underneath.
   ========================================================= */
body.fnh-cart-page{
  display:flex!important;
  flex-direction:column!important;
  min-height:100vh;
}

/* Astra/custom site header always occupies the first visual row. */
body.fnh-cart-page #masthead,
body.fnh-cart-page header#masthead,
body.fnh-cart-page .site-header,
body.fnh-cart-page .fnh-site-header{
  order:-100!important;
  position:relative!important;
  top:auto!important;
  z-index:9999!important;
}

/* The custom cart banner follows the menu instead of preceding it. */
body.fnh-cart-page .fnh-cart-hero,
body.fnh-cart-page .fnh-cart-banner,
body.fnh-cart-page [class*="cart-hero"]{
  order:-90!important;
  position:relative!important;
  top:auto!important;
  z-index:2!important;
}

/* Main cart content comes after the banner. */
body.fnh-cart-page #content,
body.fnh-cart-page .site-content{
  order:0!important;
}

/* Preserve footer at the bottom. */
body.fnh-cart-page #colophon,
body.fnh-cart-page .site-footer,
body.fnh-cart-page .fnh-site-footer{
  order:100!important;
}

@media (max-width: 921px){
  body.fnh-cart-page #masthead,
  body.fnh-cart-page header#masthead,
  body.fnh-cart-page .site-header,
  body.fnh-cart-page .fnh-site-header{
    order:-100!important;
  }

  body.fnh-cart-page .fnh-cart-hero,
  body.fnh-cart-page .fnh-cart-banner,
  body.fnh-cart-page [class*="cart-hero"]{
    order:-90!important;
  }
}


/* v3.9.7 — DOM handles cart order now; neutralize old flex-order workaround */
body.fnh-cart-page{
  display:block!important;
}

body.fnh-cart-page #masthead,
body.fnh-cart-page header#masthead,
body.fnh-cart-page .site-header,
body.fnh-cart-page .fnh-site-header,
body.fnh-cart-page .fnh-cart-hero,
body.fnh-cart-page #content,
body.fnh-cart-page .site-content,
body.fnh-cart-page #colophon,
body.fnh-cart-page .site-footer,
body.fnh-cart-page .fnh-site-footer{
  order:initial!important;
}


/* =========================================================
   v3.9.8 — EMPTY CART
   ========================================================= */
body.fnh-cart-page .wp-block-woocommerce-empty-cart-block{
  max-width:1500px!important;
  margin:0 auto!important;
  padding:40px 28px 80px!important;
}

body.fnh-cart-page .fnh-empty-cart{
  position:relative;
  overflow:hidden;
  min-height:520px;
  border-radius:34px;
  background:
    radial-gradient(circle at 78% 36%, rgba(236,31,39,.15), transparent 30%),
    linear-gradient(135deg,#0b0b0b 0%,#14100d 62%,#2a1109 100%);
  box-shadow:0 30px 80px rgba(0,0,0,.17);
  color:#fff;
}

body.fnh-cart-page .fnh-empty-cart:before{
  content:"";
  position:absolute;
  inset:1px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:33px;
  pointer-events:none;
}

body.fnh-cart-page .fnh-empty-cart__inner{
  position:relative;
  z-index:2;
  min-height:520px;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);
  align-items:center;
  gap:60px;
  max-width:1240px;
  margin:auto;
  padding:64px 74px;
}

body.fnh-cart-page .fnh-empty-cart__eyebrow{
  margin-bottom:14px;
  color:#ff3138;
  font-size:12px;
  font-weight:900;
  letter-spacing:.18em;
}

body.fnh-cart-page .fnh-empty-cart h2{
  margin:0;
  color:#fff;
  font-size:clamp(46px,5.3vw,82px);
  line-height:.89;
  letter-spacing:-.055em;
  font-weight:1000;
  text-transform:uppercase;
}

body.fnh-cart-page .fnh-empty-cart h2 span{
  color:#ff272f;
}

body.fnh-cart-page .fnh-empty-cart__copy>p{
  max-width:610px;
  margin:24px 0 28px;
  color:rgba(255,255,255,.72);
  font-size:16px;
  line-height:1.65;
}

body.fnh-cart-page .fnh-empty-cart__shipping{
  display:flex;
  align-items:center;
  gap:14px;
  width:max-content;
  max-width:100%;
  margin:0 0 28px;
  padding:13px 17px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:16px;
  background:rgba(255,255,255,.05);
  backdrop-filter:blur(8px);
}

body.fnh-cart-page .fnh-empty-cart__shipping-icon{
  font-size:22px;
}

body.fnh-cart-page .fnh-empty-cart__shipping strong,
body.fnh-cart-page .fnh-empty-cart__shipping span{
  display:block;
}

body.fnh-cart-page .fnh-empty-cart__shipping strong{
  color:#fff;
  font-size:12px;
  letter-spacing:.08em;
}

body.fnh-cart-page .fnh-empty-cart__shipping span{
  margin-top:3px;
  color:#ffcf32;
  font-size:11px;
  font-weight:800;
}

body.fnh-cart-page .fnh-empty-cart__cta{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:18px;
  min-height:58px;
  padding:0 28px!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#ed1c24,#ff343b)!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:1000!important;
  letter-spacing:.07em!important;
  text-decoration:none!important;
  box-shadow:0 14px 32px rgba(237,28,36,.28);
  transition:transform .2s ease,box-shadow .2s ease;
}

body.fnh-cart-page .fnh-empty-cart__cta:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 40px rgba(237,28,36,.38);
}

body.fnh-cart-page .fnh-empty-cart__bottles{
  position:relative;
  height:390px;
}

body.fnh-cart-page .fnh-empty-cart__ring{
  position:absolute;
  left:50%;
  bottom:14px;
  width:330px;
  height:76px;
  transform:translateX(-50%);
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(237,28,36,.38),rgba(237,28,36,.05) 54%,transparent 72%);
  filter:blur(7px);
}

body.fnh-cart-page .fnh-empty-cart__bottle{
  position:absolute;
  bottom:32px;
  left:50%;
  max-height:340px;
  width:auto;
  object-fit:contain;
  filter:drop-shadow(0 30px 26px rgba(0,0,0,.5));
  transition:transform .35s ease;
}

body.fnh-cart-page .fnh-empty-cart__bottle--mild{
  z-index:3;
  transform:translateX(-50%) scale(1.03);
}

body.fnh-cart-page .fnh-empty-cart__bottle--hot{
  z-index:2;
  transform:translateX(-118%) rotate(-7deg) scale(.88);
}

body.fnh-cart-page .fnh-empty-cart__bottle--slight{
  z-index:1;
  transform:translateX(18%) rotate(7deg) scale(.88);
}

/* Hide Woo default empty cart recommendation UI once custom experience is active. */
body.fnh-cart-page .wp-block-woocommerce-empty-cart-block .wp-block-heading,
body.fnh-cart-page .wp-block-woocommerce-empty-cart-block .wp-block-product-new{
  display:none!important;
}


/* =========================================================
   v3.9.8 — FREE SHIPPING PROGRESS
   ========================================================= */
body.fnh-cart-page .fnh-free-ship{
  margin:0 0 18px;
  padding:17px 18px 14px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:17px;
  background:linear-gradient(135deg,rgba(237,28,36,.12),rgba(255,255,255,.035));
}

body.fnh-cart-page .fnh-free-ship__top{
  display:flex;
  align-items:center;
  gap:11px;
}

body.fnh-cart-page .fnh-free-ship__icon{
  display:grid;
  place-items:center;
  flex:0 0 36px;
  width:36px;
  height:36px;
  border-radius:11px;
  background:#ed1c24;
  font-size:17px;
}

body.fnh-cart-page .fnh-free-ship__text strong,
body.fnh-cart-page .fnh-free-ship__text span{
  display:block;
}

body.fnh-cart-page .fnh-free-ship__text strong{
  color:#fff;
  font-size:11px;
  line-height:1.25;
  letter-spacing:.055em;
}

body.fnh-cart-page .fnh-free-ship__text span{
  margin-top:3px;
  color:rgba(255,255,255,.55);
  font-size:9px;
}

body.fnh-cart-page .fnh-free-ship__track{
  overflow:hidden;
  height:7px;
  margin-top:13px;
  border-radius:99px;
  background:rgba(255,255,255,.09);
}

body.fnh-cart-page .fnh-free-ship__track span{
  display:block;
  height:100%;
  min-width:3px;
  border-radius:inherit;
  background:linear-gradient(90deg,#ed1c24,#ffb000);
  transition:width .35s ease;
}

body.fnh-cart-page .fnh-free-ship__labels{
  display:flex;
  justify-content:space-between;
  margin-top:6px;
  color:rgba(255,255,255,.37);
  font-size:8px;
  font-weight:900;
  letter-spacing:.07em;
}

@media(max-width:900px){
  body.fnh-cart-page .wp-block-woocommerce-empty-cart-block{
    padding:24px 16px 55px!important;
  }

  body.fnh-cart-page .fnh-empty-cart__inner{
    grid-template-columns:1fr;
    gap:18px;
    padding:46px 28px 30px;
  }

  body.fnh-cart-page .fnh-empty-cart__copy{
    text-align:center;
  }

  body.fnh-cart-page .fnh-empty-cart__copy>p{
    margin-left:auto;
    margin-right:auto;
  }

  body.fnh-cart-page .fnh-empty-cart__shipping{
    margin-left:auto;
    margin-right:auto;
    text-align:left;
  }

  body.fnh-cart-page .fnh-empty-cart__bottles{
    height:310px;
  }

  body.fnh-cart-page .fnh-empty-cart__bottle{
    max-height:275px;
  }
}

@media(max-width:560px){
  body.fnh-cart-page .fnh-empty-cart{
    border-radius:24px;
  }

  body.fnh-cart-page .fnh-empty-cart__inner{
    padding:38px 18px 24px;
  }

  body.fnh-cart-page .fnh-empty-cart h2{
    font-size:43px;
  }

  body.fnh-cart-page .fnh-empty-cart__shipping{
    width:100%;
  }

  body.fnh-cart-page .fnh-empty-cart__bottles{
    height:260px;
  }

  body.fnh-cart-page .fnh-empty-cart__bottle{
    max-height:230px;
  }
}


/* =========================================================
   v3.9.9 — EXPANDED STORY
   ========================================================= */
.fnh-story-expanded-copy{
  max-width:760px;
}

.fnh-story-expanded-copy__eyebrow{
  margin-bottom:14px;
  color:#ed1c24;
  font-size:12px;
  line-height:1;
  font-weight:1000;
  letter-spacing:.18em;
  text-transform:uppercase;
}

.fnh-story-expanded-copy h2{
  margin:0 0 30px;
  color:#111;
  font-size:clamp(48px,5.8vw,86px);
  line-height:.88;
  letter-spacing:-.055em;
  font-weight:1000;
  text-transform:uppercase;
}

.fnh-story-expanded-copy h2 span{
  color:#ed1c24;
}

.fnh-story-expanded-copy__body{
  max-width:700px;
}

.fnh-story-expanded-copy__body p{
  margin:0 0 18px;
  color:#27231f;
  font-size:16px;
  line-height:1.72;
}

.fnh-story-expanded-copy__body em{
  color:#111;
  font-style:italic;
  font-weight:800;
}

.fnh-story-expanded-copy__closing{
  margin-top:30px!important;
  padding-top:22px;
  border-top:1px solid rgba(0,0,0,.14);
  color:#111!important;
  font-size:19px!important;
  line-height:1.45!important;
}


/* =========================================================
   v3.9.9 — FOOTER "PUT SOME TRINI ON IT." LOCKUP
   Same visual language as the earlier page treatment.
   ========================================================= */
.fnh-footer-trini-lockup{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  width:max-content;
  max-width:100%;
  margin:0!important;
  color:#fff!important;
  line-height:.78!important;
  text-transform:uppercase!important;
  letter-spacing:-.055em!important;
  font-weight:1000!important;
}

.fnh-footer-trini-lockup .fnh-trini-line{
  display:block!important;
}

.fnh-footer-trini-lockup .fnh-trini-line--top,
.fnh-footer-trini-lockup .fnh-trini-line--bottom{
  color:#fff!important;
}

.fnh-footer-trini-lockup .fnh-trini-line--accent{
  color:#ed1c24!important;
  font-size:1.34em!important;
}

@media(max-width:767px){
  .fnh-story-expanded-copy{
    max-width:none;
  }

  .fnh-story-expanded-copy h2{
    font-size:48px;
  }

  .fnh-story-expanded-copy__body p{
    font-size:15px;
    line-height:1.68;
  }

  .fnh-footer-trini-lockup{
    align-items:center!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}


/* =========================================================
   v3.9.10 — FOOTER "PUT SOME TRINI ON IT."
   Matches the red page CTA visual language.
   ========================================================= */
.fnh-site-footer__signoff .fnh-footer-trini-reference{
  display:block;
  width:min(100%,560px);
}

.fnh-footer-trini-kicker{
  display:flex;
  align-items:center;
  gap:11px;
  margin-bottom:12px;
  color:rgba(255,255,255,.82);
  font-size:10px;
  line-height:1;
  font-weight:1000;
  letter-spacing:.15em;
  text-transform:uppercase;
}

.fnh-footer-trini-kicker i{
  display:block;
  width:28px;
  height:2px;
  flex:0 0 28px;
  background:#ed1c24;
}

.fnh-footer-trini-title{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  width:max-content;
  max-width:100%;
  padding-bottom:12px;
  text-transform:uppercase;
  font-weight:1000;
  letter-spacing:-.055em;
}

.fnh-footer-trini-title .fnh-footer-put{
  display:block;
  color:#fff;
  font-size:clamp(36px,4vw,58px);
  line-height:.82;
  white-space:nowrap;
}

.fnh-footer-trini-title .fnh-footer-last{
  display:flex;
  align-items:baseline;
  margin-top:5px;
  line-height:.82;
  white-space:nowrap;
}

.fnh-footer-trini-title .fnh-footer-last b{
  color:#ed1c24;
  font-size:clamp(42px,4.7vw,68px);
  font-weight:1000;
}

.fnh-footer-trini-title .fnh-footer-last strong{
  margin-left:8px;
  color:#fff;
  font-size:clamp(36px,4vw,58px);
  font-weight:1000;
}

.fnh-footer-trini-title em{
  display:block;
  width:48%;
  max-width:210px;
  height:6px;
  margin-top:11px;
  border-radius:99px;
  background:#f7a900;
  transform:rotate(-1.5deg);
}

@media(max-width:767px){
  .fnh-site-footer__signoff .fnh-footer-trini-reference{
    margin-left:auto;
    margin-right:auto;
  }

  .fnh-footer-trini-kicker{
    justify-content:center;
    font-size:8px;
  }

  .fnh-footer-trini-title{
    margin-left:auto;
    margin-right:auto;
    align-items:center;
  }

  .fnh-footer-trini-title .fnh-footer-put{
    font-size:36px;
  }

  .fnh-footer-trini-title .fnh-footer-last b{
    font-size:42px;
  }

  .fnh-footer-trini-title .fnh-footer-last strong{
    font-size:36px;
  }

  .fnh-footer-trini-title em{
    align-self:flex-start;
    margin-left:2px;
  }
}


/* =========================================================
   v3.9.11 — REAL EXPANDED DAD STORY
   ========================================================= */
.fn-dad-story-expanded{
  max-width:720px;
  margin-top:18px;
}

.fn-dad-story-expanded p{
  margin:0 0 17px!important;
  font-size:16px!important;
  line-height:1.72!important;
}

.fn-dad-story-expanded em{
  font-weight:800;
}

.fn-dad-story-closing{
  margin-top:26px!important;
  padding-top:20px;
  border-top:1px solid rgba(0,0,0,.15);
  font-size:19px!important;
  line-height:1.45!important;
}

/* =========================================================
   v3.9.11 — UPPER CTA IS NOW PRODUCT-FOCUSED
   ========================================================= */
.fn-trini-cta .fnh-pass-title{
  color:#fff!important;
}

.fn-trini-cta .fnh-pass-title span{
  color:#ed1c24!important;
}

.fnh-footer-bottle-stack{
  position:relative;
  width:240px;
  height:180px;
  margin-left:auto;
}

.fnh-footer-bottle-stack img{
  position:absolute;
  bottom:0;
  left:50%;
  width:auto;
  height:165px;
  object-fit:contain;
  filter:drop-shadow(0 16px 16px rgba(0,0,0,.42));
}

.fnh-footer-bottle-stack img:nth-child(1){
  transform:translateX(-100%) rotate(-7deg) scale(.88);
}
.fnh-footer-bottle-stack img:nth-child(2){
  z-index:3;
  transform:translateX(-50%);
}
.fnh-footer-bottle-stack img:nth-child(3){
  transform:translateX(0%) rotate(7deg) scale(.88);
}

@media(max-width:767px){
  .fn-dad-story-expanded p{
    font-size:15px!important;
  }
  .fnh-footer-bottle-stack{
    margin:15px auto 0;
  }
}


/* =========================================================
   v3.9.17 — HOMEPAGE FOOTER ALIGNMENT
   Shop and Cart are intentionally untouched.
   ========================================================= */
body.home #our-story .fn-story-cta,
body.front-page #our-story .fn-story-cta{
  display:none!important;
}

body.home .fnh-site-footer,
body.front-page .fnh-site-footer{
  margin-top:0!important;
}


/* =========================================================
   v3.9.18 — HOMEPAGE STORY BAND REBALANCE
   Logo + story copy + interactive bottle trio.
   Shop/cart/footer below remain untouched.
   ========================================================= */

/* Undo v3.9.17's complete hiding of the story CTA on home. */
body.home #our-story .fn-story-cta,
body.front-page #our-story .fn-story-cta{
  display:flex!important;
}

/* Keep original slogan hidden only on homepage. */
body.home #our-story .fn-story-cta-original,
body.front-page #our-story .fn-story-cta-original{
  display:none!important;
}

/* New bottle block is homepage only. */
.fnh-home-story-products{
  display:none;
}

body.home #our-story .fnh-home-story-products,
body.front-page #our-story .fnh-home-story-products{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  width:100%;
}

body.home #our-story .fn-story-bottom-grid,
body.front-page #our-story .fn-story-bottom-grid{
  grid-template-columns:140px minmax(0,1fr) 300px!important;
  align-items:center!important;
  gap:42px!important;
  max-width:1500px!important;
  margin:0 auto!important;
}

/* Better visual balance for the family logo. */
body.home #our-story .fn-bottom-logo,
body.front-page #our-story .fn-bottom-logo{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

body.home #our-story .fn-bottom-logo-img,
body.front-page #our-story .fn-bottom-logo-img{
  width:116px!important;
  height:116px!important;
  object-fit:contain!important;
}

/* Give copy a comfortable width instead of hugging the left. */
body.home #our-story .fn-story-bottom-grid > div:nth-child(2),
body.front-page #our-story .fn-story-bottom-grid > div:nth-child(2){
  max-width:760px!important;
}

body.home #our-story .fn-story-bottom-grid > div:nth-child(2) h2,
body.front-page #our-story .fn-story-bottom-grid > div:nth-child(2) h2{
  margin-bottom:16px!important;
  font-size:clamp(28px,2.4vw,42px)!important;
  letter-spacing:-.03em!important;
}

body.home #our-story .fn-story-bottom-grid > div:nth-child(2) p,
body.front-page #our-story .fn-story-bottom-grid > div:nth-child(2) p{
  max-width:720px!important;
  line-height:1.6!important;
}

body.home #our-story .fn-story-bottom-grid blockquote,
body.front-page #our-story .fn-story-bottom-grid blockquote{
  margin-top:22px!important;
  margin-bottom:22px!important;
}

/* Right-side bottle interaction */
.fnh-home-story-products__kicker{
  margin-bottom:7px;
  color:#ffbf19;
  font-size:9px;
  line-height:1;
  font-weight:1000;
  letter-spacing:.18em;
  text-transform:uppercase;
}

.fnh-home-story-products__stage{
  position:relative;
  width:250px;
  height:130px;
  margin-bottom:8px;
  perspective:900px;
}

.fnh-home-story-bottle{
  position:absolute;
  left:50%;
  bottom:0;
  display:block;
  transform-origin:50% 100%;
  transition:transform .28s cubic-bezier(.2,.8,.2,1), opacity .25s ease, filter .25s ease;
  -webkit-tap-highlight-color:transparent;
}

.fnh-home-story-bottle img{
  display:block!important;
  width:auto!important;
  height:122px!important;
  max-width:none!important;
  object-fit:contain!important;
  filter:drop-shadow(0 14px 15px rgba(0,0,0,.48));
}

.fnh-home-story-bottle--hot{
  z-index:1;
  transform:translateX(-108%) rotate(-7deg) scale(.88);
}

.fnh-home-story-bottle--mild{
  z-index:3;
  transform:translateX(-50%) scale(1);
}

.fnh-home-story-bottle--slight{
  z-index:2;
  transform:translateX(8%) rotate(7deg) scale(.88);
}

.fnh-home-story-products__stage:hover .fnh-home-story-bottle{
  opacity:.64;
}

.fnh-home-story-products__stage .fnh-home-story-bottle:hover{
  z-index:6;
  opacity:1;
  transform:translateX(-50%) translateY(-10px) scale(1.08) rotate(0deg);
}

.fnh-home-story-shop-btn{
  min-width:178px!important;
  min-height:44px!important;
  padding:0 18px!important;
  border-radius:10px!important;
  box-shadow:0 10px 24px rgba(237,28,36,.22)!important;
  transition:transform .2s ease,box-shadow .2s ease!important;
}

.fnh-home-story-shop-btn:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 14px 30px rgba(237,28,36,.32)!important;
}

/* Tablet */
@media(max-width:1050px){
  body.home #our-story .fn-story-bottom-grid,
  body.front-page #our-story .fn-story-bottom-grid{
    grid-template-columns:110px minmax(0,1fr) 250px!important;
    gap:28px!important;
  }

  .fnh-home-story-products__stage{
    width:220px;
  }

  .fnh-home-story-bottle img{
    height:108px!important;
  }
}

/* Mobile: clean stacked arrangement */
@media(max-width:760px){
  body.home #our-story .fn-story-bottom-grid,
  body.front-page #our-story .fn-story-bottom-grid{
    grid-template-columns:1fr!important;
    gap:24px!important;
    text-align:center!important;
  }

  body.home #our-story .fn-story-bottom-grid > div:nth-child(2),
  body.front-page #our-story .fn-story-bottom-grid > div:nth-child(2){
    max-width:none!important;
  }

  body.home #our-story .fn-story-bottom-grid > div:nth-child(2) p,
  body.front-page #our-story .fn-story-bottom-grid > div:nth-child(2) p{
    margin-left:auto!important;
    margin-right:auto!important;
  }

  .fnh-home-story-products__stage{
    width:240px;
    height:125px;
  }
}


/* =========================================================
   v3.9.19 — HOMEPAGE STORY BAND POLISH
   No blue links. Stronger branded CTA and bottle presentation.
   ========================================================= */

/* Make the entire band feel intentional and centered. */
body.home #our-story .fn-story-bottom,
body.front-page #our-story .fn-story-bottom{
  background:
    radial-gradient(circle at 72% 45%, rgba(237,28,36,.09), transparent 25%),
    linear-gradient(110deg,#080808 0%,#0b0b0b 54%,#100909 100%)!important;
}

body.home #our-story .fn-story-bottom-grid,
body.front-page #our-story .fn-story-bottom-grid{
  grid-template-columns:130px minmax(520px,760px) 310px!important;
  justify-content:center!important;
  gap:46px!important;
}

/* Right-side product card */
body.home #our-story .fnh-home-story-products,
body.front-page #our-story .fnh-home-story-products{
  position:relative;
  min-height:190px;
  padding:18px 22px 17px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:18px;
  background:
    radial-gradient(circle at 50% 45%,rgba(237,28,36,.14),transparent 46%),
    rgba(255,255,255,.025);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 18px 45px rgba(0,0,0,.28);
  overflow:hidden;
}

body.home #our-story .fnh-home-story-products:before,
body.front-page #our-story .fnh-home-story-products:before{
  content:"";
  position:absolute;
  left:20%;
  right:20%;
  bottom:54px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(237,28,36,.55),transparent);
}

.fnh-home-story-products__kicker{
  position:relative;
  z-index:2;
  margin-bottom:8px!important;
  color:#ffbd18!important;
  font-size:9px!important;
  letter-spacing:.20em!important;
}

/* Give the bottles a little more presence. */
.fnh-home-story-products__stage{
  width:260px!important;
  height:126px!important;
  margin-bottom:9px!important;
}

.fnh-home-story-bottle img{
  height:120px!important;
}

/* Strong branded button: absolutely no browser/blue link styling. */
body.home #our-story a.fnh-home-story-shop-btn,
body.front-page #our-story a.fnh-home-story-shop-btn,
body.home #our-story a.fnh-home-story-shop-btn:visited,
body.front-page #our-story a.fnh-home-story-shop-btn:visited{
  position:relative;
  z-index:3;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:190px!important;
  min-height:45px!important;
  padding:0 22px!important;
  border:1px solid #ed1c24!important;
  border-radius:9px!important;
  background:#ed1c24!important;
  color:#fff!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:1000!important;
  letter-spacing:.09em!important;
  text-decoration:none!important;
  text-transform:uppercase!important;
  box-shadow:0 10px 24px rgba(237,28,36,.24)!important;
  outline:none!important;
}

body.home #our-story a.fnh-home-story-shop-btn:hover,
body.front-page #our-story a.fnh-home-story-shop-btn:hover,
body.home #our-story a.fnh-home-story-shop-btn:focus,
body.front-page #our-story a.fnh-home-story-shop-btn:focus{
  background:#ff2b33!important;
  border-color:#ff2b33!important;
  color:#fff!important;
  text-decoration:none!important;
  transform:translateY(-2px)!important;
  box-shadow:0 15px 32px rgba(237,28,36,.34)!important;
}

/* Kill blue link states anywhere inside this homepage story band. */
body.home #our-story .fn-story-bottom a,
body.home #our-story .fn-story-bottom a:visited,
body.home #our-story .fn-story-bottom a:hover,
body.home #our-story .fn-story-bottom a:focus,
body.front-page #our-story .fn-story-bottom a,
body.front-page #our-story .fn-story-bottom a:visited,
body.front-page #our-story .fn-story-bottom a:hover,
body.front-page #our-story .fn-story-bottom a:focus{
  text-decoration:none!important;
}

/* Slightly polish the quote to tie the left/middle to the red CTA. */
body.home #our-story .fn-story-bottom-grid blockquote,
body.front-page #our-story .fn-story-bottom-grid blockquote{
  position:relative;
  padding-left:20px!important;
  border-left:3px solid #ed1c24!important;
}

/* Responsive */
@media(max-width:1180px){
  body.home #our-story .fn-story-bottom-grid,
  body.front-page #our-story .fn-story-bottom-grid{
    grid-template-columns:110px minmax(0,1fr) 280px!important;
    gap:30px!important;
  }
}

@media(max-width:760px){
  body.home #our-story .fn-story-bottom-grid,
  body.front-page #our-story .fn-story-bottom-grid{
    grid-template-columns:1fr!important;
  }

  body.home #our-story .fnh-home-story-products,
  body.front-page #our-story .fnh-home-story-products{
    width:min(100%,330px)!important;
    margin:0 auto!important;
  }
}


/* =========================================================
   v3.9.20 — PASS THE F'N HOT SAUCE CTA CONTRAST FIX
   Homepage only. Make F'N unmistakably readable.
   ========================================================= */

/* Target the red/orange PASS THE F'N HOT SAUCE banner. */
body.home .fn-trini-cta .fnh-pass-title span,
body.front-page .fn-trini-cta .fnh-pass-title span{
  position:relative;
  display:inline-block;
  color:#090909!important;
  text-shadow:none!important;
  isolation:isolate;
}

/* Cream/yellow marker behind F'N creates strong contrast on red/orange. */
body.home .fn-trini-cta .fnh-pass-title span:before,
body.front-page .fn-trini-cta .fnh-pass-title span:before{
  content:"";
  position:absolute;
  z-index:-1;
  left:-.09em;
  right:-.09em;
  top:.09em;
  bottom:.02em;
  border-radius:.04em;
  background:#ffbd18;
  transform:rotate(-1deg);
  box-shadow:0 .08em 0 rgba(0,0,0,.10);
}

/* Keep the existing hand-drawn underline visible underneath. */
body.home .fn-trini-cta .fnh-pass-title span:after,
body.front-page .fn-trini-cta .fnh-pass-title span:after{
  background:#111!important;
}

/* Fallback for older version of the same banner heading. */
body.home .fn-trini-copy h2 span,
body.front-page .fn-trini-copy h2 span{
  color:#111!important;
  -webkit-text-stroke:0!important;
}

/* Ensure banner shop CTA remains on-brand, never blue. */
body.home .fn-trini-cta a,
body.home .fn-trini-cta a:visited,
body.front-page .fn-trini-cta a,
body.front-page .fn-trini-cta a:visited{
  color:#fff!important;
  text-decoration:none!important;
}

body.home .fn-trini-cta a:hover,
body.home .fn-trini-cta a:focus,
body.front-page .fn-trini-cta a:hover,
body.front-page .fn-trini-cta a:focus{
  color:#fff!important;
  text-decoration:none!important;
}


/* =========================================================
   v3.9.21 — F'N TITLE: WHITE TEXT + ORIGINAL YELLOW UNDERLINE
   ========================================================= */
body.home .fn-trini-cta .fnh-pass-title span,
body.front-page .fn-trini-cta .fnh-pass-title span,
body.home .fn-trini-copy h2 span,
body.front-page .fn-trini-copy h2 span{
  color:#fff!important;
  background:transparent!important;
  text-shadow:none!important;
  -webkit-text-stroke:0!important;
}

/* Remove the v3.9.20 yellow marker/background behind F'N. */
body.home .fn-trini-cta .fnh-pass-title span:before,
body.front-page .fn-trini-cta .fnh-pass-title span:before{
  display:none!important;
  content:none!important;
}

/* Preserve the yellow hand-drawn underline. */
body.home .fn-trini-cta .fnh-pass-title span:after,
body.front-page .fn-trini-cta .fnh-pass-title span:after{
  display:block!important;
  background:#ffbd18!important;
}


/* =========================================================
   v3.9.22 — SELECTED HEAT PRODUCT VISUAL PRIORITY
   ========================================================= */

/* Keep transitions smooth when arriving from homepage. */
body.fnh-has-heat-selection #fnh-product-hot,
body.fnh-has-heat-selection #fnh-product-mild,
body.fnh-has-heat-selection #fnh-product-slight{
  transition:
    transform .28s cubic-bezier(.2,.8,.2,1),
    opacity .28s ease,
    filter .28s ease,
    box-shadow .28s ease,
    border-color .28s ease!important;
}

/* Chosen product: lift + bright branded outline/glow. */
body.fnh-has-heat-selection .fnh-product-selected{
  position:relative!important;
  z-index:5!important;
  opacity:1!important;
  filter:none!important;
  transform:translateY(-8px) scale(1.025)!important;
  border-color:#ed1c24!important;
  box-shadow:
    0 0 0 2px #ed1c24,
    0 0 0 6px rgba(237,28,36,.12),
    0 24px 52px rgba(0,0,0,.28),
    0 12px 30px rgba(237,28,36,.22)!important;
}

/* Other two products remain readable, just visually quieter. */
body.fnh-has-heat-selection .fnh-product-not-selected{
  opacity:.58!important;
  filter:saturate(.68) brightness(.84)!important;
  transform:scale(.975)!important;
}

/* Let shoppers easily move attention to another product on hover. */
body.fnh-has-heat-selection .fnh-product-not-selected:hover{
  opacity:.9!important;
  filter:saturate(.95) brightness(.96)!important;
  transform:translateY(-3px) scale(.99)!important;
}

/* Small brand-consistent badge. */
.fnh-your-pick-badge{
  position:absolute;
  top:14px;
  right:14px;
  z-index:20;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:28px;
  padding:0 11px;
  border:1px solid rgba(255,255,255,.2);
  border-radius:999px;
  background:#ed1c24;
  color:#fff!important;
  font-size:9px;
  line-height:1;
  font-weight:1000;
  letter-spacing:.11em;
  text-transform:uppercase;
  box-shadow:0 8px 20px rgba(237,28,36,.28);
  pointer-events:none;
}

/* Arrival pulse happens once after navigation. */
@keyframes fnhSelectedArrival{
  0%{
    box-shadow:
      0 0 0 2px #ed1c24,
      0 0 0 7px rgba(237,28,36,.12),
      0 18px 42px rgba(0,0,0,.24);
  }
  45%{
    box-shadow:
      0 0 0 3px #ffbd18,
      0 0 0 11px rgba(255,189,24,.18),
      0 28px 58px rgba(0,0,0,.32),
      0 10px 34px rgba(237,28,36,.34);
  }
  100%{
    box-shadow:
      0 0 0 2px #ed1c24,
      0 0 0 6px rgba(237,28,36,.12),
      0 24px 52px rgba(0,0,0,.28),
      0 12px 30px rgba(237,28,36,.22);
  }
}

body.fnh-has-heat-selection .fnh-product-selected-arrival{
  animation:fnhSelectedArrival .95s ease both;
}

@media(max-width:760px){
  body.fnh-has-heat-selection .fnh-product-selected{
    transform:translateY(-4px) scale(1.01)!important;
  }

  body.fnh-has-heat-selection .fnh-product-not-selected{
    opacity:.66!important;
    transform:none!important;
  }

  .fnh-your-pick-badge{
    top:10px;
    right:10px;
  }
}

@media(prefers-reduced-motion:reduce){
  body.fnh-has-heat-selection #fnh-product-hot,
  body.fnh-has-heat-selection #fnh-product-mild,
  body.fnh-has-heat-selection #fnh-product-slight,
  body.fnh-has-heat-selection .fnh-product-selected-arrival{
    transition:none!important;
    animation:none!important;
  }
}


/* =========================================================
   v3.9.24 — QUIETER, PREMIUM PRODUCT SELECTION
   No red outline, no badge, no pulse.
   ========================================================= */

body.fnh-has-heat-selection .fnh-product-selected{
  position:relative!important;
  z-index:4!important;
  opacity:1!important;
  filter:saturate(1.05) brightness(1.03)!important;
  transform:translateY(-7px) scale(1.055)!important;
  border-color:inherit!important;
  box-shadow:0 22px 46px rgba(0,0,0,.20)!important;
  animation:none!important;
}

body.fnh-has-heat-selection .fnh-product-selected-arrival{
  animation:none!important;
}

body.fnh-has-heat-selection .fnh-product-not-selected{
  opacity:.52!important;
  filter:saturate(.72) brightness(.88)!important;
  transform:scale(.965)!important;
  box-shadow:none!important;
}

body.fnh-has-heat-selection .fnh-product-not-selected:hover{
  opacity:.78!important;
  filter:saturate(.9) brightness(.96)!important;
  transform:translateY(-2px) scale(.98)!important;
}

/* Remove YOUR PICK badge completely for the cleaner treatment. */
.fnh-your-pick-badge{
  display:none!important;
}

/* If the product cards have their own border, don't recolour it red. */
body.fnh-has-heat-selection #fnh-product-hot.fnh-product-selected,
body.fnh-has-heat-selection #fnh-product-mild.fnh-product-selected,
body.fnh-has-heat-selection #fnh-product-slight.fnh-product-selected{
  outline:none!important;
}

/* On mobile use less dimming so all three choices remain easy to browse. */
@media(max-width:760px){
  body.fnh-has-heat-selection .fnh-product-selected{
    transform:translateY(-3px) scale(1.025)!important;
  }
  body.fnh-has-heat-selection .fnh-product-not-selected{
    opacity:.68!important;
    filter:saturate(.82) brightness(.92)!important;
    transform:scale(.985)!important;
  }
}


/* =========================================================
   v3.9.25 — LIVE SHOP HEAT SWITCH POLISH
   ========================================================= */
body.fnh-has-heat-selection #fnh-product-hot,
body.fnh-has-heat-selection #fnh-product-mild,
body.fnh-has-heat-selection #fnh-product-slight{
  transition:
    transform .32s cubic-bezier(.2,.75,.2,1),
    opacity .28s ease,
    filter .28s ease,
    box-shadow .28s ease!important;
}