/* Native links, persistent current-page state and viewport-wide shop disclosure. */
.fanhun-modern .fh-header-modern .fh-nav-left{gap:8px}
.fanhun-modern .fh-header-modern .fh-nav-right{gap:14px}
.fh-header-modern .fh-shop-row{display:flex;align-items:center;gap:0}
.fanhun-modern .fh-header-modern .fh-nav-link{padding:13px 12px;display:inline-flex;align-items:center;line-height:1.2;min-height:42px;transition:background .15s,color .15s}
.fanhun-modern .fh-header-modern .fh-nav-link.is-current,
.fanhun-modern .fh-header-modern .fh-nav-link:active,
.fanhun-modern .fh-header-modern.fh-shop-open .fh-shop-row>.fh-nav-link{background:#202620;color:#fff;transition:none}
.fanhun-modern .fh-header-modern .fh-nav-link.is-current:hover{color:#fff}
.fh-header-modern .fh-shop-toggle{display:flex;align-items:center;justify-content:center;min-width:30px;height:42px;padding:8px;border:0;background:none;color:#202620}
.fh-header-modern .fh-shop-row:has(.is-current)>.fh-shop-toggle,
.fh-header-modern.fh-shop-open .fh-shop-toggle{background:#202620;color:#fff}
.fh-header-modern .fh-shop-toggle svg{transition:transform .18s}
.fh-header-modern.fh-shop-open .fh-shop-toggle svg{transform:rotate(180deg)}
.fanhun-modern .fh-header-modern .fh-icon-button.is-current{background:#202620;color:#fff}
.fanhun-modern .fh-header-modern .fh-cart-link.is-current .fh-cart-count{background:#fff;color:#202620}
.fanhun-modern .fh-header-modern .fh-icon-button.is-current{padding:8px;min-width:38px}
.fh-header-modern [data-mobile-recipe]{display:none!important}
.fanhun-modern .fh-header-modern>.fh-mega-menu{position:absolute;top:100%;left:0;right:0;width:100%;max-width:none;padding:0;display:none;border-top:1px solid #dedfd7;border-bottom:1px solid #dedfd7;background:#faf9f5;box-shadow:0 15px 25px #2026200c;z-index:60}
.fanhun-modern .fh-header-modern.fh-shop-open>.fh-mega-menu{display:block}
.fh-header-modern .fh-mega-inner{max-width:1600px;width:100%;margin:0 auto;padding:34px 5.2% 35px;display:grid;grid-template-columns:185px minmax(0,1fr);gap:42px}
.fh-header-modern .fh-mega-intro{padding-top:8px;display:flex;flex-direction:column;align-items:flex-start}
.fh-header-modern .fh-mega-intro .fh-eyebrow{font-size:8px;letter-spacing:.12em;color:#78866f;margin-bottom:18px}
.fh-header-modern .fh-mega-intro h2{font-size:29px;line-height:1.05;font-weight:500;letter-spacing:-.04em;margin-bottom:25px}
.fanhun-modern .fh-header-modern .fh-mega-all{display:inline-flex;align-items:center;gap:24px;font-size:9px;font-weight:500;letter-spacing:.08em;border-bottom:1px solid #b8c0af;padding:10px 0;margin-top:auto}
.fh-header-modern .fh-mega-all svg{width:17px;height:17px}
.fh-header-modern .fh-mega-categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;min-width:0}
.fanhun-modern .fh-header-modern .fh-mega-category{display:block;font-weight:400;padding:0;min-width:0}
.fh-header-modern .fh-mega-category-image{height:160px;padding:15px 24px;background:#eef0e7;overflow:hidden}
.fh-header-modern .fh-mega-category-image img{position:static;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .25s}
.fh-header-modern .fh-mega-category:hover img{transform:translateY(-4px)}
.fh-header-modern .fh-mega-category-title{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;line-height:1.4;margin-top:15px;letter-spacing:.01em}
.fh-header-modern .fh-mega-category-title svg{flex-shrink:0;width:16px;height:16px}
.fh-header-modern .fh-mega-category small{display:block;font-size:10px;color:#727b6a;font-weight:400;margin-top:6px;line-height:1.6}
.fh-header-modern .fh-mega-category.is-current .fh-mega-category-title{background:#202620;color:#fff;padding:9px 10px;margin-top:8px}
@media(max-width:1100px){.fanhun-modern .fh-header-modern .fh-nav-left{gap:3px}.fanhun-modern .fh-header-modern .fh-nav-right{gap:10px}.fanhun-modern .fh-header-modern .fh-nav-link{padding-left:8px;padding-right:8px;font-size:9px}.fh-header-modern .fh-shop-toggle{min-width:24px}.fh-header-modern .fh-mega-inner{padding-left:28px;padding-right:28px;grid-template-columns:150px minmax(0,1fr);gap:25px}.fh-header-modern .fh-mega-categories{gap:15px}.fh-header-modern .fh-mega-category-image{height:148px;padding:16px 15px}.fh-header-modern .fh-mega-category-title{font-size:9px}.fh-header-modern .fh-mega-intro h2{font-size:26px}}
@media(max-width:800px){.fh-header-modern [data-mobile-recipe]{display:flex!important}.fh-header-modern [data-desktop-recipe]{display:none!important}.fanhun-modern .fh-header-modern .fh-nav-shell{grid-template-columns:35px 1fr 115px}.fanhun-modern .fh-header-modern .fh-nav-left{display:none;left:0;right:0;top:100%;padding:18px 24px;gap:5px;max-height:calc(100svh - 106px);overflow-y:auto;overscroll-behavior:contain}.fanhun-modern .fh-header-modern.fh-menu-open .fh-nav-left{display:flex}.fanhun-modern .fh-header-modern .fh-nav-link{padding:13px 14px;min-height:44px;font-size:11px;letter-spacing:.05em;width:max-content}.fh-header-modern .fh-shop-row{justify-content:space-between;gap:0}.fh-header-modern .fh-shop-row>.fh-nav-link{flex:1}.fh-header-modern .fh-shop-toggle{min-width:44px;height:44px}.fanhun-modern .fh-header-modern .fh-shop-menu>.fh-mega-menu{display:none!important;position:static;width:100%;padding:0;border:0;box-shadow:none;background:#faf9f5}.fanhun-modern .fh-header-modern.fh-shop-open .fh-shop-menu>.fh-mega-menu{display:block!important}.fh-header-modern .fh-mega-inner{padding:16px 0 23px;display:block;max-width:none}.fh-header-modern .fh-mega-intro{padding:0;display:block;margin-bottom:18px}.fh-header-modern .fh-mega-intro .fh-eyebrow,.fh-header-modern .fh-mega-intro h2{display:none}.fanhun-modern .fh-header-modern .fh-mega-all{display:inline-flex;padding:8px 0;gap:20px;font-size:9px;margin:0}.fh-header-modern .fh-mega-categories{grid-template-columns:1fr 1fr;gap:23px 16px}.fh-header-modern .fh-mega-category-image{height:118px;padding:12px 19px;display:block!important}.fh-header-modern .fh-mega-category-image img{display:block!important;height:100%;width:100%;object-fit:contain}.fh-header-modern .fh-mega-category-title{font-size:9px;margin-top:10px}.fh-header-modern .fh-mega-category small{font-size:9px}.fh-header-modern .fh-mega-category-title svg{width:14px;height:14px}.fanhun-modern .fh-header-modern .fh-nav-right{gap:9px}.fanhun-modern .fh-header-modern .fh-icon-button.is-current{padding:3px;min-width:26px}}
@media(prefers-reduced-motion:reduce){.fh-header-modern .fh-shop-toggle svg,.fh-header-modern .fh-mega-category-image img{transition:none}}
