/* Truedermi floating glass navigation */
header.site-head,body>header:not(.site-head){width:calc(100% - 40px)!important;max-width:1500px!important;height:68px!important;margin:12px auto 0!important;padding:0 25px!important;position:sticky!important;top:12px!important;z-index:80!important;border:1px solid rgba(255,255,255,.58)!important;border-radius:22px!important;background:linear-gradient(125deg,rgba(244,251,255,.67),rgba(168,212,234,.27))!important;box-shadow:0 15px 45px rgba(15,46,87,.12),inset 0 1px 0 rgba(255,255,255,.82),inset 0 -1px 0 rgba(47,110,155,.09)!important;backdrop-filter:blur(22px) saturate(150%)!important;-webkit-backdrop-filter:blur(22px) saturate(150%)!important;overflow:visible!important;isolation:isolate;transition:width .4s,height .4s,background .4s,box-shadow .4s,transform .4s!important}
header.site-head:before,body>header:not(.site-head):before{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(105deg,rgba(255,255,255,.32),transparent 42%,rgba(168,212,234,.12));z-index:-1;pointer-events:none}
header.site-head:hover,body>header:not(.site-head):hover{background:linear-gradient(125deg,rgba(244,251,255,.78),rgba(168,212,234,.34))!important;box-shadow:0 20px 60px rgba(15,46,87,.17),inset 0 1px 0 #fff!important}
header.site-head .logo,body>header:not(.site-head) .brand-logo{animation:logoFloat 4.2s ease-in-out infinite;will-change:transform;transform-origin:center;filter:brightness(0) saturate(100%) invert(15%) sepia(24%) saturate(2914%) hue-rotate(181deg) brightness(92%) drop-shadow(0 7px 8px rgba(15,46,87,.13))!important}
@keyframes logoFloat{0%,100%{transform:translateY(-2px) rotate(-.15deg)}50%{transform:translateY(3px) rotate(.15deg)}}
.premium-footer .pf-brand img,.premium-footer>div img,.footer-logo{animation:footerLogoFloat 5s ease-in-out infinite;filter:drop-shadow(0 13px 20px rgba(0,0,0,.18))!important;will-change:transform}@keyframes footerLogoFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
body>header:not(.site-head).scrolled,header.site-head.scrolled{width:calc(100% - 64px)!important;height:62px!important;background:linear-gradient(125deg,rgba(244,251,255,.78),rgba(168,212,234,.32))!important;box-shadow:0 20px 60px rgba(15,46,87,.18),inset 0 1px 0 #fff!important}
body>header:not(.site-head)+.mega{top:91px!important;border:1px solid rgba(255,255,255,.58)!important;border-radius:20px!important;left:20px!important;right:20px!important;background:rgba(244,251,255,.86)!important;backdrop-filter:blur(25px) saturate(150%)!important;-webkit-backdrop-filter:blur(25px) saturate(150%)!important;box-shadow:0 25px 70px rgba(9,35,60,.18)!important}
@media(max-width:760px){header.site-head,body>header:not(.site-head){width:calc(100% - 20px)!important;height:62px!important;margin-top:8px!important;top:8px!important;padding:0 10px!important;border-radius:18px!important;grid-template-columns:42px 1fr 82px!important}body>header:not(.site-head).scrolled,header.site-head.scrolled{width:calc(100% - 20px)!important;height:60px!important}.site-head .logo,body>header:not(.site-head) .brand-logo{width:145px!important;max-height:48px!important}.site-head .tools{grid-column:3!important}.page-menu-btn{grid-column:1!important}.header-actions{gap:0!important}.header-actions .search-btn,.header-actions .wishlist-btn{display:none!important}.header-actions .bag-btn{display:grid!important}.premium-footer .pf-brand img{animation-duration:4.5s}}
@media(prefers-reduced-motion:reduce){header.site-head .logo,body>header:not(.site-head) .brand-logo,.premium-footer .pf-brand img,.premium-footer>div img,.footer-logo{animation:none!important}}
