.site-header{width:100%;background:var(--bg);position:relative;overflow:hidden}.site-header:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(circle 1px at 10% 20%,rgba(255 255 255/0.05) 99%,transparent 100%),radial-gradient(circle 1.5px at 40% 60%,rgba(255 255 255/0.04) 99%,transparent 100%),radial-gradient(circle .8px at 70% 30%,rgba(255 255 255/0.03) 99%,transparent 100%),radial-gradient(circle 1.2px at 85% 80%,rgba(255 255 255/0.06) 99%,transparent 100%);background-repeat:no-repeat;opacity:.15;border-radius:12px}.header-container{width:100%;display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:20px;container-type:inline-size;position:relative;color:#f8fafc;z-index:1;background:#0f172a;padding:20px 10px;border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-right-radius:8px}.logo,.icons{flex:1 1 auto;display:flex;align-items:center;white-space:nowrap;gap:16px}.logo{flex-shrink:0;padding:10px;border-radius:8px}.logo img{mix-blend-mode:normal !important}.main-menu{flex:1 1 100%;display:flex;justify-content:center;white-space:nowrap;margin-top:0}.main-menu ul{flex:1;display:flex;justify-content:space-around;list-style:none;margin:0;padding:0;white-space:nowrap;flex-wrap:nowrap;overflow:visible;max-width:100%;box-sizing:border-box}.main-menu ul li a{color:#f8fafc;text-decoration:none;font-weight:500;border-radius:8px;padding:4px 8px;transition:background-color .3s ease,color .3s ease;font-size:clamp(1rem, calc(0.9vw + 0.4rem), 1.2rem)}.main-menu ul li a:hover,.main-menu ul li a:focus{color:var(--ink);background-color:var(--bg-light)}.burger{display:none;cursor:pointer;flex-direction:column;gap:4px;order:3}.burger span{width:24px;height:2px;background:#f8fafc;transition:all .3s ease}.icons{justify-content:flex-end;gap:14px}.icon-btn,.cart-contents,.favorites,.search-toggle{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;color:#f8fafc;text-decoration:none;background:0 0;border:0;cursor:pointer;padding:0}.icon-btn svg,.cart-contents svg,.favorites svg,.search-toggle svg{display:block;width:28px;height:28px}.icon-btn:focus-visible,.cart-contents:focus-visible,.favorites:focus-visible,.search-toggle:focus-visible{outline:2px solid #facc15;outline-offset:2px;border-radius:8px}.search-field{width:260px;opacity:1;transform:none;transition:width .25s ease,opacity .2s ease,transform .25s ease}.search-field form{width:100%}.search-field input{width:100%;height:40px;padding:0 12px;border:1px solid #374151;background:#0b1224;color:#f8fafc;border-radius:8px;font-size:14px;outline:none}@media (max-width:1023px){.search-field{width:0;opacity:0;transform:translateX(-6px);overflow:hidden}.search-field.open{width:220px;opacity:1;transform:translateX(0)}.search-toggle[aria-expanded=true]+.search-field{width:220px;opacity:1;transform:translateX(0)}}.cart-contents{color:#f8fafc}.cart-count{position:absolute;right:-10px;bottom:-8px;min-width:18px;height:18px;padding:0 6px;border-radius:12px;background:var(--bg-light);color:var(--ink);font-size:12px;font-weight:700;line-height:18px;text-align:center;pointer-events:none}@container (max-width:1300px){.header-container{flex-wrap:wrap}.logo,.icons{order:1;flex:1 1 auto}.main-menu{order:2;flex:1 1 100%;margin-top:10px;justify-content:center}.menu{flex:1}.main-menu ul{justify-content:space-between}.search-field.open{width:180px}.icon-btn,.cart-contents,.favorites,.search-toggle{width:36px;height:36px}}@container (max-width:800px){.main-menu ul{display:none}.burger{display:flex}.menu-open .main-menu ul{display:flex;flex-direction:column;position:absolute;top:100%;left:0;width:100%;background:#0f172a;padding:1rem;gap:1rem;z-index:10;border-radius:0 0 12px 12px}.menu-open .main-menu ul li a{color:#f8fafc}.menu-open .main-menu ul li a:hover,.menu-open .main-menu ul li a:focus{color:#facc15}}