/* Floating liquid-glass header */
html body>header{position:fixed;z-index:50;top:14px;left:50%;translate:-50% 0;width:calc(100% - 2*clamp(12px,2vw,28px));height:60px;padding:0 10px 0 clamp(16px,2vw,26px);display:flex;align-items:center;gap:0;border:1px solid #ffffff2e;border-radius:999px;background:linear-gradient(135deg,#ffffff24 0%,#ffffff0d 45%,#ffffff14 100%),#12151a4d;-webkit-backdrop-filter:blur(22px) saturate(180%);backdrop-filter:blur(22px) saturate(180%);box-shadow:inset 0 1px 0 #ffffff55,inset 0 -1px 0 #ffffff14,inset 0 0 0 1px #ffffff0a,0 12px 34px #00000059,0 2px 6px #00000033;transition:top .45s cubic-bezier(.2,.8,.2,1),height .45s cubic-bezier(.2,.8,.2,1),width .45s cubic-bezier(.2,.8,.2,1),background .45s,box-shadow .45s}
html body>header:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,#ffffff2e 0%,#ffffff08 38%,transparent 60%);mix-blend-mode:screen}
html body>header:after{content:"";position:absolute;left:12%;right:12%;top:0;height:1px;border-radius:1px;pointer-events:none;background:linear-gradient(90deg,transparent,#ffffffb3,transparent)}
html body>header.is-scrolled{top:10px;height:54px;background:linear-gradient(135deg,#ffffff1f 0%,#ffffff0a 45%,#ffffff12 100%),#0b0d1166;box-shadow:inset 0 1px 0 #ffffff4d,inset 0 -1px 0 #ffffff12,0 16px 40px #00000073,0 2px 6px #0000003d}
html body>header .brand{position:relative;left:auto;top:auto;height:100%;width:auto;padding:0;display:inline-flex;align-items:center;z-index:1}
html body>header .brand img{width:94px;max-height:38px;height:auto}
html body>header nav{position:relative;z-index:1;margin-left:auto;gap:6px}
html body>header nav a{padding:10px 16px;border-radius:999px;color:#e9e9ec;transition:background .25s,color .25s}
html body>header nav a:hover{background:#ffffff1f;color:#fff}
html body>header .home-language{position:relative;z-index:2;margin-left:14px}
html body>header .home-language-button,html body>header .mobile-nav-button{border:1px solid #ffffff38;background:#ffffff17;box-shadow:inset 0 1px 0 #ffffff40}
html body>header .home-language-button:hover,html body>header .mobile-nav-button:hover{background:#ffffff26}
html body>header .home-language-menu,html body>header .mobile-nav-menu{top:52px;border:1px solid #ffffff2e;border-radius:18px;background:linear-gradient(160deg,#ffffff1f,#ffffff08),#12151a8c;-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);box-shadow:inset 0 1px 0 #ffffff40,0 18px 40px #0008}
html body>header .home-language-menu button:hover,html body>header .mobile-nav-menu a:hover{background:#ffffff1f}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){html body>header,html body>header .home-language-menu,html body>header .mobile-nav-menu{background:#0d1014e6}}
@media(max-width:780px){html body>header{top:10px;width:calc(100% - 24px);height:54px;padding:0 8px 0 16px}html body>header.is-scrolled{top:8px;height:50px}html body>header .brand img{width:74px;max-height:32px}html body>header .mobile-nav{position:relative;z-index:2}html body>header .home-language{margin-left:8px}html body>header .home-language-menu,html body>header .mobile-nav-menu{top:46px}}
@media(prefers-reduced-motion:reduce){html body>header{transition:none}}
/* Products popup close: same liquid glass as header */
html body .product-popup-close{border:1px solid #ffffff38;background:linear-gradient(135deg,#ffffff2e 0%,#ffffff0d 50%,#ffffff17 100%),#12151a4d;-webkit-backdrop-filter:blur(22px) saturate(180%);backdrop-filter:blur(22px) saturate(180%);box-shadow:inset 0 1px 0 #ffffff66,inset 0 -1px 0 #ffffff14,0 10px 28px #00000066,0 2px 6px #00000033;color:#fff;font-weight:200;text-shadow:0 1px 4px #0006}
html body .product-popup-close:hover{border-color:#ffffff73;background:linear-gradient(135deg,#ffffff40 0%,#ffffff17 50%,#ffffff24 100%),#12151a40}
