@import url('/assets/css/header-reference-v2.css?v=2');

@media(max-width:1080px){
  .site-header,.site-header.is-scrolled{height:72px!important;background:linear-gradient(110deg,#21052f,#4d1472)!important;border:0!important;box-shadow:0 10px 28px rgba(30,4,45,.2)!important}
  .site-header .site-nav{width:calc(100% - 20px)!important;max-width:none!important;height:100%;gap:8px!important}
  .header-brand{align-self:stretch;min-width:72px;padding:0 12px;border-radius:0 0 0 22px;background:#fff!important;color:#21112b!important;box-shadow:-8px 0 22px rgba(16,2,25,.12)}
  [dir=ltr] .header-brand{border-radius:0 0 22px 0;box-shadow:8px 0 22px rgba(16,2,25,.12)}
  .header-logo{width:50px!important;height:48px!important;border:0!important;border-radius:14px!important;background:#f5eef9!important;box-shadow:none!important}
  .header-logo img{width:44px!important;height:38px!important}
  .brand-copy{display:none!important}
  .header-actions{margin-inline-start:auto;gap:7px!important}
  .site-header .country-picker>summary,.header-lang,.header-cart,.mobile-nav-toggle{width:43px!important;height:43px!important;min-width:43px!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:13px!important;background:rgba(255,255,255,.1)!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
  .site-header .country-picker>summary:hover,.header-lang:hover,.header-cart:hover,.mobile-nav-toggle:hover{background:rgba(255,255,255,.18)!important;border-color:rgba(255,255,255,.38)!important}
  .mobile-nav-toggle span{background:#fff!important}
  .header-cart svg{stroke:#fff!important}
  .header-cart b{background:#fff!important;color:var(--p)!important;border:2px solid var(--p)}
  .mobile-drawer{background:linear-gradient(180deg,#fff 0,#faf6fc 100%);box-shadow:0 0 70px rgba(20,3,30,.35)}
  .drawer-head{padding:18px;border-bottom:1px solid #eadfef;background:linear-gradient(135deg,#f8f1fb,#fff)}
  .drawer-brand img{padding:5px;border-radius:13px;background:#efe2f8}
  .drawer-links{padding:12px}
  .drawer-links a{margin-bottom:5px;border:1px solid transparent;border-radius:13px}
  .drawer-links a:hover,.drawer-links a.active{border-color:#e3d3eb;background:#f2e6f8;color:var(--p)}
}

@media(max-width:480px){
  .site-header .site-nav{width:calc(100% - 12px)!important;gap:5px!important}
  .header-brand{min-width:58px;padding:0 7px;border-radius:0 0 0 18px}
  [dir=ltr] .header-brand{border-radius:0 0 18px 0}
  .header-logo{width:46px!important;height:44px!important}
  .header-logo img{width:40px!important;height:34px!important}
  .header-actions{gap:5px!important}
  .site-header .country-picker>summary,.header-lang,.header-cart,.mobile-nav-toggle{width:40px!important;height:40px!important;min-width:40px!important;border-radius:12px!important}
}

@media(max-width:360px){
  .header-brand{min-width:51px;padding:0 4px}
  .header-logo{width:42px!important}
  .header-actions{gap:4px!important}
  .site-header .country-picker>summary,.header-lang,.header-cart,.mobile-nav-toggle{width:37px!important;height:37px!important;min-width:37px!important}
}