.top-bar{background:var(--primary);color:var(--white);font-size:13px;padding:6px 0}
.top-bar__inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}
.top-bar__left{display:flex;gap:20px;align-items:center}
.top-bar__link{color:rgba(255,255,255,.85);display:inline-flex;align-items:center;gap:6px;transition:color var(--transition)}
.top-bar__link:hover{color:var(--white)}
.top-bar__link--accent{color:var(--accent);font-weight:600}
.top-bar__link--accent:hover{color:#e8bf6d}
.top-bar svg{flex-shrink:0}

.site-header{background:var(--white);padding:16px 0;position:sticky;top:0;z-index:100;transition:box-shadow .3s,padding .3s}
.site-header--sticky{box-shadow:var(--shadow);padding:10px 0}
.site-header__inner{display:flex;align-items:center;height:60px;justify-content:space-between;gap:24px}
.site-header__logo{flex-shrink:0;position:relative;z-index:101}
.site-header__logo img,.site-header__logo .custom-logo{height:210px;width:auto;transition:height .3s}
.site-header--sticky .site-header__logo img,.site-header--sticky .site-header__logo .custom-logo{height:120px}

.site-nav{flex:1;display:flex;justify-content:center}
.site-nav__list{list-style:none;display:flex;gap:32px;align-items:center}
.site-nav__list li a{color:var(--primary);font-family:var(--font-heading);font-weight:500;font-size:15px;padding:4px 0;position:relative;transition:color var(--transition)}
.site-nav__list li a::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--accent);transition:width .25s}
.site-nav__list li a:hover::after,.site-nav__list li.current-menu-item a::after{width:100%}
.site-nav__list li a:hover{color:var(--accent)}

.site-header__actions{display:flex;align-items:center;gap:16px;flex-shrink:0}
.header-account{color:var(--primary);display:flex}
.header-account:hover{color:var(--accent)}
.header-cart__trigger{position:relative;background:none;border:none;cursor:pointer;color:var(--primary);display:flex;padding:4px;transition:color var(--transition)}
.header-cart__trigger:hover{color:var(--accent)}
.header-cart__count{position:absolute;top:-4px;right:-6px;background:var(--accent);color:var(--primary);font-size:11px;font-weight:700;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:1}

.mobile-menu-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;padding:8px 4px;width:32px}
.mobile-menu-toggle span{display:block;height:2px;background:var(--primary);border-radius:2px;transition:all .3s}

@media(max-width:1023px){
    .site-nav{position:fixed;top:0;left:0;width:280px;height:100vh;background:var(--white);box-shadow:var(--shadow-lg);z-index:200;transform:translateX(-100%);transition:transform .3s;padding:80px 24px 24px;flex-direction:column;justify-content:flex-start;overflow-y:auto}
    .site-nav__list{flex-direction:column;gap:0;align-items:stretch}
    .site-nav__list li a{padding:10px 0;display:block;font-size:16px;border-bottom:1px solid var(--border)}
    .mobile-menu-toggle{display:flex}
    body.nav-open .site-nav{transform:translateX(0)}
    body.nav-open .mobile-menu-toggle span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
    body.nav-open .mobile-menu-toggle span:nth-child(2){opacity:0}
    body.nav-open .mobile-menu-toggle span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
}
@media(max-width:767px){
    .top-bar__left{gap:12px;flex-wrap:wrap}
    .top-bar__right{display:none}
    .site-header__logo img,.site-header__logo .custom-logo{height:156px}
    .site-header--sticky .site-header__logo img,.site-header--sticky .site-header__logo .custom-logo{height:90px}
}