.store-nav{
    background:linear-gradient(180deg,rgba(6,14,25,.96),rgba(7,20,33,.94))!important;
    border-bottom:1px solid rgba(66,200,255,.18)!important;
    box-shadow:0 10px 30px rgba(0,0,0,.18)!important;
    backdrop-filter:blur(16px);
}
.store-nav-top{
    display:grid!important;
    grid-template-columns:300px minmax(0,1fr)!important;
    align-items:center!important;
    gap:28px!important;
    min-height:88px!important;
    padding:16px 0 12px!important;
}
.navbar-brand{
    display:flex!important;
    align-items:center!important;
    color:#f4fbff!important;
    text-decoration:none!important;
    min-width:0!important;
}
.navbar-brand img{
    width:250px!important;
    height:54px!important;
    object-fit:contain!important;
    object-position:left center!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
}
.store-nav-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:10px!important;
    min-width:0!important;
}
.nav-search{
    display:grid!important;
    grid-template-columns:minmax(420px,760px) auto!important;
    align-items:stretch!important;
    flex:0 1 860px!important;
    width:min(48vw,860px)!important;
    max-width:860px!important;
}
.nav-search .form-control{
    display:block!important;
    width:100%!important;
    height:44px!important;
    min-width:0!important;
    border:1px solid rgba(66,200,255,.28)!important;
    border-right:0!important;
    border-radius:8px 0 0 8px!important;
    background:rgba(255,255,255,.08)!important;
    color:#f7fbff!important;
    font-weight:600!important;
    box-shadow:none!important;
}
.nav-search .form-control::placeholder{color:rgba(247,251,255,.56)!important}
.nav-search button{
    height:44px!important;
    border:1px solid rgba(66,200,255,.45)!important;
    border-radius:0 8px 8px 0!important;
    background:#2d669f!important;
    color:#fff!important;
    padding:0 26px!important;
    font-weight:800!important;
}
.nav-search button:hover{background:#245989!important}
.store-nav .btn{
    height:38px!important;
    border-radius:6px!important;
    padding:7px 14px!important;
    font-weight:800!important;
}
.currency-switcher{
    display:inline-flex!important;
    align-items:center!important;
    border:1px solid rgba(66,200,255,.18)!important;
    border-radius:6px!important;
    padding:3px!important;
    background:rgba(255,255,255,.06)!important;
}
.currency-switcher a{
    min-width:42px!important;
    padding:7px 9px!important;
    border-radius:4px!important;
    color:rgba(247,251,255,.72)!important;
    font-size:.78rem!important;
    font-weight:800!important;
    line-height:1!important;
    text-align:center!important;
    text-decoration:none!important;
}
.currency-switcher a.active{
    background:linear-gradient(135deg,#0f8f64,#1591c7)!important;
    color:#fff!important;
}
.theme-toggle{
    border:1px solid rgba(66,200,255,.18)!important;
    background:rgba(255,255,255,.06)!important;
    color:#f4fbff!important;
    min-width:66px!important;
}
.store-nav-menu{
    display:flex!important;
    justify-content:flex-start!important;
    border-top:1px solid rgba(255,255,255,.08)!important;
    background:rgba(255,255,255,.025)!important;
    overflow-x:auto!important;
    scrollbar-width:none;
}
.store-nav-menu::-webkit-scrollbar{display:none}
.store-nav-menu ul{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:38px!important;
    min-width:max-content!important;
    margin:0!important;
    padding:0!important;
    list-style:none!important;
}
.store-nav .nav-link{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:54px!important;
    padding:0 2px!important;
    color:rgba(247,251,255,.72)!important;
    font-size:.98rem!important;
    font-weight:700!important;
    line-height:1!important;
    white-space:nowrap!important;
    text-decoration:none!important;
}
.store-nav .nav-link:after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:2px;
    border-radius:999px;
    background:linear-gradient(90deg,#0f8f64,#42c8ff);
    opacity:0;
    transform:scaleX(.35);
    transition:opacity .16s ease,transform .16s ease;
}
.store-nav .nav-link:hover,.store-nav .nav-link.active{color:#fff!important}
.store-nav .nav-link:hover:after,.store-nav .nav-link.active:after{opacity:1;transform:scaleX(1)}

@media (max-width: 1199px){
    .store-nav-top{grid-template-columns:260px minmax(0,1fr)!important}
    .navbar-brand img{width:224px!important;height:48px!important}
    .nav-search{grid-template-columns:minmax(300px,1fr) auto!important;width:min(44vw,620px)!important}
}
@media (max-width: 991px){
    .store-nav-top{display:flex!important;align-items:flex-start!important;flex-direction:column!important;gap:12px!important}
    .store-nav-actions{justify-content:flex-start!important;flex-wrap:wrap!important;width:100%!important}
    .nav-search{grid-template-columns:minmax(0,1fr) auto!important;flex:1 1 100%!important;width:100%!important;max-width:none!important}
    .store-nav-menu ul{gap:26px!important}
}
@media (max-width: 767px){
    .store-nav-top{min-height:0!important;padding:12px 0 10px!important}
    .navbar-brand img{width:188px!important;height:42px!important}
    .store-nav-actions .btn{padding:7px 10px!important;font-size:.86rem!important}
    .store-nav-menu ul{gap:22px!important}
    .store-nav .nav-link{min-height:46px!important;font-size:.88rem!important}
}

html[data-theme="light"] .store-nav{
    background:rgba(255,255,255,.97)!important;
    border-bottom:1px solid #e8edf1!important;
    box-shadow:0 10px 30px rgba(7,24,45,.06)!important;
}
html[data-theme="light"] .navbar-brand,
html[data-theme="light"] .navbar-brand span{
    color:#17212b!important;
}
html[data-theme="light"] .nav-search .form-control{
    border-color:#1f2937!important;
    background:#fff!important;
    color:#17212b!important;
}
html[data-theme="light"] .nav-search .form-control::placeholder{
    color:#a4acb5!important;
}
html[data-theme="light"] .currency-switcher{
    border-color:#d9e1e8!important;
    background:#fff!important;
}
html[data-theme="light"] .currency-switcher a{
    color:#4b5563!important;
}
html[data-theme="light"] .theme-toggle{
    border-color:#d9e1e8!important;
    background:#fff!important;
    color:#2f3a45!important;
}
html[data-theme="light"] .store-nav-menu{
    border-top:1px solid #edf1f4!important;
    background:#fff!important;
}
html[data-theme="light"] .store-nav .nav-link{
    color:#4b5563!important;
}
html[data-theme="light"] .store-nav .nav-link:hover,
html[data-theme="light"] .store-nav .nav-link.active{
    color:#0f5c84!important;
}

.hero{
    min-height:auto!important;
}
.hero-premium{
    border-bottom:1px solid rgba(66,200,255,.16)!important;
}
.hero-inner{
    max-width:1320px!important;
    min-height:580px!important;
    padding-top:30px!important;
    padding-bottom:30px!important;
    grid-template-columns:minmax(420px,520px) minmax(520px,640px)!important;
    grid-template-rows:auto auto!important;
    justify-content:space-between!important;
    align-content:center!important;
    align-items:center!important;
    gap:22px 56px!important;
}
.hero-copy-block{
    width:100%!important;
    max-width:520px!important;
    justify-self:start!important;
}
.hero-copy-block .eyebrow{
    margin-bottom:14px!important;
}
.hero-copy-block h1{
    font-size:clamp(2.75rem,3.75vw,4rem)!important;
    line-height:1.05!important;
    margin-bottom:16px!important;
}
.hero-copy{
    max-width:500px!important;
    font-size:1rem!important;
    line-height:1.5!important;
}
.hero-copy-block .btn-lg{
    padding:11px 18px!important;
    font-size:1rem!important;
}
.hero-product-stage{
    width:100%!important;
    max-width:640px!important;
    max-height:430px!important;
    justify-self:end!important;
    filter:drop-shadow(0 22px 46px rgba(0,0,0,.3))!important;
}
.hero-banner-carousel{
    aspect-ratio:16/10!important;
}
.hero-banner-track,.hero-banner-slide{
    overflow:hidden!important;
}
.hero-banner-slide img{
    height:100%!important;
    object-fit:contain!important;
}
.hero-bottom{
    width:100%!important;
    grid-column:1 / -1!important;
    display:grid!important;
    grid-template-columns:minmax(420px,520px) minmax(520px,640px)!important;
    justify-content:space-between!important;
    align-items:stretch!important;
    gap:56px!important;
    margin-top:4px!important;
}
.hero-stats{
    max-width:none!important;
    grid-template-columns:repeat(3,1fr)!important;
    gap:10px!important;
}
.hero-stats>div{
    padding:10px 13px!important;
    min-height:64px!important;
}
.hero-stats strong{
    font-size:1.08rem!important;
}
.hero-stats span{
    font-size:.73rem!important;
}
.hero-signal{
    max-width:none!important;
    width:100%!important;
    justify-self:end!important;
    padding:10px 13px!important;
}
.hero-signal strong{
    font-size:.92rem!important;
}
.hero-signal span{
    font-size:.8rem!important;
}
.hero-brand-watermark{
    opacity:.1!important;
    gap:20px 36px!important;
}

@media (max-width: 1199px){
    .hero-inner{
        max-width:1040px!important;
        min-height:540px!important;
        grid-template-columns:minmax(380px,450px) minmax(440px,520px)!important;
        gap:22px 42px!important;
    }
    .hero-product-stage{
        max-width:520px!important;
        max-height:390px!important;
    }
    .hero-bottom{
        grid-template-columns:minmax(380px,450px) minmax(440px,520px)!important;
        gap:42px!important;
    }
}
@media (max-width: 991px){
    .hero-inner{
        min-height:auto!important;
        grid-template-columns:1fr!important;
        grid-template-rows:auto!important;
        padding-top:34px!important;
        padding-bottom:28px!important;
        gap:24px!important;
    }
    .hero-copy-block{
        max-width:680px!important;
    }
    .hero-copy{
        max-width:640px!important;
    }
    .hero-product-stage{
        width:min(88vw,520px)!important;
        justify-self:center!important;
    }
    .hero-bottom{
        grid-template-columns:1fr!important;
        gap:14px!important;
        margin-top:0!important;
    }
}
@media (max-width: 767px){
    .hero-copy-block h1{
        font-size:2.45rem!important;
    }
    .hero-stats{
        grid-template-columns:1fr!important;
    }
}