/* =====================================================================
   HFH3 — Header v3 (2026-07-14). ONE consolidated layer, live-measured.
   Replaces the legacy inline CSS towers; drawer/mega-menu/minicart blocks
   are ported verbatim below the core (same class names, emitters removed).
===================================================================== */
.hfh-shell{display:block!important;visibility:visible!important;opacity:1!important;position:relative!important;top:auto!important;z-index:9000;background:#fff;box-shadow:0 1px 0 rgba(73,203,91,.28),0 14px 34px rgba(6,27,49,.043);font-family:'Poppins',system-ui,-apple-system,sans-serif}
.hfh-shell *,.hfh-mob *,.hfh-minicart *{box-sizing:border-box}
.hfh-topbar{background:linear-gradient(135deg,#061b31 0%,#08213b 52%,#0b2746 100%);border-bottom:1px solid rgba(73,203,91,.3);color:rgba(255,255,255,.88);max-height:60px;overflow:hidden;transition:max-height .24s ease,opacity .2s ease}
.hfh-topbar__inner{max-width:1560px;margin:0 auto;padding:0 32px;height:44px;display:flex;align-items:center;justify-content:space-between}
.hfh-topbar__trust,.hfh-topbar__ctas{display:flex;align-items:center;min-width:0}
.hfh-topbar__item,.hfh-topbar__link,.hfh-pro{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 20px;font-size:11.5px;font-weight:700;letter-spacing:.92px;text-transform:uppercase;color:#fff;text-decoration:none;white-space:nowrap}
.hfh-topbar__item svg,.hfh-topbar__link svg,.hfh-pro svg{width:16px;height:16px;fill:none;stroke:#49cb5b;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.hfh-topbar__link:hover,.hfh-pro:hover{color:#7ce98a}
.hfh-topbar__sep{width:1px;height:16px;background:rgba(255,255,255,.16)}
.hfh-header{background:#fff;border-bottom:1px solid rgba(10,31,58,.08)}
.hfh-header__inner{max-width:1560px;margin:0 auto;padding:0 34px;height:82px;display:flex;align-items:center;gap:14px;transition:height .24s ease}
.hfh-logo{display:inline-flex;align-items:center;flex:0 0 auto;text-decoration:none}
.hfh-logo img{height:54px;width:auto;display:block;transition:height .24s ease}
.hfh-mobile-toggle{display:none}
.hfh-nav{flex:1;min-width:0;display:flex;justify-content:center}
.hfh-nav__list{display:flex;align-items:stretch;list-style:none;margin:0;padding:0}
/* static on purpose: the mm2 mega panel (absolute, left:0/right:0) must anchor
   to the full-width .hfh-shell (sticky = containing block) — relative here
   shrank the panel to the width of a single menu label. */
.hfh-navItem{position:static;display:flex}
.hfh-navItem__link{display:flex;align-items:center;gap:6px;height:82px;padding:0 14px;font-size:11px;font-weight:700;text-transform:uppercase;color:#0a1f3a;text-decoration:none;white-space:nowrap;transition:color .15s ease,height .24s ease}
.hfh-navItem__link:hover{color:#2f9e44}
.hfh-navItem__link svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:.55}
.hfh-navItem__new{display:inline-flex;align-items:center;margin-left:6px;padding:2px 7px;background:linear-gradient(90deg,#4ad55d 0%,#72e381 100%);color:#0a1f3a;border-radius:999px;font-size:9px;font-weight:800;text-transform:uppercase}
.hfh-actions{display:flex;align-items:center;gap:4px;margin-left:auto;flex:0 0 auto}
.hfh-actions__divider{width:0}
.hfh-iconbtn{position:relative;display:inline-flex;align-items:center;justify-content:center;height:82px;padding:0 10px;background:none;border:0;color:#0a1f3a;cursor:pointer;text-decoration:none;transition:color .15s ease,height .24s ease;font-family:inherit}
.hfh-iconbtn:hover{color:#2f9e44}
.hfh-iconbtn svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.hfh-iconbtn__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hfh-iconbtn__badge{position:absolute;top:16px;right:0;display:none;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:linear-gradient(135deg,#4ad55d,#72e381);color:#0a1f3a;font-size:9.5px;font-weight:900;box-shadow:0 2px 6px rgba(74,213,93,.28)}
.hfh-shell.is-scrolled .hfh-topbar{max-height:60px;opacity:1;pointer-events:auto;border-bottom-width:1px}
.hfh-shell.is-scrolled .hfh-logo img{height:54px}
.hfh-shell.is-scrolled .hfh-header__inner,.hfh-shell.is-scrolled .hfh-navItem__link,.hfh-shell.is-scrolled .hfh-iconbtn{height:82px}
.hfh-shell.is-scrolled .hfh-iconbtn__badge{top:16px}
@media(max-width:1100px){
.hfh-nav{display:none}
.hfh-header__inner{position:relative;justify-content:space-between}
.hfh-logo{position:absolute;left:50%;transform:translateX(-50%)}
.hfh-mobile-toggle{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;background:#fff;border:1px solid rgba(11,31,58,.10);border-radius:12px;color:#0a1f3a;cursor:pointer;flex:0 0 auto}
.hfh-mobile-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
}
@media(max-width:768px){
.hfh-shell{position:relative!important;top:auto!important}
.hfh-pro{display:none}
.hfh-topbar__inner{padding:0 10px}
.hfh-topbar__item,.hfh-topbar__link{padding:0 10px;font-size:10.5px;letter-spacing:.6px;gap:7px}
.hfh-header__inner{height:74px;padding:0 14px}
.hfh-logo img{height:50px;max-width:min(170px,46vw);object-fit:contain}
.hfh-iconbtn{height:74px;padding:0 8px}
.hfh-iconbtn svg{width:19px;height:19px}
.hfh-shell.is-scrolled .hfh-header__inner,.hfh-shell.is-scrolled .hfh-iconbtn{height:74px}
.hfh-shell.is-scrolled .hfh-logo img{height:50px}
}
@media(max-width:480px){
.hfh-header__inner{height:66px}
.hfh-iconbtn{height:66px}
.hfh-shell.is-scrolled .hfh-header__inner,.hfh-shell.is-scrolled .hfh-iconbtn{height:66px}
}

/* ===== ported: mega menu (mm2) ===== */

/* ── MM2: full-width info mega menu (2026-07-13) — homepage language: navy panel,
   green eyebrows, serif-italic accent, texture cards with hairlines ── */
.hfh-navItem .hfh-mm2{position:absolute;top:100%;left:0;right:0;transform:translateY(10px);background:#0a1f3a;border-top:2px solid #4ad55d;box-shadow:0 50px 90px -44px rgba(0,0,0,.75);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s;z-index:9600;text-align:left}
.hfh-navItem:hover .hfh-mm2,.hfh-navItem:focus-within .hfh-mm2{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);transition-delay:0s}
.hfh-mm2__wrap{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:300px minmax(0,1fr);gap:0 36px;padding:28px clamp(20px,4vw,40px) 32px}
.hfh-mm2__side{position:relative;border-radius:16px;overflow:hidden;background:#081a31 center/cover no-repeat;min-height:240px;box-shadow:0 26px 52px -26px rgba(0,0,0,.6)}
.hfh-mm2__side-ov{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,26,49,.42) 0%,rgba(8,26,49,.08) 46%,rgba(8,26,49,.78) 100%)}
.hfh-mm2__side-in{position:absolute;inset:0;padding:22px 22px 20px;display:flex;flex-direction:column;align-items:flex-start}
.hfh-mm2__ey{display:inline-flex;align-items:center;gap:9px;font-size:9.5px;font-weight:700;letter-spacing:2.2px;text-transform:uppercase;color:#4ad55d;text-shadow:0 1px 8px rgba(0,0,0,.4)}
.hfh-mm2__ey::before{content:"";flex:none;width:20px;height:2px;background:currentColor}
.hfh-mm2__title{margin-top:10px;font-size:20px;font-weight:800;letter-spacing:-.5px;line-height:1.15;color:#fff;text-shadow:0 1px 10px rgba(0,0,0,.45)}
.hfh-mm2__title em{font-family:inherit;font-style:normal;font-weight:800;color:#4ad55d}
.hfh-mm2__desc{margin:8px 0 0;font-size:12px;line-height:1.55;color:rgba(255,255,255,.78);text-shadow:0 1px 8px rgba(0,0,0,.4)}
.hfh-mm2__all{display:inline-flex;align-items:center;gap:7px;margin-top:auto;padding:11px 19px;font-size:10.5px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:#072617!important;text-decoration:none!important;background:linear-gradient(135deg,#57e06b,#37c34c);border-radius:999px;white-space:nowrap;box-shadow:0 12px 26px -10px rgba(74,213,93,.6);transition:box-shadow .15s,transform .15s}
.hfh-mm2__all:hover{box-shadow:0 16px 32px -10px rgba(74,213,93,.8);transform:translateY(-1px)}
.hfh-mm2__all span{color:#072617;transition:transform .18s}
.hfh-mm2__all:hover span{transform:translateX(3px)}
.hfh-mm2__labelrow{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:4px 0 13px}
.hfh-mm2__label{display:inline-flex;align-items:center;gap:9px;font-size:9.5px;font-weight:700;letter-spacing:2.2px;text-transform:uppercase;color:#4ad55d}
.hfh-mm2__label::before{content:"";flex:none;width:20px;height:2px;background:currentColor}
.hfh-mm2__count{font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:rgba(255,255,255,.45)}
.hfh-mm2__chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}
.hfh-mm2__chip{position:relative;display:block;border-radius:14px;overflow:hidden;background:#12253f;text-decoration:none!important;outline:1px solid rgba(255,255,255,.14);box-shadow:0 14px 30px -18px rgba(0,0,0,.55);transition:transform .18s,box-shadow .18s,outline-color .18s}
.hfh-mm2__chip::after{content:"";position:absolute;inset:0;border-radius:14px;border:1.5px solid transparent;pointer-events:none;transition:border-color .18s}
.hfh-mm2__chip:hover{transform:translateY(-3px);outline-color:transparent;box-shadow:0 24px 44px -20px rgba(0,0,0,.7)}
.hfh-mm2__chip:hover::after{border-color:rgba(74,213,93,.8)}
.hfh-mm2__thumb{display:block;width:100%;height:124px;overflow:hidden}
.hfh-mm2__thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}
.hfh-mm2__chip:hover .hfh-mm2__thumb img{transform:scale(1.07)}
.hfh-mm2__name{position:absolute;left:0;right:0;bottom:0;padding:26px 13px 10px;font-size:12.5px;font-weight:700;color:#fff;line-height:1.3;letter-spacing:.2px;background:linear-gradient(transparent,rgba(6,14,26,.85));text-shadow:0 1px 6px rgba(0,0,0,.4)}
@media(max-width:1024px){.hfh-navItem .hfh-mm2{display:none}}
/*!
 * Homes & Floors — Mega-Menu V2 Stylesheet
 * Premium editorial mega-menu CSS extracted from Header.php in Phase Tech-1.
 *
 * STRUCTURE
 *  • V2 Mega-Menu core container, header row, body grid
 *  • List column (left): clusters, items, thumbnails, hover states
 *  • Stage column (right): visual, copy, breadcrumb, pick row, actions
 *  • Mobile V2 accordion (.hfh-mob2-*)
 *  • Responsive + prefers-reduced-motion
 *
 * @package HomesAndFloors
 * @version 1.0.0
 */

.hfh-navItem .hfh-mega{display:none !important;}
/* Phase 5 ONE-ROW: mega-menu centered with equal margins on both sides */
.hfh-navItem .hfh-megav2{
    position:absolute;
    top:100%;left:0;right:0;
    margin:0 auto;
    transform:translateY(-6px);
    z-index:200;
    /* Centered with equal margins — max 1280px, at least 64px gutters */
    width:min(1280px, calc(100vw - 64px));
    background:#ffffff;
    border:1px solid rgba(10,31,58,.08);
    border-radius:0;
    box-shadow:0 24px 60px rgba(10,31,58,.10);
    opacity:0;visibility:hidden;pointer-events:none;
    transition:opacity .22s ease, transform .28s cubic-bezier(.22,.61,.36,1), visibility .22s linear;
    overflow:hidden;isolation:isolate;
}
.hfh-navItem:hover .hfh-megav2,
.hfh-navItem:focus-within .hfh-megav2{
    opacity:1;visibility:visible;pointer-events:auto;
    transform:translateY(0);
    transition:opacity .26s ease, transform .32s cubic-bezier(.22,.61,.36,1), visibility 0s linear;
}
/* P7-fix: removed warm vignette — pure white panel to match header */
.hfh-navItem .hfh-megav2::before{display:none;content:none;}
/* Phase 5: inner content centered with max-width, padding adapts */
.hfh-navItem .hfh-megav2__inner{
    position:relative;z-index:1;
    max-width:1320px;margin:0 auto;
    padding:18px clamp(16px,2vw,28px) 16px;
}
/* P8-fix: premium header row — title left, solid Browse-All button right, gold accent line under title */
.hfh-navItem .hfh-megav2__header{
    display:flex;align-items:center;justify-content:space-between;gap:18px;
    padding-bottom:16px;margin-bottom:16px;
    border-bottom:1px solid rgba(10,31,58,.06);
    position:relative;
}
.hfh-navItem .hfh-megav2__header::after{
    content:"";position:absolute;left:0;bottom:-1px;
    width:48px;height:2px;border-radius:999px;
    background:linear-gradient(90deg,#4ad55d 0%,#72e381 100%);
}
.hfh-navItem .hfh-megav2__heading{max-width:680px;}
.hfh-navItem .hfh-megav2__title{
    margin:0;color:#0a1f3a;
    font-family:'Poppins','Helvetica Neue',Arial,sans-serif;
    font-size:26px;line-height:1.08;font-weight:850;letter-spacing:-.025em;text-transform:none;
}
/* A5: Metadata pill row replaces the redundant subtitle */
.hfh-navItem .hfh-megav2__metabar{
    display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:8px 0 0;
}
.hfh-navItem .hfh-megav2__metaitem{
    display:inline-flex;align-items:center;
    padding:4px 10px;border-radius:999px;
    background:rgba(10,31,58,.05);
    color:#506174;font-size:11px;font-weight:700;letter-spacing:.06em;
}
.hfh-navItem .hfh-megav2__metaitem b{color:#0a1f3a;font-weight:850;margin-right:4px;}
.hfh-navItem .hfh-megav2__metaitem .woocommerce-Price-amount,
.hfh-navItem .hfh-megav2__metaitem .woocommerce-Price-currencySymbol{
    color:inherit;font-size:inherit;font-weight:800;
}
/* P8-fix: Browse-All — solid gold premium button, more visible */
.hfh-navItem .hfh-megav2__browse{
    display:inline-flex;align-items:center;gap:8px;
    color:#0a1f3a;font-size:11.5px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;
    text-decoration:none;padding:11px 18px;border-radius:10px;
    background:#4ad55d;
    border:1px solid #4ad55d;
    box-shadow:0 8px 22px rgba(74,213,93,.28);
    transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
    white-space:nowrap;
}
.hfh-navItem .hfh-megav2__browse:hover{
    background:#72e381;
    transform:translateY(-1px);
    box-shadow:0 12px 28px rgba(74,213,93,.38);
}
/* Editorial redesign: list (left) | photo + dark panel (right) */
.hfh-navItem .hfh-megav2__body{
    display:grid;grid-template-columns:minmax(230px,310px) 1fr;gap:30px;align-items:stretch;
    position:relative;
    margin:0;
    padding:0;
    background:#ffffff;
    box-sizing:border-box;
}
.hfh-navItem .hfh-megav2__body > *{min-width:0;box-sizing:border-box;}
.hfh-navItem .hfh-megav2__body::before{display:none;content:none;}
.hfh-navItem .hfh-megav2__body::after{display:none;content:none;}
.hfh-navItem .hfh-megav2__list{padding-right:4px;padding-top:2px;min-width:0;}
.hfh-navItem .hfh-megav2__stage{
    padding:0;background:transparent;
    position:relative;
    display:grid;grid-template-columns:1fr 1fr;align-items:stretch;
    min-width:0;
    height:340px;          /* KOMPAKTER — war 460px */
    max-height:340px;
    border-radius:14px;overflow:hidden;
    box-shadow:0 12px 32px rgba(10,31,58,.08);
}

/* Editorial redesign: photo fills its half, dark panel fills the other
   EINHEITLICH — Image und Panel exakt gleiche Höhe (100% vom Stage). */
.hfh-navItem .hfh-megav2 .hfh-megav2__stage-visual{
    aspect-ratio:auto;
    max-height:100%;
    width:100%;
    height:100%;
    max-width:100%;
    min-height:100%;
    border-radius:0;
    box-shadow:none;
    box-sizing:border-box;
    overflow:hidden;
    position:relative;
}
.hfh-navItem .hfh-megav2__stage-img{image-rendering:auto;}
/* P9-fix: removed leftover count-based grid override that was making stage too wide */
.hfh-navItem .hfh-megav2__list{
    display:flex;flex-direction:column;gap:10px;
    max-height:340px;       /* MATCH stage height */
    height:340px;
    overflow-y:auto;
    justify-content:safe center;
}
.hfh-navItem .hfh-megav2__list::-webkit-scrollbar{width:4px;}
.hfh-navItem .hfh-megav2__list::-webkit-scrollbar-track{background:transparent;}
.hfh-navItem .hfh-megav2__list::-webkit-scrollbar-thumb{background:rgba(74,213,93,.45);border-radius:3px;}
.hfh-navItem .hfh-megav2__list::-webkit-scrollbar-thumb:hover{background:#4ad55d;}

/* P7-fix: cluster head — sticky, white bg, NO serif font */
.hfh-navItem .hfh-megav2__cluster-head{
    display:flex;flex-direction:column;gap:2px;
    position:sticky;
    top:0;
    z-index:2;
    padding:4px 0 6px;
    margin:6px 0 -2px;
    background:linear-gradient(180deg,#ffffff 0%, #ffffff 75%, rgba(255,255,255,0) 100%);
}
.hfh-navItem .hfh-megav2__cluster-head:first-child{margin-top:0;padding-top:0;}
.hfh-navItem .hfh-megav2__cluster{
    display:inline-block;
    font-family:'Poppins','Helvetica Neue',Arial,sans-serif; /* P7-fix: no serif */
    font-style:normal;font-weight:800;font-size:10.5px;
    color:#32b143;
    letter-spacing:.14em;
    text-transform:uppercase;
}
/* B5: cluster description — plain sans, no italic */
.hfh-navItem .hfh-megav2__cluster-desc{
    display:block;
    font-family:'Poppins','Helvetica Neue',Arial,sans-serif;
    font-size:11.5px;
    line-height:1.45;
    color:#7a879a;
    font-weight:500;
    letter-spacing:.01em;
    margin-top:1px;
}
.hfh-navItem .hfh-megav2__items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;}
.hfh-navItem .hfh-megav2__item{margin:0;padding:0;}
.hfh-navItem .hfh-megav2__link{
    position:relative;display:flex;align-items:center;gap:12px;
    padding:10px 12px 10px 8px;text-decoration:none;color:#1a2436;
    font-size:15.5px;font-weight:650;letter-spacing:-.005em;
    transition:color .18s ease, background .18s ease;
    border-radius:10px;
}
/* A2: mini-thumbnail next to each link — premium 64×64 für desktop mega menu */
.hfh-navItem .hfh-megav2__link-thumb{
    flex-shrink:0;width:64px;height:64px;
    border-radius:10px;overflow:hidden;
    background:#e1e8ef;
    box-shadow:0 4px 10px rgba(10,31,58,.10);
    transition:transform .26s cubic-bezier(.22,.61,.36,1), box-shadow .26s ease;
    border:1px solid rgba(10,31,58,.06);
}
.hfh-navItem .hfh-megav2__link-thumb img{
    width:100%;height:100%;object-fit:cover;display:block;
}
.hfh-navItem .hfh-megav2__link:hover .hfh-megav2__link-thumb,
.hfh-navItem .hfh-megav2__link.is-active .hfh-megav2__link-thumb{
    transform:scale(1.08);
    box-shadow:0 6px 16px rgba(10,31,58,.14);
}
.hfh-navItem .hfh-megav2__link:hover,
.hfh-navItem .hfh-megav2__link:focus-visible,
.hfh-navItem .hfh-megav2__link.is-active{
    color:#0a1f3a;
    background:rgba(74,213,93,.10);
    box-shadow:inset 3px 0 0 #4ad55d;
}
.hfh-navItem .hfh-megav2__link-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.hfh-navItem .hfh-megav2__link-arrow{
    color:#9fb0c2;font-size:19px;font-weight:400;line-height:1;
    opacity:.55;transform:translateX(0);
    transition:opacity .22s ease, transform .26s cubic-bezier(.22,.61,.36,1), color .18s ease;
}
.hfh-navItem .hfh-megav2__link:hover .hfh-megav2__link-arrow,
.hfh-navItem .hfh-megav2__link.is-active .hfh-megav2__link-arrow{opacity:1;transform:translateX(2px);color:#32b143;}
.hfh-navItem .hfh-megav2__item--depth-2 .hfh-megav2__link{padding-left:16px;font-size:14.5px;color:#506174;}
.hfh-navItem .hfh-megav2__item--depth-3 .hfh-megav2__link{padding-left:28px;font-size:13.5px;color:#6d7c91;}
.hfh-navItem .hfh-megav2__stage{position:relative;}
/* C8: persistent breadcrumb above stage */
.hfh-navItem .hfh-megav2__stage-crumb{
    margin:0 0 8px;
    font-size:10.5px;
    font-weight:800;
    letter-spacing:.16em;
    text-transform:uppercase;
    color:#7a879a;
    transition:opacity .2s ease;
}
.hfh-navItem .hfh-megav2__stage-crumb.is-swap{opacity:0;}

/* C1+C6: stage with stacked cross-fade images + entry scale */
.hfh-navItem .hfh-megav2__stage-visual{
    position:relative;width:100%;height:100%;
    overflow:hidden;background:#eef2f5;
}
/* C10: skeleton shimmer for stage visual while no image is active yet */
.hfh-navItem .hfh-megav2__stage-visual::after{
    content:"";
    position:absolute;inset:0;
    background:linear-gradient(110deg,
        rgba(238,242,245,.0) 30%,
        rgba(74,213,93,.10) 50%,
        rgba(238,242,245,.0) 70%);
    background-size:200% 100%;
    opacity:0;
    pointer-events:none;
    transition:opacity .3s ease;
    z-index:3;
    animation:hfh-megav2-shimmer 1.6s linear infinite;
}
.hfh-navItem .hfh-megav2__stage-visual.is-loading::after{opacity:1;}
@keyframes hfh-megav2-shimmer{
    0%   { background-position:200% 0; }
    100% { background-position:-200% 0; }
}
@media (prefers-reduced-motion:reduce){
    .hfh-navItem .hfh-megav2__stage-visual::after{animation:none !important;}
}
.hfh-navItem .hfh-megav2__stage-img{
    position:absolute;inset:0;
    width:100%;height:100%;object-fit:cover;display:block;
    opacity:0;
    transform:scale(1.0);
    transition:opacity .4s ease, transform 1.4s cubic-bezier(.22,.61,.36,1);
    will-change:opacity, transform;
}
.hfh-navItem .hfh-megav2__stage-img.is-active{
    opacity:1;
}
.hfh-navItem .hfh-megav2__stage-img.is-entering{
    animation:hfh-megav2-imgenter .85s cubic-bezier(.22,.61,.36,1) both;
}
@keyframes hfh-megav2-imgenter{
    0%   { opacity:0; transform:scale(1.04); }
    100% { opacity:1; transform:scale(1.00); }
}
/* A10: Ken Burns idle on active image (slow 18s zoom + drift, paused on hover-swap) */
.hfh-navItem .hfh-megav2__stage-img.is-active.is-kenburns{
    animation:hfh-megav2-kenburns 24s ease-in-out infinite alternate;
}
.hfh-navItem .hfh-megav2__stage-img.is-entering{animation-name:hfh-megav2-imgenter !important;}
@keyframes hfh-megav2-kenburns{
    0%   { transform:scale(1.00) translate(0, 0); }
    100% { transform:scale(1.06) translate(-1%, -1%); }
}
@media (prefers-reduced-motion:reduce){
    .hfh-navItem .hfh-megav2__stage-img.is-active.is-kenburns{animation:none !important;}
}

/* C4: connector line — animated gold rail from list to stage */
.hfh-navItem .hfh-megav2__connector{
    position:absolute;
    left:0;
    top:var(--hfh-conn-top, 50%);
    width:32px;
    height:1px;
    background:linear-gradient(90deg, rgba(74,213,93,0), #4ad55d);
    transform:translateX(-32px) scaleX(0);
    transform-origin:right center;
    opacity:0;
    transition:opacity .25s ease, transform .35s cubic-bezier(.22,.61,.36,1), top .35s cubic-bezier(.22,.61,.36,1);
    pointer-events:none;
}
.hfh-navItem .hfh-megav2__connector.is-on{
    opacity:1;
    transform:translateX(-32px) scaleX(1);
}
@media (prefers-reduced-motion:reduce){
    .hfh-navItem .hfh-megav2__connector{transition:opacity .15s ease;}
}
.hfh-navItem .hfh-megav2__stage-frame{
    position:absolute;inset:0;border-radius:18px;
    border:1px solid rgba(74,213,93,0);transition:border-color .3s ease;pointer-events:none;
}
.hfh-navItem .hfh-megav2:hover .hfh-megav2__stage-frame{border-color:rgba(74,213,93,.25);}
.hfh-navItem .hfh-megav2__stage-copy{display:flex;flex-direction:column;gap:10px;}
/* P9-fix: premium meta row — refined hierarchy */
.hfh-navItem .hfh-megav2__stage-meta{
    display:inline-flex;align-items:center;flex-wrap:wrap;
    gap:0;
    padding:6px 4px 6px 0;
    margin-bottom:2px;
}
.hfh-navItem .hfh-megav2__stage-pick{
    display:inline-flex;align-items:center;gap:8px;
    color:#0a1f3a;
    font-size:11px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;
    margin:0;
    padding-right:14px;
    border-right:1px solid rgba(10,31,58,.10);
    transition:opacity .25s ease;
}
/* D9: pick icon — premium gold disc */
.hfh-navItem .hfh-megav2__stage-pick-icon{
    display:inline-flex;align-items:center;justify-content:center;
    width:22px;height:22px;
    border-radius:999px;
    background:linear-gradient(135deg,#e8fceb 0%,#b3f4bb 100%);
    color:#32b143;font-size:12px;line-height:1;font-weight:900;
    box-shadow:0 2px 6px rgba(74,213,93,.30), inset 0 0 0 1px rgba(74,213,93,.32);
    transition:opacity .25s ease, transform .35s cubic-bezier(.22,.61,.36,1);
}
.hfh-navItem .hfh-megav2__stage-pick.is-swap .hfh-megav2__stage-pick-icon{
    transform:rotate(-12deg) scale(.92);opacity:0;
}
.hfh-navItem .hfh-megav2__stage-pick-label{
    display:inline-block;color:#0a1f3a;
}
/* D6: product count indicator — clean minimal */
.hfh-navItem .hfh-megav2__stage-count{
    display:inline-flex;align-items:center;
    padding:0 0 0 14px;
    color:#506174;font-size:11px;font-weight:800;letter-spacing:.10em;
    text-transform:uppercase;
    transition:opacity .25s ease;
}
.hfh-navItem .hfh-megav2__stage-count[hidden]{display:none !important;}
.hfh-navItem .hfh-megav2__stage-count.is-swap{opacity:0;}
/* D5: price-anchor pill */
.hfh-navItem .hfh-megav2__stage-price{
    display:inline-flex;align-items:center;
    padding:4px 10px;border-radius:999px;
    background:rgba(10,31,58,.06);
    color:#0a1f3a;font-size:11px;font-weight:800;letter-spacing:.03em;
    transition:opacity .25s ease;
}
.hfh-navItem .hfh-megav2__stage-price[hidden]{display:none !important;}
.hfh-navItem .hfh-megav2__stage-price .woocommerce-Price-amount,
.hfh-navItem .hfh-megav2__stage-price .woocommerce-Price-currencySymbol{
    color:inherit;font-size:inherit;font-weight:inherit;
}
.hfh-navItem .hfh-megav2__stage-note{
    margin:0;
    font-family:'Poppins','Helvetica Neue',Arial,sans-serif; /* P7-fix: no serif */
    font-style:normal;font-size:15px;line-height:1.55;color:#0a1f3a;font-weight:500;
    max-width:540px;transition:opacity .25s ease;
}
.hfh-navItem .hfh-megav2__stage-pick.is-swap,
.hfh-navItem .hfh-megav2__stage-price.is-swap,
.hfh-navItem .hfh-megav2__stage-note.is-swap{opacity:0;}
/* D4: editorial author byline — plain sans */
.hfh-navItem .hfh-megav2__stage-byline{
    display:block;
    font-family:'Poppins','Helvetica Neue',Arial,sans-serif;
    font-style:normal;font-size:11px;font-weight:600;
    color:#7a879a;
    margin:2px 0 4px;
    letter-spacing:.04em;
    text-transform:uppercase;
    transition:opacity .25s ease;
}
.hfh-navItem .hfh-megav2__stage-byline.is-swap{opacity:0;}

/* P8-fix: compact action bar — no sticky, tighter spacing */
.hfh-navItem .hfh-megav2__stage-actionbar{
    margin-top:10px;
    padding-top:6px;
    display:flex;flex-direction:column;gap:6px;
}
/* P8-fix: count-specific overrides removed — all categories same layout now */
.hfh-navItem .hfh-megav2__stage-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:0;}
.hfh-navItem .hfh-megav2__btn{
    display:inline-flex;align-items:center;justify-content:center;
    min-height:44px;padding:0 18px;border-radius:10px;text-decoration:none;
    font-size:12.5px;font-weight:800;letter-spacing:.04em;
    transition:transform .16s ease, box-shadow .16s ease, background .18s ease, border-color .18s ease;
    border:1px solid transparent;
}
.hfh-navItem .hfh-megav2__btn--primary{
    background:#4ad55d;color:#0a1f3a;border-color:#4ad55d;
    box-shadow:0 12px 28px rgba(74,213,93,.22);
}
.hfh-navItem .hfh-megav2__btn--primary:hover{transform:translateY(-1px);box-shadow:0 16px 34px rgba(74,213,93,.32);}
.hfh-navItem .hfh-megav2__btn--ghost{background:transparent;color:#0a1f3a;border-color:rgba(10,31,58,.18);}
.hfh-navItem .hfh-megav2__btn--ghost:hover{background:rgba(10,31,58,.04);border-color:rgba(74,213,93,.40);}
.hfh-navItem .hfh-megav2__stage-trust{margin-top:4px;font-size:11px;color:#7a879a;font-weight:600;letter-spacing:.04em;}

/* ════════════════════ Editorial DARK PANEL (right half of stage) ════════════════════
   KOMPAKTER + EINHEITLICH — gleiche Höhe wie Image, weniger Padding. */
.hfh-navItem .hfh-megav2__panel{
    background:#0a1f3a;color:#fff;
    padding:20px 24px;          /* kompakter — war 24px 30px */
    display:flex;flex-direction:column;justify-content:center;gap:8px;
    min-width:0;
    height:100%;                /* füllt stage 100% */
    max-height:100%;
    overflow:hidden;             /* keine overflow */
    box-sizing:border-box;
}
.hfh-navItem .hfh-megav2__panel-eyebrow{
    display:inline-flex;flex-direction:column;gap:7px;
    font-family:'Poppins','Helvetica Neue',Arial,sans-serif;
    font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;
    color:#5bd16b;
}
.hfh-navItem .hfh-megav2__panel-eyebrow::after{
    content:"";width:36px;height:2px;border-radius:2px;
    background:linear-gradient(90deg,#4ad55d,#72e381);
}
.hfh-navItem .hfh-megav2__panel-title{
    margin:0;color:#fff;
    font-family:'Poppins','Helvetica Neue',Arial,sans-serif;
    font-size:clamp(18px,1.5vw,23px);     /* kleiner — war 21-28px */
    line-height:1.10;font-weight:850;
    letter-spacing:-.01em;text-transform:uppercase;
    transition:opacity .25s ease;
}
.hfh-navItem .hfh-megav2__panel-sub{
    margin:0;color:#c4d0dd;
    font-family:'Poppins','Helvetica Neue',Arial,sans-serif;
    font-size:13px;             /* kleiner — war 15px */
    line-height:1.5;
    font-weight:400;
    max-width:42ch;
    display:-webkit-box;
    -webkit-line-clamp:3;        /* max 3 Zeilen — einheitlich */
    -webkit-box-orient:vertical;
    overflow:hidden;
    transition:opacity .25s ease;
}
.hfh-navItem .hfh-megav2__panel-title.is-swap,
.hfh-navItem .hfh-megav2__panel-sub.is-swap{opacity:0;}
.hfh-navItem .hfh-megav2__panel-pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px;}
.hfh-navItem .hfh-megav2__pill{
    display:inline-flex;align-items:center;justify-content:center;text-align:center;
    padding:6px 10px;border-radius:6px;line-height:1.2;       /* kleiner — war 9px 14px */
    border:1px solid rgba(91,209,107,.45);
    color:#9fe6aa;
    font-family:'Poppins','Helvetica Neue',Arial,sans-serif;
    font-size:9.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;  /* kleiner */
}
/* Sub-sub-categories — dynamic premium chips for the active sub-category */
.hfh-navItem .hfh-megav2__subwrap{display:flex;flex-direction:column;gap:7px;margin-top:0;}
.hfh-navItem .hfh-megav2__subs-label{
    font-family:'Poppins','Helvetica Neue',Arial,sans-serif;
    font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#7fb8c2;
}
.hfh-navItem .hfh-megav2__subgroup{display:flex;flex-wrap:wrap;gap:7px;}
.hfh-navItem .hfh-megav2__chip{
    display:inline-flex;align-items:center;
    padding:6px 12px;border-radius:999px;
    border:1px solid rgba(159,230,170,.30);
    background:rgba(255,255,255,.045);
    color:#eaf3ee;
    font-family:'Poppins','Helvetica Neue',Arial,sans-serif;
    font-size:11.5px;font-weight:600;letter-spacing:.01em;text-decoration:none;
    transition:background .16s ease, border-color .16s ease, color .16s ease, transform .16s ease;
}
.hfh-navItem .hfh-megav2__chip:hover,
.hfh-navItem .hfh-megav2__chip:focus-visible{background:#4ad55d;border-color:#4ad55d;color:#0a1f3a;transform:translateY(-1px);}
.hfh-navItem .hfh-megav2__subwrap[hidden],
.hfh-navItem .hfh-megav2__subgroup[hidden],
.hfh-navItem .hfh-megav2__panel-pills[hidden]{display:none!important;}
.hfh-navItem .hfh-megav2__panel .hfh-megav2__btn--shop{
    margin-top:8px;align-self:flex-start;
    display:inline-flex;align-items:center;justify-content:center;gap:10px;
    min-height:auto;padding:15px 26px;border-radius:8px;
    background:transparent;border:1px solid #4ad55d;color:#5bd16b;
    font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
    text-decoration:none;
    transition:background .18s ease, color .18s ease, transform .16s ease, box-shadow .16s ease;
}
.hfh-navItem .hfh-megav2__panel .hfh-megav2__btn--shop:hover{
    background:#4ad55d;color:#0a1f3a;transform:translateY(-1px);box-shadow:0 12px 28px rgba(74,213,93,.28);
}
/* Footer: centered "Shop all" ghost button */
.hfh-navItem .hfh-megav2__footer{
    display:flex;justify-content:center;
    margin-top:16px;padding-top:0;
}
.hfh-navItem .hfh-megav2__shopall{
    display:inline-flex;align-items:center;gap:10px;
    padding:14px 32px;border-radius:8px;
    border:1px solid #4ad55d;background:transparent;color:#1f8f33;
    font-family:'Poppins','Helvetica Neue',Arial,sans-serif;
    font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
    text-decoration:none;
    transition:background .18s ease, color .18s ease, transform .16s ease;
}
.hfh-navItem .hfh-megav2__shopall:hover{background:#4ad55d;color:#0a1f3a;transform:translateY(-1px);}

@media (max-width:1180px){
    .hfh-navItem .hfh-megav2{width:calc(100vw - 32px);}
    .hfh-navItem .hfh-megav2__body{grid-template-columns:minmax(200px,250px) 1fr;gap:22px;}
    .hfh-navItem .hfh-megav2__panel{padding:26px 26px;}
}
@media (max-width:980px){.hfh-navItem .hfh-megav2{display:none !important;}}

/* ════════════════════════════════════════════════════════════════════
   C3 MOBILE MEGA-MENU V2 — Premium accordion
   ════════════════════════════════════════════════════════════════════ */
.hfh-mob2__menu{list-style:none;margin:0;padding:0;}
.hfh-mob2__item{margin:0;padding:0;border-bottom:1px solid rgba(10,31,58,.08);}
.hfh-mob2__item:last-child{border-bottom:0;}
.hfh-mob2__details{margin:0;padding:0;}
.hfh-mob2__details > summary{list-style:none;}
.hfh-mob2__details > summary::-webkit-details-marker,
.hfh-mob2__details > summary::marker{display:none;}
.hfh-mob2__summary{
    display:flex;align-items:center;gap:12px;
    padding:18px 18px;cursor:pointer;
    font-size:16px;font-weight:700;letter-spacing:-.01em;color:#0a1f3a;
    transition:background .18s ease;
}
.hfh-mob2__summary:hover{background:transparent;}
.hfh-mob2__summary-text{flex:1;min-width:0;}
.hfh-mob2__summary-meta{
    display:inline-flex;align-items:center;justify-content:center;
    min-width:24px;height:24px;padding:0 8px;border-radius:999px;
    background:rgba(74,213,93,.12);
    color:#32b143;font-size:11px;font-weight:800;letter-spacing:.02em;
}
.hfh-mob2__summary-icon{
    color:#32b143;
    transition:transform .26s cubic-bezier(.22,.61,.36,1);
    display:inline-flex;align-items:center;justify-content:center;
}
.hfh-mob2__details[open] .hfh-mob2__summary-icon{transform:rotate(90deg);}
.hfh-mob2__details[open] .hfh-mob2__summary{background:transparent;}

.hfh-mob2__panel{
    background:#fbfdff;
    padding:8px 18px 20px;
}
.hfh-mob2__metabar{
    display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 14px;
}
.hfh-mob2__metaitem{
    display:inline-flex;align-items:center;padding:4px 9px;border-radius:999px;
    background:rgba(10,31,58,.05);color:#506174;
    font-size:10.5px;font-weight:700;letter-spacing:.04em;
}
.hfh-mob2__metaitem b{color:#0a1f3a;font-weight:850;margin-right:4px;}
.hfh-mob2__metaitem .woocommerce-Price-amount,
.hfh-mob2__metaitem .woocommerce-Price-currencySymbol{color:inherit;font-size:inherit;font-weight:800;}

/* Sticky "Browse all" CTA */
.hfh-mob2__all{
    display:flex;align-items:center;justify-content:space-between;gap:12px;
    padding:17px 28px;border-radius:14px;
    background:#4ad55d;color:#0a1f3a;text-decoration:none;
    font-size:12.5px;font-weight:800;letter-spacing:.10em;text-transform:uppercase;
    margin:0 6px 18px 6px;
    box-shadow:0 6px 18px rgba(74,213,93,.32);
    transition:transform .18s ease, background .18s ease, box-shadow .18s ease;
}
.hfh-mob2__all:hover{background:#32b143;transform:translateY(-1px);box-shadow:0 12px 26px rgba(50,177,67,.34);}
.hfh-mob2__all span:last-child{color:#0a1f3a;font-weight:900;}

/* Cluster heading + description */
.hfh-mob2__cluster-head{
    margin:16px 0 8px;
    padding:0 2px;
}
.hfh-mob2__cluster{
    display:inline-block;
    font-family:'Poppins','Helvetica Neue',Arial,sans-serif;
    font-style:normal;font-weight:800;font-size:10.5px;color:#32b143;
    letter-spacing:.14em;text-transform:uppercase;
}
.hfh-mob2__cluster-desc{
    display:block;font-size:11.5px;line-height:1.45;color:#7a879a;
    font-weight:500;margin-top:1px;
}

.hfh-mob2__items{list-style:none;margin:0;padding:0;}
.hfh-mob2__sub{margin:0;padding:0;}
.hfh-mob2__sublink{
    display:flex;align-items:center;gap:12px;
    padding:12px 8px;
    border-radius:10px;
    text-decoration:none;color:#0a1f3a;
    transition:background .15s ease;
}
.hfh-mob2__sublink:active{background:rgba(74,213,93,.10);}
.hfh-mob2__thumb{
    flex-shrink:0 !important;
    flex-grow:0 !important;
    flex-basis:44px !important;
    width:44px !important;
    min-width:44px !important;
    max-width:44px !important;
    height:44px !important;
    min-height:44px !important;
    max-height:44px !important;
    aspect-ratio:1/1 !important;
    border-radius:8px !important;
    overflow:hidden !important;
    background:#e1e8ef !important;
    box-shadow:0 2px 6px rgba(10,31,58,.08);
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    position:relative !important;
}
.hfh-mob2__thumb img,
html body .hfh-mob2 .hfh-mob2__thumb img,
html body .hfh-mob__nav .hfh-mob2__thumb img{
    width:100% !important;
    height:100% !important;
    min-width:100% !important;
    min-height:100% !important;
    max-width:100% !important;
    max-height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
    display:block !important;
    aspect-ratio:1/1 !important;
    border-radius:0 !important;
    margin:0 !important;
    padding:0 !important;
    position:absolute !important;
    inset:0 !important;
}
.hfh-mob2__sub-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;}
.hfh-mob2__sub-name{
    font-size:15px;font-weight:650;letter-spacing:-.005em;color:#0a1f3a;
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.hfh-mob2__sub-count{
    font-size:11px;font-weight:600;color:#7a879a;letter-spacing:.02em;
}
.hfh-mob2__sub-arrow{
    color:#32b143;font-size:16px;font-weight:800;flex-shrink:0;padding:0 8px;
}
/* Sub-row = title link (navigates to category) + separate drill-down toggle (opens sub-sub) */
.hfh-mob2__sub-row{display:flex;align-items:center;}
.hfh-mob2__sub-row .hfh-mob2__sublink{flex:1;min-width:0;}
.hfh-mob2__sub-toggle{
    flex-shrink:0;width:44px;height:44px;margin:0;padding:0;
    display:flex;align-items:center;justify-content:center;
    background:transparent;border:0;border-radius:0;
    color:#0a1f3a;cursor:pointer;
    transition:color .18s ease;
}
.hfh-mob2__sub-toggle:hover{color:#32b143;}
.hfh-mob2__sub-toggle-icon{
    display:flex;align-items:center;justify-content:center;
    transform:rotate(90deg); /* chevron > becomes ∨ (down arrow at rest) */
    transition:transform .26s cubic-bezier(.22,.61,.36,1);
}
.hfh-mob2__sub-toggle[aria-expanded="true"] .hfh-mob2__sub-toggle-icon{
    transform:rotate(-90deg); /* ∧ (up arrow when expanded) */
}
.hfh-mob2__subchildren{
    display:flex;flex-direction:column;
    margin:2px 0 8px 56px;padding-left:12px;
    border-left:2px solid rgba(74,213,93,.30);
}
.hfh-mob2__subchildren[hidden]{display:none;}
.hfh-mob2__subchild{
    padding:10px 8px;text-decoration:none;color:#42505f;
    font-size:14px;font-weight:600;letter-spacing:-.005em;border-radius:8px;
}
.hfh-mob2__subchild:active{background:rgba(74,213,93,.10);color:#0a1f3a;}

/* Trust footer */
.hfh-mob2__trust{
    margin-top:18px;
    padding-top:14px;
    border-top:1px solid rgba(10,31,58,.06);
    font-size:11px;color:#7a879a;text-align:center;
    font-weight:600;letter-spacing:.02em;
}

/* Direct items (no children) */
.hfh-mob2__direct{
    display:flex;align-items:center;justify-content:space-between;gap:12px;
    padding:18px;
    font-size:16px;font-weight:700;color:#0a1f3a;text-decoration:none;
}
.hfh-mob2__direct:hover{background:rgba(74,213,93,.04);}
.hfh-mob2__direct--sale{color:#c8341f;}
.hfh-mob2__direct--sale span:last-child{color:#c8341f;}
.hfh-mob__nav a.hfh-mob2__direct--bespoke{justify-content:flex-start;gap:12px;font-size:16px;font-weight:700;letter-spacing:-.01em;text-transform:none;color:#0a1f3a;padding:18px;background:transparent;}
.hfh-mob__nav a.hfh-mob2__direct--bespoke .hfh-mob2__summary-text{flex:1;min-width:0;}
.hfh-mob2__summary-meta--new{background:linear-gradient(90deg,#4ad55d,#72e381);color:#0a1f3a;font-size:9px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;}
/* Premium drawer polish (2026-07-14): eyebrow label, softer dividers, tap feedback,
   ringed count badges, safe-area footer. */
.hfh-mob2__eyebrow{display:flex;align-items:center;gap:10px;padding:16px 18px 4px;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#2f9e44;}
.hfh-mob2__eyebrow::before{content:"";width:22px;height:2px;background:currentColor;}
.hfh-mob2__summary:active,.hfh-mob__nav a.hfh-mob2__direct--bespoke:active{background:rgba(74,213,93,.07);}
.hfh-mob2__summary-meta{box-shadow:0 0 0 1px rgba(74,213,93,.28);}
.hfh-mob__foot{padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))!important;}

/* Smooth open animation */
.hfh-mob2__details[open] .hfh-mob2__panel{
    animation:hfh-mob2-slidedown .32s cubic-bezier(.22,.61,.36,1) both;
}
@keyframes hfh-mob2-slidedown{
    0%   { opacity:0; transform:translateY(-6px); }
    100% { opacity:1; transform:translateY(0); }
}
@media (prefers-reduced-motion:reduce){
    .hfh-mob2__details[open] .hfh-mob2__panel{animation:none;}
    .hfh-mob2__summary-icon{transition:none;}
}
@media (prefers-reduced-motion:reduce){
    .hfh-navItem .hfh-megav2,.hfh-navItem .hfh-megav2 *{transition:none !important;}
}
/* === Mobile header: center the logo geometrically by balancing both side columns === */
@media (max-width: 768px){
    html body .hfh-header__inner{ grid-template-columns: 144px minmax(0,1fr) 144px !important; }
    html body .hfh-shell .hfh-logo{ justify-self: center !important; }
}
@media (max-width: 480px){
    html body .hfh-header__inner{ grid-template-columns: 118px minmax(0,1fr) 118px !important; }
    html body .hfh-shell .hfh-logo{ justify-self: center !important; }
}

/* === Mobile mega-menu polish: visible chevron, no-box toggle, roomier browse-all button === */
html body .hfh-mob2__sub-toggle{
    background:transparent !important;border:0 !important;border-radius:0 !important;
    box-shadow:none !important;outline:0 !important;
    color:#0a1f3a !important;
    width:48px !important;height:48px !important;
    padding:0 !important;margin:0 !important;
    display:flex !important;align-items:center !important;justify-content:center !important;
    cursor:pointer !important;transition:color .18s ease !important;
}
html body .hfh-mob2__sub-toggle:hover{color:#32b143 !important;}
html body .hfh-mob2__sub-toggle-icon{
    display:flex !important;align-items:center !important;justify-content:center !important;
    transform:rotate(90deg) !important;
    transition:transform .26s cubic-bezier(.22,.61,.36,1) !important;
}
html body .hfh-mob2__sub-toggle[aria-expanded="true"] .hfh-mob2__sub-toggle-icon{
    transform:rotate(-90deg) !important;
}
/* The chev SVG has no stroke baked in → make it a clean stroked chevron so it actually renders */
html body .hfh-mob2__sub-toggle-icon svg{
    width:18px !important;height:18px !important;display:block !important;
    fill:none !important;stroke:currentColor !important;
    stroke-width:2.4 !important;stroke-linecap:round !important;stroke-linejoin:round !important;
}

/* "Browse all …" button — roomy, premium, never edge-to-edge */
html body .hfh-mob2__all{
    padding:18px 30px !important;
    margin:0 10px 18px 10px !important;
    border-radius:16px !important;
    letter-spacing:.10em !important;text-transform:uppercase !important;
    font-size:12.5px !important;
}

/* ===== ported: drawer ===== */



/*!
 * Homes & Floors — Core Header Stylesheet
 * Extracted from Header.php inline render in Phase Tech-1.
 *
 * SCOPE
 *  • CSS custom properties (design tokens: navy, gold, ivory, shadows, radii)
 *  • Top bar (announcement carousel + pro portal)
 *  • Main header row (logo, search widget, account, basket)
 *  • Desktop navigation row
 *  • Search popup, account popup, mini cart drawer
 *  • Mobile menu (.hfh-mob__*)
 *  • Mobile bottom-bar, overlay, focus states
 *
 * @package HomesAndFloors
 * @version 1.0.0
 */

:root{
	--hfh-accent:#122B4C;
	--hfh-accent-dark:#0B1D35;
	--hfh-accent-10:rgba(18,43,76,.08);
	--hfh-accent-20:rgba(18,43,76,.15);
	--hfh-champagne:#79b781;
	--hfh-champagne-soft:rgba(121,183,129,.16);
	--hfh-ink:#182033;
	--hfh-body:#3f4858;
	--hfh-muted:#747064;
	--hfh-faint:#a19889;
	--hfh-line:rgba(64,54,39,.085);
	--hfh-line-s:rgba(64,54,39,.14);
	--hfh-stone:#c2d0de;
	--hfh-ivory:#f6fbff;
	--hfh-warm:#eaf0f7;
	--hfh-warm-2:#f0f5fb;
	--hfh-warm-3:#f8fcff;
	--hfh-placeholder:#9f9485;
	--hfh-white:#fff;
	--hfh-sale:#b91c1c;
	--hfh-success:#15803d;
	--hfh-radius:8px;
	--hfh-radius-sm:8px;
	--hfh-radius-pill:8px;
	--hfh-font:"Poppins",system-ui,-apple-system,sans-serif;
	--hfh-font-serif:"Cormorant Garamond",Georgia,serif;
	--hfh-shadow:0 12px 34px rgba(49,38,23,.075),0 2px 8px rgba(49,38,23,.035);
	--hfh-shadow-lg:0 22px 54px rgba(49,38,23,.12),0 8px 18px rgba(49,38,23,.055);
	--hfh-shadow-xl:0 30px 72px rgba(49,38,23,.14),0 10px 24px rgba(49,38,23,.07);
	--hfh-ease:cubic-bezier(.22,1,.36,1);

	/* ═══════════════════════════════════════════════════════════════
	   MOBILE DESIGN TOKENS (Phase 1.2 / 2.1)
	   Shared scale with Homepage / Cart / Checkout so the whole site
	   feels coherent on mobile. Change a token here → propagates.
	═══════════════════════════════════════════════════════════════ */
	/* Spacing */
	--m-pad-x:          14px;                      /* viewport side padding */
	--m-gap-xs:         4px;
	--m-gap-sm:         8px;
	--m-gap-md:         12px;
	--m-gap-lg:         18px;
	/* Header sizing */
	--m-header-h:       72px;                      /* total header height */
	--m-header-h-sm:    64px;                      /* phones */
	--m-icon-size:      40px;                      /* tap-target icons */
	--m-icon-size-sm:   34px;                      /* phones */
	--m-icon-svg:       20px;                      /* SVG inside icon button */
	--m-icon-svg-sm:    17px;
	--m-radius:         10px;
	--m-radius-pill:    999px;
	--m-touch:          44px;
	/* Typography */
	--m-font-meta:      11px;
	--m-font-micro:     9.5px;
	/* Colors (re-using brand tokens above for consistency) */
	--m-cta-bg:         var(--hfh-accent);
	--m-text-strong:    var(--hfh-ink);
	--m-warning:        #B91C1C;
}

.hfh-shell .hfh-logo img,
.hfh-shell .hfh-mob__head-logo img{max-height:none!important;width:auto!important;object-fit:contain!important}

.hfh-shell .hfh-mob__head-logo img{
	height:76px!important;mix-blend-mode:normal;filter:contrast(1.04) saturate(1.04);
	image-rendering:auto;
}


.hfh-shell .hfh-mobile-toggle{
	display:none;align-items:center;justify-content:center;width:42px;height:42px;
	border:none!important;background:transparent!important;cursor:pointer;color:var(--hfh-ink)!important;
	padding:0;border-radius:var(--hfh-radius-sm);transition:background .16s ease;-webkit-appearance:none;appearance:none;
}

.hfh-shell .hfh-mobile-toggle:hover{background:rgba(255,255,255,.55)!important}

.hfh-shell .hfh-mobile-toggle svg{
	width:22px;height:22px;stroke:var(--hfh-ink)!important;fill:none!important;stroke-width:2;
	stroke-linecap:round;stroke-linejoin:round;display:block!important;visibility:visible!important;opacity:1!important;
}

.hfh-mob2__item--bespoke .hfh-navItem__new{margin-left:8px}


/* ===== OVERLAY ===== */
.hfh-overlay{
	position:fixed;inset:0;z-index:9998;
	background:rgba(15,23,42,.32);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
	opacity:0;pointer-events:none;transition:opacity .28s ease;
}

.hfh-overlay.is-active{opacity:1;pointer-events:auto}


.hfh-shell .hfh-close-btn{
	width:32px;height:32px;border-radius:50%;border:1px solid var(--hfh-line-s)!important;
	background:#fff!important;display:flex!important;align-items:center;justify-content:center;
	cursor:pointer;transition:all .15s ease;color:var(--hfh-ink)!important;padding:0;-webkit-appearance:none;appearance:none;
}

.hfh-mob__head .hfh-close-btn{position:absolute;right:18px;top:50%;transform:translateY(-50%)}

.hfh-shell .hfh-close-btn:hover{background:var(--hfh-warm)!important;color:var(--hfh-accent)!important;border-color:var(--hfh-accent)!important}

.hfh-shell .hfh-close-btn svg{
	width:13px;height:13px;stroke:currentColor!important;fill:none!important;stroke-width:2;
	stroke-linecap:round;stroke-linejoin:round;display:block!important;visibility:visible!important;opacity:1!important;
}


/* ===== MOBILE DRAWER ===== */
.hfh-mob{
	position:fixed;top:0;left:0;bottom:0;z-index:10001;width:min(88vw,400px);
	background:#fff;box-shadow:18px 0 48px rgba(15,23,42,.12);
	transform:translateX(-100%);transition:transform .3s var(--hfh-ease);
	overflow-y:auto;display:flex;flex-direction:column;
}

.hfh-mob.is-active{transform:translateX(0)}

.hfh-mob__head{
	display:flex;align-items:center;justify-content:center;min-height:108px;padding:18px 64px 17px 22px;
	border-bottom:1px solid rgba(15,23,42,.055);position:relative;background:linear-gradient(180deg,#f7f9fb 0%,#edf1f5 100%);
}

.hfh-shell .hfh-mob__head-logo{display:flex;justify-content:center;align-items:center;flex:1;min-width:0}

.hfh-mob__search{display:none!important}

.hfh-mob__search-form{
	display:flex!important;align-items:center;height:52px;background:#fff;
	border-radius:14px;overflow:hidden;border:1px solid rgba(18,43,76,.10);transition:all .22s var(--hfh-ease);
	box-shadow:0 1px 0 rgba(255,255,255,.92),0 10px 24px rgba(15,23,42,.032);padding:0;
}

.hfh-mob__search-form:focus-within{background:#fff;border-color:rgba(18,43,76,.24);box-shadow:0 0 0 3px rgba(18,43,76,.06),0 14px 28px rgba(15,23,42,.05)}

.hfh-mob__search-form svg{width:17px;height:17px;stroke:#8D9AAA!important;fill:none!important;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;margin-left:16px;flex-shrink:0}

.hfh-mob__search-form input{
	flex:1;height:100%;border:none;background:transparent;outline:none;
	font-size:16px;font-family:var(--hfh-font);color:var(--hfh-ink)!important;padding:0 14px 0 12px;margin:0;
	-webkit-text-fill-color:var(--hfh-ink)!important;
}

.hfh-mob__search-form input::placeholder{color:var(--hfh-faint)!important;opacity:1!important}

.hfh-mob__search-submit{
	width:58px;height:100%;padding:0;margin:0;border:none!important;border-left:1px solid rgba(255,255,255,.08)!important;border-radius:0 14px 14px 0;
	background:linear-gradient(180deg,#1A3E6C 0%,#14345B 54%,#102949 100%)!important;color:#fff!important;font-size:0;cursor:pointer;
	transition:background .2s ease,transform .2s var(--hfh-ease),box-shadow .2s ease,opacity .18s ease,filter .2s ease;
	flex:0 0 58px;display:flex!important;align-items:center;justify-content:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.10)!important;align-self:stretch;position:relative;overflow:hidden;
}

.hfh-mob__search-submit::before{
	content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,.03) 38%,rgba(255,255,255,0) 62%);pointer-events:none;
}

.hfh-mob__search-submit:hover{transform:none;background:linear-gradient(180deg,#204877 0%,#173A63 54%,#12304F 100%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.14)!important;filter:saturate(1.02)}

.hfh-mob__search-submit:active{transform:scale(.985);box-shadow:inset 0 1px 0 rgba(255,255,255,.10)!important}

.hfh-mob__search-submit:focus-visible{outline:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)!important,0 0 0 3px rgba(18,43,76,.08)!important}

.hfh-mob__search-submit svg{display:block!important;width:18px!important;height:18px!important;stroke:#fff!important;stroke-width:2.35!important;fill:none!important;stroke-linecap:round!important;stroke-linejoin:round!important;margin:0!important;transform:translateX(1px);position:relative;z-index:1;opacity:.98}

.hfh-mob__nav{padding:10px 20px 18px;flex:1;background:#fff}

.hfh-mob__nav ul{list-style:none;padding:0;margin:0}

.hfh-mob__nav li{border-bottom:1px solid var(--hfh-line)}

.hfh-mob__nav a{
	display:flex;align-items:center;justify-content:space-between;padding:13px 0;
	text-decoration:none;color:var(--hfh-ink)!important;font-size:13px;font-weight:600;
	letter-spacing:.06em;text-transform:uppercase;transition:color .15s ease;
}

.hfh-mob__nav a:active{color:var(--hfh-accent)!important}

.hfh-mob__nav a svg{
	width:14px;height:14px;stroke:var(--hfh-faint)!important;fill:none!important;stroke-width:2;
	stroke-linecap:round;stroke-linejoin:round;display:inline-block!important;visibility:visible!important;opacity:1!important;
}

.hfh-mob__nav a.hfh-mob--sale{color:var(--hfh-sale)!important}

/* Phase 3 Tier 3: Mobile foot — premium polish matching new gold-CTA design */
.hfh-mob__foot{padding:16px 18px 22px;border-top:1px solid var(--hfh-line);display:flex;flex-direction:column;gap:10px;background:#fff}

.hfh-mob__foot-btn{
	display:flex;align-items:center;justify-content:center;gap:10px;height:50px;
	border-radius:12px;text-decoration:none;font-size:12px;font-weight:900;
	letter-spacing:.08em;text-transform:uppercase;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}

.hfh-mob__foot-btn:hover{transform:translateY(-1px)}

.hfh-mob__foot-btn--pro{
	background:linear-gradient(135deg,#0a1f3a,#122b4c)!important;color:#fff!important;border:none!important;
	box-shadow:0 10px 24px rgba(10,31,58,.18)!important;
}

.hfh-mob__foot-btn--pro:hover{box-shadow:0 14px 30px rgba(10,31,58,.28)!important}

.hfh-mob__foot-btn--pro svg{width:16px;height:16px;stroke:currentColor!important;fill:none!important;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

.hfh-mob__foot-btn--account{
	background:linear-gradient(135deg,#4ad55d,#76e484)!important;color:#0a1f3a!important;border:none!important;
	box-shadow:0 10px 24px rgba(74,213,93,.24)!important;
}

.hfh-mob__foot-btn--account:hover{box-shadow:0 14px 30px rgba(74,213,93,.36)!important}

.hfh-mob__foot-btn--account svg{
	width:16px;height:16px;stroke:currentColor!important;fill:none!important;stroke-width:1.8;
	stroke-linecap:round;stroke-linejoin:round;display:inline-block!important;visibility:visible!important;opacity:1!important;
}


/* ===== MOBILE DETAILS/SUMMARY ===== */
.hfh-mob__details summary{list-style:none}

.hfh-mob__details summary::-webkit-details-marker{display:none}

.hfh-mob__summary{
	display:flex;align-items:center;justify-content:space-between;padding:13px 0;
	font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;
	color:var(--hfh-ink);cursor:pointer;-webkit-user-select:none;user-select:none;
}

.hfh-mob__summary-icon{
	display:flex;align-items:center;justify-content:center;width:28px;height:28px;
	border-radius:50%;background:var(--hfh-warm);transition:transform .22s var(--hfh-ease),background .15s ease;
}

.hfh-mob__summary-icon svg{width:14px;height:14px;stroke:var(--hfh-faint);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

.hfh-mob__details[open] .hfh-mob__summary-icon{transform:rotate(90deg);background:var(--hfh-accent-10)}

.hfh-mob__panel{padding:0 0 10px}

.hfh-mob__all{
	display:block;padding:8px 12px;margin-bottom:6px;border-radius:8px;
	background:var(--hfh-warm);font-size:12px;font-weight:600;
	color:var(--hfh-accent)!important;text-decoration:none;transition:background .12s ease;
}

.hfh-mob__all:hover{background:var(--hfh-accent-10)}

.hfh-mob__subgrid{display:flex;flex-direction:column;gap:1px}

.hfh-mob__sublink{
	display:block;padding:8px 12px;border-radius:6px;font-size:12.5px;font-weight:500;
	color:var(--hfh-body)!important;text-decoration:none;text-transform:none!important;letter-spacing:0!important;
	transition:background .12s ease;
}

.hfh-mob__sublink:hover{background:var(--hfh-warm)}

	.hfh-shell .hfh-mobile-toggle{
		display:inline-flex!important;justify-self:start;align-self:center!important;
		visibility:visible!important;opacity:1!important;
		width:42px!important;height:42px!important;border-radius:var(--m-radius);
	}

	.hfh-shell .hfh-close-btn,.hfh-shell .hfh-close-btn svg{display:flex!important;visibility:visible!important;opacity:1!important;color:var(--m-text-strong)!important}

	.hfh-shell .hfh-close-btn svg{stroke:currentColor!important;fill:none!important}

	.hfh-shell .hfh-mobile-toggle{width:34px!important;height:34px!important;border-radius:var(--m-radius)}

	/* Mobile Mega Menu — 2/3 viewport breite (statt full) per User-Request */
	.hfh-mob{width:75vw !important; max-width:75vw !important; min-width:280px !important;}

	.hfh-mob__head{min-height:90px;padding:14px 60px 13px 18px}

	.hfh-shell .hfh-mob__head-logo img{height:68px!important;max-width:min(232px,68vw)!important}

	.hfh-mob__search{padding:var(--m-pad-x) var(--m-pad-x) 4px}

	.hfh-mob__nav{padding-left:var(--m-pad-x);padding-right:var(--m-pad-x)}

.hfh-shell .hfh-logo img,.hfh-shell .hfh-mob__head-logo img{mix-blend-mode:normal!important;filter:contrast(1.05) saturate(1.04)!important}

/* Mobile-menu search form stays — distinct from the mega-search overlay */
.hfh-mob__search-form{background:#fff;border:1px solid rgba(6,27,49,.12);border-radius:14px;box-shadow:0 10px 25px rgba(6,27,49,.04)}

.hfh-mob__search-form:focus-within{border-color:#49cb5b;box-shadow:0 14px 40px rgba(6,27,49,.08)}

.hfh-mob__search svg{color:#49cb5b;stroke:#49cb5b}

.hfh-mob__search input{color:var(--hfh-ink)!important}

.hfh-mob__search input::placeholder{color:var(--hfh-placeholder)!important}

.hfh-action,.hfh-cart-btn,.hfh-account-trigger,.hfh-shell .hfh-mobile-toggle{background:#fff!important;border:1px solid rgba(11,31,58,.10)!important;color:var(--hfh-accent)!important;border-radius:12px!important;box-shadow:none!important}

.hfh-action:hover,.hfh-cart-btn:hover,.hfh-account-trigger:hover,.hfh-shell .hfh-mobile-toggle:hover{background:rgba(73,203,91,.055)!important;border-color:rgba(73,203,91,.28)!important;color:var(--hfh-accent)!important;transform:translateY(-1px)}

.hfh-action svg,.hfh-cart-btn svg,.hfh-account-trigger svg,.hfh-shell .hfh-mobile-toggle svg{stroke:currentColor!important}

/* [V26] Account-menu V18 overrides removed — new minimal premium design owns the styling */
.hfh-mob{background:#fff!important;box-shadow:0 28px 72px rgba(6,27,49,.18)!important}
.hfh-mob__head{background:#fff!important;border-bottom:1px solid rgba(73,203,91,.22)!important}
.hfh-mob__nav,.hfh-mob__search{background:#fff!important}
.hfh-mob__foot{background:#fff!important;border-top:1px solid rgba(11,31,58,.08)!important}
.hfh-mob__foot-btn--pro,.hfh-mob__foot-btn--account{border-radius:12px!important}
.hfh-mob__foot-btn--pro{background:linear-gradient(135deg,#0b2746,#061b31)!important;color:#fff!important}
.hfh-mob__foot-btn--account{background:linear-gradient(135deg,var(--hfh-champagne),#76e484)!important;color:var(--hfh-accent)!important}

.hfh-shell .hfh-close-btn{background:#fff!important;border:1px solid rgba(11,31,58,.10)!important;color:var(--hfh-accent)!important}
.hfh-shell .hfh-close-btn:hover{background:rgba(73,203,91,.07)!important;border-color:rgba(73,203,91,.32)!important}

/*!
 * Homes & Floors — Mega-Menu V2 Stylesheet
 * Premium editorial mega-menu CSS extracted from Header.php in Phase Tech-1.
 *
 * STRUCTURE
 *  • V2 Mega-Menu core container, header row, body grid
 *  • List column (left): clusters, items, thumbnails, hover states
 *  • Stage column (right): visual, copy, breadcrumb, pick row, actions
 *  • Mobile V2 accordion (.hfh-mob2-*)
 *  • Responsive + prefers-reduced-motion
 *
 * @package HomesAndFloors
 * @version 1.0.0
 */

.hfh-navItem .hfh-mega{display:none !important;}


/* ════════════════════════════════════════════════════════════════════
   C3 MOBILE MEGA-MENU V2 — Premium accordion
   ════════════════════════════════════════════════════════════════════ */
.hfh-mob2__menu{list-style:none;margin:0;padding:0;}

.hfh-mob2__item{margin:0;padding:0;border-bottom:1px solid rgba(10,31,58,.08);}

.hfh-mob2__item:last-child{border-bottom:0;}

.hfh-mob2__details{margin:0;padding:0;}

.hfh-mob2__details > summary{list-style:none;}

.hfh-mob2__details > summary::-webkit-details-marker,
.hfh-mob2__details > summary::marker{display:none;}

.hfh-mob2__summary{
    display:flex;align-items:center;gap:12px;
    padding:18px 18px;cursor:pointer;
    font-size:16px;font-weight:700;letter-spacing:-.01em;color:#0a1f3a;
    transition:background .18s ease;
}

.hfh-mob2__summary:hover{background:transparent;}

.hfh-mob2__summary-text{flex:1;min-width:0;}

.hfh-mob2__summary-meta{
    display:inline-flex;align-items:center;justify-content:center;
    min-width:24px;height:24px;padding:0 8px;border-radius:999px;
    background:rgba(74,213,93,.12);
    color:#32b143;font-size:11px;font-weight:800;letter-spacing:.02em;
}

.hfh-mob2__summary-icon{
    color:#32b143;
    transition:transform .26s cubic-bezier(.22,.61,.36,1);
    display:inline-flex;align-items:center;justify-content:center;
}

.hfh-mob2__details[open] .hfh-mob2__summary-icon{transform:rotate(90deg);}

.hfh-mob2__details[open] .hfh-mob2__summary{background:transparent;}


.hfh-mob2__panel{
    background:#fbfdff;
    padding:8px 18px 20px;
}

.hfh-mob2__metabar{
    display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 14px;
}

.hfh-mob2__metaitem{
    display:inline-flex;align-items:center;padding:4px 9px;border-radius:999px;
    background:rgba(10,31,58,.05);color:#506174;
    font-size:10.5px;font-weight:700;letter-spacing:.04em;
}

.hfh-mob2__metaitem b{color:#0a1f3a;font-weight:850;margin-right:4px;}

.hfh-mob2__metaitem .woocommerce-Price-amount,
.hfh-mob2__metaitem .woocommerce-Price-currencySymbol{color:inherit;font-size:inherit;font-weight:800;}


/* Sticky "Browse all" CTA */
.hfh-mob2__all{
    display:flex;align-items:center;justify-content:space-between;gap:12px;
    padding:17px 28px;border-radius:14px;
    background:#4ad55d;color:#0a1f3a;text-decoration:none;
    font-size:12.5px;font-weight:800;letter-spacing:.10em;text-transform:uppercase;
    margin:0 6px 18px 6px;
    box-shadow:0 6px 18px rgba(74,213,93,.32);
    transition:transform .18s ease, background .18s ease, box-shadow .18s ease;
}

.hfh-mob2__all:hover{background:#32b143;transform:translateY(-1px);box-shadow:0 12px 26px rgba(50,177,67,.34);}

.hfh-mob2__all span:last-child{color:#0a1f3a;font-weight:900;}


/* Cluster heading + description */
.hfh-mob2__cluster-head{
    margin:16px 0 8px;
    padding:0 2px;
}

.hfh-mob2__cluster{
    display:inline-block;
    font-family:'Poppins','Helvetica Neue',Arial,sans-serif;
    font-style:normal;font-weight:800;font-size:10.5px;color:#32b143;
    letter-spacing:.14em;text-transform:uppercase;
}

.hfh-mob2__cluster-desc{
    display:block;font-size:11.5px;line-height:1.45;color:#7a879a;
    font-weight:500;margin-top:1px;
}


.hfh-mob2__items{list-style:none;margin:0;padding:0;}

.hfh-mob2__sub{margin:0;padding:0;}

.hfh-mob2__sublink{
    display:flex;align-items:center;gap:12px;
    padding:12px 8px;
    border-radius:10px;
    text-decoration:none;color:#0a1f3a;
    transition:background .15s ease;
}

.hfh-mob2__sublink:active{background:rgba(74,213,93,.10);}

.hfh-mob2__thumb{
    flex-shrink:0 !important;
    flex-grow:0 !important;
    flex-basis:44px !important;
    width:44px !important;
    min-width:44px !important;
    max-width:44px !important;
    height:44px !important;
    min-height:44px !important;
    max-height:44px !important;
    aspect-ratio:1/1 !important;
    border-radius:8px !important;
    overflow:hidden !important;
    background:#e1e8ef !important;
    box-shadow:0 2px 6px rgba(10,31,58,.08);
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    position:relative !important;
}

.hfh-mob2__thumb img,
html body .hfh-mob2 .hfh-mob2__thumb img,
html body .hfh-mob__nav .hfh-mob2__thumb img{
    width:100% !important;
    height:100% !important;
    min-width:100% !important;
    min-height:100% !important;
    max-width:100% !important;
    max-height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
    display:block !important;
    aspect-ratio:1/1 !important;
    border-radius:0 !important;
    margin:0 !important;
    padding:0 !important;
    position:absolute !important;
    inset:0 !important;
}

.hfh-mob2__sub-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;}

.hfh-mob2__sub-name{
    font-size:15px;font-weight:650;letter-spacing:-.005em;color:#0a1f3a;
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}

.hfh-mob2__sub-count{
    font-size:11px;font-weight:600;color:#7a879a;letter-spacing:.02em;
}

.hfh-mob2__sub-arrow{
    color:#32b143;font-size:16px;font-weight:800;flex-shrink:0;padding:0 8px;
}

/* Sub-row = title link (navigates to category) + separate drill-down toggle (opens sub-sub) */
.hfh-mob2__sub-row{display:flex;align-items:center;}

.hfh-mob2__sub-row .hfh-mob2__sublink{flex:1;min-width:0;}

.hfh-mob2__sub-toggle{
    flex-shrink:0;width:44px;height:44px;margin:0;padding:0;
    display:flex;align-items:center;justify-content:center;
    background:transparent;border:0;border-radius:0;
    color:#0a1f3a;cursor:pointer;
    transition:color .18s ease;
}

.hfh-mob2__sub-toggle:hover{color:#32b143;}

.hfh-mob2__sub-toggle-icon{
    display:flex;align-items:center;justify-content:center;
    transform:rotate(90deg); /* chevron > becomes ∨ (down arrow at rest) */
    transition:transform .26s cubic-bezier(.22,.61,.36,1);
}

.hfh-mob2__sub-toggle[aria-expanded="true"] .hfh-mob2__sub-toggle-icon{
    transform:rotate(-90deg); /* ∧ (up arrow when expanded) */
}

.hfh-mob2__subchildren{
    display:flex;flex-direction:column;
    margin:2px 0 8px 56px;padding-left:12px;
    border-left:2px solid rgba(74,213,93,.30);
}

.hfh-mob2__subchildren[hidden]{display:none;}

.hfh-mob2__subchild{
    padding:10px 8px;text-decoration:none;color:#42505f;
    font-size:14px;font-weight:600;letter-spacing:-.005em;border-radius:8px;
}

.hfh-mob2__subchild:active{background:rgba(74,213,93,.10);color:#0a1f3a;}


/* Trust footer */
.hfh-mob2__trust{
    margin-top:18px;
    padding-top:14px;
    border-top:1px solid rgba(10,31,58,.06);
    font-size:11px;color:#7a879a;text-align:center;
    font-weight:600;letter-spacing:.02em;
}


/* Direct items (no children) */
.hfh-mob2__direct{
    display:flex;align-items:center;justify-content:space-between;gap:12px;
    padding:18px;
    font-size:16px;font-weight:700;color:#0a1f3a;text-decoration:none;
}

.hfh-mob2__direct:hover{background:rgba(74,213,93,.04);}

.hfh-mob2__direct--sale{color:#c8341f;}

.hfh-mob2__direct--sale span:last-child{color:#c8341f;}

.hfh-mob__nav a.hfh-mob2__direct--bespoke{justify-content:flex-start;gap:12px;font-size:16px;font-weight:700;letter-spacing:-.01em;text-transform:none;color:#0a1f3a;padding:18px;background:transparent;}

.hfh-mob__nav a.hfh-mob2__direct--bespoke .hfh-mob2__summary-text{flex:1;min-width:0;}

.hfh-mob2__summary-meta--new{background:linear-gradient(90deg,#4ad55d,#72e381);color:#0a1f3a;font-size:9px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;}

/* Premium drawer polish (2026-07-14): eyebrow label, softer dividers, tap feedback,
   ringed count badges, safe-area footer. */
.hfh-mob2__eyebrow{display:flex;align-items:center;gap:10px;padding:16px 18px 4px;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#2f9e44;}

.hfh-mob2__eyebrow::before{content:"";width:22px;height:2px;background:currentColor;}

.hfh-mob2__summary:active,.hfh-mob__nav a.hfh-mob2__direct--bespoke:active{background:rgba(74,213,93,.07);}

.hfh-mob2__summary-meta{box-shadow:0 0 0 1px rgba(74,213,93,.28);}

.hfh-mob__foot{padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))!important;}


/* Smooth open animation */
.hfh-mob2__details[open] .hfh-mob2__panel{
    animation:hfh-mob2-slidedown .32s cubic-bezier(.22,.61,.36,1) both;
}
@media (prefers-reduced-motion:reduce){

    .hfh-mob2__details[open] .hfh-mob2__panel{animation:none;}

    .hfh-mob2__summary-icon{transition:none;}
}

}

/* === Mobile mega-menu polish: visible chevron, no-box toggle, roomier browse-all button === */
html body .hfh-mob2__sub-toggle{
    background:transparent !important;border:0 !important;border-radius:0 !important;
    box-shadow:none !important;outline:0 !important;
    color:#0a1f3a !important;
    width:48px !important;height:48px !important;
    padding:0 !important;margin:0 !important;
    display:flex !important;align-items:center !important;justify-content:center !important;
    cursor:pointer !important;transition:color .18s ease !important;
}

html body .hfh-mob2__sub-toggle:hover{color:#32b143 !important;}

html body .hfh-mob2__sub-toggle-icon{
    display:flex !important;align-items:center !important;justify-content:center !important;
    transform:rotate(90deg) !important;
    transition:transform .26s cubic-bezier(.22,.61,.36,1) !important;
}

html body .hfh-mob2__sub-toggle[aria-expanded="true"] .hfh-mob2__sub-toggle-icon{
    transform:rotate(-90deg) !important;
}

/* The chev SVG has no stroke baked in → make it a clean stroked chevron so it actually renders */
html body .hfh-mob2__sub-toggle-icon svg{
    width:18px !important;height:18px !important;display:block !important;
    fill:none !important;stroke:currentColor !important;
    stroke-width:2.4 !important;stroke-linecap:round !important;stroke-linejoin:round !important;
}


/* "Browse all …" button — roomy, premium, never edge-to-edge */
html body .hfh-mob2__all{
    padding:18px 30px !important;
    margin:0 10px 18px 10px !important;
    border-radius:16px !important;
    letter-spacing:.10em !important;text-transform:uppercase !important;
    font-size:12.5px !important;
}


/* ════════════════════════════════════════════════════════
   12. iOS SAFARI ANTI-AUTO-ZOOM auf Mobile Inputs
   ──────────────────────────────────────────────────────
   iOS Safari zoomt automatisch beim Tap auf Inputs
   wenn font-size < 16px ist. Lösung: font-size ≥ 16px.
   Visuelle Größe bleibt gleich durch transform: scale().
   ════════════════════════════════════════════════════════ */
/* ════════════════════════════════════════════════════════
   13. MEGA MENU THUMBNAILS — Force 44x44 square überall
   (Per User-Request: auf Subcategory/PDP waren sie verbuckt)
   ════════════════════════════════════════════════════════ */
html body .hfh-mob2__thumb,
html body .hfh-mob__nav .hfh-mob2__thumb,
html body .hfh-mob .hfh-mob2__thumb {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
  flex: 0 0 44px !important;
  aspect-ratio: 1/1 !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  position: relative !important;
  background: #e1e8ef !important;
}

html body .hfh-mob2__thumb img,
html body .hfh-mob__nav .hfh-mob2__thumb img,
html body .hfh-mob .hfh-mob2__thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
  aspect-ratio: 1/1 !important;
  position: absolute !important;
  inset: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}
@media (max-width: 767px){

  /* ALLE Inputs/Selects/Textareas auf Mobile min 16px */
  html body input,
  html body input[type="text"],
  html body input[type="search"],
  html body input[type="email"],
  html body input[type="tel"],
  html body input[type="password"],
  html body input[type="number"],
  html body input[type="url"],
  html body input[type="date"],
  html body select,
  html body textarea,
  html body .hfh-mob__search-form input,
  html body .hfh-search-input,
  html body .hfh-msearch-input {
    font-size: 16px !important;
  }
}
/* ===== ported: minicart ===== */


/* ===== MINI CART (V17: shipping bar, qty stepper, skeleton) ===== */
/* Phase 3 Tier 2: Premium signature — gold accent line on Account/Basket popups */
.hfh-account-menu::before,
.hfh-minicart::before{
	content:"";position:absolute;left:0;right:0;top:0;height:2px;z-index:2;
	background:linear-gradient(90deg,transparent 0%,#4ad55d 30%,#72e381 70%,transparent 100%);
	pointer-events:none;
}

.hfh-minicart{
	position:fixed;top:0;right:0;bottom:0;z-index:9999;width:400px;max-width:75vw;
	background:#fff;box-shadow:var(--hfh-shadow-xl);display:flex;flex-direction:column;
	transform:translateX(100%);transition:transform .32s var(--hfh-ease);
}

.hfh-minicart--open{transform:translateX(0)}

}
.hfh-minicart__head{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--hfh-line);flex-shrink:0}

.hfh-minicart__title{font-size:14px;font-weight:700;color:var(--hfh-ink);display:flex;align-items:center;gap:8px}

.hfh-minicart__count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border-radius:var(--hfh-radius-pill);background:var(--hfh-accent);color:#fff;font-size:9px;font-weight:700}


/* V17: Free shipping bar */
.hfh-minicart__shipping-bar{display:none;padding:10px 20px 12px;border-bottom:1px solid var(--hfh-line);background:var(--hfh-warm-2)}

.hfh-minicart__shipping-bar.is-visible{display:block}

.hfh-minicart__body{flex:1;padding:0 20px;overflow-y:auto;-webkit-overflow-scrolling:touch}

.hfh-minicart__empty{text-align:center;padding:36px 0 12px}

.hfh-minicart__empty-icon{
	width:40px;height:40px;stroke:var(--hfh-faint);fill:none;stroke-width:1.5;
	stroke-linecap:round;stroke-linejoin:round;margin:0 auto 14px;display:block;opacity:.45;
}

.hfh-minicart__empty h3{margin:0 0 6px;font-size:15px;font-weight:700;color:var(--hfh-ink);text-transform:uppercase;letter-spacing:.08em}

.hfh-minicart__empty p{margin:0 0 20px;font-size:13px;line-height:1.55;color:var(--hfh-muted);max-width:280px;margin-left:auto;margin-right:auto}

/* Phase 3 Tier 1: gold CTA + popular routes grid for empty basket */
.hfh-minicart__empty-cta{
	display:inline-flex;align-items:center;justify-content:center;gap:10px;
	min-height:46px;padding:0 22px;margin:0 0 28px;
	border-radius:10px;
	background:linear-gradient(135deg,#4ad55d,#76e484);
	color:#0a1f3a !important;
	font-size:12.5px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;
	text-decoration:none !important;
	box-shadow:0 12px 28px rgba(74,213,93,.28);
	transition:transform .18s ease, box-shadow .18s ease;
}

.hfh-minicart__empty-cta:hover{transform:translateY(-1px);box-shadow:0 16px 34px rgba(74,213,93,.38);}

.hfh-minicart__empty-cta span:last-child{font-size:14px;}

.hfh-minicart__empty-quick{margin-top:8px;padding-top:24px;border-top:1px solid rgba(10,31,58,.06);text-align:left}

.hfh-minicart__empty-quick-label{
	display:block;margin:0 0 12px;
	font-size:10.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#32b143;text-align:center
}

.hfh-minicart__empty-quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}

.hfh-minicart__empty-tile{
	display:flex;align-items:center;justify-content:space-between;gap:10px;
	padding:12px 14px;border-radius:10px;
	background:#fff;border:1px solid rgba(10,31,58,.08);
	text-decoration:none !important;color:#0a1f3a !important;
	transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.hfh-minicart__empty-tile:hover{
	transform:translateY(-1px);
	border-color:rgba(74,213,93,.42);
	box-shadow:0 8px 18px rgba(10,31,58,.06);
}

.hfh-minicart__empty-tile-name{font-size:12.5px;font-weight:700;letter-spacing:-.005em}

.hfh-minicart__empty-tile-arrow{color:#4ad55d;font-size:14px;font-weight:900}


/* === WooCommerce price overrides inside cart === */
.hfh-minicart .hfh-mc-items .woocommerce-Price-amount,
.hfh-minicart .hfh-mc-items .woocommerce-Price-currencySymbol,
.hfh-minicart .hfh-mc-items .amount,
.hfh-minicart .hfh-mc-items bdi,
.hfh-mc-items .woocommerce-Price-amount,
.hfh-mc-items .woocommerce-Price-currencySymbol,
.hfh-mc-items .amount,
.hfh-mc-items bdi{
	font-size:inherit!important;font-weight:inherit!important;color:inherit!important;
	font-family:var(--hfh-font)!important;letter-spacing:inherit!important;
	line-height:inherit!important;display:inline!important;margin:0!important;padding:0!important;
}

.hfh-minicart__foot{padding:14px 20px 18px;border-top:1px solid var(--hfh-line);display:none;flex-shrink:0;background:var(--hfh-warm)}

.hfh-minicart__total{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:14px}

.hfh-minicart__total-label{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--hfh-muted)}

.hfh-minicart__total-value{font-size:17px;font-weight:800;color:var(--hfh-ink);letter-spacing:0;font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1,"lnum" 1}

/* WC price override for subtotal */
.hfh-minicart .hfh-minicart__total-value .woocommerce-Price-amount,
.hfh-minicart .hfh-minicart__total-value .woocommerce-Price-currencySymbol,
.hfh-minicart .hfh-minicart__total-value .amount,
.hfh-minicart .hfh-minicart__total-value bdi,
.hfh-minicart__total-value .woocommerce-Price-amount,
.hfh-minicart__total-value .woocommerce-Price-currencySymbol,
.hfh-minicart__total-value .amount,
.hfh-minicart__total-value bdi{font-size:inherit!important;font-weight:inherit!important;color:inherit!important;font-family:var(--hfh-font)!important;display:inline!important;margin:0!important;padding:0!important}

.hfh-minicart__btns{display:flex;flex-direction:column;gap:7px}

.hfh-minicart__btn{
	display:flex;align-items:center;justify-content:center;gap:7px;height:42px;
	border-radius:var(--hfh-radius-sm);text-decoration:none;font-size:10.5px;font-weight:700;
	letter-spacing:.08em;text-transform:uppercase;transition:all .18s ease;
}

.hfh-minicart__btn--primary{background:var(--hfh-accent);color:#fff!important;box-shadow:0 4px 16px rgba(18,43,76,.22)}

.hfh-minicart__btn--primary:hover{background:var(--hfh-accent-dark);transform:translateY(-1px)}

.hfh-minicart__btn--ghost{background:#fff;color:var(--hfh-ink)!important;border:1.5px solid var(--hfh-line-s)}

.hfh-minicart__btn--ghost:hover{border-color:var(--hfh-accent);color:var(--hfh-accent)!important}

.hfh-minicart__secure{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:10px;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--hfh-faint)}

.hfh-minicart__secure svg{width:11px;height:11px;stroke:var(--hfh-success);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

.hfh-minicart__empty-quick{display:none!important}

/* (removed 2026-07-14: a stray un-scoped `width:75vw!important` rule forced the
   drawer to 2/3 viewport on every screen, and the old champagne skin block
   fought the premium pass below with !important — both superseded there) */
/* ===== v3 final overrides (win over ported legacy blocks) ===== */
@media(min-width:1101px){.hfh-shell .hfh-mobile-toggle{display:none!important}}
@media(max-width:768px){
.hfh-topbar__item,.hfh-topbar__link{padding:0 6px;font-size:10px;letter-spacing:.4px;gap:6px}
.hfh-topbar__item svg,.hfh-topbar__link svg{width:13px;height:13px}
.hfh-topbar__sep{display:none}
.hfh-topbar__inner{padding:0 8px}
.hfh-topbar__trust,.hfh-topbar__ctas{min-width:0;overflow:hidden}
}

/* ===== minicart loading skeleton + error state (2026-07-14) =====
   Shown while the drawer's AJAX fetch is in flight (badge > 0, no cached
   render) — replaces the misleading "basket is empty" flash. */
.hfh-mc-skel{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid rgba(10,31,58,.06)}
.hfh-mc-skel__img{flex:0 0 auto;width:64px;height:64px;border-radius:12px}
.hfh-mc-skel__lines{flex:1;min-width:0;display:flex;flex-direction:column;gap:9px}
.hfh-mc-skel__lines span{display:block;height:12px;border-radius:6px}
.hfh-mc-skel__lines span:last-child{width:56%}
.hfh-mc-skel__img,.hfh-mc-skel__lines span{background:linear-gradient(100deg,#eef2f6 38%,#f7fafc 50%,#eef2f6 62%);background-size:220% 100%;animation:hfhMcShimmer 1.2s linear infinite}
@keyframes hfhMcShimmer{from{background-position:120% 0}to{background-position:-120% 0}}
@media (prefers-reduced-motion:reduce){.hfh-mc-skel__img,.hfh-mc-skel__lines span{animation:none}}
.hfh-minicart__err{text-align:center;padding:42px 18px}
.hfh-minicart__err p{margin:0 0 16px;font-size:13.5px;line-height:1.5;color:#59616b}
.hfh-minicart__err-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 26px;border:0;border-radius:999px;background:linear-gradient(135deg,#57e06b 0%,#37c34c 100%);color:#072617;font:700 12px/1 'Poppins',system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;box-shadow:0 14px 34px -10px rgba(74,213,93,.6)}
.hfh-minicart__err-btn:hover{filter:brightness(1.04)}

/* ===== v3 logo sizing — FINAL (2026-07-14) =====
   The legacy anonymous wp_head patch layers (un-removable closures in
   Header.php) re-assert `.hfh-shell .hfh-logo img{height:auto!important;
   max-height:76px!important}` AFTER this stylesheet prints. The html prefix
   adds one specificity step so these rules win the !important tie. */
html .hfh-shell .hfh-logo img{height:62px!important;max-height:62px!important;width:auto!important;max-width:215px!important}
html .hfh-shell.is-scrolled .hfh-logo img{height:42px!important;max-height:42px!important}
/* centered-logo layouts (mobile toggle range): the mark carries the whole bar —
   match the legacy 60px presence instead of the compact desktop 54px */
@media(max-width:1100px){
	html .hfh-shell .hfh-logo img,
	html .hfh-shell.is-scrolled .hfh-logo img{height:60px!important;max-height:60px!important;max-width:min(210px,52vw)!important}
}
@media(max-width:768px){
	html .hfh-shell .hfh-logo img,
	html .hfh-shell.is-scrolled .hfh-logo img{height:56px!important;max-height:56px!important;max-width:min(195px,50vw)!important}
}
@media(max-width:480px){
	html .hfh-shell .hfh-logo img,
	html .hfh-shell.is-scrolled .hfh-logo img{height:50px!important;max-height:50px!important}
}

/* ===== account popover (v3, 2026-07-14) — hfv2 language: green accent bar,
   green eyebrow + rule, gradient pill CTA, navy outline secondary ===== */
.hfh-acct{position:relative;display:inline-flex}
.hfh-acct__menu{position:absolute;top:calc(100% - 8px);right:0;z-index:9700;width:302px;max-width:calc(100vw - 20px);background:#fff;border:1px solid rgba(10,31,58,.08);border-radius:18px;box-shadow:0 32px 70px -18px rgba(6,27,49,.38),0 6px 18px rgba(6,27,49,.08);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .16s ease,transform .16s ease,visibility 0s linear .16s;overflow:hidden;text-align:left}
.hfh-acct__menu::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#57e06b,#37c34c)}
.hfh-acct.is-open .hfh-acct__menu{opacity:1;visibility:visible;transform:translateY(0);transition-delay:0s}
.hfh-acct__head{display:flex;flex-direction:column;gap:5px;padding:20px 20px 14px}
.hfh-acct__eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:9.5px;font-weight:700;letter-spacing:2.2px;text-transform:uppercase;color:#237a3a}
.hfh-acct__eyebrow::before{content:"";flex:none;width:20px;height:2px;background:currentColor}
.hfh-acct__title{font-size:17px;font-weight:800;letter-spacing:-.4px;color:#122B4C;line-height:1.2}
.hfh-acct__sub{font-size:12px;line-height:1.5;color:#59616b}
.hfh-acct__head--user{flex-direction:row;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid rgba(10,31,58,.07)}
.hfh-acct__avatar{flex:0 0 auto;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#122B4C,#0a1f3a);color:#fff;font-size:16px;font-weight:800}
.hfh-acct__id{min-width:0;display:flex;flex-direction:column;gap:2px}
.hfh-acct__id .hfh-acct__sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hfh-acct__ctas{display:flex;flex-direction:column;gap:9px;padding:2px 20px 14px}
.hfh-acct__btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:999px;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-decoration:none!important;transition:transform .15s ease,filter .15s ease,background .18s ease,color .18s ease}
.hfh-acct__btn--primary{background:linear-gradient(135deg,#57e06b 0%,#37c34c 100%);color:#072617!important;box-shadow:0 12px 28px -10px rgba(74,213,93,.6)}
.hfh-acct__btn--primary:hover{transform:translateY(-1px);filter:brightness(1.04)}
.hfh-acct__btn--ghost{background:transparent;color:#122B4C!important;border:2px solid #122B4C}
.hfh-acct__btn--ghost:hover{background:#122B4C;color:#fff!important}
.hfh-acct__perks{list-style:none;margin:0;padding:0 20px 16px;display:flex;flex-direction:column;gap:8px}
.hfh-acct__perks li{position:relative;padding-left:22px;font-size:12px;line-height:1.45;color:#59616b}
.hfh-acct__perks li::before{content:"\2713";position:absolute;left:0;top:0;color:#37c34c;font-weight:700}
.hfh-acct__links{display:flex;flex-direction:column;padding:8px 8px}
.hfh-acct__link{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;border-radius:11px;font-size:13px;font-weight:600;color:#122B4C;text-decoration:none!important;transition:background .14s ease,color .14s ease}
.hfh-acct__link:hover{background:rgba(74,213,93,.10);color:#0a1f3a}
.hfh-acct__link-arw{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:0;transform:translateX(-4px);transition:opacity .14s ease,transform .14s ease}
.hfh-acct__link:hover .hfh-acct__link-arw{opacity:.9;transform:translateX(0)}
.hfh-acct__foot{padding:12px 20px 16px;border-top:1px solid rgba(10,31,58,.07)}
.hfh-acct__help{font-size:12px;font-weight:600;color:#237a3a;text-decoration:none}
.hfh-acct__help:hover{text-decoration:underline}
.hfh-acct__signout{font-size:12px;font-weight:600;color:#8b95a6;text-decoration:none}
.hfh-acct__signout:hover{color:#b91c1c}
.hfh-acct__btn:focus-visible,.hfh-acct__link:focus-visible,#hfhAcctBtn:focus-visible{outline:2px solid #37c34c;outline-offset:2px}
@media (prefers-reduced-motion:reduce){.hfh-acct__menu,.hfh-acct__btn,.hfh-acct__link,.hfh-acct__link-arw{transition:none}}

/* ===== minicart premium pass (2026-07-14) =====================================
   1/3-width drawer, styled item rows (were unstyled — never ported from the
   legacy tower), sample-cap meter, always-working footer with subtotal + CTAs. */
/* html prefix + !important on contested props: the legacy anonymous wp_head
   closures re-skin the minicart with !important AFTER this file prints */
html .hfh-minicart{width:clamp(400px,34vw,520px)!important;max-width:calc(100vw - 20px)!important;min-width:0!important}
html .hfh-minicart__head{padding:18px 22px;border-bottom:1px solid rgba(10,31,58,.08)!important}
html .hfh-minicart__title{font-size:15px;font-weight:800;letter-spacing:-.2px;color:#122B4C!important}
html .hfh-minicart__count{min-width:22px;height:22px;font-size:10px;background:linear-gradient(135deg,#4ad55d,#72e381)!important;color:#0a1f3a!important;font-weight:800}

/* item rows */
.hfh-minicart__body{padding:0 22px}
.hfh-mc-items{display:flex;flex-direction:column}
.hfh-mc-item{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr);gap:14px;align-items:start;padding:16px 30px 16px 0;border-bottom:1px solid rgba(10,31,58,.07)}
.hfh-mc-item.is-busy{pointer-events:none}
.hfh-mc-item.is-busy .hfh-mc-qty{opacity:.55}
.hfh-mc-item__img{width:64px;height:64px;border-radius:12px;overflow:hidden;background:#f4f7fa;border:1px solid rgba(10,31,58,.06)}
.hfh-mc-item__img a{display:block;width:100%;height:100%}
.hfh-mc-item__img img{width:100%!important;height:100%!important;object-fit:cover;display:block}
.hfh-mc-item__info{min-width:0;display:flex;flex-direction:column;gap:4px}
.hfh-mc-item__tag{align-self:flex-start;display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;background:rgba(74,213,93,.14);color:#237a3a;font-size:8.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.hfh-mc-item__name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12.5px;font-weight:600;line-height:1.4;color:#122B4C;text-decoration:none}
a.hfh-mc-item__name:hover{color:#237a3a}
.hfh-mc-item__unit{font-size:10.5px;font-weight:600;color:#8b95a6}
.hfh-mc-item__unit em{font-style:normal;font-weight:500;color:#a5adba}
.hfh-mc-item__row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px}
.hfh-mc-qty{display:inline-grid;grid-template-columns:30px 34px 30px;align-items:stretch;height:32px;border:1px solid rgba(18,43,76,.14);border-radius:999px;background:#fff;overflow:hidden;box-shadow:none!important;transition:opacity .15s ease}
.hfh-mc-qty__btn{border:0;background:none;padding:0;font-size:15px;font-weight:600;color:#122B4C;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:none!important;-webkit-tap-highlight-color:transparent;transition:background .12s ease,color .12s ease}
/* hover tint only on real pointers — on touch the :hover state sticks after the
   tap and left a green block on the + button */
@media(hover:hover){.hfh-mc-qty__btn:hover{background:rgba(74,213,93,.12)}}
.hfh-mc-qty__btn:active{background:rgba(18,43,76,.08)}
.hfh-mc-qty__btn:focus{background:none;outline:none}
.hfh-mc-qty__btn:focus-visible{outline:2px solid #37c34c;outline-offset:-2px}
.hfh-mc-qty__btn:disabled,.hfh-mc-qty__btn.is-capped{color:#c3cad4;cursor:not-allowed;background:none}
.hfh-mc-qty__val{display:flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:800;color:#122B4C;border-left:1px solid rgba(18,43,76,.08);border-right:1px solid rgba(18,43,76,.08)}
.hfh-mc-price{display:flex;align-items:center;justify-content:flex-end;min-height:32px;text-align:right}
.hfh-mc-item__line-total{font-size:13.5px;font-weight:800;color:#122B4C;font-variant-numeric:tabular-nums;line-height:1}
.hfh-mc-item__remove{position:absolute;top:14px;right:0;width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:#a5adba;cursor:pointer;transition:background .14s ease,color .14s ease}
.hfh-mc-item__remove:hover{background:#fdecec;color:#b91c1c}
.hfh-mc-item__remove svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}

/* sample cap meter */
.hfh-minicart__samples{padding:12px 22px 13px;border-bottom:1px solid rgba(10,31,58,.07);background:#f5faf6}
.hfh-minicart__samples-row{display:flex;align-items:center;justify-content:space-between}
.hfh-minicart__samples-label{font-size:9.5px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#237a3a}
.hfh-minicart__samples-count{font-size:11px;font-weight:800;color:#122B4C;font-variant-numeric:tabular-nums}
.hfh-minicart__samples-track{height:6px;border-radius:999px;background:rgba(18,43,76,.10);margin-top:8px;overflow:hidden}
.hfh-minicart__samples-fill{height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,#57e06b,#37c34c);transition:width .25s ease}
.hfh-minicart__samples.is-max .hfh-minicart__samples-fill{background:linear-gradient(90deg,#f0b429,#de911d)}
.hfh-minicart__samples-note{margin-top:6px;font-size:10.5px;font-weight:600;line-height:1.4;color:#59616b}
.hfh-minicart__samples.is-max .hfh-minicart__samples-note{color:#9a6700}

/* footer: subtotal + CTAs (display toggled to 'block' by the controller) */
.hfh-minicart__foot{padding:16px 22px calc(18px + env(safe-area-inset-bottom,0px));border-top:1px solid rgba(10,31,58,.08);background:#fff;box-shadow:0 -14px 30px rgba(10,31,58,.05)}
.hfh-minicart__total{margin-bottom:4px}
.hfh-minicart__total-label{font-size:10px;font-weight:800;letter-spacing:.14em;color:#8b95a6}
html .hfh-minicart__total-value{font-size:20px;font-weight:800;color:#122B4C!important}
.hfh-minicart__total-note{margin:0 0 14px;font-size:10.5px;font-weight:500;color:#a5adba}
.hfh-minicart__btns{display:grid;grid-template-columns:1fr 1.25fr;gap:10px}
html .hfh-minicart__btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;height:auto;padding:0 14px;border-radius:999px!important;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-decoration:none!important;white-space:nowrap;transition:transform .15s ease,filter .15s ease,background .18s ease,color .18s ease}
html .hfh-minicart__btn--ghost{background:transparent!important;color:#122B4C!important;border:2px solid #122B4C!important}
html .hfh-minicart__btn--ghost:hover{background:#122B4C!important;color:#fff!important;border-color:#122B4C!important}
html .hfh-minicart__btn--primary{background:linear-gradient(135deg,#57e06b 0%,#37c34c 100%)!important;color:#072617!important;border:0!important;box-shadow:0 12px 28px -10px rgba(74,213,93,.6)!important}
html .hfh-minicart__btn--primary:hover{transform:translateY(-1px);filter:brightness(1.04)}
.hfh-minicart__secure{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:12px;font-size:9.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#a5adba}
.hfh-minicart__secure svg{width:13px;height:13px;fill:none;stroke:#37c34c;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.hfh-minicart__btn:focus-visible,.hfh-mc-qty__btn:focus-visible,.hfh-mc-item__remove:focus-visible{outline:2px solid #37c34c;outline-offset:2px}
@media(max-width:768px){
	.hfh-minicart{width:100vw;max-width:100vw}
}
@media (prefers-reduced-motion:reduce){.hfh-minicart__samples-fill,.hfh-minicart__btn,.hfh-mc-item{transition:none}}

/* Botpress chat must never float above header drawers/overlays. The sticky
   .hfh-shell is itself a stacking context at z-index 9000 — the drawers' inner
   z-values (9998/9999/10001) only count INSIDE it. So the chat host must cap
   BELOW 9000; forcing a stacking context here also contains its shadow-DOM
   FAB (which carries its own z-index:9998). */
.bpChatContainer{position:relative!important;z-index:8990!important}

/* ===== mobile: header scrolls away with the page (2026-07-14) =====
   Per request the shell is NOT sticky on phones — the bottom nav (hfbn)
   keeps Shop/Samples/Search/Basket reachable while scrolling. */
@media(max-width:768px){
	html body .hfh-shell,html body #hfhShell{position:static!important;top:auto!important}
}


/* The full header remains unchanged while it scrolls away with the document. */
html body #hfhShell,html body #hfhShell.is-scrolled{position:relative!important;top:auto!important;display:block!important;visibility:visible!important;opacity:1!important}
html body #hfhShell .hfh-topbar,html body #hfhShell.is-scrolled .hfh-topbar{max-height:60px!important;min-height:0!important;height:auto!important;opacity:1!important;pointer-events:auto!important;border-bottom-width:1px!important;transition:none!important}
html body #hfhShell.is-scrolled .hfh-header__inner,html body #hfhShell.is-scrolled .hfh-navItem__link,html body #hfhShell.is-scrolled .hfh-iconbtn{height:82px!important}
html body #hfhShell.is-scrolled .hfh-logo img{height:62px!important;max-height:62px!important}
@media(max-width:768px){
	html body #hfhShell.is-scrolled .hfh-header__inner,html body #hfhShell.is-scrolled .hfh-iconbtn{height:74px!important}
	html body #hfhShell.is-scrolled .hfh-logo img{height:56px!important;max-height:56px!important}
}
@media(max-width:480px){
	html body #hfhShell.is-scrolled .hfh-header__inner,html body #hfhShell.is-scrolled .hfh-iconbtn{height:66px!important}
	html body #hfhShell.is-scrolled .hfh-logo img{height:50px!important;max-height:50px!important}
}

/* mobile: logo hard-centred between hamburger and action icons */
@media(max-width:1100px){
	html body #hfhShell .hfh-logo{position:absolute!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;margin:0!important;justify-self:center!important}
}

/* ===== mobile header structure — FINAL (2026-07-14) =====
   Legacy patch layers turn .hfh-header__inner into a 3-col GRID; with the logo
   absolutely centred it leaves the flow and the action icons slide into the
   middle cell, overlapping the logo. Enforce the intended structure by id:
   flex row — hamburger left, icon group pinned right, logo absolute centre. */
@media(max-width:1100px){
	html body #hfhShell .hfh-header__inner{display:flex!important;grid-template-columns:none!important;justify-content:space-between!important;align-items:center!important;position:relative!important}
	html body #hfhShell .hfh-header__inner > .hfh-nav{display:none!important}
	html body #hfhShell .hfh-mobile-toggle{order:1!important;margin-right:auto!important;flex:0 0 auto!important}
	html body #hfhShell .hfh-actions{order:3!important;display:flex!important;align-items:center!important;margin-left:auto!important;flex:0 0 auto!important;justify-self:auto!important;width:auto!important}
	html body #hfhShell .hfh-actions .hfh-iconbtn{position:relative}
}

/* ===== minicart row reset + compact structure (2026-07-14, premium paket) =====
   Legacy layers still leak radii/negative margins/backgrounds into the rows
   (the "curved" seams). The #hfhCartPanel id out-ranks all of them: flat list,
   hairline separators, ~100px rows, sample rows carry a green edge, inline
   SAMPLE chip inside the name line, totals centred against the stepper. */
html body #hfhCartPanel .hfh-mc-items{display:block!important;margin:0!important;padding:0!important;gap:0!important}
html body #hfhCartPanel .hfh-mc-item{position:relative!important;display:grid!important;grid-template-columns:56px minmax(0,1fr)!important;gap:12px!important;align-items:start!important;margin:0!important;padding:13px 28px 13px 0!important;background:transparent!important;border:0!important;border-bottom:1px solid rgba(10,31,58,.08)!important;border-radius:0!important;box-shadow:none!important}
html body #hfhCartPanel .hfh-mc-item[data-sample="1"]{box-shadow:inset 3px 0 0 rgba(74,213,93,.55)!important;padding-left:12px!important}
html body #hfhCartPanel .hfh-mc-item__img{width:56px!important;height:56px!important;border-radius:10px!important;overflow:hidden!important;background:#f4f7fa!important;border:1px solid rgba(10,31,58,.06)!important;margin:0!important}
html body #hfhCartPanel .hfh-mc-item__img img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;border-radius:0!important}
html body #hfhCartPanel .hfh-mc-item__info{min-width:0!important;display:flex!important;flex-direction:column!important;gap:3px!important;margin:0!important;padding:0!important}
html body #hfhCartPanel .hfh-mc-item__tag{display:inline-flex!important;align-items:center!important;vertical-align:2px!important;margin:0 6px 0 0!important;padding:1px 6px!important;border-radius:999px!important;background:rgba(74,213,93,.14)!important;color:#237a3a!important;font-size:8px!important;font-weight:800!important;letter-spacing:.1em!important;text-transform:uppercase!important;line-height:1.4!important}
html body #hfhCartPanel .hfh-mc-item__name{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;font-size:12.5px!important;font-weight:600!important;line-height:1.4!important;color:#122B4C!important;text-decoration:none!important;margin:0!important;padding-right:6px!important}
html body #hfhCartPanel .hfh-mc-item__unit{font-size:10.5px!important;font-weight:600!important;color:#8b95a6!important;margin:0!important}
html body #hfhCartPanel .hfh-mc-item__row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin:7px 0 0!important;padding:0!important}
html body #hfhCartPanel .hfh-mc-qty{display:inline-grid!important;grid-template-columns:28px 32px 28px!important;height:30px!important;border:1px solid rgba(18,43,76,.14)!important;border-radius:999px!important;background:#fff!important;overflow:hidden!important;box-shadow:none!important;margin:0!important}
html body #hfhCartPanel .hfh-mc-qty__btn{height:30px!important;font-size:14px!important}
html body #hfhCartPanel .hfh-mc-qty__val{font-size:12px!important}
html body #hfhCartPanel .hfh-mc-price{display:flex!important;align-items:center!important;justify-content:flex-end!important;min-height:30px!important;margin:0!important;padding:0!important}
html body #hfhCartPanel .hfh-mc-item__line-total{font-size:13.5px!important;font-weight:800!important;color:#122B4C!important;line-height:1!important}
html body #hfhCartPanel .hfh-mc-item__remove{position:absolute!important;top:11px!important;right:0!important;width:26px!important;height:26px!important;border-radius:50%!important;background:transparent!important;color:#a5adba!important;margin:0!important;padding:0!important}
html body #hfhCartPanel .hfh-mc-item__remove:hover{background:#fdecec!important;color:#b91c1c!important}
html body #hfhCartPanel .hfh-minicart__total-n{font-style:normal!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important;color:#a5adba!important;font-size:10.5px!important}
/* ===== MEGA MENU V4 ===== */
.hfh-navItem--shop .hfh-navItem__link svg{transition:transform .2s ease}
.hfh-navItem--shop.hfh-open .hfh-navItem__link svg,.hfh-navItem--shop:focus-within .hfh-navItem__link svg{transform:rotate(180deg)}
.hfh-navItem--bespoke .hfh-navItem__link{color:#a9741f}
.hfh-navItem--bespoke .hfh-navItem__link:hover{color:#c8992f}
.hfh-mega-v4{position:absolute;top:100%;left:0;right:0;z-index:9600;background:#fff;box-shadow:0 30px 60px -32px rgba(10,31,58,.34);border-top:1px solid rgba(10,31,58,.07);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px);transition:opacity .18s ease,transform .2s ease,visibility 0s linear .2s;text-align:left}
.hfh-navItem--shop.hfh-open .hfh-mega-v4,.hfh-navItem--shop:focus-within .hfh-mega-v4{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);transition-delay:0s}
.hfh-mega-v4::before{content:"";position:absolute;left:0;right:0;top:-8px;height:8px}
.hfh-mega-v4__inner{width:min(1460px,calc(100vw - 40px));height:clamp(500px,calc(100vh - 150px),640px);min-height:500px;margin:0 auto;padding:28px 0 30px;box-sizing:border-box;display:grid;grid-template-columns:minmax(230px,.9fr) minmax(400px,1.15fr) minmax(330px,1fr);gap:clamp(28px,3vw,52px)}
.hfh-mega-v4__categories{display:grid;grid-template-rows:repeat(7,minmax(44px,1fr));gap:4px;min-width:0}
.hfh-mega-v4__category{position:relative;isolation:isolate;display:flex;align-items:center;min-width:0;overflow:hidden;border-radius:7px;padding:0 14px;color:#fff!important;text-decoration:none!important;background:#122b4c;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);transition:transform .16s ease,box-shadow .16s ease}
.hfh-mega-v4__category:hover,.hfh-mega-v4__category.is-active{transform:translateX(3px);box-shadow:inset 3px 0 0 #4ad55d,0 9px 18px -13px rgba(10,31,58,.7)}
.hfh-mega-v4__category-image,.hfh-mega-v4__category-shade{position:absolute;inset:0;z-index:-2}
.hfh-mega-v4__category-image{background:#122b4c center 58%/cover no-repeat;transition:transform .35s ease}
.hfh-mega-v4__category:hover .hfh-mega-v4__category-image{transform:scale(1.04)}
.hfh-mega-v4__category-shade{z-index:-1;background:linear-gradient(90deg,rgba(7,15,27,.82),rgba(7,15,27,.24))}
.hfh-mega-v4__category strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.2;font-weight:700;color:#fff;letter-spacing:0}
.hfh-mega-v4__category-meta{display:flex;align-items:center;gap:9px;margin-left:auto;padding-left:12px;font-size:10px;font-weight:600;color:rgba(255,255,255,.9)}
.hfh-mega-v4__category-meta span{font-size:14px}
.hfh-mega-v4__routes,.hfh-mega-v4__featured{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column}
.hfh-mega-v4__panel{position:absolute;inset:0;display:flex;min-height:100%;flex-direction:column;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .14s ease,visibility 0s linear .14s}
/* Same trap as the featured spot: an unscoped is-active re-enabled
   visibility and pointer-events inside the hidden panel, leaving an
   invisible surface over the page that swallowed clicks (it sat exactly
   over the quantity stepper's minus button). Only an open menu may
   surface the active panel. */
.hfh-mega-v4__panel.is-active{opacity:1;transition-delay:0s}
.hfh-navItem--shop.hfh-open .hfh-mega-v4__panel.is-active,
.hfh-navItem--shop:focus-within .hfh-mega-v4__panel.is-active{visibility:visible;pointer-events:auto}
.hfh-mega-v4__eyebrow{min-height:18px;margin:0 0 14px;display:flex;align-items:center;gap:8px;color:#237a3a;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:0}
.hfh-mega-v4__eyebrow span{width:17px;height:1px;background:#237a3a}
.hfh-mega-v4__swatches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 18px;align-content:start;min-height:0}
.hfh-mega-v4__swatches[data-swatch-rows="2"],.hfh-mega-v4__swatches[data-swatch-rows="3"]{flex:1;grid-template-rows:repeat(2,minmax(0,1fr));align-content:stretch}
.hfh-mega-v4__swatches[data-swatch-rows="3"]{grid-template-rows:repeat(3,minmax(0,1fr))}
.hfh-mega-v4__swatch{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:7px;min-width:0;min-height:0;color:#17263c!important;text-decoration:none!important;text-align:center}
.hfh-mega-v4__swatch-image{display:block;width:100%;aspect-ratio:1.05/1;border-radius:7px;background:#edf0f2 center/cover no-repeat;box-shadow:inset 0 0 0 1px rgba(10,31,58,.08);transition:transform .18s ease,box-shadow .18s ease}
.hfh-mega-v4__swatches[data-swatch-rows="2"] .hfh-mega-v4__swatch-image,.hfh-mega-v4__swatches[data-swatch-rows="3"] .hfh-mega-v4__swatch-image{height:100%;min-height:0;aspect-ratio:auto}
.hfh-mega-v4__swatch:hover .hfh-mega-v4__swatch-image{transform:translateY(-2px);box-shadow:inset 0 0 0 1px rgba(10,31,58,.08),0 12px 20px -15px rgba(10,31,58,.5)}
.hfh-mega-v4__swatch>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:500;letter-spacing:0}
.hfh-mega-v4__empty{grid-column:1/-1;padding:30px 12px;color:#526072!important;text-decoration:none!important;text-align:left}
.hfh-mega-v4__all{display:inline-flex;align-items:center;gap:9px;align-self:flex-start;margin-top:auto;padding-top:16px;color:#237a3a!important;text-decoration:none!important;font-size:10px;font-weight:600;letter-spacing:0}
.hfh-mega-v4__all span{font-size:14px;transition:transform .16s ease}
.hfh-mega-v4__all:hover span{transform:translateX(3px)}
.hfh-mega-v4__featured>.hfh-mega-v4__eyebrow{margin-bottom:14px}
.hfh-mega-v4__spot{display:block;position:absolute;isolation:isolate;left:0;right:0;top:32px;bottom:0;min-height:0;overflow:hidden;border-radius:8px;background:#122b4c center/cover no-repeat;color:#fff!important;text-decoration:none!important;box-shadow:inset 0 0 0 1px rgba(10,31,58,.08);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .14s ease,visibility 0s linear .14s}
/* The active spot may only surface while the menu is open. visibility and
   pointer-events pierce a hidden ancestor when a child re-enables them, so an
   unscoped rule here left a full-size invisible category link floating over
   the page — on product pages it sat exactly over the buy box, and any click
   there silently navigated to a category. Opacity alone is safe to keep
   unscoped: it cannot punch through the parent's opacity:0. */
.hfh-mega-v4__spot.is-active{opacity:1;transition-delay:0s}
.hfh-navItem--shop.hfh-open .hfh-mega-v4__spot.is-active,
.hfh-navItem--shop:focus-within .hfh-mega-v4__spot.is-active{visibility:visible;pointer-events:auto}
.hfh-mega-v4__spot-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(5,13,23,.02) 24%,rgba(5,13,23,.78) 100%)}
.hfh-mega-v4__spot-copy{position:absolute;left:20px;right:20px;bottom:18px;display:flex;flex-direction:column;align-items:flex-start;color:#fff}
.hfh-mega-v4__spot-count{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:0}
.hfh-mega-v4__spot-copy>strong{margin:5px 0 14px;color:#fff;font-size:20px;line-height:1.14;font-weight:600;letter-spacing:0}
.hfh-mega-v4__spot-cta{display:inline-flex;align-items:center;gap:10px;min-height:38px;padding:0 14px;border-radius:7px;background:#fff;color:#17263c;font-size:10px;font-weight:600;letter-spacing:0;transition:transform .16s ease,box-shadow .16s ease}
.hfh-mega-v4__spot:hover .hfh-mega-v4__spot-cta{transform:translateY(-2px);box-shadow:0 12px 22px -12px rgba(0,0,0,.6)}
.hfh-mega-v4__spot-cta span{font-size:14px}
@media(max-width:1280px){.hfh-mega-v4__inner{width:calc(100vw - 32px);grid-template-columns:220px minmax(360px,1.1fr) minmax(300px,.9fr);gap:24px}.hfh-mega-v4__swatches{gap:16px 14px}}
@media(max-width:1100px){.hfh-mega-v4{display:none!important}}
@media(prefers-reduced-motion:reduce){.hfh-mega-v4,.hfh-mega-v4__category,.hfh-mega-v4__category-image,.hfh-mega-v4__swatch-image,.hfh-mega-v4__spot-cta{transition:none!important}}

/* 0.8.9 — mega menu opens only from the real Shop trigger, not from a large hover footprint. */
.hfh-navItem--shop:not(.hfh-open):not(:focus-within) .hfh-mega-v4{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(8px)!important;}
/* EVERY descendant included: first the featured spot, then the routes
   panel re-enabled visibility/pointer-events inside the hidden menu and
   left an invisible click trap over the page. Limiting this net to links
   and buttons was the mistake — no child of a closed menu may ever be
   visible or clickable, whatever its tag. */
.hfh-navItem--shop:not(.hfh-open):not(:focus-within) .hfh-mega-v4 *{visibility:hidden!important;pointer-events:none!important;}

/* ===== minicart premium pass (2026-07-27) ==================================
   Squared, flat and fast. The drawer follows the shop's current language:
   hairlines instead of shadows, one flat action green, no gradients, no
   lift-off hovers. Specificity mirrors the earlier final layer so these
   rules win without a fight. */
html .hfh-minicart{box-shadow:none;border-left:1px solid rgba(10,31,58,.12);transition:transform .22s cubic-bezier(.22,.61,.36,1)}
.hfh-minicart::before{content:none}
html .hfh-minicart__count{border-radius:0;background:#122B4C!important;color:#fff!important}
html body #hfhCartPanel .hfh-mc-item__img{border-radius:0!important}
html body #hfhCartPanel .hfh-mc-item__tag{border-radius:0!important}
html body #hfhCartPanel .hfh-mc-qty{border-radius:0!important}
html body #hfhCartPanel .hfh-mc-item__remove{border-radius:0!important}
html body #hfhCartPanel .hfh-mc-item.is-removing{display:none!important}
/* sample meter: flat fill, square track */
.hfh-minicart__samples-track{border-radius:0}
.hfh-minicart__samples-fill{border-radius:0;background:#2f9e44}
.hfh-minicart__samples.is-max .hfh-minicart__samples-fill{background:#de911d}
/* footer: hairline only — the upward shadow is gone */
.hfh-minicart__foot{box-shadow:none}
html .hfh-minicart__btn{border-radius:0!important;transition:background .15s ease,color .15s ease,border-color .15s ease,filter .15s ease}
html .hfh-minicart__btn--ghost{border-width:1px!important}
html .hfh-minicart__btn--primary{background:#2f9e44!important;color:#fff!important;box-shadow:none!important}
html .hfh-minicart__btn--primary:hover{transform:none;background:#28893b!important;filter:none}
/* empty state + error follow suit */
.hfh-minicart__empty-cta{border-radius:0;background:#2f9e44;color:#fff!important;box-shadow:none}
.hfh-minicart__empty-cta:hover{transform:none;box-shadow:none;background:#28893b}
.hfh-minicart__empty-tile{border-radius:0}
.hfh-minicart__empty-tile:hover{transform:none;box-shadow:none}
.hfh-minicart__err-btn{border-radius:0;background:#2f9e44;color:#fff;box-shadow:none}
.hfh-mc-skel__img{border-radius:0}
.hfh-mc-skel__lines span{border-radius:0}

/* --- minicart follow-up (2026-07-28): even stepper, neutral states -------
   The three stepper cells sit at one width, the value cell no longer
   bulges, and hover feedback is an ink tint — the green wash on + read as
   a stuck state. The close button and shipping meter go flat and square
   with the rest of the drawer. */
html body #hfhCartPanel .hfh-mc-qty{grid-template-columns:32px 32px 32px!important;height:32px!important}
html body #hfhCartPanel .hfh-mc-qty__btn{height:32px!important}
@media(hover:hover){.hfh-mc-qty__btn:hover{background:rgba(18,43,76,.06)}}
.hfh-mc-qty__btn:active{background:rgba(18,43,76,.1)}
html .hfh-shell .hfh-close-btn,html .hfh-minicart .hfh-close-btn{border-radius:0!important;box-shadow:none!important}
.hfh-ship__track{border-radius:0;overflow:hidden}
.hfh-ship__fill{border-radius:0;background:#2f9e44}
.hfh-ship__fill--done{background:#2f9e44}

/* --- mega panel tiles, one size everywhere (2026-07-28) -------------------
   Two-row panels used to stretch their tiles to fill the panel height,
   which turned Laminate and Tiles into tall portrait cards while the
   three-row Engineered Wood grid stayed near-square. Two-row panels now
   use the SAME row height as the three-row grid and simply leave the
   remaining space calm — every tile in every tab is the same card. */
.hfh-mega-v4__swatches[data-swatch-rows="2"]{grid-template-rows:none;grid-auto-rows:calc((100% - 40px)/3);align-content:start}

/* --- drawer stepper, final trim (2026-07-28) ------------------------------
   The +/- cells were as wide as the value cell and their hover fill read
   as a stuck grey block. Narrow glyph cells beside a slightly wider value,
   feedback through the glyph colour alone, and not a shadow anywhere on
   the control. */
html body #hfhCartPanel .hfh-mc-qty{grid-template-columns:26px 38px 26px!important;height:30px!important;box-shadow:none!important;border:1px solid rgba(18,43,76,.18)!important}
html body #hfhCartPanel .hfh-mc-qty *{box-shadow:none!important}
html body #hfhCartPanel .hfh-mc-qty__btn{height:28px!important;font-size:13px!important;background:transparent!important}
html body #hfhCartPanel .hfh-mc-qty__val{font-size:11.5px!important}
@media(hover:hover){
	html body #hfhCartPanel .hfh-mc-qty__btn:hover{background:transparent!important;color:#2f9e44!important}
}
html body #hfhCartPanel .hfh-mc-qty__btn:active{background:transparent!important;color:#2f9e44!important}
html body #hfhCartPanel .hfh-mc-qty__btn:disabled,html body #hfhCartPanel .hfh-mc-qty__btn.is-capped{background:transparent!important;color:#c3cad4!important}