@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

:root {
    --bg: #ffffff;
    --bg-soft: #f8fafc;
    --surface: rgba(255, 255, 255, 0.82);
    --surface-solid: #ffffff;
    --text: #0f172a;
    --muted: #64748b;
    --border: #e2e8f0;
    --primary: #4f46e5;
    --primary-2: #7c3aed;
    --shadow: 0 15px 40px rgba(15, 23, 42, 0.08);
}

html[data-theme="dark"] {
    --bg: #0b1120;
    --bg-soft: #111827;
    --surface: rgba(15, 23, 42, 0.78);
    --surface-solid: #172033;
    --text: #f8fafc;
    --muted: #94a3b8;
    --border: rgba(148, 163, 184, 0.18);
    --primary: #818cf8;
    --primary-2: #a78bfa;
    --shadow: 0 18px 42px rgba(2, 6, 23, 0.45);
}

* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
    font-family: 'Inter', sans-serif;
    background: var(--bg);
    color: var(--text);
    overflow-x: hidden;
    transition: background .3s ease, color .3s ease;
}

a { text-decoration: none; }
img { max-width: 100%; display: block; }

.navbar {
    background: color-mix(in srgb, var(--surface-solid) 86%, transparent);
    backdrop-filter: blur(14px);
    border-bottom: 1px solid var(--border);
    padding: 1rem 0;
}

.navbar-brand {
    font-size: 1.65rem;
    font-weight: 800;
    color: var(--text);
}
.navbar-brand i { color: var(--primary); margin-right: .45rem; }
.highlight {
    background: linear-gradient(135deg, var(--primary), var(--primary-2));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.nav-link {
    color: var(--muted);
    font-weight: 500;
    margin: 0 .55rem;
}
.nav-link:hover, .nav-link:focus { color: var(--primary); }
.nav-actions {
    display: flex;
    align-items: center;
    gap: .85rem;
}
.theme-toggle {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1px solid var(--border);
    background: var(--surface-solid);
    color: var(--text);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.btn-nav-cta {
    padding: .8rem 1.2rem;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--primary), var(--primary-2));
    color: #fff;
    font-weight: 600;
}

.navbar .nav-link.dropdown-toggle,
.navbar .dropdown-item.dropdown-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .6rem;
}

.navbar .menu-caret {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: .72rem;
    opacity: .75;
    transition: transform .2s ease, opacity .2s ease;
}

.navbar .submenu-caret {
    font-size: .68rem;
}

.navbar .dropdown-menu {
    min-width: 150px;
    padding: .25rem;
    border-radius: 12px;
    box-shadow: 0 10px 22px rgba(15,23,42,.10);
}

.navbar .nav-item.dropdown > .dropdown-menu {
    min-width: 158px;
}

.navbar .dropdown-submenu > .submenu-menu {
    min-width: 148px;
}

.navbar .dropdown-item {
    padding: .4rem .58rem;
    font-size: .8rem;
    line-height: 1.15;
    border-radius: 8px;
}


@media (min-width: 992px) {
    .navbar .nav-item.dropdown,
    .navbar .dropdown-submenu {
        position: relative;
    }
    .navbar .nav-item.dropdown:hover > .dropdown-menu,
    .navbar .nav-item.dropdown:focus-within > .dropdown-menu,
    .navbar .dropdown-submenu:hover > .submenu-menu,
    .navbar .dropdown-submenu:focus-within > .submenu-menu {
        display: block;
        margin-top: 0;
    }
    .navbar .nav-item.dropdown > .dropdown-menu {
        top: calc(100% + .35rem);
        left: 0;
    }
    .navbar .dropdown-submenu > .submenu-menu {
        top: 0;
        left: calc(100% - .08rem);
    }
}

.hero-slider { margin-top: 76px; }
.hero-slider-frame{width:min(100%, var(--slider-width-percent, 100%));margin:0 auto;overflow:hidden;}
.hero-slider-frame .carousel-item {
    min-height: var(--slider-height-desktop, 620px);
    position: relative;
    overflow: hidden;
}
.hero-slide-row {
    min-height: var(--slider-height-desktop, 620px);
}
.slider-bg {
    position: absolute;
    inset: 0;
}
.slider-bg::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, rgba(2,6,23,.68), rgba(2,6,23,.22));
}

.slider-bg-image{background-size:cover;background-position:center;background-repeat:no-repeat;}
.slider-bg-image::after{background:linear-gradient(to right, rgba(2,6,23,var(--overlay,0.68)), rgba(2,6,23,calc(var(--overlay,0.68) * 0.45)));}
@media (max-width: 767px) {
    .slider-bg-image{background-image:var(--mobile-bg, inherit)!important;background-position:center center;}
}
.gradient-one { background: linear-gradient(135deg, #1d4ed8 0%, #7c3aed 55%, #0f172a 100%); }
.gradient-two { background: linear-gradient(135deg, #0f766e 0%, #2563eb 50%, #111827 100%); }
.gradient-three { background: linear-gradient(135deg, #4f46e5 0%, #c026d3 55%, #0f172a 100%); }
.hero-content { position: relative; z-index: 2; }
.simple-slider-content {
    max-width: min(100%, calc(720px * var(--slider-scale-desktop, 1)));
}
.hero-badge {
    display: inline-flex;
    padding: calc(.65rem * var(--slider-scale-desktop, 1)) calc(1rem * var(--slider-scale-desktop, 1));
    border-radius: 999px;
    background: rgba(255,255,255,.14);
    border: 1px solid rgba(255,255,255,.22);
    font-size: clamp(.72rem, calc(.85rem * var(--slider-scale-desktop, 1)), .95rem);
    font-weight: 600;
    margin-bottom: calc(1.25rem * var(--slider-scale-desktop, 1));
}
.hero-title {
    font-size: clamp(2rem, calc(4.5rem * var(--slider-scale-desktop, 1)), 4.5rem);
    line-height: 1.08;
    font-weight: 800;
    margin-bottom: calc(1rem * var(--slider-scale-desktop, 1));
}
.hero-title span { color: #facc15; }
.hero-title-centered { max-width: 900px; margin-left: auto; margin-right: auto; }
.hero-text {
    font-size: clamp(.95rem, calc(1.07rem * var(--slider-scale-desktop, 1)), 1.12rem);
    line-height: clamp(1.45, calc(1.75 * var(--slider-scale-desktop, 1)), 1.75);
    max-width: min(680px, calc(680px * var(--slider-scale-desktop, 1)));
    color: rgba(255,255,255,.88);
}
.hero-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: calc(.9rem * var(--slider-scale-desktop, 1));
    margin-top: calc(2rem * var(--slider-scale-desktop, 1));
}
.btn-gradient,
.btn-soft {
    border-radius: 999px;
    padding: calc(.95rem * var(--slider-scale-desktop, 1)) calc(1.55rem * var(--slider-scale-desktop, 1));
    font-size: clamp(.9rem, calc(1rem * var(--slider-scale-desktop, 1)), 1.08rem);
    font-weight: 600;
    border: none;
}
.btn-gradient {
    background: linear-gradient(135deg, var(--primary), var(--primary-2));
    color: #fff;
    box-shadow: 0 14px 30px rgba(79,70,229,.28);
}
.btn-soft {
    background: rgba(255,255,255,.12);
    color: #fff;
    border: 1px solid rgba(255,255,255,.24);
}
.btn-gradient:hover, .btn-soft:hover, .btn-nav-cta:hover {
    transform: translateY(-2px);
    color: #fff;
}
.hero-panel {
    background: rgba(255,255,255,.12);
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 28px;
    padding: 1.2rem;
    backdrop-filter: blur(16px);
    box-shadow: 0 25px 60px rgba(15,23,42,.24);
}
.hero-panel-top {
    display: flex;
    gap: .45rem;
    margin-bottom: 1rem;
}
.hero-panel-top span {
    width: 10px; height: 10px; border-radius: 50%; background: rgba(255,255,255,.55);
}
.hero-stat-card {
    border-radius: 22px;
    background: rgba(255,255,255,.12);
    padding: 1.25rem;
    color: #fff;
    margin-bottom: 1rem;
}
.hero-stat-card small { opacity: .8; display: block; margin-bottom: .35rem; }
.hero-stat-card h3 { font-size: 1.5rem; font-weight: 700; margin-bottom: .4rem; }
.hero-stat-card p { margin: 0; color: rgba(255,255,255,.82); }
.hero-mini-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: .85rem;
}
.hero-mini-grid div {
    background: rgba(255,255,255,.1);
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 18px;
    padding: 1rem;
    color: #fff;
}
.hero-mini-grid strong { display: block; margin-bottom: .25rem; }
.hero-mini-grid span { font-size: .9rem; color: rgba(255,255,255,.76); }
.carousel-control-prev,
.carousel-control-next {
    width: 54px;
    height: 54px;
    background: rgba(255,255,255,.18);
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 1.2rem;
}
.carousel-indicators button {
    width: 11px;
    height: 11px;
    border-radius: 50%;
}

.section-heading {
    max-width: 760px;
    margin: 0 auto 3rem;
}
.section-kicker {
    display: inline-block;
    font-size: .8rem;
    letter-spacing: .16em;
    color: var(--primary);
    font-weight: 700;
    margin-bottom: .9rem;
}
.section-heading h2,
.about-title {
    font-size: clamp(1.9rem, 4vw, 3rem);
    line-height: 1.15;
    margin-bottom: .95rem;
    font-weight: 800;
}
.section-heading p,
.about-text {
    color: var(--muted);
    line-height: 1.8;
    font-size: 1rem;
}

.products-section,
.about-section { background: var(--bg-soft); }
.services-section,
.contact-section { background: var(--bg); }
.products-section,
.services-section,
.about-section,
.contact-section { padding: 88px 0; }

.product-card,
.service-card,
.contact-info-card,
.contact-form-card {
    height: 100%;
    background: var(--surface-solid);
    border: 1px solid var(--border);
    border-radius: 24px;
    box-shadow: var(--shadow);
    transition: .3s ease;
}
.product-card:hover,
.service-card:hover {
    transform: translateY(-6px);
}
.product-img {
    height: 220px;
    overflow: hidden;
    border-radius: 24px 24px 0 0;
}
.product-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .45s ease;
}
.product-card:hover .product-img img { transform: scale(1.06); }
.product-body {
    padding: 1.35rem;
    display: flex;
    flex-direction: column;
}
.product-tag {
    align-self: flex-start;
    padding: .45rem .8rem;
    border-radius: 999px;
    background: rgba(79,70,229,.12);
    color: var(--primary);
    font-size: .78rem;
    font-weight: 700;
    margin-bottom: .95rem;
}
.product-tag.soft { background: rgba(14,165,233,.12); color: #0284c7; }
.product-tag.success { background: rgba(34,197,94,.14); color: #16a34a; }
.product-tag.warning { background: rgba(245,158,11,.18); color: #d97706; }
.product-body h3 {
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: .65rem;
}
.product-body p {
    color: var(--muted);
    font-size: .94rem;
    line-height: 1.65;
    min-height: 72px;
}
.price {
    font-size: 1.45rem;
    font-weight: 800;
    color: var(--primary);
    margin: .35rem 0 1rem;
}
.product-buttons {
    display: flex;
    gap: .75rem;
    margin-top: auto;
}
.btn-review,
.btn-demo {
    flex: 1;
    text-align: center;
    padding: .82rem .9rem;
    border-radius: 14px;
    font-weight: 600;
    transition: .25s ease;
}
.btn-review {
    border: 1px solid var(--border);
    background: transparent;
    color: var(--text);
}
.btn-demo {
    background: linear-gradient(135deg, var(--primary), var(--primary-2));
    color: #fff;
}
.btn-review:hover {
    background: var(--bg-soft);
    color: var(--primary);
}
.btn-demo:hover { color: #fff; }

.service-card { padding: 2rem; }
.service-icon {
    width: 62px;
    height: 62px;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--primary), var(--primary-2));
    color: #fff;
    font-size: 1.35rem;
    margin-bottom: 1.2rem;
}
.service-card h3 { font-size: 1.2rem; font-weight: 700; margin-bottom: .7rem; }
.service-card p { color: var(--muted); line-height: 1.75; margin: 0; }

.about-image-wrap img {
    border-radius: 28px;
    box-shadow: var(--shadow);
}
.about-list {
    display: grid;
    gap: .9rem;
    margin-top: 1.6rem;
}
.about-list div {
    display: flex;
    align-items: center;
    gap: .7rem;
    color: var(--text);
}
.about-list i { color: var(--primary); }

.contact-info-card,
.contact-form-card { padding: 2rem; }
.contact-row {
    display: flex;
    align-items: center;
    gap: .9rem;
    padding: 1rem 0;
    border-bottom: 1px solid var(--border);
    color: var(--text);
}
.contact-row:last-child { border-bottom: none; }
.contact-row i {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: linear-gradient(135deg, var(--primary), var(--primary-2));
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.form-control {
    background: var(--bg);
    color: var(--text);
    border: 1px solid var(--border);
    border-radius: 16px;
    padding: .95rem 1rem;
}
.form-control::placeholder { color: var(--muted); }
.form-control:focus {
    background: var(--bg);
    color: var(--text);
    border-color: var(--primary);
    box-shadow: 0 0 0 4px rgba(79,70,229,.12);
}
.social-links { display: flex; gap: .7rem; }
.social-links a {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 1px solid var(--border);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--text);
}
.social-links a:hover {
    background: linear-gradient(135deg, var(--primary), var(--primary-2));
    color: #fff;
    border-color: transparent;
}

.footer {
    background: #0f172a;
    color: rgba(255,255,255,.72);
}
.footer-links { display: flex; gap: 1.2rem; }
.footer-links a { color: rgba(255,255,255,.8); }

@media (max-width: 991px) {
    .navbar-nav {
        margin-top: 1rem;
        align-items: flex-start !important;
    }
    .nav-actions {
        justify-content: flex-start;
    }
    .hero-slider-frame .carousel-item {
        min-height: var(--slider-height-tablet, 520px);
    }
    .hero-slide-row {
        min-height: var(--slider-height-tablet, 520px);
    }
    .simple-slider-content {
        max-width: min(100%, calc(640px * var(--slider-scale-tablet, 1)));
    }
    .hero-title {
        font-size: clamp(1.8rem, calc(2.5rem * var(--slider-scale-tablet, 1)), 2.8rem);
    }
    .hero-badge {
        font-size: clamp(.7rem, calc(.8rem * var(--slider-scale-tablet, 1)), .9rem);
        padding: calc(.55rem * var(--slider-scale-tablet, 1)) calc(.9rem * var(--slider-scale-tablet, 1));
    }
    .hero-text {
        font-size: clamp(.9rem, calc(1rem * var(--slider-scale-tablet, 1)), 1rem);
        line-height: clamp(1.45, calc(1.6 * var(--slider-scale-tablet, 1)), 1.6);
        max-width: min(600px, calc(600px * var(--slider-scale-tablet, 1)));
        margin-left: auto;
        margin-right: auto;
    }
    .hero-buttons {
        gap: calc(.8rem * var(--slider-scale-tablet, 1));
        margin-top: calc(1.4rem * var(--slider-scale-tablet, 1));
    }
    .btn-gradient,
    .btn-soft {
        padding: calc(.8rem * var(--slider-scale-tablet, 1)) calc(1.25rem * var(--slider-scale-tablet, 1));
        font-size: clamp(.88rem, calc(.98rem * var(--slider-scale-tablet, 1)), 1rem);
    }
    .hero-buttons {
        justify-content: center;
    }
}

@media (max-width: 767px) {
    .hero-slider { margin-top: 72px; }
    .hero-slider-frame .carousel-item {
        min-height: var(--slider-height-mobile, 420px);
    }
    .hero-slide-row {
        min-height: var(--slider-height-mobile, 420px);
    }
    .simple-slider-content {
        max-width: min(100%, calc(92vw * var(--slider-scale-mobile, 1)));
    }
    .hero-title {
        font-size: clamp(1.45rem, calc(2rem * var(--slider-scale-mobile, 1)), 2.1rem);
    }
    .hero-badge {
        font-size: clamp(.66rem, calc(.75rem * var(--slider-scale-mobile, 1)), .8rem);
        padding: calc(.45rem * var(--slider-scale-mobile, 1)) calc(.75rem * var(--slider-scale-mobile, 1));
        margin-bottom: calc(.85rem * var(--slider-scale-mobile, 1));
    }
    .hero-text {
        font-size: clamp(.82rem, calc(.94rem * var(--slider-scale-mobile, 1)), .96rem);
        line-height: clamp(1.35, calc(1.5 * var(--slider-scale-mobile, 1)), 1.52);
        max-width: 100%;
    }
    .hero-buttons {
        gap: calc(.6rem * var(--slider-scale-mobile, 1));
        margin-top: calc(1rem * var(--slider-scale-mobile, 1));
    }
    .btn-gradient,
    .btn-soft {
        padding: calc(.68rem * var(--slider-scale-mobile, 1)) calc(1rem * var(--slider-scale-mobile, 1));
        font-size: clamp(.82rem, calc(.9rem * var(--slider-scale-mobile, 1)), .94rem);
    }
    .products-section,
    .services-section,
    .about-section,
    .contact-section {
        padding: 72px 0;
    }
    .product-img { height: 210px; }
    .product-buttons {
        flex-direction: column;
    }
    .carousel-control-prev,
    .carousel-control-next {
        display: none;
    }
    .footer-links {
        flex-wrap: wrap;
        justify-content: center;
    }
}

/* Premium refresh */
body{background-image:radial-gradient(circle at top right, rgba(79,70,229,.08), transparent 28%),radial-gradient(circle at top left, rgba(6,182,212,.08), transparent 24%)}
.navbar{box-shadow:0 10px 34px rgba(15,23,42,.07)}
.nav-link.active,.nav-item.dropdown > .nav-link.active,.dropdown-submenu > .dropdown-item.active{color:var(--primary);position:relative}
.nav-link.active:after,.nav-item.dropdown > .nav-link.active:after{content:"";position:absolute;left:.55rem;right:.55rem;bottom:-8px;height:3px;border-radius:999px;background:linear-gradient(135deg,var(--primary),var(--primary-2))}
.dropdown-submenu > .dropdown-item.active{background:rgba(79,70,229,.12)}
.navbar .nav-item.dropdown > .nav-link.active .menu-caret,.navbar .dropdown-submenu > .dropdown-item.active .menu-caret{opacity:1}
.product-card,.service-card,.contact-info-card,.contact-form-card,.post-card,.portfolio-card,.mini-banner,.filter-box{overflow:hidden}
.product-card:before,.service-card:before,.post-card:before,.portfolio-card:before{content:"";position:absolute;inset:auto -30% 70% auto;width:140px;height:140px;border-radius:28px;background:linear-gradient(135deg,rgba(79,70,229,.08),rgba(124,58,237,.03));transform:rotate(18deg)}
.product-card,.service-card,.post-card,.portfolio-card{position:relative}
.product-card:hover,.service-card:hover,.post-card:hover,.portfolio-card:hover{box-shadow:0 26px 60px rgba(15,23,42,.12)}
.page-hero{position:relative;overflow:hidden}
.page-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right, rgba(255,255,255,.18), transparent 24%),radial-gradient(circle at left center, rgba(255,255,255,.12), transparent 20%)}
.page-hero > .container{position:relative;z-index:2}
.footer{position:relative;overflow:hidden}
.footer:before{content:"";position:absolute;inset:auto auto -80px -80px;width:220px;height:220px;border-radius:50%;background:rgba(79,70,229,.18);filter:blur(20px)}
.whatsapp-float{animation:pulseFloat 2.4s infinite}
@keyframes pulseFloat{0%{transform:scale(1)}50%{transform:scale(1.06)}100%{transform:scale(1)}}
@media (max-width: 991px){.nav-link.active:after,.nav-item.dropdown > .nav-link.active:after{display:none}.navbar{padding:.9rem 0}.navbar .dropdown-item.dropdown-toggle{padding-right:.25rem}}


.slider-video-wrap{position:absolute;inset:0;overflow:hidden;background-size:cover;background-position:center center;background-repeat:no-repeat;}
.slider-video-wrap::after{content:'';position:absolute;inset:0;background:linear-gradient(to right, rgba(2,6,23,var(--overlay,0.68)), rgba(2,6,23,calc(var(--overlay,0.68) * 0.45)));z-index:1;}
.slider-video-wrap iframe,.slider-video-wrap video{position:absolute;top:50%;left:50%;width:100vw;height:56.25vw;min-width:177.78vh;min-height:78vh;transform:translate(-50%,-50%);pointer-events:none;object-fit:cover;}
.slider-animate{position:relative;z-index:2;animation-duration:.9s;animation-fill-mode:both;}
.slider-fade-up{animation-name:sliderFadeUp;}
.slider-fade-down{animation-name:sliderFadeDown;}
.slider-zoom-in{animation-name:sliderZoomIn;}
.slider-slide-left{animation-name:sliderSlideLeft;}
.slider-slide-right{animation-name:sliderSlideRight;}
@keyframes sliderFadeUp{from{opacity:0;transform:translateY(24px);}to{opacity:1;transform:translateY(0);}}
@keyframes sliderFadeDown{from{opacity:0;transform:translateY(-24px);}to{opacity:1;transform:translateY(0);}}
@keyframes sliderZoomIn{from{opacity:0;transform:scale(.92);}to{opacity:1;transform:scale(1);}}
@keyframes sliderSlideLeft{from{opacity:0;transform:translateX(-36px);}to{opacity:1;transform:translateX(0);}}
@keyframes sliderSlideRight{from{opacity:0;transform:translateX(36px);}to{opacity:1;transform:translateX(0);}}
.slider-sort-list{display:grid;gap:14px;}
.slider-sort-item{display:grid;grid-template-columns:40px 90px 1fr auto;gap:16px;align-items:center;padding:14px;border:1px solid var(--admin-border, rgba(148,163,184,.18));border-radius:18px;background:rgba(255,255,255,.82);backdrop-filter:blur(12px);}
.slider-sort-handle{cursor:grab;color:#64748b;text-align:center;font-size:18px;}
.slider-sort-thumb{width:90px;height:64px;border-radius:14px;overflow:hidden;background:#e2e8f0;display:flex;align-items:center;justify-content:center;}
.slider-sort-thumb img{width:100%;height:100%;object-fit:cover;}
.slider-sort-actions .btn{white-space:nowrap;}
@media (max-width:767px){.slider-sort-item{grid-template-columns:32px 72px 1fr;}.slider-sort-actions{grid-column:1 / -1;justify-content:flex-start;}.slider-video-wrap iframe,.slider-video-wrap video{height:86vh;width:auto;min-width:100vw;min-height:78vh;}}


.premium-main-slider{position:relative;overflow:hidden;border-radius:0 0 34px 34px;}
.premium-slider-indicators{bottom:26px;gap:10px;margin-bottom:0;}
.premium-slider-indicators button{width:42px!important;height:8px!important;border-radius:999px!important;border:none!important;opacity:.45;}
.premium-slider-indicators .active{opacity:1;transform:scaleX(1.08);}
.premium-slider-content{max-width:760px;padding:30px 28px;border-radius:28px;background:linear-gradient(180deg,rgba(15,23,42,.42),rgba(15,23,42,.22));border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(12px);box-shadow:0 24px 60px rgba(2,6,23,.22);}
.premium-slider-control{width:58px;height:58px;background:rgba(255,255,255,.16);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.14);}
.premium-slider-progress{position:absolute;left:0;right:0;bottom:0;height:4px;background:rgba(255,255,255,.12);z-index:4;}
.premium-slider-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,#f8fafc,#a78bfa,#60a5fa);box-shadow:0 0 18px rgba(255,255,255,.35);}
@media (max-width:991px){.premium-slider-content{padding:24px 20px;border-radius:24px;max-width:100%;}.premium-slider-indicators{bottom:18px;}}
@media (max-width:767px){.premium-main-slider{border-radius:0 0 24px 24px;}.premium-slider-content{padding:20px 16px;}.premium-slider-control{display:none;}.premium-slider-indicators button{width:28px!important;}}


/* Simple slider v25 */
.simple-main-slider{position:relative;overflow:hidden;}
.simple-slider-indicators{bottom:18px;margin-bottom:0;gap:8px;}
.simple-slider-indicators button{width:12px!important;height:12px!important;border-radius:50%!important;border:none!important;opacity:.55;}
.simple-slider-indicators .active{opacity:1;transform:scale(1.08);}
.simple-slider-content{max-width:720px;padding:0;background:none;border:none;box-shadow:none;backdrop-filter:none;}
.simple-slider-control{width:56px;height:56px;top:50%;transform:translateY(-50%);background:rgba(15,23,42,.38);border-radius:50%;border:1px solid rgba(255,255,255,.22);margin:0 16px;opacity:1;}
.simple-slider-control:hover{background:rgba(15,23,42,.58);}
@media (max-width:767px){.simple-slider-control{display:flex;width:44px;height:44px;margin:0 10px;}.simple-slider-content{padding:0 6px;}}

.simple-main-slider .carousel-item{transition:transform .8s ease-in-out, opacity .8s ease-in-out;}
.simple-main-slider .simple-slider-control{display:flex!important;align-items:center;justify-content:center;position:absolute;z-index:8;}
.simple-main-slider .carousel-control-prev{left:18px;}
.simple-main-slider .carousel-control-next{right:18px;}
.simple-main-slider .carousel-control-prev-icon,.simple-main-slider .carousel-control-next-icon{filter:drop-shadow(0 2px 6px rgba(0,0,0,.35));}
@media (max-width: 767px){
  .simple-main-slider .simple-slider-control{display:flex!important;}
  .simple-main-slider .carousel-control-prev{left:10px;}
  .simple-main-slider .carousel-control-next{right:10px;}
}

.sticky-buttons{opacity:0;transform:translateY(14px);transition:opacity .25s ease,transform .25s ease;}
.sticky-buttons.is-visible{opacity:1;transform:translateY(0);}


.product-category-sidebar{position:sticky;top:110px}
.category-sidebar-card{background:var(--surface-solid);border:1px solid var(--border);border-radius:24px;padding:1.15rem;box-shadow:var(--shadow)}
.category-sidebar-head{padding:.35rem .35rem .9rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.category-sidebar-eyebrow{display:inline-flex;align-items:center;padding:.35rem .7rem;border-radius:999px;background:rgba(79,70,229,.1);color:var(--primary);font-weight:700;font-size:.76rem;margin-bottom:.7rem}.category-sidebar-head h3{font-size:1.08rem;margin:0;color:var(--text)}
.category-sidebar-toggle{display:none;align-items:center;justify-content:space-between;gap:.75rem;border:1px solid rgba(79,70,229,.16);background:#fff;color:var(--text);border-radius:14px;padding:.7rem .9rem;font-weight:700;box-shadow:0 8px 24px rgba(15,23,42,.06)}
.category-sidebar-toggle strong{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:999px;background:rgba(79,70,229,.1);color:var(--primary);font-size:1rem;line-height:1}
.category-sidebar-links{display:block}
.category-sidebar-link{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.88rem .95rem;border-radius:16px;text-decoration:none;color:var(--text);font-weight:700;border:1px solid transparent;transition:all .2s ease;margin-bottom:.45rem;background:rgba(15,23,42,.02)}
.category-sidebar-link strong{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;border-radius:999px;background:rgba(79,70,229,.1);color:var(--primary);font-size:.82rem}
.category-sidebar-link:hover,.category-sidebar-link.active{background:linear-gradient(135deg,rgba(79,70,229,.12),rgba(124,58,237,.08));border-color:rgba(79,70,229,.18);color:var(--primary);transform:translateX(2px)}
.products-topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:1rem 1.2rem;border-radius:20px;background:rgba(15,23,42,.03);border:1px solid rgba(148,163,184,.14)}
.products-topbar h4{font-size:1.05rem;margin:0}.products-topbar-count{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1rem;border-radius:999px;background:#fff;border:1px solid rgba(148,163,184,.18);font-weight:800;color:var(--primary)}
@media(max-width:991.98px){.product-category-sidebar{position:static}.category-sidebar-card{padding:1rem}.category-sidebar-link{padding:.8rem .9rem}.category-sidebar-toggle{display:flex;width:100%}.category-sidebar-head{flex-direction:column;align-items:stretch}.category-sidebar-links{display:none !important;max-height:0;overflow:hidden;margin-top:.35rem}.category-sidebar-links.is-open{display:block !important;max-height:none}}


/* Product detail ecommerce layout */
.product-detail-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);gap:34px;align-items:start}.product-gallery-shell{position:relative;padding:36px;border-radius:30px;background:linear-gradient(180deg,#f7f9fc,#eef3fb);box-shadow:0 18px 45px rgba(15,23,42,.08);overflow:hidden}.product-main-visual{position:relative;border-radius:26px;background:#fff;padding:18px;min-height:440px;display:flex;align-items:center;justify-content:center;box-shadow:0 16px 35px rgba(15,23,42,.08)}.product-main-visual img{max-width:100%;max-height:100%;object-fit:contain;border-radius:18px}.product-thumb-orbit{position:absolute;inset:0;pointer-events:none}.product-thumb{position:absolute;width:88px;height:88px;border:0;border-radius:22px;background:#fff;padding:8px;box-shadow:0 14px 35px rgba(15,23,42,.12);pointer-events:auto;transition:.25s ease}.product-thumb img,.product-strip-btn img{width:100%;height:100%;object-fit:cover;border-radius:16px}.product-thumb:hover,.product-strip-btn:hover{transform:translateY(-3px)}.product-thumb-pos-1{top:16px;left:22px}.product-thumb-pos-2{top:22px;right:22px}.product-thumb-pos-3{bottom:115px;left:14px}.product-thumb-pos-4{bottom:115px;right:14px}.product-thumb-strip{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.product-strip-btn{width:70px;height:70px;border:2px solid transparent;background:#fff;border-radius:18px;padding:6px;box-shadow:0 10px 25px rgba(15,23,42,.08);flex:0 0 auto}.product-strip-btn.active{border-color:var(--bs-primary,#0d6efd)}.product-detail-info{background:#fff;border-radius:30px;padding:32px;box-shadow:0 18px 45px rgba(15,23,42,.08)}.product-detail-meta-top{display:flex;gap:10px;flex-wrap:wrap}.product-detail-rating{display:flex;align-items:center;gap:10px;color:#f59e0b;margin-bottom:20px}.product-detail-rating span{color:#64748b;font-weight:600}.product-detail-price-box{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border-radius:22px;background:#f8fafc;border:1px solid rgba(148,163,184,.18);margin-bottom:16px}.product-detail-price-box span{font-weight:700;color:#334155}.product-detail-price-box strong{font-size:2rem;color:#0f172a}.product-detail-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.product-purchase-card{padding:20px;border-radius:24px;background:#f8fafc;border:1px solid rgba(148,163,184,.18)}.product-tab-card{background:#fff;border-radius:32px;box-shadow:0 18px 45px rgba(15,23,42,.08);padding:28px}.product-tab-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:22px;border-bottom:1px solid rgba(148,163,184,.18);padding-bottom:16px}.product-tab-btn{border:0;background:#eef2ff;color:#334155;padding:12px 20px;border-radius:999px;font-weight:700}.product-tab-btn.active{background:linear-gradient(135deg,#1d4ed8,#4338ca);color:#fff}.product-tab-panel{display:none}.product-tab-panel.active{display:block}.product-description-content{font-size:1rem;line-height:1.9;color:#334155}.product-reviews-list{display:grid;gap:18px}.product-review-card{padding:22px;border-radius:24px;background:#f8fafc;border:1px solid rgba(148,163,184,.16)}.product-review-stars{color:#f59e0b}.product-empty-box{min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-radius:24px;background:#f8fafc;color:#64748b;gap:12px}.product-empty-box i{font-size:2rem;color:#94a3b8}.product-detail-hero .hero-text{max-width:820px}
@media (max-width: 1199px){.product-detail-layout{grid-template-columns:1fr}.product-thumb-pos-1,.product-thumb-pos-2,.product-thumb-pos-3,.product-thumb-pos-4{position:static}.product-thumb-orbit{position:static;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}.product-thumb{width:100%;height:88px}}
@media (max-width: 767px){.product-gallery-shell,.product-detail-info,.product-tab-card{padding:20px;border-radius:24px}.product-main-visual{min-height:320px}.product-detail-actions-grid{grid-template-columns:1fr}.product-thumb-orbit{grid-template-columns:repeat(2,minmax(0,1fr))}.product-thumb{height:82px}}


.cart-line-item{display:flex;gap:18px;padding:18px 0;border-bottom:1px solid rgba(15,23,42,.08)}
.cart-line-item:last-child{border-bottom:0}
.cart-line-media img{width:92px;height:92px;object-fit:cover;border-radius:20px;box-shadow:0 12px 24px rgba(15,23,42,.10)}
.cart-line-body{flex:1}
.checkout-payment-box{padding:14px 16px;border-radius:18px;background:rgba(79,70,229,.08);border:1px solid rgba(79,70,229,.14)}
@media (max-width: 767px){.cart-line-item{flex-direction:column}.cart-line-media img{width:100%;height:220px}}


.header-shell{max-width:1680px;margin:0 auto;gap:1.25rem}
.header-shell .navbar-collapse{justify-content:space-between;gap:1.2rem}
.header-shell .navbar-nav{flex-wrap:wrap;row-gap:.15rem}
.header-shell .nav-actions{flex-shrink:0}
@media (min-width:1200px){
  .header-shell .navbar-nav{max-width:calc(100% - 320px)}
}
@media (min-width:1400px){
  .header-shell{padding-left:3rem!important;padding-right:3rem!important}
}


/* Dark theme refinements */
html[data-theme="dark"] body {
    background:
        radial-gradient(circle at top left, rgba(99,102,241,.12), transparent 24%),
        radial-gradient(circle at top right, rgba(168,85,247,.10), transparent 22%),
        linear-gradient(180deg, #070b14 0%, #0b1120 42%, #0d1424 100%);
}
html[data-theme="dark"] .navbar {
    background: rgba(7, 11, 20, 0.88);
    border-bottom-color: rgba(148, 163, 184, 0.14);
    box-shadow: 0 18px 38px rgba(2, 6, 23, 0.35);
}
html[data-theme="dark"] .theme-toggle,
html[data-theme="dark"] .user-nav-chip {
    background: rgba(15, 23, 42, 0.82);
    border-color: rgba(148, 163, 184, 0.18);
    color: var(--text);
}
html[data-theme="dark"] .user-nav-chip:hover {
    background: rgba(99, 102, 241, 0.16);
    color: #c7d2fe;
}
html[data-theme="dark"] .navbar .nav-link,
html[data-theme="dark"] .navbar .navbar-brand {
    color: #dbe4f3;
}
html[data-theme="dark"] .navbar .nav-link:hover,
html[data-theme="dark"] .navbar .nav-link:focus,
html[data-theme="dark"] .navbar .nav-item.dropdown:hover > .nav-link,
html[data-theme="dark"] .navbar .nav-item.dropdown:focus-within > .nav-link {
    color: #ffffff;
}
html[data-theme="dark"] .navbar .menu-caret,
html[data-theme="dark"] .navbar .submenu-caret {
    color: #cbd5e1;
    opacity: .9;
}
html[data-theme="dark"] .navbar .dropdown-menu {
    background: linear-gradient(180deg, rgba(17, 24, 39, 0.98), rgba(12, 18, 32, 0.98));
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 20px;
    padding: .42rem;
    box-shadow: 0 22px 44px rgba(2, 6, 23, 0.48), inset 0 1px 0 rgba(255,255,255,.04);
    backdrop-filter: blur(18px);
}
html[data-theme="dark"] .navbar .nav-item.dropdown > .dropdown-menu,
html[data-theme="dark"] .navbar .dropdown-submenu > .submenu-menu {
    min-width: 188px;
}
html[data-theme="dark"] .navbar .dropdown-item {
    color: #e5edf9;
    border-radius: 14px;
    padding: .62rem .8rem;
    font-size: .82rem;
    background: transparent;
    position: relative;
    overflow: hidden;
}
html[data-theme="dark"] .navbar .dropdown-item::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: radial-gradient(circle at left center, rgba(129,140,248,.20), transparent 58%);
    opacity: 0;
    transition: opacity .22s ease;
}
html[data-theme="dark"] .navbar .dropdown-item:hover::before,
html[data-theme="dark"] .navbar .dropdown-item:focus::before,
html[data-theme="dark"] .navbar .dropdown-item.active::before {
    opacity: 1;
}
html[data-theme="dark"] .navbar .dropdown-item:hover,
html[data-theme="dark"] .navbar .dropdown-item:focus,
html[data-theme="dark"] .navbar .dropdown-item.active,
html[data-theme="dark"] .navbar .dropdown-item:active {
    background: linear-gradient(135deg, rgba(79,70,229,.30), rgba(99,102,241,.18));
    color: #ffffff;
    box-shadow: inset 0 0 0 1px rgba(129,140,248,.18);
}
html[data-theme="dark"] .navbar .nav-item.dropdown > .nav-link.active,
html[data-theme="dark"] .navbar .dropdown-submenu > .dropdown-item.active {
    color: #ffffff;
}
html[data-theme="dark"] .navbar .dropdown-menu .menu-caret,
html[data-theme="dark"] .navbar .dropdown-menu .submenu-caret {
    color: #c4b5fd;
}
html[data-theme="dark"] .product-card,
html[data-theme="dark"] .service-card,
html[data-theme="dark"] .post-card,
html[data-theme="dark"] .portfolio-card,
html[data-theme="dark"] .faq-item,
html[data-theme="dark"] .mini-banner,
html[data-theme="dark"] .filter-box,
html[data-theme="dark"] .product-detail-info,
html[data-theme="dark"] .product-tab-card,
html[data-theme="dark"] .product-main-visual,
html[data-theme="dark"] .product-thumb,
html[data-theme="dark"] .product-strip-btn,
html[data-theme="dark"] .customer-panel-card,
html[data-theme="dark"] .customer-box,
html[data-theme="dark"] .customer-mini-card,
html[data-theme="dark"] .customer-ticket-card,
html[data-theme="dark"] .customer-order-card,
html[data-theme="dark"] .customer-stat,
html[data-theme="dark"] .customer-sidebar,
html[data-theme="dark"] .product-review-card,
html[data-theme="dark"] .product-empty-box,
html[data-theme="dark"] .product-purchase-card,
html[data-theme="dark"] .products-topbar-count,
html[data-theme="dark"] .category-sidebar,
html[data-theme="dark"] .category-nav,
html[data-theme="dark"] .category-nav a,
html[data-theme="dark"] .checkout-shell,
html[data-theme="dark"] .checkout-summary,
html[data-theme="dark"] .checkout-card,
html[data-theme="dark"] .auth-card {
    background: linear-gradient(180deg, rgba(15, 23, 42, 0.92), rgba(11, 18, 32, 0.96)) !important;
    color: #e5edf9 !important;
    border-color: rgba(148, 163, 184, 0.16) !important;
    box-shadow: 0 18px 42px rgba(2, 6, 23, 0.36) !important;
}
html[data-theme="dark"] .product-gallery-shell {
    background: linear-gradient(180deg, rgba(15,23,42,.84), rgba(9,14,26,.96)) !important;
    box-shadow: 0 18px 45px rgba(2,6,23,.38);
}
html[data-theme="dark"] .products-section,
html[data-theme="dark"] .services-section,
html[data-theme="dark"] .about-section {
    background: transparent !important;
}
html[data-theme="dark"] .section-heading h2,
html[data-theme="dark"] .section-heading p,
html[data-theme="dark"] .about-title,
html[data-theme="dark"] .about-text,
html[data-theme="dark"] .product-description-content,
html[data-theme="dark"] .customer-title,
html[data-theme="dark"] .customer-box-body,
html[data-theme="dark"] .customer-table td,
html[data-theme="dark"] .customer-order-meta .meta,
html[data-theme="dark"] .customer-profile-hint,
html[data-theme="dark"] .customer-avatar-upload,
html[data-theme="dark"] .product-detail-price-box span,
html[data-theme="dark"] .product-review-card p,
html[data-theme="dark"] .product-empty-box,
html[data-theme="dark"] .faq-item,
html[data-theme="dark"] .post-card p,
html[data-theme="dark"] .portfolio-card p,
html[data-theme="dark"] .service-card p,
html[data-theme="dark"] .product-card p {
    color: #cbd5e1 !important;
}
html[data-theme="dark"] .product-detail-price-box strong,
html[data-theme="dark"] .product-card h3,
html[data-theme="dark"] .service-card h3,
html[data-theme="dark"] .post-card h3,
html[data-theme="dark"] .portfolio-card h3,
html[data-theme="dark"] .customer-stat .value,
html[data-theme="dark"] .customer-box-head,
html[data-theme="dark"] .customer-menu a,
html[data-theme="dark"] .customer-menu a i,
html[data-theme="dark"] .product-detail-rating span {
    color: #f8fafc !important;
}
html[data-theme="dark"] .about-list div,
html[data-theme="dark"] .customer-order-meta .meta,
html[data-theme="dark"] .product-detail-price-box,
html[data-theme="dark"] .product-purchase-card,
html[data-theme="dark"] .product-review-card,
html[data-theme="dark"] .product-empty-box,
html[data-theme="dark"] .customer-reply,
html[data-theme="dark"] .customer-verify,
html[data-theme="dark"] .customer-box-head,
html[data-theme="dark"] .customer-panel-heading {
    background: rgba(15, 23, 42, 0.72) !important;
    border-color: rgba(148, 163, 184, 0.16) !important;
}
html[data-theme="dark"] .customer-menu a:hover,
html[data-theme="dark"] .customer-menu a.active,
html[data-theme="dark"] .product-tab-btn.active {
    background: linear-gradient(135deg, rgba(79,70,229,.95), rgba(99,102,241,.84)) !important;
    color: #fff !important;
}
html[data-theme="dark"] .product-tab-btn {
    background: rgba(79,70,229,.14) !important;
    color: #dbe4f3 !important;
}
html[data-theme="dark"] .products-topbar-count,
html[data-theme="dark"] .category-nav a,
html[data-theme="dark"] input,
html[data-theme="dark"] textarea,
html[data-theme="dark"] select,
html[data-theme="dark"] .form-control,
html[data-theme="dark"] .form-select {
    background-color: rgba(15, 23, 42, 0.82) !important;
    color: #f8fafc !important;
    border-color: rgba(148, 163, 184, 0.18) !important;
}
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder {
    color: #94a3b8 !important;
}
html[data-theme="dark"] .table,
html[data-theme="dark"] .table th,
html[data-theme="dark"] .table td {
    color: #dbe4f3;
    border-color: rgba(148, 163, 184, 0.14);
}
html[data-theme="dark"] .counter-card {
    background: rgba(15, 23, 42, 0.58) !important;
    border-color: rgba(148, 163, 184, 0.14) !important;
}
@media (max-width: 991.98px) {
    html[data-theme="dark"] .navbar .dropdown-menu {
        background: rgba(12, 18, 32, 0.44);
        box-shadow: none;
        border-color: rgba(148,163,184,.12);
    }
    html[data-theme="dark"] .dropdown-submenu > .submenu-menu {
        background: rgba(7, 11, 20, 0.2);
        padding-left: .6rem;
        border-left: 1px solid rgba(148,163,184,.12);
    }
}

/* Dark theme readability fix for product purchase info */
html[data-theme="dark"] .product-purchase-card .text-muted,
html[data-theme="dark"] .product-purchase-card .small,
html[data-theme="dark"] .product-purchase-card .form-label,
html[data-theme="dark"] .product-purchase-card label,
html[data-theme="dark"] .product-review-form .text-muted,
html[data-theme="dark"] .product-review-form .small {
    color: #dbe7f5 !important;
}
html[data-theme="dark"] .product-purchase-card .input-group-text {
    background: rgba(30, 41, 59, 0.95) !important;
    color: #f8fafc !important;
    border-color: rgba(148, 163, 184, 0.18) !important;
}
html[data-theme="dark"] .product-purchase-card {
    box-shadow: 0 18px 42px rgba(2, 6, 23, 0.42), inset 0 1px 0 rgba(255,255,255,0.03) !important;
}

/* Global dark theme hardening */
html[data-theme="dark"] {
    color-scheme: dark;
}
html[data-theme="dark"] body,
html[data-theme="dark"] .site-shell,
html[data-theme="dark"] main,
html[data-theme="dark"] section,
html[data-theme="dark"] .page-section,
html[data-theme="dark"] .container,
html[data-theme="dark"] .container-fluid {
    color: #e5edf9;
}
html[data-theme="dark"] .card,
html[data-theme="dark"] .bg-white,
html[data-theme="dark"] .bg-light,
html[data-theme="dark"] .list-group-item,
html[data-theme="dark"] .accordion-item,
html[data-theme="dark"] .accordion-button,
html[data-theme="dark"] .modal-content,
html[data-theme="dark"] .offcanvas,
html[data-theme="dark"] .popover,
html[data-theme="dark"] .tooltip-inner,
html[data-theme="dark"] .contact-card,
html[data-theme="dark"] .blog-card,
html[data-theme="dark"] .portfolio-item,
html[data-theme="dark"] .service-detail-card,
html[data-theme="dark"] .post-detail-card,
html[data-theme="dark"] .comment-card,
html[data-theme="dark"] .faq-answer,
html[data-theme="dark"] .feature-box,
html[data-theme="dark"] .stats-box,
html[data-theme="dark"] .empty-box {
    background: linear-gradient(180deg, rgba(15, 23, 42, 0.94), rgba(10, 15, 27, 0.98)) !important;
    color: #e5edf9 !important;
    border-color: rgba(148, 163, 184, 0.15) !important;
    box-shadow: 0 16px 40px rgba(2, 6, 23, 0.32) !important;
}
html[data-theme="dark"] .accordion-button:not(.collapsed) {
    background: rgba(79, 70, 229, 0.18) !important;
    color: #ffffff !important;
    box-shadow: none !important;
}
html[data-theme="dark"] .accordion-button::after {
    filter: invert(1) brightness(1.4);
}
html[data-theme="dark"] .text-muted,
html[data-theme="dark"] .small.text-muted,
html[data-theme="dark"] .form-text,
html[data-theme="dark"] .text-secondary,
html[data-theme="dark"] .lead,
html[data-theme="dark"] .breadcrumb,
html[data-theme="dark"] .meta,
html[data-theme="dark"] .post-meta,
html[data-theme="dark"] .product-meta,
html[data-theme="dark"] .customer-lead {
    color: #cbd5e1 !important;
}
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] h6,
html[data-theme="dark"] .section-title,
html[data-theme="dark"] .card-title,
html[data-theme="dark"] .modal-title,
html[data-theme="dark"] .page-title,
html[data-theme="dark"] .product-title,
html[data-theme="dark"] .post-title,
html[data-theme="dark"] .service-title {
    color: #f8fbff !important;
}
html[data-theme="dark"] a:not(.btn):not(.nav-link):not(.dropdown-item) {
    color: #c7d2fe;
}
html[data-theme="dark"] a:not(.btn):not(.nav-link):not(.dropdown-item):hover {
    color: #e0e7ff;
}
html[data-theme="dark"] .btn-outline-dark {
    color: #e5edf9 !important;
    border-color: rgba(148, 163, 184, 0.28) !important;
    background: rgba(15, 23, 42, 0.55) !important;
}
html[data-theme="dark"] .btn-outline-dark:hover,
html[data-theme="dark"] .btn-outline-dark:focus {
    color: #fff !important;
    background: rgba(99, 102, 241, 0.22) !important;
    border-color: rgba(129, 140, 248, 0.45) !important;
}
html[data-theme="dark"] .btn-light,
html[data-theme="dark"] .btn-outline-secondary,
html[data-theme="dark"] .btn-outline-primary,
html[data-theme="dark"] .btn-outline-danger,
html[data-theme="dark"] .btn-outline-info,
html[data-theme="dark"] .btn-outline-success,
html[data-theme="dark"] .btn-outline-warning {
    box-shadow: none;
}
html[data-theme="dark"] .input-group-text,
html[data-theme="dark"] .form-control:disabled,
html[data-theme="dark"] .form-select:disabled {
    background: rgba(30, 41, 59, 0.95) !important;
    color: #e5edf9 !important;
    border-color: rgba(148, 163, 184, 0.18) !important;
}
html[data-theme="dark"] .form-control:focus,
html[data-theme="dark"] .form-select:focus,
html[data-theme="dark"] textarea:focus,
html[data-theme="dark"] input:focus,
html[data-theme="dark"] select:focus {
    background-color: rgba(15, 23, 42, 0.92) !important;
    border-color: rgba(129, 140, 248, 0.5) !important;
    box-shadow: 0 0 0 .22rem rgba(99, 102, 241, 0.15) !important;
}
html[data-theme="dark"] .table-responsive,
html[data-theme="dark"] .customer-table,
html[data-theme="dark"] .checkout-summary table,
html[data-theme="dark"] .checkout-card table {
    background: transparent !important;
}
html[data-theme="dark"] .table thead th {
    color: #f8fafc !important;
    background: rgba(30, 41, 59, 0.48) !important;
}
html[data-theme="dark"] .alert-success,
html[data-theme="dark"] .alert-danger,
html[data-theme="dark"] .alert-warning,
html[data-theme="dark"] .alert-info {
    border-color: rgba(148, 163, 184, 0.2);
}
html[data-theme="dark"] .pagination .page-link {
    background: rgba(15, 23, 42, 0.84) !important;
    color: #dbe4f3 !important;
    border-color: rgba(148, 163, 184, 0.16) !important;
}
html[data-theme="dark"] .pagination .page-item.active .page-link {
    background: linear-gradient(135deg, rgba(79,70,229,.92), rgba(99,102,241,.84)) !important;
    border-color: transparent !important;
}
html[data-theme="dark"] .nav-tabs,
html[data-theme="dark"] .tab-content,
html[data-theme="dark"] .product-tab-card,
html[data-theme="dark"] .checkout-shell,
html[data-theme="dark"] .checkout-card,
html[data-theme="dark"] .checkout-summary {
    border-color: rgba(148, 163, 184, 0.16) !important;
}
html[data-theme="dark"] .nav-tabs .nav-link {
    color: #cbd5e1;
    border-color: transparent;
}
html[data-theme="dark"] .nav-tabs .nav-link.active,
html[data-theme="dark"] .nav-tabs .nav-link:hover {
    color: #fff;
    background: rgba(99, 102, 241, 0.16);
    border-color: rgba(129, 140, 248, 0.18);
}
html[data-theme="dark"] .badge,
html[data-theme="dark"] .badge-soft,
html[data-theme="dark"] .customer-badge,
html[data-theme="dark"] .product-tag {
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.04);
}
html[data-theme="dark"] .footer,
html[data-theme="dark"] footer,
html[data-theme="dark"] .site-footer {
    background: rgba(5, 9, 18, 0.92) !important;
    color: #cbd5e1 !important;
    border-top: 1px solid rgba(148, 163, 184, 0.12) !important;
}
html[data-theme="dark"] .footer a,
html[data-theme="dark"] footer a,
html[data-theme="dark"] .site-footer a {
    color: #dbe4f3 !important;
}
html[data-theme="dark"] .hero-overlay,
html[data-theme="dark"] .hero-content-card,
html[data-theme="dark"] .slider-overlay,
html[data-theme="dark"] .slide-content-box {
    color: #f8fafc;
}
html[data-theme="dark"] .product-thumb:hover,
html[data-theme="dark"] .product-strip-btn:hover,
html[data-theme="dark"] .category-nav a:hover {
    box-shadow: 0 12px 24px rgba(2, 6, 23, 0.35), inset 0 0 0 1px rgba(129, 140, 248, 0.14) !important;
}
html[data-theme="dark"] .product-strip-btn.active,
html[data-theme="dark"] .product-thumb.active,
html[data-theme="dark"] .category-nav a.active {
    background: linear-gradient(135deg, rgba(79,70,229,.30), rgba(99,102,241,.20)) !important;
    border-color: rgba(129, 140, 248, 0.34) !important;
}

.product-detail-layout-modern{align-items:stretch;gap:40px}.product-gallery-shell-modern{background:radial-gradient(circle at top left,rgba(59,130,246,.14),transparent 38%),linear-gradient(180deg,#f8fbff,#eef4ff)}.product-main-visual-modern{min-height:520px}.product-strip-modern{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}.product-strip-modern-scroll{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding-bottom:6px;scrollbar-width:thin}.product-strip-modern-scroll::-webkit-scrollbar{height:6px}.product-strip-modern-scroll::-webkit-scrollbar-thumb{background:rgba(59,130,246,.35);border-radius:999px}.product-detail-info-modern{display:flex;flex-direction:column;gap:22px;background:linear-gradient(180deg,#ffffff,#f8fbff)}.product-detail-title-modern{font-size:clamp(2rem,3vw,2.8rem);line-height:1.1;margin:0;color:#0f172a}.product-detail-rating-modern{margin-bottom:0}.product-rating-stars{display:flex;gap:4px}.product-price-hero-card{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 24px;border-radius:26px;background:linear-gradient(135deg,#0f172a,#1e3a8a);color:#fff;box-shadow:0 20px 45px rgba(15,23,42,.18)}.product-price-hero-label{font-size:.92rem;opacity:.75;margin-bottom:4px}.product-price-hero-card strong{font-size:2.25rem;line-height:1}.product-price-hero-badge{padding:10px 16px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);font-weight:700;white-space:nowrap}.product-feature-grid-modern{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.product-feature-item{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 12px;border-radius:18px;background:#f8fafc;border:1px solid rgba(148,163,184,.18);color:#334155;font-weight:600;text-align:center}.product-feature-item i{color:#2563eb}.product-detail-actions-grid-modern .btn{padding:14px 18px;border-radius:18px;font-weight:700}.product-purchase-card-modern{padding:24px;border-radius:28px;background:linear-gradient(180deg,#f8fafc,#ffffff);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 18px 40px rgba(15,23,42,.06)}.product-purchase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.product-purchase-field-full{grid-column:1/-1}.product-purchase-card-modern .form-label{font-weight:700;color:#0f172a;margin-bottom:8px}.product-purchase-card-modern .form-select,.product-purchase-card-modern .form-control{border-radius:18px;border:1px solid rgba(148,163,184,.24);min-height:58px}.product-input-modern .input-group-text{border-radius:18px 0 0 18px;border:1px solid rgba(148,163,184,.24);border-right:0;background:#fff;min-width:58px;justify-content:center}.product-input-modern .form-control{border-radius:0 18px 18px 0}.product-login-note{padding:12px 14px;border-radius:16px;background:#eff6ff;color:#1d4ed8;font-weight:600;font-size:.95rem}.product-action-stack{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.product-action-stack .btn{border-radius:18px;font-weight:700;padding:15px 18px}.product-tab-card-modern{padding:34px;background:linear-gradient(180deg,#fff,#f8fbff)}.product-tab-card-modern .product-tab-buttons{margin-bottom:26px}.product-tab-card-modern .product-review-form .card-body{padding:0!important}.product-tab-card-modern .product-review-form{border-radius:26px;box-shadow:none;background:#f8fafc}.product-tab-card-modern .product-review-form .form-control,.product-tab-card-modern .product-review-form .form-select{border-radius:16px;min-height:52px}.product-tab-card-modern .product-review-form textarea.form-control{min-height:150px}.product-tab-card-modern .product-review-card{background:#fff}.product-tab-card-modern .product-empty-box{background:#fff}.product-tab-card-modern .product-description-content{font-size:1.02rem}.product-tab-card-modern .product-tab-btn{padding:13px 22px}
@media (max-width: 991px){.product-main-visual-modern{min-height:380px}.product-feature-grid-modern,.product-action-stack,.product-purchase-grid{grid-template-columns:1fr}}
@media (max-width: 767px){.product-price-hero-card{flex-direction:column;align-items:flex-start}.product-detail-info-modern{padding:22px}.product-purchase-card-modern{padding:18px}.product-strip-modern{gap:10px}}
html[data-theme="dark"] .product-detail-info-modern{background:linear-gradient(180deg,#0f172a,#111c34)}html[data-theme="dark"] .product-price-hero-card{background:linear-gradient(135deg,#111827,#1d4ed8)}html[data-theme="dark"] .product-feature-item,html[data-theme="dark"] .product-purchase-card-modern,html[data-theme="dark"] .product-tab-card-modern .product-review-form,html[data-theme="dark"] .product-tab-card-modern .product-review-card,html[data-theme="dark"] .product-tab-card-modern .product-empty-box{background:#0f172a;border-color:rgba(148,163,184,.2);color:#e5eefc}html[data-theme="dark"] .product-detail-title-modern,html[data-theme="dark"] .product-purchase-card-modern .form-label{color:#f8fafc}html[data-theme="dark"] .product-login-note{background:rgba(37,99,235,.14);color:#bfdbfe}html[data-theme="dark"] .product-tab-card-modern{background:linear-gradient(180deg,#0f172a,#0b1220)}html[data-theme="dark"] .product-purchase-card-modern .form-select,html[data-theme="dark"] .product-purchase-card-modern .form-control,html[data-theme="dark"] .product-input-modern .input-group-text{background:#0b1220;border-color:rgba(148,163,184,.22);color:#e5eefc}

.product-purchase-card-simple{padding:24px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,250,252,.96));border:1px solid rgba(14,165,233,.12);box-shadow:0 18px 40px rgba(15,23,42,.08)}
.product-purchase-simple-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.product-purchase-simple-price{display:block;font-size:2rem;line-height:1.1;color:#0f172a}
.product-purchase-simple-badge{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:999px;background:rgba(14,165,233,.1);color:#0284c7;font-weight:700;font-size:.95rem}
.product-action-stack-single .btn{width:100%}
body.dark-theme .product-purchase-card-simple{background:linear-gradient(180deg,rgba(17,24,39,.96),rgba(15,23,42,.96));border-color:rgba(56,189,248,.2);box-shadow:0 18px 40px rgba(0,0,0,.35)}
body.dark-theme .product-purchase-simple-price{color:#f8fafc}
body.dark-theme .product-purchase-simple-badge{background:rgba(56,189,248,.14);color:#7dd3fc}

.product-mobile-price-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:auto;margin-bottom:.95rem}
.product-mobile-price-row .badge-soft{max-width:58%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.product-card .product-buttons{margin-top:auto}
.product-card .product-buttons a{display:inline-flex;align-items:center;justify-content:center;border-radius:14px;font-weight:700}

.btn-mobile-price{display:none}


@media (max-width: 767.98px){.product-purchase-simple-top{flex-direction:column;align-items:flex-start}.product-purchase-simple-price{font-size:1.6rem}}


.footer-premium{position:relative;padding:72px 0 26px;background:#06080d;color:#fff;overflow:hidden}.footer-premium-bg{position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(14,165,233,.14),transparent 28%),radial-gradient(circle at bottom left,rgba(59,130,246,.10),transparent 24%),linear-gradient(180deg,#05070b 0%,#0b0f17 100%)}.footer-premium:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.14;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:22px 22px}.footer-premium-inner{position:relative;z-index:1}.footer-column h5{font-size:1.55rem;font-weight:800;letter-spacing:.02em;margin-bottom:1.35rem;text-transform:uppercase}.footer-menu-list{list-style:none;padding:0;margin:0;display:grid;gap:.9rem}.footer-menu-list a{display:flex;align-items:center;gap:.7rem;color:rgba(255,255,255,.84);text-decoration:none;font-size:1rem;transition:all .25s ease}.footer-menu-list a i{font-size:.72rem;color:#7dd3fc}.footer-menu-list a:hover{color:#fff;transform:translateX(4px)}.footer-brand-card{padding:10px 0 0}.footer-brand-logo{max-width:250px;width:100%;height:auto;object-fit:contain;margin-bottom:1rem}.footer-brand-fallback{font-size:1.8rem;font-weight:800;margin-bottom:1rem}.footer-brand-meta{display:grid;gap:.7rem;margin-bottom:1rem}.footer-brand-meta div{display:flex;align-items:flex-start;gap:.7rem;color:rgba(255,255,255,.85)}.footer-brand-meta i{color:#7dd3fc;margin-top:.2rem}.footer-brand-note{color:rgba(255,255,255,.92);font-size:1.05rem;line-height:1.7;margin:0}.footer-payment-row{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;justify-content:center;padding:30px 0 22px;margin-top:26px;border-top:1px solid rgba(255,255,255,.08)}.footer-pay-badge{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);font-weight:700;color:#eef6ff}.footer-bottom-bar{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:center;text-align:center;border-top:1px solid rgba(255,255,255,.08);padding-top:18px;color:#fff}.footer-bottom-mini{color:rgba(255,255,255,.7)}@media (max-width:991px){.footer-premium{padding-top:56px}.footer-column h5{font-size:1.35rem}}@media (max-width:767px){.footer-payment-row{justify-content:flex-start}.footer-bottom-bar{justify-content:flex-start;text-align:left}}
html[data-theme="dark"] .footer-premium, body.dark-theme .footer-premium{background:#04060a;color:#fff}

/* ===== Responsive global refinements ===== */
html,body{max-width:100%;overflow-x:hidden}
iframe,video,canvas,svg{max-width:100%}
.container,.container-fluid{width:100%}
section,header,footer{max-width:100%}
.navbar-toggler{border:1px solid rgba(148,163,184,.24);border-radius:16px;padding:.62rem .8rem;background:var(--surface-solid)}
.navbar-toggler:focus{box-shadow:0 0 0 .2rem rgba(79,70,229,.18)}
.navbar-toggler-icon{width:1.2em;height:1.2em}
.page-hero .display-4,.page-hero h1{font-size:clamp(1.9rem,6vw,3.4rem);line-height:1.12}
.page-hero p,.page-hero .lead{font-size:clamp(.95rem,2.8vw,1.12rem)}
.hero-content,.page-hero .container{position:relative;z-index:1}
.product-card,.post-card,.portfolio-card,.mini-banner,.filter-box,.faq-item,.product-tab-card,.product-tab-card-modern,.customer-box,.customer-panel-card,.customer-sidebar{max-width:100%}
.footer-premium-inner .row{row-gap:2rem}

@media (max-width:1199.98px){
  .header-shell{padding-left:1rem!important;padding-right:1rem!important}
  .header-shell .navbar-nav{max-width:100%}
  .hero-slider-frame{width:100%}
  .hero-slider-frame .carousel-item,.hero-slide-row{min-height:clamp(440px,68vh,var(--slider-height-desktop,620px))}
}

@media (max-width:991.98px){
  .navbar{padding:.78rem 0}
  .header-shell{gap:.85rem}
  .header-shell .navbar-brand{max-width:70%}
  .header-shell .navbar-collapse{width:100%;background:color-mix(in srgb,var(--surface-solid) 94%, transparent);border:1px solid var(--border);border-radius:24px;padding:1rem;margin-top:.9rem;box-shadow:0 18px 45px rgba(15,23,42,.10)}
  html[data-theme="dark"] .header-shell .navbar-collapse{background:rgba(15,23,42,.96)}
  .header-shell .navbar-nav{width:100%;align-items:stretch!important;gap:.15rem}
  .nav-link{margin:0;padding:.82rem .2rem}
  .navbar .nav-item.dropdown>.dropdown-menu,.navbar .dropdown-submenu>.submenu-menu{min-width:100%}
  .nav-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.9rem!important}
  .nav-actions .theme-toggle{width:100%;border-radius:18px;height:52px}
  .nav-actions .btn,
  .nav-actions .user-nav-chip,
  .nav-actions .btn-nav-cta{width:100%;justify-content:center;text-align:center;min-height:52px}
  .page-hero{margin-top:72px;padding:98px 0 54px;min-height:auto!important}
  .page-hero .breadcrumb-custom{justify-content:center}
  .page-hero .container{text-align:center}
  .hero-slider{margin-top:72px}
  .hero-buttons{width:100%;gap:.75rem}
  .hero-buttons .btn{flex:1 1 calc(50% - .75rem);justify-content:center}
  .simple-slider-content,.premium-slider-content,.hero-text{max-width:100%}
  .product-category-sidebar{margin-bottom:1rem}
  .footer-brand-card{padding-top:0}
}

@media (max-width:767.98px){
  .header-shell .navbar-brand{max-width:calc(100% - 72px)}
  .site-logo{max-width:150px}
  .header-shell .navbar-collapse{padding:.9rem .85rem;border-radius:20px}
  .nav-actions{grid-template-columns:1fr}
  .page-hero{padding:90px 0 42px}
  .page-hero .container{padding-left:16px;padding-right:16px}
  .hero-slider-frame .carousel-item,.hero-slide-row{min-height:clamp(360px,58vh,var(--slider-height-mobile,420px))}
  .hero-title{font-size:clamp(1.9rem,8vw,2.65rem)}
  .hero-badge{font-size:.76rem}
  .hero-buttons .btn{flex:1 1 100%;width:100%}
  .mini-banner,.filter-box,.post-card,.portfolio-card,.faq-item{padding:18px;border-radius:20px}
  .product-tab-card,.product-tab-card-modern{padding:22px;border-radius:24px}
  .product-tab-buttons{gap:.65rem}
  .product-tab-btn{width:100%;justify-content:center;text-align:center}
  .cart-line-item{padding:1rem!important}
  .cart-line-media img{height:auto;max-height:220px}
  .footer-premium{padding:56px 0 24px}
  .footer-column h5{font-size:1.18rem}
  .footer-menu-list{gap:.72rem}
  .footer-payment-row{gap:.6rem;padding:22px 0 18px}
  .footer-pay-badge{padding:8px 12px;font-size:.9rem}
}

@media (max-width:575.98px){
  .header-shell{padding-left:.8rem!important;padding-right:.8rem!important}
  .navbar-brand{font-size:1.35rem}
  .page-hero{padding-top:84px;padding-bottom:36px}
  .page-hero .display-4,.page-hero h1{font-size:clamp(1.65rem,9vw,2.2rem)}
  .page-hero p,.page-hero .lead{font-size:.92rem}
  .hero-slider-frame .carousel-item,.hero-slide-row{min-height:340px}
  .hero-text{font-size:.94rem}
  .product-gallery-shell,.product-detail-info,.product-tab-card,.product-tab-card-modern,.customer-box-body,.customer-section{padding:18px!important}
  .product-main-visual,.product-main-visual-modern{min-height:280px!important}
  .product-thumb{height:74px!important}
  .checkout-summary-card,.checkout-card,.cart-summary-card{border-radius:22px}
}

/* ===== Responsive continuation pack ===== */
@media (max-width: 1199.98px){
  .hosting-premium-hero-grid,
  .product-detail-layout-modern,
  .customer-grid,
  .customer-shell,
  .contact-row{
    gap: 24px !important;
  }
  .hosting-premium-copy,
  .hosting-premium-visual,
  .customer-content,
  .customer-sidebar{
    min-width: 0;
  }
}

@media (max-width: 991.98px){
  .products-section .row,
  .product-detail-layout,
  .product-detail-layout-modern,
  .hosting-premium-hero-grid,
  .customer-grid,
  .contact-row,
  .checkout-shell .row,
  .premium-summary .row{
    --bs-gutter-x: 1.2rem;
    --bs-gutter-y: 1.2rem;
  }

  .product-category-sidebar,
  .category-sidebar-card,
  .customer-sidebar,
  .checkout-summary,
  .premium-summary,
  .hosting-compare-block,
  .contact-info-card,
  .contact-form-card{
    position: static !important;
    top: auto !important;
  }

  .product-category-sidebar,
  .category-sidebar-card{
    order: -1;
  }

  .product-detail-layout > [class*='col-'],
  .product-detail-layout-modern > [class*='col-'],
  .checkout-shell [class*='col-lg-'],
  .checkout-shell [class*='col-xl-'],
  .customer-grid > [class*='col-'],
  .contact-row > [class*='col-'],
  .hosting-premium-hero-grid > [class*='col-']{
    width: 100%;
  }

  .hosting-premium-hero{
    padding: 34px 24px !important;
    border-radius: 28px !important;
  }
  .hosting-premium-card,
  .hosting-premium-hero-card,
  .premium-campaign-box,
  .premium-summary,
  .premium-order-form,
  .checkout-card,
  .checkout-summary,
  .customer-box,
  .customer-panel-card,
  .customer-ticket-card,
  .customer-order-card{
    border-radius: 24px !important;
  }

  .hosting-hero-metrics,
  .proof-avatars,
  .premium-feature-list,
  .hosting-proof-grid,
  .value-band-grid,
  .guarantee-grid,
  .stat-grid,
  .customer-stats{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .hosting-tab-shell,
  .product-tab-buttons,
  .products-topbar,
  .customer-menu{
    overflow-x: auto;
    flex-wrap: nowrap !important;
    scrollbar-width: thin;
    padding-bottom: 4px;
  }

  .hosting-tab-premium,
  .product-tab-btn,
  .customer-menu a,
  .products-topbar .btn,
  .products-topbar a{
    white-space: nowrap;
    flex: 0 0 auto;
  }

  .checkout-shell .table-responsive,
  .customer-table,
  .hosting-compare-table-wrap{
    margin-bottom: 0;
    border-radius: 18px;
    overflow: auto hidden;
  }
}


.product-mobile-price-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:auto;margin-bottom:.95rem}
.product-mobile-price-row .badge-soft{max-width:58%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.product-card .product-buttons{margin-top:auto}
.product-card .product-buttons a{display:inline-flex;align-items:center;justify-content:center;border-radius:14px;font-weight:700}

@media (max-width: 767.98px){
  .products-section,
  .contact-section,
  .customer-section,
  .hosting-premium-page,
  .checkout-shell,
  .product-detail-hero,
  .product-detail-layout,
  .product-detail-layout-modern{
    padding-left: 0;
    padding-right: 0;
  }

  .container,
  .container-fluid,
  .hosting-premium-container{
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .products-topbar,
  .customer-profile-hero,
  .hosting-premium-hero,
  .product-price-hero-card,
  .product-purchase-card-modern,
  .product-purchase-card-simple,
  .premium-order-form,
  .premium-summary,
  .checkout-card,
  .checkout-summary,
  .customer-box,
  .customer-panel-card,
  .customer-ticket-card,
  .customer-order-card,
  .contact-form-card,
  .contact-info-card,
  .hosting-compare-block{
    padding: 18px !important;
    border-radius: 22px !important;
  }

  .product-detail-title-modern,
  .customer-title,
  .hosting-premium-copy h1,
  .hosting-premium-copy .display-4,
  .contact-section h1,
  .checkout-shell h1,
  .checkout-shell h2,
  .customer-box h2,
  .customer-box h3{
    font-size: clamp(1.4rem, 6vw, 2rem) !important;
    line-height: 1.16 !important;
  }

  .product-price-hero-card strong,
  .price,
  .price-stack,
  .premium-price-row .price,
  .premium-price-row strong,
  .premium-subprice,
  .customer-stat strong{
    font-size: clamp(1.2rem, 6vw, 1.85rem) !important;
  }

  .hosting-hero-metrics,
  .proof-avatars,
  .premium-feature-list,
  .hosting-proof-grid,
  .value-band-grid,
  .guarantee-grid,
  .stat-grid,
  .customer-stats,
  .product-feature-grid-modern,
  .product-action-stack,
  .product-purchase-grid,
  .customer-form-grid{
    grid-template-columns: 1fr !important;
  }

  .product-gallery-shell,
  .product-gallery-shell-modern,
  .product-main-visual,
  .product-main-visual-modern,
  .hero-device-frame,
  .hero-orbit,
  .hero-screen{
    min-height: auto !important;
    height: auto !important;
  }

  .product-strip-modern,
  .product-strip-btn,
  .product-detail-actions-grid,
  .product-detail-actions-grid-modern,
  .head-actions,
  .customer-user-wrap,
  .customer-order-meta,
  .premium-price-row,
  .premium-topline,
  .premium-countdown,
  .premium-quick-specs{
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .btn,
  .customer-btn,
  .premium-buy-btn,
  .product-action-stack .btn,
  .product-detail-actions-grid .btn,
  .product-detail-actions-grid-modern .btn,
  .head-actions .btn,
  .premium-order-form .btn,
  .checkout-shell .btn,
  .contact-section .btn{
    width: 100%;
  }

  .domain-input-wrap,
  .product-input-modern,
  .contact-form-card .input-group,
  .premium-order-form .input-group{
    flex-wrap: nowrap;
  }

  .customer-menu{
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    overflow: visible;
  }
  .customer-menu a{
    min-height: 48px;
    justify-content: center;
    text-align: center;
  }

  .customer-mobile-card,
  .customer-order-card,
  .customer-ticket-card{
    display: block !important;
  }

  .contact-map-section,
  .contact-map-embed iframe{
    border-radius: 0 !important;
  }

  .hosting-compare-table,
  .customer-table table,
  .checkout-shell table{
    min-width: 680px;
  }
}

@media (max-width: 575.98px){
  body{
    font-size: 15px;
  }

  .navbar-brand,
  .footer-brand-fallback{
    font-size: 1.2rem !important;
  }

  .site-logo,
  .footer-brand-logo{
    max-width: 140px !important;
  }

  .hero-badge,
  .badge-soft,
  .product-tag,
  .customer-badge,
  .footer-pay-badge,
  .product-price-hero-badge,
  .premium-ribbon,
  .section-chip{
    font-size: .74rem !important;
    padding: 8px 12px !important;
  }

  .product-card-image,
  .product-img,
  .post-thumb,
  .portfolio-thumb{
    height: auto !important;
    aspect-ratio: 4 / 3;
    object-fit: cover;
  }

  .floating-pill,
  .pill-a,
  .pill-b,
  .pill-c,
  .pill-d,
  .glow-left,
  .glow-right,
  .hosting-bg-glow,
  .hosting-bg-grid{
    display: none !important;
  }

  .products-topbar,
  .hosting-tab-shell,
  .product-tab-buttons,
  .customer-menu{
    scroll-snap-type: x proximity;
  }

  .products-topbar > *,
  .hosting-tab-shell > *,
  .product-tab-buttons > *,
  .customer-menu > *{
    scroll-snap-align: start;
  }
}



.product-mobile-price-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:auto;margin-bottom:.95rem}
.product-mobile-price-row .badge-soft{max-width:58%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.product-card .product-buttons{margin-top:auto}
.product-card .product-buttons a{display:inline-flex;align-items:center;justify-content:center;border-radius:14px;font-weight:700}

@media (max-width: 767.98px){
  .products-section{padding:56px 0}
  .products-section .row.g-4{--bs-gutter-x:.9rem;--bs-gutter-y:.9rem}
  .products-section .col-6{width:50%}
  .product-category-sidebar{margin-bottom:1rem}
  .category-sidebar-card{border-radius:22px;padding:1rem}
  .category-sidebar-head{gap:.75rem;align-items:center}
  .category-sidebar-head h3{font-size:1rem;margin-bottom:0}
  .category-sidebar-toggle{padding:.7rem .9rem;border-radius:14px;min-width:148px;justify-content:space-between}
  .category-sidebar-links{margin-top:.85rem}
  .category-sidebar-link{padding:.82rem .92rem;border-radius:14px}
  .products-topbar{padding:1rem 1.05rem;border-radius:20px;gap:.85rem}
  .products-topbar>div:first-child{min-width:0}
  .products-topbar h4{font-size:1rem}
  .products-topbar p{font-size:.82rem;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .products-topbar-count{padding:.62rem .84rem;border-radius:999px;font-size:.8rem;white-space:nowrap}
  .product-card{height:100%;min-height:0;aspect-ratio:auto;display:flex;flex-direction:column;border-radius:0;overflow:hidden;box-shadow:none;background:#fff;border:1px solid #ebedf2;padding:.45rem}
  .product-card:before{display:none}
  .product-img{border-radius:0;flex:0 0 auto;background:#f6f6f6;padding:.55rem;display:flex;align-items:center;justify-content:center;min-height:138px}
  .product-body{padding:.72rem .2rem .1rem;display:flex;flex-direction:column;flex:1;min-height:0}
  .product-tag{display:none}
  .product-card h3{font-size:.78rem;line-height:1.24;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:2.95em;margin-bottom:.45rem;font-weight:600;color:#083b73}
  .product-card p{font-size:.74rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.05em;margin-bottom:.55rem;color:rgba(15,23,42,.72)}
  .product-mobile-price-row{display:none}
  .product-mobile-price-row .badge-soft{font-size:.62rem;padding:.3rem .45rem;max-width:54%}
  .product-mobile-price-row .price{font-size:.92rem;line-height:1.05;text-align:right}
  .product-buttons{gap:0;margin-top:auto}
  .product-buttons a{width:100%;justify-content:center;padding:.62rem .35rem;font-size:.74rem;min-height:36px;border-radius:6px}
  .product-img img{aspect-ratio:1 / 1;object-fit:contain;height:auto;width:100%;max-height:120px}
}

@media (max-width: 575.98px){
  .products-section .container{padding-left:8px;padding-right:8px}
  .products-section .row.g-4{--bs-gutter-x:.55rem;--bs-gutter-y:.55rem}
  .products-topbar{padding:.92rem .95rem;border-radius:18px;align-items:flex-start}
  .products-topbar h4{font-size:.96rem}
  .products-topbar p{font-size:.78rem}
  .products-topbar-count{padding:.54rem .72rem;font-size:.76rem}
  .product-card{border-radius:0;aspect-ratio:auto;min-height:0}
  .product-img{border-radius:0;flex-basis:auto;min-height:122px;padding:.48rem}
  .product-body{padding:.68rem .15rem .05rem;gap:.1rem}
  .product-tag{display:none}
  .product-card h3{font-size:.76rem;min-height:2.9em;margin-bottom:.45rem}
  .product-card p{display:none}
  .product-mobile-price-row{display:none}
  .product-mobile-price-row .badge-soft{font-size:.58rem;padding:.24rem .38rem;max-width:52%}
  .price{font-size:.86rem}
  .product-buttons{gap:0}
  .product-buttons a{font-size:.72rem;min-height:34px;padding:.58rem .16rem;border-radius:6px}
}

@media (max-width: 420px){
  .products-section .row.g-4{--bs-gutter-x:.64rem;--bs-gutter-y:.64rem}
  .product-card{aspect-ratio:auto;border-radius:0}
  .product-img{border-radius:0;flex-basis:auto;min-height:112px;padding:.42rem}
  .product-body{padding:.62rem .12rem 0}
  .product-card h3{font-size:.74rem;min-height:2.9em}
  .product-mobile-price-row .badge-soft{display:none}
  .price{font-size:.82rem}
  .product-buttons a{font-size:.62rem;min-height:30px}
}


@media (max-width: 767.98px){
  .products-topbar{display:none}
  .products-section{background:#efefef;padding-top:1rem!important;padding-bottom:1rem!important}
  .products-section .container{padding-left:10px;padding-right:10px}
  .products-section .col-6{padding-left:.32rem;padding-right:.32rem}
  .products-section .page-hero,.products-section .hero-text{display:none}
  .category-sidebar-card{background:transparent;border:0;box-shadow:none;padding:0}
  .category-sidebar-head{padding:0 0 .4rem}
  .category-sidebar-eyebrow{display:none}
  .category-sidebar-head h3{font-size:.96rem;font-weight:800;color:#0f172a}
  .category-sidebar-toggle{background:#fff;border-radius:14px;box-shadow:0 10px 22px rgba(15,23,42,.05)}.category-sidebar-links{display:none !important;max-height:0;overflow:hidden}.category-sidebar-links.is-open{display:block !important;max-height:none}
  .product-card{background:#fff;border:1px solid #ececec;border-radius:0;padding:.65rem;box-shadow:none;display:flex;flex-direction:column;min-height:100%}
  .product-card:before{display:none}
  .product-img{background:#f5f5f5;border-radius:0;min-height:146px;padding:.75rem;margin-bottom:.15rem}
  .product-img img{max-height:118px;width:100%;object-fit:contain}
  .product-body{padding:.72rem 0 0;display:flex;flex-direction:column;gap:.35rem;flex:1}
  .product-tag,.product-card p,.product-mobile-price-row,.product-card .btn-review,.product-card .btn-demo{display:none!important}
  .product-card h3{font-size:.78rem;line-height:1.28;color:#083b73;font-weight:500;min-height:4.6em;max-height:4.6em;margin:0;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
  .product-buttons{margin-top:auto;padding-top:.35rem}
  .product-card .btn-mobile-price{display:flex;align-items:center;justify-content:center;width:100%;min-height:34px;border-radius:5px;background:#29b35e;color:#fff;border:1px solid #24a554;box-shadow:inset 0 -2px 0 rgba(0,0,0,.08);font-size:.86rem;font-weight:800;letter-spacing:.01em}
  .product-card:hover{transform:none;box-shadow:none}
}

@media (max-width: 575.98px){
  .products-section .container{padding-left:8px;padding-right:8px}
  .products-section .row.g-4{--bs-gutter-x:.72rem;--bs-gutter-y:.72rem}
  .product-card{padding:.55rem}
  .product-img{min-height:136px;padding:.62rem}
  .product-img img{max-height:108px}
  .product-card h3{font-size:.74rem;min-height:4.45em;max-height:4.45em}
  .product-card .btn-mobile-price{font-size:.82rem;min-height:32px}
}

@media (max-width: 420px){
  .products-section .container{padding-left:6px;padding-right:6px}
  .products-section .row.g-4{--bs-gutter-x:.62rem;--bs-gutter-y:.62rem}
  .product-card{padding:.5rem}
  .product-img{min-height:124px;padding:.55rem}
  .product-img img{max-height:98px}
  .product-card h3{font-size:.72rem;min-height:4.3em;max-height:4.3em}
  .product-card .btn-mobile-price{font-size:.78rem;min-height:31px}
}

.product-description-content p:last-child{margin-bottom:0}
.product-description-content img{max-width:100%;height:auto;border-radius:18px}
@media (max-width: 991.98px){.product-thumb-orbit{display:none}.product-gallery-shell-modern{padding:22px}.product-main-visual-modern{min-height:360px}.product-strip-modern{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px}}

.notfound-hero{position:relative;overflow:hidden;padding:92px 0 72px;background:linear-gradient(135deg,var(--nf-accent),#0d1b4d 58%,#09122f 100%);color:#fff}
.notfound-hero:before,.notfound-hero:after{content:"";position:absolute;border-radius:999px;background:rgba(255,255,255,.08);filter:blur(2px)}
.notfound-hero:before{width:320px;height:320px;right:-90px;top:-70px}
.notfound-hero:after{width:220px;height:220px;left:-70px;bottom:-100px}
.notfound-badge{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem .9rem;border-radius:999px;background:rgba(255,255,255,.12);backdrop-filter:blur(10px);font-weight:700;font-size:.88rem;letter-spacing:.01em;margin-bottom:1rem}
.notfound-hero h1{font-size:clamp(2.3rem,4.8vw,4.2rem);font-weight:800;line-height:1.08;margin-bottom:1rem;color:#fff}
.notfound-lead{font-size:1.05rem;line-height:1.75;max-width:640px;color:rgba(255,255,255,.86);margin-bottom:1.6rem}
.notfound-actions{display:flex;flex-wrap:wrap;gap:.85rem;margin-bottom:1.1rem}
.notfound-actions .btn-outline-light{border-width:2px}
.notfound-mini-links{display:flex;flex-wrap:wrap;gap:1rem 1.25rem}
.notfound-mini-links a{display:inline-flex;align-items:center;gap:.45rem;color:#fff;text-decoration:none;font-weight:600;opacity:.95}
.notfound-mini-links a:hover{opacity:1;text-decoration:underline}
.notfound-card{position:relative;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(16px);border-radius:28px;padding:1.7rem}
.notfound-code{font-size:clamp(4.2rem,8vw,6.2rem);line-height:1;font-weight:900;color:#fff;margin-bottom:.65rem;text-shadow:0 10px 30px rgba(0,0,0,.18)}
.notfound-card-title{font-size:1.4rem;font-weight:800;margin-bottom:.65rem;color:#fff}
.notfound-card-text{color:rgba(255,255,255,.86);line-height:1.7;margin-bottom:1.15rem}
.notfound-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}
.notfound-stat-box{padding:1rem;border-radius:18px;background:rgba(5,14,34,.26);border:1px solid rgba(255,255,255,.12)}
.notfound-stat-box strong{display:block;color:#fff;font-size:.98rem;margin-bottom:.3rem}
.notfound-stat-box span{display:block;color:rgba(255,255,255,.75);font-size:.86rem;line-height:1.5}
.notfound-help-section{background:linear-gradient(180deg,#f8fbff 0%,#eef5ff 100%)}
.notfound-help-card{display:block;height:100%;background:#fff;border:1px solid rgba(23,63,117,.08);border-radius:24px;padding:1.5rem;text-decoration:none;color:#16213e;box-shadow:0 12px 32px rgba(24,43,84,.06);transition:transform .2s ease, box-shadow .2s ease}
.notfound-help-card:hover{transform:translateY(-4px);box-shadow:0 18px 36px rgba(24,43,84,.1);color:#16213e}
.notfound-help-card .icon{width:58px;height:58px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--nf-accent,#3aa9ff),#6c5ce7);color:#fff;font-size:1.25rem;margin-bottom:1rem}
.notfound-help-card h3{font-size:1.15rem;font-weight:800;margin-bottom:.55rem}
.notfound-help-card p{color:#667085;line-height:1.7;margin-bottom:0}
[data-theme="dark"] .notfound-help-section,.theme-dark .notfound-help-section,body.dark-theme .notfound-help-section{background:linear-gradient(180deg,#121829 0%,#0e1424 100%)}
[data-theme="dark"] .notfound-help-card,.theme-dark .notfound-help-card,body.dark-theme .notfound-help-card{background:#151c2e;border-color:rgba(255,255,255,.06);color:#eef4ff;box-shadow:none}
[data-theme="dark"] .notfound-help-card p,.theme-dark .notfound-help-card p,body.dark-theme .notfound-help-card p{color:#aab6cf}
@media (max-width:991.98px){.notfound-hero{padding:82px 0 56px}.notfound-card{margin-top:.5rem}}
@media (max-width:575.98px){.notfound-hero{padding:74px 0 48px}.notfound-actions .btn{width:100%}.notfound-mini-links{gap:.75rem 1rem}.notfound-stat-grid{grid-template-columns:1fr}.notfound-card{padding:1.25rem;border-radius:22px}.notfound-help-card{padding:1.15rem;border-radius:20px}}

/* v32: mobile product catalog cards aligned to reference layout */
.product-catalog-grid{align-items:stretch}
.product-catalog-card{position:relative;height:100%;display:flex;flex-direction:column;background:#f3f3f3!important;border:1px solid #e7e7e7!important;border-radius:0!important;box-shadow:none!important;padding:8px!important;overflow:hidden}
.product-catalog-card:before{display:none!important}
.product-catalog-card:hover{transform:none!important;box-shadow:none!important;border-color:#e0e0e0!important}
.product-catalog-image{display:flex;align-items:center;justify-content:center;min-height:175px;background:#efefef!important;border:6px solid #f7f7f7!important;border-radius:0!important;padding:14px!important;margin-bottom:10px;text-decoration:none}
.product-catalog-image img{display:block;max-width:100%;max-height:128px;width:auto;height:auto;object-fit:contain}
.product-catalog-body{display:flex;flex-direction:column;gap:10px;height:100%;padding:2px 4px 4px!important}
.product-catalog-title{margin:0!important;min-height:4.7em;font-size:.98rem!important;line-height:1.28!important;font-weight:500!important;color:#004a93!important;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.product-catalog-title a{color:inherit!important;text-decoration:none!important}
.product-catalog-title a:hover{color:#004a93!important}
.product-catalog-card .product-buttons{margin-top:auto!important;padding-top:2px!important}
.product-catalog-card .btn-mobile-price,
.product-catalog-price{display:flex!important;align-items:center;justify-content:center;width:100%;min-height:38px;background:#28b45f!important;border:1px solid #1fa251!important;border-radius:4px!important;color:#fff!important;text-decoration:none!important;font-size:1rem!important;font-weight:800!important;letter-spacing:0!important;box-shadow:none!important;padding:8px 10px!important}
.product-catalog-card .btn-mobile-price:hover,
.product-catalog-price:hover{background:#23a853!important;border-color:#1c9348!important;color:#fff!important}

@media (min-width: 768px){
  .product-catalog-card{padding:10px!important}
  .product-catalog-image{min-height:210px;padding:18px!important;border-width:7px!important}
  .product-catalog-image img{max-height:160px}
  .product-catalog-title{font-size:1.02rem!important;min-height:4.9em}
  .product-catalog-card .btn-mobile-price,
  .product-catalog-price{min-height:42px;font-size:1.05rem!important}
}

@media (max-width: 767.98px){
  .products-section{background:#efefef!important;padding-top:12px!important;padding-bottom:12px!important}
  .products-section .container{padding-left:6px!important;padding-right:6px!important}
  .products-section .row.product-catalog-grid{--bs-gutter-x:10px;--bs-gutter-y:10px}
  .products-section .product-catalog-grid > [class*="col-"]{padding-left:5px!important;padding-right:5px!important}
  .product-catalog-card{padding:7px!important}
  .product-catalog-image{min-height:144px;padding:10px!important;border-width:5px!important;margin-bottom:9px}
  .product-catalog-image img{max-height:102px}
  .product-catalog-body{gap:8px;padding:1px 3px 3px!important}
  .product-catalog-title{font-size:.77rem!important;line-height:1.25!important;min-height:4.45em}
  .product-catalog-card .btn-mobile-price,
  .product-catalog-price{min-height:31px!important;font-size:.84rem!important;border-radius:4px!important;padding:6px 8px!important}
}

@media (max-width: 420px){
  .products-section .row.product-catalog-grid{--bs-gutter-x:8px;--bs-gutter-y:8px}
  .product-catalog-card{padding:6px!important}
  .product-catalog-image{min-height:134px;padding:8px!important}
  .product-catalog-image img{max-height:96px}
  .product-catalog-title{font-size:.73rem!important;min-height:4.35em}
  .product-catalog-card .btn-mobile-price,
  .product-catalog-price{min-height:29px!important;font-size:.79rem!important}
}

/* Desktopte Detay yanindaki fiyat butonunu gizle, mobilde koru */
@media (min-width: 768px){
  .product-card .btn-mobile-price{display:none !important;}
}