
.fam-header-wrap{position:relative;z-index:9999;width:100%;font-family:inherit}
.fam-header-wrap.is-sticky{position:sticky;top:0}
.admin-bar .fam-header-wrap.is-sticky{top:32px}
.fam-header-container{width:min(calc(100% - 32px),var(--fh-max));margin:0 auto}
.fam-header-topbar{background:var(--fh-top-bg);color:var(--fh-top-text);font-size:13px}
.fam-header-topbar-inner{min-height:34px;display:flex;align-items:center;justify-content:flex-start}
.fam-header-contact-group{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.fam-header-phone,.fam-header-address{display:inline-flex;align-items:center;gap:7px;color:inherit;text-decoration:none}
.fam-header-phone:hover{color:var(--fh-accent)}
.fam-header-main{background-color:var(--fh-bg);color:var(--fh-text);box-shadow:0 7px 24px rgba(0,0,0,.06)}
.fam-header-row{min-height:var(--fh-height);display:flex;align-items:center;justify-content:space-between;gap:24px}
.fam-header-right,.fam-header-left{display:flex;align-items:center;gap:22px}
.fam-header-right{min-width:0;flex:1}
.fam-header-logo{display:flex;align-items:center;flex:0 0 auto}
.fam-header-logo img{display:block;width:var(--fh-logo);max-height:64px;object-fit:contain}
.fam-header-nav{min-width:0}
.fam-header-menu,.fam-header-menu ul,.fam-header-mobile-menu,.fam-header-mobile-menu ul{list-style:none;margin:0;padding:0}
.fam-header-menu{display:flex;align-items:center;gap:4px}
.fam-header-menu>li{position:relative}
.fam-header-menu a{display:flex;align-items:center;gap:5px;padding:15px 11px;color:var(--fh-text);text-decoration:none;white-space:nowrap;font-size:14px;font-weight:500}
.fam-header-menu a:hover,.fam-header-menu li:hover>a{color:var(--fh-hover)}
.fam-header-menu li.menu-item-has-children>a:after{content:"";width:6px;height:6px;border-left:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);margin-right:3px}
.fam-header-menu ul{position:absolute;right:0;top:100%;min-width:220px;background:#fff;border:1px solid rgba(0,0,0,.07);border-radius:12px;padding:8px;box-shadow:0 18px 40px rgba(0,0,0,.13);opacity:0;visibility:hidden;transform:translateY(8px);transition:.18s ease}
.fam-header-menu li:hover>ul{opacity:1;visibility:visible;transform:translateY(0)}
.fam-header-menu ul li{position:relative}
.fam-header-menu ul a{padding:10px 12px;border-radius:8px;color:#252525}
.fam-header-menu ul a:hover{background:#f7f5ef}
.fam-header-menu ul ul{right:100%;top:0;margin-right:8px}
.fam-header-search{height:38px;display:flex;align-items:center;border:1px solid rgba(0,0,0,.12);border-radius:999px;overflow:hidden;background:rgba(255,255,255,.86)}
.fam-header-search input{width:135px;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;padding:0 13px!important;font-size:13px}
.fam-header-search button{width:38px;height:38px;border:0;background:transparent;display:grid;place-items:center;color:var(--fh-text);cursor:pointer}
.fam-header-login{height:38px;padding:0 14px;border-radius:999px;background:var(--fh-accent);color:#fff!important;text-decoration:none;display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600;white-space:nowrap}
.fam-header-cart{position:relative;color:var(--fh-text);text-decoration:none;display:flex;align-items:center}
.fam-header-cart-count{position:absolute;top:-9px;left:-9px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:var(--fh-accent);color:#fff;font-size:11px;line-height:18px;text-align:center}
.fh-icon{display:inline-flex}.fh-icon svg,.fam-header-search svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.fam-header-mobile-toggle{display:none;width:42px;height:42px;border:0;background:transparent;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer}
.fam-header-mobile-toggle span{width:22px;height:2px;background:var(--fh-text);border-radius:4px}
.fam-header-mobile-panel{display:none;background:#fff;border-top:1px solid rgba(0,0,0,.06)}
.fam-header-mobile-panel.is-open{display:block}
.fam-header-mobile-inner{padding:10px 18px 18px}
.fam-header-mobile-menu a{display:block;padding:11px 6px;color:#222;text-decoration:none;border-bottom:1px solid #f1f1f1}
.fam-header-mobile-menu ul{padding-right:16px}
@media(max-width:992px){
  .fam-header-nav{display:none}.fam-header-mobile-toggle{display:flex}
  .fam-header-left{gap:10px}.fam-header-search input{width:100px}
  .fam-header-login span:last-child{display:none}.fam-header-login{width:38px;padding:0;justify-content:center}
}
@media(max-width:700px){
  .fam-header-container{width:min(calc(100% - 20px),var(--fh-max))}
  .fam-header-row{gap:10px}.fam-header-right{gap:8px}.fam-header-left{gap:8px}
  .fam-header-search{display:none}.fam-header-logo img{max-width:92px}
  .fam-header-topbar-inner{padding:6px 0}.fam-header-contact-group{gap:10px;font-size:12px}
  .fam-header-address{display:none}
}

/* Fam Header v0.3 refinements */
.fam-header-topbar{font-family:var(--fh-contact-font);font-size:var(--fh-contact-size);font-weight:var(--fh-contact-weight)}
.fam-header-right{gap:var(--fh-logo-gap)}
.fam-header-menu{gap:var(--fh-menu-gap);align-items:stretch!important}
.fam-header-nav{align-self:stretch;display:flex;align-items:center}
.fam-header-menu>li{display:flex!important;align-items:stretch!important;margin:0!important;padding:0!important}
.fam-header-menu>li>a{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:100%;min-height:44px;line-height:1!important;margin:0!important;font-size:var(--fh-menu-size);position:relative}
.fam-header-menu>li>a:before{content:"";position:absolute;right:11px;left:11px;bottom:8px;height:2px;background:var(--fh-hover);border-radius:3px;transform:scaleX(0);transition:.18s}
.fam-header-menu>li:hover>a:before,.fam-header-menu>li.current-menu-item>a:before{transform:scaleX(1)}
.fam-header-menu li.menu-item-has-children>a:after{display:inline-block!important;position:static!important;flex:0 0 6px;width:6px;height:6px;margin:0 3px 0 0!important;vertical-align:middle;transform:rotate(-45deg) translateY(-1px)!important}
.fam-header-menu ul{width:var(--fh-dd-width);min-width:var(--fh-dd-width);background:var(--fh-dd-bg);border-radius:var(--fh-dd-radius);transition:opacity .18s ease,transform .18s ease,visibility .18s ease}
.fam-header-menu ul a{color:var(--fh-dd-text)}
.fam-header-login{background:var(--fh-login-bg);color:var(--fh-login-text)!important}
.fam-header-wrap.search-expand .fam-header-search{width:44px;transition:width .22s ease}
.fam-header-wrap.search-expand .fam-header-search:focus-within{width:185px}
.fam-header-wrap.search-expand .fam-header-search:not(:focus-within) input{width:0;padding:0!important;opacity:0}
.fam-header-row,.fam-header-logo img{transition:.22s ease}
.fam-header-wrap.sticky-compact.is-scrolled .fam-header-row{min-height:62px}
.fam-header-wrap.sticky-compact.is-scrolled .fam-header-logo img{width:calc(var(--fh-logo) * .82);max-height:50px}
.fam-header-wrap.is-transparent:not(.is-scrolled) .fam-header-main{background-color:transparent;box-shadow:none}
.fam-header-mobile-menu ul{display:none!important}.fam-header-mobile-menu li.is-open>ul{display:block!important}
.fam-header-mobile-menu li.menu-item-has-children{position:relative}
.fam-header-mobile-subtoggle{position:absolute;left:0;top:4px;width:34px;height:34px;border:0;background:transparent;font-size:20px;cursor:pointer}
