html {
    scroll-behavior: smooth;
}

/* Anchor offset for sticky navbar */
[id] {
    scroll-margin-top: 80px;
}

#topnav .buy-button {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
}

@media (min-width: 992px) {
    #topnav .container {
        display: flex;
        align-items: center;
        gap: 12px;
    }

    #topnav .logo {
        flex: 0 0 auto;
        margin-right: 0;
    }

    #topnav #navigation {
        flex: 1 1 auto;
        display: flex !important;
        justify-content: center;
        min-width: 0;
    }

    #topnav .navigation-menu {
        display: flex !important;
        flex-wrap: nowrap !important;
        justify-content: center !important;
        align-items: center !important;
        width: 100%;
        white-space: nowrap;
    }

    #topnav .navigation-menu > li {
        margin: 0 5px !important;
        flex: 0 0 auto;
    }

    #topnav .navigation-menu > li > a {
        padding-left: 8px !important;
        padding-right: 8px !important;
        font-size: 12.5px !important;
        letter-spacing: 0.6px !important;
        white-space: nowrap !important;
    }

    #topnav .buy-button {
        flex: 0 0 auto;
        flex-wrap: nowrap !important;
        gap: 6px !important;
        margin-left: 0 !important;
        padding-left: 0 !important;
    }

    #topnav .buy-button .list-inline-item {
        margin-right: 0 !important;
    }

    #topnav .buy-button .btn {
        padding: 0.52rem 0.9rem;
        font-size: 0.78rem;
        white-space: nowrap;
    }

    #topnav .buy-button .lang-switch,
    #topnav .buy-button .theme-toggle-btn {
        flex: 0 0 auto;
    }
}

.lang-switch .divider {
    color: rgba(255, 255, 255, 0.3);
}

.lang-switch .is-disabled {
    opacity: 0.45;
    cursor: not-allowed;
    pointer-events: none;
}

.theme-toggle-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 54px;
    height: 36px;
    padding: 0 8px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);
    transition: background-color 0.25s ease, border-color 0.25s ease, transform 0.25s ease, color 0.25s ease;
}

.theme-toggle-btn:hover {
    transform: translateY(-1px);
}

.theme-toggle-track {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.theme-toggle-option {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    opacity: 0.45;
    transition: opacity 0.25s ease, color 0.25s ease;
}

html[data-site-theme="light"] .theme-toggle-option[data-theme-option="light"],
html[data-site-theme="dark"] .theme-toggle-option[data-theme-option="dark"] {
    opacity: 1;
}

html[data-site-theme="light"] body {
    background: #f4f7fb;
}

html[data-site-theme="light"] .theme-toggle-btn {
    border-color: rgba(15, 23, 42, 0.12);
    background: rgba(255, 255, 255, 0.92);
    color: #11243a;
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.08);
}

html[data-site-theme="light"] .theme-toggle-option[data-theme-option="light"] {
    color: #f59e0b;
}

html[data-site-theme="dark"] .theme-toggle-option[data-theme-option="dark"] {
    color: #8ab4ff;
}

html[data-site-theme="light"] .lang-switch {
    background: rgba(255, 255, 255, 0.94);
    border-color: rgba(15, 23, 42, 0.12);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.08);
}

html[data-site-theme="light"] .lang-switch a {
    color: rgba(17, 36, 58, 0.62);
}

html[data-site-theme="light"] .lang-switch a.active {
    color: #11243a;
}

html[data-site-theme="light"] .lang-switch .divider {
    color: rgba(17, 36, 58, 0.25);
}

html[data-site-theme="light"] .bg-gradient-primary,
html[data-site-theme="light"] .page-header {
    background:
        radial-gradient(circle at top right, rgba(46, 202, 106, 0.15), transparent 28%),
        radial-gradient(circle at left center, rgba(47, 85, 212, 0.16), transparent 24%),
        linear-gradient(135deg, #f8fbff 0%, #eef4ff 45%, #edf8f0 100%) !important;
}

html[data-site-theme="light"] .bg-gradient-primary .heading,
html[data-site-theme="light"] .page-header .heading {
    color: #12263f;
}

html[data-site-theme="light"] .bg-gradient-primary .text-white,
html[data-site-theme="light"] .page-header .text-white {
    color: #12263f !important;
}

html[data-site-theme="light"] .bg-gradient-primary .text-muted,
html[data-site-theme="light"] .page-header .text-muted {
    color: #5d7088 !important;
}

html[data-site-theme="light"] .product-card,
html[data-site-theme="light"] .solution-card,
html[data-site-theme="light"] .counter-box,
html[data-site-theme="light"] .product-detail-card,
html[data-site-theme="light"] .contact-card,
html[data-site-theme="light"] .advantage-section,
html[data-site-theme="light"] .vm-card,
html[data-site-theme="light"] .telif-note,
html[data-site-theme="light"] .update-entry,
html[data-site-theme="light"] .video-link-card,
html[data-site-theme="light"] .video-card,
html[data-site-theme="light"] .download-card,
html[data-site-theme="light"] .support-card,
html[data-site-theme="light"] .timeline-item,
html[data-site-theme="light"] .info-box {
    background: rgba(255, 255, 255, 0.94) !important;
    border-color: rgba(15, 23, 42, 0.08) !important;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.06);
}

html[data-site-theme="light"] .product-card:hover,
html[data-site-theme="light"] .solution-card:hover,
html[data-site-theme="light"] .product-detail-card:hover,
html[data-site-theme="light"] .counter-box:hover {
    box-shadow: 0 22px 55px rgba(15, 23, 42, 0.12) !important;
}

html[data-site-theme="light"] .bg-section-alt {
    background: rgba(17, 36, 58, 0.03) !important;
}

html[data-site-theme="light"] .counter-box h6,
html[data-site-theme="light"] .product-detail-card .feature-mini,
html[data-site-theme="light"] .contact-card p,
html[data-site-theme="light"] .advantage-section p,
html[data-site-theme="light"] .vm-card p,
html[data-site-theme="light"] .timeline-item .timeline-text,
html[data-site-theme="light"] .info-list li,
html[data-site-theme="light"] .telif-note,
html[data-site-theme="light"] .update-entry ul li,
html[data-site-theme="light"] .compare-table tbody td,
html[data-site-theme="light"] .product-nav a {
    color: #5d7088 !important;
}

html[data-site-theme="light"] .advantage-section h4,
html[data-site-theme="light"] .vm-card h5,
html[data-site-theme="light"] .contact-card h6,
html[data-site-theme="light"] .contact-card .text-white,
html[data-site-theme="light"] .video-card .card-body h6,
html[data-site-theme="light"] .video-link-card .card-body h6,
html[data-site-theme="light"] .support-card h5,
html[data-site-theme="light"] .support-card h6,
html[data-site-theme="light"] .video-cat-title,
html[data-site-theme="light"] .info-list li strong,
html[data-site-theme="light"] .telif-note strong {
    color: #13263f !important;
}

html[data-site-theme="light"] .video-card .card-body small,
html[data-site-theme="light"] .contact-card a.text-muted {
    color: #4f647a !important;
}

html[data-site-theme="light"] .video-cat-title {
    border-bottom-color: rgba(47, 85, 212, 0.18);
}

html[data-site-theme="light"] .timeline-item::before {
    border-color: #f4f7fb;
}

html[data-site-theme="light"] .info-list li {
    border-bottom-color: rgba(15, 23, 42, 0.08);
}

html[data-site-theme="light"] .compare-table thead th {
    background: rgba(47, 85, 212, 0.08);
    color: #11243a;
    border-bottom-color: rgba(47, 85, 212, 0.16);
}

html[data-site-theme="light"] .compare-table tbody td:first-child {
    color: #1f3348 !important;
}

html[data-site-theme="light"] .compare-table tbody tr:hover td {
    background: rgba(17, 36, 58, 0.03);
}

html[data-site-theme="light"] .product-nav a {
    border-color: rgba(15, 23, 42, 0.08);
}

html[data-site-theme="light"] .product-nav a:hover {
    background: rgba(17, 36, 58, 0.04);
    color: #11243a !important;
}

html[data-site-theme="light"] .product-nav a.active {
    background: rgba(47, 85, 212, 0.1);
    color: #11243a !important;
}

html[data-site-theme="light"] .contact-form .form-control,
html[data-site-theme="light"] .contact-form .form-select {
    background: #fff !important;
    border-color: rgba(15, 23, 42, 0.12) !important;
    color: #11243a !important;
}

html[data-site-theme="light"] .contact-form .form-label {
    color: #44586f !important;
}

html[data-site-theme="light"] .contact-form .form-select option {
    background: #fff !important;
    color: #11243a !important;
}

html[data-site-theme="light"] .hero-img-wrapper img {
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.12);
}

html[data-site-theme="light"] .footer {
    background: #102038;
}

html[data-site-theme="light"] .footer .text-muted,
html[data-site-theme="light"] .footer .text-foot {
    color: rgba(226, 234, 243, 0.72) !important;
}

html[data-site-theme="light"] .footer .footer-head {
    color: #fff !important;
}

.staticad-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(78, 205, 196, 0.12);
    color: #7ee9dc;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.staticad-panel {
    position: relative;
    overflow: hidden;
    padding: 40px;
    border-radius: 28px;
    background:
        radial-gradient(circle at top right, rgba(47, 85, 212, 0.22), transparent 28%),
        radial-gradient(circle at bottom left, rgba(46, 202, 106, 0.18), transparent 28%),
        linear-gradient(135deg, rgba(11, 20, 37, 0.98) 0%, rgba(18, 36, 62, 0.96) 52%, rgba(11, 29, 52, 0.94) 100%);
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 30px 70px rgba(0, 0, 0, 0.22);
}

.staticad-panel > * {
    position: relative;
    z-index: 1;
}

.staticad-panel-title {
    color: #fff;
    font-size: clamp(1.9rem, 2.3vw, 2.8rem);
    line-height: 1.15;
}

.staticad-panel-copy,
.staticad-panel-copy p {
    color: #c5d3e0;
    line-height: 1.8;
}

.staticad-bullets {
    list-style: none;
    padding: 0;
    margin: 24px 0 0;
    display: grid;
    gap: 12px;
}

.staticad-bullets li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    color: #c8d6e3;
    line-height: 1.7;
}

.staticad-bullets i {
    margin-top: 4px;
    color: #4ecdc4;
}

.staticad-metric-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.staticad-metric-card,
.staticad-surface-card,
.staticad-action-card {
    height: 100%;
    padding: 24px;
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.14);
}

.staticad-metric-card {
    min-height: 156px;
}

.staticad-metric-value {
    display: block;
    margin-bottom: 8px;
    color: #fff;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;
}

.staticad-metric-label {
    display: block;
    margin-bottom: 8px;
    color: #7ee9dc;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.staticad-metric-copy,
.staticad-surface-card p,
.staticad-action-card p,
.staticad-inline-list li,
.staticad-mini-steps li {
    color: #bccadb;
    line-height: 1.7;
}

.staticad-card-icon {
    width: 56px;
    height: 56px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
    border-radius: 16px;
    background: rgba(47, 85, 212, 0.16);
    color: #8eb3ff;
    font-size: 26px;
}

.staticad-card-title {
    margin-bottom: 12px;
    color: #fff;
}

.staticad-inline-list,
.staticad-mini-steps {
    list-style: none;
    padding: 0;
    margin: 18px 0 0;
}

.staticad-inline-list li,
.staticad-mini-steps li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 10px;
}

.staticad-inline-list i,
.staticad-mini-steps i {
    margin-top: 4px;
    color: #2eca6a;
}

.staticad-action-card {
    text-decoration: none;
    display: block;
    transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}

.staticad-action-card:hover {
    transform: translateY(-6px);
    border-color: rgba(47, 85, 212, 0.26);
    box-shadow: 0 22px 55px rgba(47, 85, 212, 0.14);
}

.staticad-action-card .action-meta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 14px;
    color: #9ec3ff;
    font-size: 13px;
    font-weight: 600;
}

.staticad-map-shell {
    overflow: hidden;
    border-radius: 22px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.16);
}

.staticad-map-shell iframe {
    display: block;
}

.staticad-note {
    padding: 18px 20px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: #bccadb;
    line-height: 1.7;
}

html[data-site-theme="light"] .staticad-kicker {
    background: rgba(47, 85, 212, 0.08);
    color: #244dca;
}

html[data-site-theme="light"] .staticad-panel {
    background:
        radial-gradient(circle at top right, rgba(47, 85, 212, 0.12), transparent 28%),
        radial-gradient(circle at bottom left, rgba(46, 202, 106, 0.11), transparent 26%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(245, 249, 255, 0.98) 48%, rgba(241, 249, 245, 0.96) 100%);
    border-color: rgba(15, 23, 42, 0.08);
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.08);
}

html[data-site-theme="light"] .staticad-panel-title,
html[data-site-theme="light"] .staticad-card-title,
html[data-site-theme="light"] .staticad-metric-value {
    color: #13263f;
}

html[data-site-theme="light"] .staticad-panel-copy,
html[data-site-theme="light"] .staticad-panel-copy p,
html[data-site-theme="light"] .staticad-bullets li,
html[data-site-theme="light"] .staticad-metric-copy,
html[data-site-theme="light"] .staticad-surface-card p,
html[data-site-theme="light"] .staticad-action-card p,
html[data-site-theme="light"] .staticad-inline-list li,
html[data-site-theme="light"] .staticad-mini-steps li,
html[data-site-theme="light"] .staticad-note {
    color: #586d84;
}

html[data-site-theme="light"] .staticad-metric-label {
    color: #1d74c4;
}

html[data-site-theme="light"] .staticad-metric-card,
html[data-site-theme="light"] .staticad-surface-card,
html[data-site-theme="light"] .staticad-action-card,
html[data-site-theme="light"] .staticad-map-shell,
html[data-site-theme="light"] .staticad-note {
    background: rgba(255, 255, 255, 0.94);
    border-color: rgba(15, 23, 42, 0.08);
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
}

html[data-site-theme="light"] .staticad-card-icon {
    background: rgba(47, 85, 212, 0.09);
    color: #2f55d4;
}

html[data-site-theme="light"] .staticad-action-card .action-meta {
    color: #2f55d4;
}

#topnav .logo .logo-light-mode {
    display: inline-block !important;
}

#topnav .logo .site-logo-mark {
    width: auto;
    height: 38px !important;
    max-height: none;
}

#topnav .logo .logo-dark-mode {
    display: none !important;
}

.footer .logo-footer img {
    width: auto;
    height: 30px !important;
    max-height: none;
}

html[data-site-theme="light"] #topnav .logo .logo-light-mode,
html[data-site-theme="light"] #topnav.scroll .logo .logo-light-mode,
html[data-site-theme="light"] #topnav.nav-sticky .logo .logo-light-mode {
    display: none !important;
}

html[data-site-theme="light"] #topnav .logo .logo-dark-mode,
html[data-site-theme="light"] #topnav.scroll .logo .logo-dark-mode,
html[data-site-theme="light"] #topnav.nav-sticky .logo .logo-dark-mode {
    display: inline-block !important;
}

@media (max-width: 991.98px) {
    #topnav .logo .site-logo-mark {
        height: 34px !important;
    }

    html[data-site-theme="light"] #topnav .logo .logo-light-mode {
        display: none !important;
    }

    html[data-site-theme="light"] #topnav .logo .logo-dark-mode {
        display: inline-block !important;
    }
}

.product-showcase {
    padding: 36px;
    border-radius: 28px;
    background:
        radial-gradient(circle at top right, rgba(47, 85, 212, 0.2), transparent 24%),
        radial-gradient(circle at bottom left, rgba(46, 202, 106, 0.14), transparent 22%),
        linear-gradient(135deg, rgba(13, 23, 41, 0.98) 0%, rgba(17, 32, 59, 0.96) 52%, rgba(10, 27, 48, 0.94) 100%);
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 28px 70px rgba(0, 0, 0, 0.2);
}

.product-showcase-title {
    color: #fff;
    font-size: clamp(1.8rem, 2.1vw, 2.6rem);
    line-height: 1.15;
}

.product-showcase-copy {
    color: #c3d0dd;
    line-height: 1.8;
}

.product-fit-list {
    list-style: none;
    padding: 0;
    margin: 22px 0 0;
    display: grid;
    gap: 10px;
}

.product-fit-list li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    color: #c8d5e2;
    line-height: 1.7;
}

.product-fit-list i {
    margin-top: 4px;
    color: #4ecdc4;
}

.product-showcase .product-meta-card {
    height: 100%;
    padding: 20px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.product-showcase .product-meta-card .meta-label {
    display: inline-block;
    margin-bottom: 8px;
    color: #8fb3ff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.product-showcase .product-meta-card strong {
    display: block;
    margin-bottom: 8px;
    color: #fff;
    font-size: 1rem;
}

.product-showcase .product-meta-card p {
    margin-bottom: 0;
    color: #b8c6d5;
    line-height: 1.7;
}

.product-shot-frame {
    position: relative;
    padding: 18px;
    border-radius: 24px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.05) 100%);
    border: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow: 0 26px 60px rgba(0, 0, 0, 0.22);
}

.product-shot-frame img {
    width: 100%;
    display: block;
    border-radius: 16px;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.18);
}

.product-shot-caption {
    position: absolute;
    left: 28px;
    right: 28px;
    bottom: 24px;
    padding: 16px 18px;
    border-radius: 18px;
    background: rgba(10, 20, 36, 0.74);
    border: 1px solid rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(10px);
}

.product-shot-caption .eyebrow {
    display: inline-block;
    margin-bottom: 6px;
    color: #86ebdf;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.product-shot-caption h6 {
    margin-bottom: 4px;
    color: #fff;
}

.product-shot-caption p {
    margin-bottom: 0;
    color: #c3d0dd;
    font-size: 13px;
    line-height: 1.6;
}

.product-nav-note {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 22px;
}

.product-nav-note .btn {
    min-width: 170px;
}

.product-proof-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 22px;
}

.product-proof-chip {
    padding: 10px 14px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #cdd8e4;
    font-size: 13px;
    line-height: 1.5;
}

.product-proof-chip strong {
    color: #fff;
}

/* ===== Product Detail Premium Prototype ===== */
.product-hero-premium {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    padding-top: 128px !important;
    padding-bottom: 58px !important;
    background:
        radial-gradient(circle at 18% 24%, rgba(78, 205, 196, 0.15), transparent 30%),
        radial-gradient(circle at 86% 18%, rgba(47, 85, 212, 0.26), transparent 34%),
        linear-gradient(135deg, #0f172a 0%, #101a36 52%, #082f49 100%) !important;
}

.product-hero-premium::before,
.product-hero-premium::after {
    content: "";
    position: absolute;
    border-radius: 999px;
    pointer-events: none;
    z-index: 0;
}

.product-hero-premium::before {
    width: 460px;
    height: 460px;
    right: -180px;
    top: -140px;
    background: radial-gradient(circle, rgba(106, 166, 255, 0.22), transparent 68%);
}

.product-hero-premium::after {
    width: 340px;
    height: 340px;
    left: -130px;
    bottom: -160px;
    background: radial-gradient(circle, rgba(46, 202, 106, 0.16), transparent 72%);
}

.product-hero-premium .container {
    position: relative;
    z-index: 1;
}

.product-hero-premium .heading {
    letter-spacing: -0.04em;
    line-height: 1.06;
}

.product-hero-premium .text-muted {
    color: #b9c9df !important;
    font-size: 1.06rem;
    line-height: 1.82;
}

.product-hero-premium .product-proof-row-hero {
    max-width: 620px;
}

.product-hero-premium .product-proof-chip {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.13);
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.14);
}

.product-hero-premium + .section {
    padding-top: 34px !important;
}

.product-hero-premium + .section .product-showcase-premium.wow {
    animation: none !important;
    transform: none !important;
    visibility: visible !important;
}

.product-detail-compact {
    padding-bottom: 56px !important;
}

.product-detail-compact + .section {
    padding-top: 34px !important;
}

.product-detail-compact + .section .product-showcase.wow {
    animation: none !important;
    transform: none !important;
    visibility: visible !important;
}

.staticad-anchor-alias {
    display: block;
    height: 0;
    overflow: hidden;
    scroll-margin-top: 110px;
    visibility: hidden;
}

.product-hero-media {
    position: relative;
}

.product-shot-frame-premium {
    overflow: hidden;
    padding: 16px;
    border-radius: 30px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.045)),
        linear-gradient(135deg, rgba(8, 18, 33, 0.96), rgba(10, 34, 59, 0.96));
    border: 1px solid rgba(255, 255, 255, 0.16);
    box-shadow:
        0 34px 86px rgba(0, 0, 0, 0.3),
        0 0 0 1px rgba(78, 205, 196, 0.08) inset;
}

.product-shot-frame-premium::before {
    content: "";
    position: absolute;
    inset: 12px 12px auto;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(134, 235, 223, 0.7), transparent);
    z-index: 2;
    pointer-events: none;
}

.product-shot-frame-premium img {
    aspect-ratio: 16 / 10;
    object-fit: cover;
    object-position: top center;
    border-radius: 20px;
    filter: saturate(1.04) contrast(1.03);
}

.product-shot-frame-hero img {
    aspect-ratio: 16 / 10.5;
}

.product-shot-frame-premium .product-shot-caption {
    left: 28px;
    right: 28px;
    bottom: 24px;
    background: rgba(7, 17, 31, 0.82);
    border-color: rgba(255, 255, 255, 0.12);
    box-shadow: 0 22px 48px rgba(0, 0, 0, 0.22);
}

.product-showcase-premium {
    position: relative;
    overflow: hidden;
    padding: 42px;
    border-radius: 34px;
    background:
        radial-gradient(circle at 78% 8%, rgba(106, 166, 255, 0.22), transparent 28%),
        radial-gradient(circle at 8% 86%, rgba(78, 205, 196, 0.16), transparent 24%),
        linear-gradient(135deg, rgba(10, 18, 33, 0.99) 0%, rgba(14, 29, 55, 0.98) 54%, rgba(8, 31, 53, 0.96) 100%);
    border-color: rgba(255, 255, 255, 0.12);
    box-shadow: 0 34px 90px rgba(0, 0, 0, 0.26);
}

.product-showcase-premium::after {
    content: "";
    position: absolute;
    inset: auto 6% -38% 42%;
    height: 260px;
    background: radial-gradient(circle, rgba(78, 205, 196, 0.18), transparent 70%);
    pointer-events: none;
}

.product-showcase-premium > * {
    position: relative;
    z-index: 1;
}

.product-showcase-premium .staticad-kicker {
    background: rgba(78, 205, 196, 0.12);
    border: 1px solid rgba(78, 205, 196, 0.18);
}

.product-showcase-premium .product-meta-card-premium {
    background: rgba(255, 255, 255, 0.065);
    border-color: rgba(255, 255, 255, 0.11);
    box-shadow: 0 20px 46px rgba(0, 0, 0, 0.16);
    transition: transform 0.25s ease, border-color 0.25s ease, background 0.25s ease;
}

.product-showcase-premium .product-meta-card-premium:hover {
    transform: translateY(-4px);
    border-color: rgba(78, 205, 196, 0.3);
    background: rgba(255, 255, 255, 0.085);
}

.product-position-panel-premium {
    position: relative;
    overflow: hidden;
    border-radius: 34px;
    background:
        radial-gradient(circle at 12% 22%, rgba(47, 85, 212, 0.18), transparent 28%),
        radial-gradient(circle at 88% 80%, rgba(46, 202, 106, 0.13), transparent 24%),
        linear-gradient(135deg, rgba(11, 21, 39, 0.98), rgba(15, 32, 59, 0.96)) !important;
    border-color: rgba(255, 255, 255, 0.1);
    box-shadow: 0 34px 86px rgba(0, 0, 0, 0.22);
}

.product-position-panel-premium .product-position-stat,
.product-position-panel-premium .product-position-card-premium {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.1);
    box-shadow: 0 20px 46px rgba(0, 0, 0, 0.16);
}

.product-position-panel-premium .product-position-card-premium {
    transition: transform 0.25s ease, border-color 0.25s ease, background 0.25s ease;
}

.product-position-panel-premium .product-position-card-premium:hover {
    transform: translateY(-4px);
    border-color: rgba(78, 205, 196, 0.28);
    background: rgba(255, 255, 255, 0.08);
}

html[data-site-theme="light"] .product-hero-premium {
    background:
        radial-gradient(circle at 18% 24%, rgba(47, 85, 212, 0.12), transparent 30%),
        radial-gradient(circle at 86% 18%, rgba(46, 202, 106, 0.14), transparent 34%),
        linear-gradient(135deg, #f8fbff 0%, #eef4ff 50%, #edf8f0 100%) !important;
}

html[data-site-theme="light"] .product-hero-premium .text-muted {
    color: #52677f !important;
}

html[data-site-theme="light"] .product-hero-premium .product-proof-chip,
html[data-site-theme="light"] .product-shot-frame-premium {
    background: rgba(255, 255, 255, 0.9);
    border-color: rgba(15, 23, 42, 0.08);
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.12);
}

html[data-site-theme="light"] .product-showcase-premium {
    background:
        radial-gradient(circle at 78% 8%, rgba(47, 85, 212, 0.12), transparent 28%),
        radial-gradient(circle at 8% 86%, rgba(46, 202, 106, 0.1), transparent 24%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(244, 248, 255, 0.98) 54%, rgba(241, 248, 244, 0.96) 100%);
    border-color: rgba(15, 23, 42, 0.08);
    box-shadow: 0 28px 70px rgba(15, 23, 42, 0.1);
}

html[data-site-theme="light"] .product-showcase-premium .product-meta-card-premium,
html[data-site-theme="light"] .product-position-panel-premium .product-position-stat,
html[data-site-theme="light"] .product-position-panel-premium .product-position-card-premium {
    background: rgba(255, 255, 255, 0.9);
    border-color: rgba(15, 23, 42, 0.08);
    box-shadow: 0 20px 48px rgba(15, 23, 42, 0.08);
}

html[data-site-theme="light"] .product-position-panel-premium {
    background:
        radial-gradient(circle at 12% 22%, rgba(47, 85, 212, 0.1), transparent 28%),
        radial-gradient(circle at 88% 80%, rgba(46, 202, 106, 0.09), transparent 24%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(244, 248, 255, 0.96)) !important;
    border-color: rgba(15, 23, 42, 0.08);
    box-shadow: 0 28px 70px rgba(15, 23, 42, 0.1);
}

@media (max-width: 991.98px) {
    .product-hero-premium {
        padding-top: 122px !important;
        padding-bottom: 54px !important;
    }

    .product-hero-premium,
    .product-hero-premium .container,
    .product-hero-premium .product-hero-grid,
    .product-hero-premium .product-hero-copy,
    .product-hero-premium .product-hero-media {
        max-width: 100%;
        min-width: 0;
        overflow-x: hidden;
    }

    .product-hero-premium .heading {
        font-size: clamp(2.1rem, 8vw, 3rem) !important;
    }

    .product-hero-premium .text-muted {
        overflow-wrap: break-word;
    }

    .product-showcase-premium,
    .product-position-panel-premium {
        max-width: 100%;
        min-width: 0;
        padding: 28px 22px;
        border-radius: 26px;
    }

    .product-shot-frame-premium {
        max-width: 100%;
        min-width: 0;
        padding: 12px;
        border-radius: 24px;
    }

    .product-shot-frame-premium img {
        border-radius: 16px;
    }

    .product-shot-frame-premium .product-shot-caption {
        position: static;
        margin-top: 12px;
        padding: 14px;
    }
}

@media (max-width: 575.98px) {
    .product-hero-premium .container,
    .product-showcase-premium,
    .product-position-panel-premium {
        width: calc(100vw - 24px) !important;
        max-width: calc(100vw - 24px) !important;
        margin-left: auto;
        margin-right: auto;
    }

    .product-hero-premium .product-hero-grid {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0;
        margin-right: 0;
    }

    .product-hero-premium .product-hero-copy,
    .product-hero-premium .product-hero-media {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0;
        padding-right: 0;
    }

    .product-hero-premium .product-hero-copy > *,
    .product-hero-premium .product-hero-media > *,
    .product-shot-frame-premium,
    .product-shot-frame-premium img {
        max-width: 100% !important;
    }

    .product-shot-frame-premium img {
        aspect-ratio: auto;
        object-fit: contain;
    }

    .product-shot-frame-premium .product-shot-caption p {
        max-width: 100%;
        overflow-wrap: anywhere;
        font-size: 12px;
        line-height: 1.45;
    }

    .product-hero-premium .btn-lg {
        width: auto;
        min-width: 140px;
        margin-bottom: 8px;
    }

    .product-hero-premium .product-proof-row {
        gap: 8px;
    }

    .product-hero-premium .product-proof-chip {
        max-width: 100%;
        white-space: normal;
    }

    .product-hero-premium {
        padding-top: 150px !important;
        padding-bottom: 34px !important;
    }

    .product-hero-premium + .section {
        padding-top: 28px !important;
    }

    .product-showcase-premium.wow,
    .product-position-panel-premium.wow {
        animation: none !important;
        transform: none !important;
        visibility: visible !important;
    }
}

.product-card-preview {
    position: relative;
    overflow: hidden;
    margin: -32px -32px 20px;
    padding: 18px 18px 0;
    border-radius: 16px 16px 24px 24px;
    background:
        radial-gradient(circle at top right, rgba(47, 85, 212, 0.18), transparent 28%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.02) 100%);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.product-card-preview img {
    width: 100%;
    display: block;
    border-radius: 14px 14px 0 0;
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.18);
}

.product-card-tag {
    position: absolute;
    top: 18px;
    left: 18px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(11, 20, 37, 0.72);
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.product-card-micro {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 14px;
}

.product-card-micro span {
    display: inline-flex;
    align-items: center;
    padding: 7px 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: #cfdae6;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.product-card-note {
    margin: 14px 0 0;
    color: #9eb1c7;
    font-size: 13px;
    line-height: 1.75;
}

/* ===== Homepage Premium Visual System ===== */
.hero-shell.hero-premium {
    isolation: isolate;
    padding-top: 112px !important;
    padding-bottom: 94px !important;
    background:
        radial-gradient(circle at 18% 18%, rgba(78, 205, 196, 0.16), transparent 30%),
        radial-gradient(circle at 88% 28%, rgba(47, 85, 212, 0.24), transparent 34%),
        linear-gradient(135deg, #0f172a 0%, #101a36 48%, #082f49 100%) !important;
}

.hero-shell.hero-premium .container {
    position: relative;
    z-index: 2;
}

.hero-shell.hero-premium .hero-copy {
    max-width: 940px;
}

.hero-shell.hero-premium .heading {
    max-width: 900px;
    font-size: clamp(2.55rem, 5vw, 4.9rem);
    line-height: 1.06;
    letter-spacing: -0.045em;
}

.hero-shell.hero-premium .para-desc {
    max-width: 760px;
    color: #b9c9df !important;
    font-size: 1.08rem;
    line-height: 1.82;
}

.hero-shell.hero-premium .hero-bullets {
    max-width: 910px;
    margin-top: 22px;
    gap: 9px;
}

.hero-shell.hero-premium .hero-bullets li {
    color: #eef5ff;
}

.hero-shell.hero-premium .hero-proof-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    max-width: 980px;
}

.hero-shell.hero-premium .hero-proof-card {
    position: relative;
    min-height: 104px;
    padding: 13px 14px;
    overflow: hidden;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.095), rgba(255, 255, 255, 0.035));
    border-color: rgba(255, 255, 255, 0.13);
}

.hero-shell.hero-premium .hero-proof-card::after {
    content: "";
    position: absolute;
    inset: auto -30% -60% 10%;
    height: 80px;
    background: radial-gradient(circle, rgba(78, 205, 196, 0.28), transparent 70%);
    pointer-events: none;
}

.hero-shell.hero-premium .hero-proof-card p {
    font-size: 11.5px;
    line-height: 1.48;
}

.hero-shell.hero-premium .hero-proof-card strong {
    margin-bottom: 4px;
    font-size: 14px;
    line-height: 1.3;
}

@media (min-width: 992px) {
    .hero-shell.hero-premium .hero-proof-card {
        min-height: 76px;
    }

    .hero-shell.hero-premium .hero-proof-card p {
        display: none;
    }
}

.hero-visual-stack.hero-visual-premium {
    max-width: 1280px;
    margin-top: -8px;
    padding-bottom: 116px;
}

.premium-app-frame {
    padding: 18px 18px 22px;
    border-radius: 34px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.035)),
        linear-gradient(135deg, rgba(8, 18, 33, 0.96), rgba(10, 34, 59, 0.96));
    border: 1px solid rgba(255, 255, 255, 0.16);
    box-shadow:
        0 34px 90px rgba(0, 0, 0, 0.34),
        0 0 0 1px rgba(78, 205, 196, 0.08) inset;
}

.premium-window-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 14px;
    padding: 0 6px;
    color: #d7e5f5;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.premium-window-dots {
    display: inline-flex;
    gap: 7px;
}

.premium-window-dots span {
    width: 9px;
    height: 9px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.32);
}

.premium-window-dots span:nth-child(1) {
    background: #ff6b6b;
}

.premium-window-dots span:nth-child(2) {
    background: #ffd166;
}

.premium-window-dots span:nth-child(3) {
    background: #4ecdc4;
}

.hero-visual-premium .hero-img-wrapper img {
    width: 100%;
    border-radius: 24px;
    box-shadow: 0 28px 72px rgba(0, 0, 0, 0.36);
}

.hero-visual-premium .hero-secondary-shot {
    left: 38px;
    bottom: -54px;
    width: min(390px, 30%);
    padding: 14px;
    border-radius: 22px;
    background: rgba(7, 17, 31, 0.88);
    backdrop-filter: blur(18px);
}

.hero-visual-premium .hero-tertiary-shot {
    left: 49%;
    transform: translateX(-50%);
    bottom: -54px;
    width: min(360px, 26%);
    padding: 14px;
    border-radius: 22px;
    background: rgba(7, 17, 31, 0.88);
    backdrop-filter: blur(18px);
}

.hero-visual-premium .hero-floating-panel {
    right: 38px;
    bottom: -58px;
    width: min(430px, 34%);
    background: rgba(7, 17, 31, 0.9);
    backdrop-filter: blur(18px);
}

.hero-delivery-strip {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin-top: 14px;
}

.hero-delivery-strip span {
    padding: 9px 10px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.07);
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: #d9e6f5;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
}

.product-card.product-card-premium {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 85% 0%, rgba(78, 205, 196, 0.13), transparent 24%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.035));
    border: 1px solid rgba(255, 255, 255, 0.11) !important;
    box-shadow: 0 24px 58px rgba(0, 0, 0, 0.16) !important;
}

.product-card.product-card-premium::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, var(--product-accent-soft, rgba(47, 85, 212, 0.18)), transparent 34%);
    opacity: 0.78;
    pointer-events: none;
}

.product-card.product-card-premium > .card-body {
    position: relative;
    z-index: 1;
}

.product-card.product-card-premium:hover {
    transform: translateY(-9px);
    border-color: var(--product-accent, rgba(78, 205, 196, 0.58)) !important;
    box-shadow: 0 30px 70px rgba(0, 0, 0, 0.24) !important;
}

.product-card.product-card-premium .product-card-preview {
    min-height: 210px;
    background:
        radial-gradient(circle at 18% 0%, var(--product-accent-soft, rgba(47, 85, 212, 0.2)), transparent 32%),
        linear-gradient(180deg, rgba(9, 18, 32, 0.7), rgba(9, 18, 32, 0.16));
}

.product-card.product-card-premium .product-card-preview::after {
    content: "";
    position: absolute;
    inset: auto 18px 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--product-accent, rgba(78, 205, 196, 0.6)), transparent);
}

.product-card.product-card-premium .product-card-preview img {
    aspect-ratio: 16 / 9;
    object-fit: cover;
    object-position: top center;
    transition: transform 0.45s ease, filter 0.45s ease;
}

.product-card.product-card-premium:hover .product-card-preview img {
    transform: translateY(-3px) scale(1.035);
    filter: saturate(1.08) contrast(1.04);
}

.product-card.product-card-premium .product-card-tag,
.product-card.product-card-premium .badge {
    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.12);
}

.product-card.product-card-premium .badge.align-self-end {
    position: absolute;
    top: 14px;
    right: 14px;
    z-index: 4;
    background: linear-gradient(135deg, #2f55d4, #1439b9) !important;
    color: #fff !important;
}

.product-card.product-card-premium .card-title {
    letter-spacing: -0.02em;
}

.product-card.product-card-premium .product-card-note {
    padding: 12px 14px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.045);
    border: 1px solid rgba(255, 255, 255, 0.06);
}

.product-card.product-card-premium .product-fit-label {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 10px;
    color: var(--product-accent, #4ecdc4);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.product-card.product-hybrid {
    --product-accent: #4ecdc4;
    --product-accent-soft: rgba(78, 205, 196, 0.2);
}

.product-card.product-ultimate {
    --product-accent: #2eca6a;
    --product-accent-soft: rgba(46, 202, 106, 0.2);
}

.product-card.product-professional {
    --product-accent: #6aa6ff;
    --product-accent-soft: rgba(106, 166, 255, 0.22);
}

.product-card.product-standard {
    --product-accent: #f4b740;
    --product-accent-soft: rgba(244, 183, 64, 0.2);
}

.product-card.product-concrete {
    --product-accent: #ff7a7a;
    --product-accent-soft: rgba(255, 122, 122, 0.2);
}

.product-card.product-masonry-pro {
    --product-accent: #9b8cff;
    --product-accent-soft: rgba(155, 140, 255, 0.2);
}

html[data-site-theme="light"] .hero-shell.hero-premium {
    background:
        radial-gradient(circle at 16% 16%, rgba(47, 85, 212, 0.12), transparent 28%),
        radial-gradient(circle at 86% 24%, rgba(46, 202, 106, 0.15), transparent 32%),
        linear-gradient(135deg, #f8fbff 0%, #edf4ff 50%, #edf8f0 100%) !important;
}

html[data-site-theme="light"] .hero-shell.hero-premium .para-desc,
html[data-site-theme="light"] .hero-shell.hero-premium .hero-bullets li {
    color: #4e6178 !important;
}

html[data-site-theme="light"] .hero-shell.hero-premium .hero-proof-card {
    background: rgba(255, 255, 255, 0.64) !important;
    border-color: rgba(15, 23, 42, 0.08) !important;
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.07) !important;
}

html[data-site-theme="light"] .premium-app-frame {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(245, 249, 255, 0.94)),
        linear-gradient(135deg, rgba(47, 85, 212, 0.08), rgba(46, 202, 106, 0.08));
    border-color: rgba(15, 23, 42, 0.1);
    box-shadow:
        0 32px 74px rgba(15, 23, 42, 0.14),
        0 0 0 1px rgba(255, 255, 255, 0.8) inset;
}

html[data-site-theme="light"] .premium-window-bar {
    color: #1e3550;
}

html[data-site-theme="light"] .hero-delivery-strip span {
    background: rgba(17, 36, 58, 0.045);
    border-color: rgba(17, 36, 58, 0.08);
    color: #1e3550;
}

html[data-site-theme="light"] .product-card.product-card-premium {
    background:
        radial-gradient(circle at 85% 0%, var(--product-accent-soft, rgba(47, 85, 212, 0.12)), transparent 24%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 251, 255, 0.94)) !important;
    border-color: rgba(15, 23, 42, 0.08) !important;
}

html[data-site-theme="light"] .product-card.product-card-premium .product-card-preview {
    background:
        radial-gradient(circle at 18% 0%, var(--product-accent-soft, rgba(47, 85, 212, 0.16)), transparent 32%),
        linear-gradient(180deg, rgba(235, 242, 255, 0.98), rgba(255, 255, 255, 0.88));
    border-bottom-color: rgba(15, 23, 42, 0.08);
}

html[data-site-theme="light"] .product-card.product-card-premium .product-card-note {
    background: rgba(17, 36, 58, 0.035);
    border-color: rgba(17, 36, 58, 0.06);
    color: #52677f;
}

html[data-site-theme="light"] .product-card.product-card-premium .product-card-micro span {
    background: rgba(17, 36, 58, 0.045);
    border-color: rgba(17, 36, 58, 0.06);
    color: #41556d;
}

/* ===== Products Listing Premium System ===== */
.product-list-hero-premium {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    padding-top: 124px !important;
    padding-bottom: 72px !important;
    background:
        radial-gradient(circle at 18% 20%, rgba(78, 205, 196, 0.16), transparent 30%),
        radial-gradient(circle at 88% 16%, rgba(47, 85, 212, 0.24), transparent 34%),
        linear-gradient(135deg, #0f172a 0%, #101a36 52%, #082f49 100%) !important;
}

.product-list-hero-premium::after {
    content: "";
    position: absolute;
    inset: auto 12% -58% 42%;
    height: 300px;
    background: radial-gradient(circle, rgba(46, 202, 106, 0.18), transparent 70%);
    pointer-events: none;
}

.product-list-hero-premium .container {
    position: relative;
    z-index: 1;
}

.product-list-hero-premium .heading {
    letter-spacing: -0.04em;
}

.product-list-hero-premium .para-desc {
    color: #b9c9df !important;
    font-size: 1.06rem;
    line-height: 1.82;
}

.quick-compare-table-wrap {
    position: relative;
    padding: 18px;
    border-radius: 28px;
    background:
        radial-gradient(circle at top right, rgba(47, 85, 212, 0.16), transparent 28%),
        linear-gradient(135deg, rgba(12, 22, 39, 0.96), rgba(15, 31, 55, 0.94));
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 26px 64px rgba(0, 0, 0, 0.18);
}

.quick-compare-table {
    min-width: 860px;
}

.quick-compare-table th {
    background: rgba(47, 85, 212, 0.24) !important;
    color: #f3f7ff !important;
    border-bottom-color: rgba(106, 166, 255, 0.46) !important;
}

.quick-compare-table td {
    border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

.quick-compare-table td:first-child {
    color: #dce8f8 !important;
}

.product-listing-premium-section {
    position: relative;
}

.product-detail-card.product-list-card-premium {
    position: relative;
    overflow: hidden;
    padding: 32px !important;
    border-radius: 26px !important;
    background:
        radial-gradient(circle at 86% 0%, var(--product-accent-soft, rgba(47, 85, 212, 0.18)), transparent 24%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.035)) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    box-shadow: 0 24px 58px rgba(0, 0, 0, 0.16) !important;
}

.product-detail-card.product-list-card-premium::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, var(--product-accent-soft, rgba(47, 85, 212, 0.18)), transparent 34%);
    opacity: 0.72;
    pointer-events: none;
}

.product-detail-card.product-list-card-premium > * {
    position: relative;
    z-index: 1;
}

.product-detail-card.product-list-card-premium:hover {
    transform: translateY(-8px) !important;
    border-color: var(--product-accent, rgba(78, 205, 196, 0.55)) !important;
    box-shadow: 0 30px 72px rgba(0, 0, 0, 0.24) !important;
}

.product-detail-card.product-list-card-premium.featured {
    border-color: var(--product-accent, #4ecdc4) !important;
}

.product-detail-card.product-list-card-premium .product-card-preview {
    min-height: 210px;
    background:
        radial-gradient(circle at 18% 0%, var(--product-accent-soft, rgba(47, 85, 212, 0.2)), transparent 32%),
        linear-gradient(180deg, rgba(9, 18, 32, 0.72), rgba(9, 18, 32, 0.16));
}

.product-detail-card.product-list-card-premium .product-card-preview::after {
    content: "";
    position: absolute;
    inset: auto 18px 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--product-accent, rgba(78, 205, 196, 0.6)), transparent);
}

.product-detail-card.product-list-card-premium .product-card-preview img {
    aspect-ratio: 16 / 9;
    object-fit: cover;
    object-position: top center;
    transition: transform 0.45s ease, filter 0.45s ease;
}

.product-detail-card.product-list-card-premium:hover .product-card-preview img {
    transform: translateY(-3px) scale(1.035);
    filter: saturate(1.08) contrast(1.04);
}

.product-detail-card.product-list-card-premium .icon-wrap {
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.12);
}

.product-detail-card.product-list-card-premium .feature-mini {
    padding: 14px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.06);
}

.product-detail-card.product-hybrid {
    --product-accent: #4ecdc4;
    --product-accent-soft: rgba(78, 205, 196, 0.2);
}

.product-detail-card.product-ultimate {
    --product-accent: #2eca6a;
    --product-accent-soft: rgba(46, 202, 106, 0.2);
}

.product-detail-card.product-professional {
    --product-accent: #6aa6ff;
    --product-accent-soft: rgba(106, 166, 255, 0.22);
}

.product-detail-card.product-standard {
    --product-accent: #f4b740;
    --product-accent-soft: rgba(244, 183, 64, 0.2);
}

.product-detail-card.product-concrete {
    --product-accent: #ff7a7a;
    --product-accent-soft: rgba(255, 122, 122, 0.2);
}

.product-detail-card.product-masonry-pro {
    --product-accent: #9b8cff;
    --product-accent-soft: rgba(155, 140, 255, 0.2);
}

.product-detail-card.product-masonry-standard {
    --product-accent: #7dd3fc;
    --product-accent-soft: rgba(125, 211, 252, 0.2);
}

.license-guide-premium {
    position: relative;
    overflow: hidden;
    border-radius: 32px !important;
    background:
        radial-gradient(circle at 14% 18%, rgba(47, 85, 212, 0.18), transparent 28%),
        radial-gradient(circle at 88% 82%, rgba(46, 202, 106, 0.12), transparent 24%),
        linear-gradient(135deg, rgba(10, 18, 33, 0.99), rgba(15, 32, 59, 0.96)) !important;
    border-color: rgba(255, 255, 255, 0.11) !important;
    box-shadow: 0 34px 86px rgba(0, 0, 0, 0.22) !important;
}

.license-guide-premium .license-guide-card-premium {
    background: rgba(255, 255, 255, 0.065) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 20px 46px rgba(0, 0, 0, 0.16);
}

.comparison-premium-section {
    background:
        radial-gradient(circle at top right, rgba(47, 85, 212, 0.16), transparent 30%),
        linear-gradient(180deg, rgba(47, 85, 212, 0.05), rgba(47, 85, 212, 0.02)) !important;
}

.compare-scroll-premium {
    padding: 18px;
    border-radius: 28px;
    background:
        linear-gradient(135deg, rgba(12, 22, 39, 0.96), rgba(15, 31, 55, 0.94));
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 26px 64px rgba(0, 0, 0, 0.18);
}

.compare-scroll-premium .compare-table {
    min-width: 1080px;
    table-layout: fixed !important;
}

.compare-scroll-premium .compare-table thead th {
    position: static !important;
    top: auto !important;
    z-index: auto !important;
    white-space: nowrap;
}

.compare-scroll-premium .compare-table thead th:first-child,
.compare-scroll-premium .compare-table tbody td:first-child:not([colspan]) {
    width: 42%;
}

.compare-scroll-premium .compare-table thead th:not(:first-child),
.compare-scroll-premium .compare-table tbody td:not(:first-child) {
    width: 8.28%;
}

html[data-site-theme="light"] .product-list-hero-premium {
    background:
        radial-gradient(circle at 18% 20%, rgba(47, 85, 212, 0.12), transparent 30%),
        radial-gradient(circle at 88% 16%, rgba(46, 202, 106, 0.14), transparent 34%),
        linear-gradient(135deg, #f8fbff 0%, #eef4ff 50%, #edf8f0 100%) !important;
}

html[data-site-theme="light"] .product-list-hero-premium .para-desc {
    color: #52677f !important;
}

html[data-site-theme="light"] .quick-compare-table-wrap,
html[data-site-theme="light"] .compare-scroll-premium {
    background:
        radial-gradient(circle at top right, rgba(47, 85, 212, 0.1), transparent 28%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(244, 248, 255, 0.96));
    border-color: rgba(15, 23, 42, 0.08);
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.08);
}

html[data-site-theme="light"] .quick-compare-table th {
    background: rgba(47, 85, 212, 0.12) !important;
    color: #183453 !important;
    border-bottom-color: rgba(47, 85, 212, 0.24) !important;
}

html[data-site-theme="light"] .quick-compare-table td {
    border-bottom-color: rgba(15, 23, 42, 0.08) !important;
}

html[data-site-theme="light"] .quick-compare-table td:first-child {
    color: #243b55 !important;
}

html[data-site-theme="light"] .product-detail-card.product-list-card-premium {
    background:
        radial-gradient(circle at 86% 0%, var(--product-accent-soft, rgba(47, 85, 212, 0.12)), transparent 24%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 251, 255, 0.94)) !important;
    border-color: rgba(15, 23, 42, 0.08) !important;
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.08) !important;
}

html[data-site-theme="light"] .product-detail-card.product-list-card-premium .product-card-preview {
    background:
        radial-gradient(circle at 18% 0%, var(--product-accent-soft, rgba(47, 85, 212, 0.14)), transparent 32%),
        linear-gradient(180deg, rgba(235, 242, 255, 0.98), rgba(255, 255, 255, 0.88));
    border-bottom-color: rgba(15, 23, 42, 0.08);
}

html[data-site-theme="light"] .product-detail-card.product-list-card-premium .feature-mini {
    background: rgba(17, 36, 58, 0.035);
    border-color: rgba(17, 36, 58, 0.06);
}

html[data-site-theme="light"] .license-guide-premium {
    background:
        radial-gradient(circle at 14% 18%, rgba(47, 85, 212, 0.1), transparent 28%),
        radial-gradient(circle at 88% 82%, rgba(46, 202, 106, 0.08), transparent 24%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(244, 248, 255, 0.96)) !important;
    border-color: rgba(15, 23, 42, 0.08) !important;
    box-shadow: 0 28px 70px rgba(15, 23, 42, 0.1) !important;
}

html[data-site-theme="light"] .license-guide-premium .license-guide-card-premium {
    background: rgba(255, 255, 255, 0.9) !important;
    border-color: rgba(15, 23, 42, 0.08) !important;
    box-shadow: 0 20px 48px rgba(15, 23, 42, 0.08);
}

@media (max-width: 991.98px) {
    .product-list-hero-premium {
        padding-top: 124px !important;
        padding-bottom: 54px !important;
    }

    .product-detail-card.product-list-card-premium .product-card-preview {
        min-height: 170px;
    }

    .quick-compare-table-wrap,
    .compare-scroll-premium,
    .license-guide-premium {
        border-radius: 24px !important;
    }
}

@media (max-width: 991.98px) {
    .hero-shell.hero-premium {
        padding-top: 132px !important;
        padding-bottom: 56px !important;
    }

    .hero-shell.hero-premium .heading {
        max-width: 100%;
        font-size: clamp(2.1rem, 9.5vw, 3.1rem) !important;
        line-height: 1.12;
        letter-spacing: -0.035em;
    }

    .hero-shell.hero-premium .para-desc {
        max-width: 100%;
        font-size: 1rem;
        line-height: 1.72;
    }

    .hero-shell.hero-premium .hero-proof-grid {
        grid-template-columns: 1fr !important;
        max-width: 100%;
    }

    .hero-shell.hero-premium .hero-proof-card {
        min-height: auto;
    }

    .hero-shell.hero-premium .hero-proof-card p {
        display: block;
    }

    .hero-visual-stack.hero-visual-premium {
        margin-top: 0;
        padding-bottom: 0;
    }

    .premium-app-frame {
        padding: 12px;
        border-radius: 24px;
    }

    .premium-window-bar {
        font-size: 10px;
    }

    .hero-visual-premium .hero-img-wrapper img {
        border-radius: 16px;
    }

    .hero-visual-premium .hero-secondary-shot,
    .hero-visual-premium .hero-tertiary-shot,
    .hero-visual-premium .hero-floating-panel {
        position: static;
        transform: none;
        width: 100%;
        margin-top: 18px;
    }

    .hero-delivery-strip {
        grid-template-columns: 1fr;
    }

    .product-card.product-card-premium .product-card-preview {
        min-height: 170px;
    }
}

@media (max-width: 575.98px) {
    html,
    body {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden !important;
    }

    #topnav,
    main,
    section,
    footer {
        max-width: 100vw;
        overflow-x: hidden;
    }

    .container,
    .container-fluid {
        max-width: 100% !important;
    }

    .row,
    .row > * {
        min-width: 0;
    }

    .staticad-panel,
    .staticad-action-card,
    .staticad-metric-card,
    .hero-shell.hero-premium .title-heading,
    .hero-shell.hero-premium .hero-visual-stack,
    .product-hero-premium .product-hero-copy,
    .product-hero-premium .product-hero-media,
    .product-showcase-premium,
    .product-position-panel-premium {
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
    }

    .staticad-panel-title,
    .staticad-panel-copy,
    .staticad-panel-copy p,
    .staticad-bullets li,
    .staticad-bullets span,
    .staticad-metric-copy,
    .staticad-action-card p,
    .hero-shell.hero-premium .heading,
    .hero-shell.hero-premium .para-desc,
    .hero-shell.hero-premium .hero-bullets li,
    .product-hero-premium .heading,
    .product-hero-premium .text-muted {
        overflow-wrap: break-word;
        word-break: normal;
    }

    #topnav .buy-button {
        width: 100%;
        max-width: calc(100vw - 24px);
        flex-wrap: nowrap !important;
        justify-content: flex-start !important;
        gap: 6px !important;
        overflow-x: auto;
        padding-bottom: 6px;
        scrollbar-width: none;
    }

    #topnav .buy-button::-webkit-scrollbar {
        display: none;
    }

    #topnav .buy-button .list-inline-item {
        flex: 0 0 auto;
        margin-right: 0 !important;
    }

    #topnav .buy-button .btn {
        padding: 0.46rem 0.72rem;
        font-size: 0.68rem;
    }

    #topnav .buy-button .lang-switch,
    #topnav .buy-button .theme-toggle-btn {
        width: auto !important;
        min-width: auto;
    }

    .hero-shell.hero-premium,
    .product-list-hero-premium,
    .page-header:not(.hero-shell):not(.product-hero-premium):not(.product-list-hero-premium) {
        padding-top: 150px !important;
    }

    .hero-shell.hero-premium .hero-badge-row {
        gap: 6px;
    }

    .hero-shell.hero-premium .hero-badge-row .badge {
        max-width: 100%;
        white-space: normal;
        text-align: left;
    }

    .hero-shell.hero-premium .heading {
        font-size: clamp(2rem, 10.8vw, 2.55rem) !important;
    }

    .hero-shell.hero-premium .btn-lg {
        width: 100%;
        justify-content: center;
    }

    .staticad-panel {
        padding: 28px 22px;
    }
}

.visual-proof-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
    gap: 18px;
}

.visual-proof-card {
    overflow: hidden;
    padding: 18px;
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 24px 55px rgba(0, 0, 0, 0.16);
}

.visual-proof-card-large {
    grid-row: span 2;
}

.visual-proof-card img {
    width: 100%;
    display: block;
    border-radius: 18px;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.2);
}

.visual-proof-copy {
    padding-top: 16px;
}

.visual-proof-copy .eyebrow,
.product-position-card .eyebrow {
    display: inline-flex;
    margin-bottom: 8px;
    color: #86ebdf;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.visual-proof-copy h6,
.product-position-card h5,
.product-position-stat strong {
    color: #fff;
}

.visual-proof-copy p,
.product-position-card p,
.product-position-card li,
.product-position-stat span {
    color: #c0cedd;
    line-height: 1.7;
}

.visual-proof-copy p {
    margin-bottom: 0;
    font-size: 14px;
}

.product-position-panel .product-nav-note {
    margin-top: 24px;
}

.product-position-stat-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-top: 24px;
}

.product-position-stat {
    padding: 18px 16px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.12);
}

.product-position-stat span {
    display: block;
    margin-bottom: 8px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.product-position-card ul {
    list-style: none;
    padding: 0;
    margin: 16px 0 0;
}

.product-position-card li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 10px;
}

.product-position-card li i {
    margin-top: 4px;
    color: #2eca6a;
}

.topic-hub {
    padding: 36px;
    border-radius: 28px;
    background:
        radial-gradient(circle at top right, rgba(47, 85, 212, 0.18), transparent 26%),
        radial-gradient(circle at bottom left, rgba(46, 202, 106, 0.12), transparent 20%),
        linear-gradient(135deg, rgba(13, 23, 41, 0.98) 0%, rgba(17, 32, 59, 0.96) 54%, rgba(10, 27, 48, 0.94) 100%);
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 28px 70px rgba(0, 0, 0, 0.2);
}

.topic-hub-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 24px;
}

.topic-hub-nav a,
.topic-hub-products a,
.topic-mini-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: #d6e1eb;
    font-size: 13px;
    line-height: 1.4;
    text-decoration: none;
    transition: transform 0.25s ease, border-color 0.25s ease, background 0.25s ease;
}

.topic-hub-nav a:hover,
.topic-hub-products a:hover,
.topic-mini-link:hover {
    transform: translateY(-2px);
    color: #fff;
    border-color: rgba(47, 85, 212, 0.28);
    background: rgba(47, 85, 212, 0.14);
}

.topic-hub-entry {
    padding: 26px;
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.14);
}

.topic-hub-entry p,
.topic-hub-entry li,
.topic-mini-card p,
.topic-summary-note {
    color: #c0cedd;
    line-height: 1.8;
}

.topic-hub-entry h5,
.topic-mini-card h5 {
    color: #fff;
}

.topic-hub-entry ul {
    list-style: none;
    padding: 0;
    margin: 18px 0 0;
    display: grid;
    gap: 10px;
}

.topic-hub-entry li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.topic-hub-entry li i {
    margin-top: 4px;
    color: #4ecdc4;
}

.topic-hub-products {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 20px;
}

.topic-mini-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.topic-mini-card {
    height: 100%;
    padding: 24px;
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.12);
}

.topic-mini-link {
    margin-top: 14px;
}

html[data-site-theme="light"] .product-showcase {
    background:
        radial-gradient(circle at top right, rgba(47, 85, 212, 0.12), transparent 24%),
        radial-gradient(circle at bottom left, rgba(46, 202, 106, 0.1), transparent 22%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(244, 248, 255, 0.98) 52%, rgba(241, 248, 244, 0.96) 100%);
    border-color: rgba(15, 23, 42, 0.08);
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.08);
}

html[data-site-theme="light"] .product-showcase-title,
html[data-site-theme="light"] .product-showcase .product-meta-card strong,
html[data-site-theme="light"] .product-shot-caption h6,
html[data-site-theme="light"] .product-proof-chip strong {
    color: #13263f;
}

html[data-site-theme="light"] .product-showcase-copy,
html[data-site-theme="light"] .product-fit-list li,
html[data-site-theme="light"] .product-showcase .product-meta-card p,
html[data-site-theme="light"] .product-shot-caption p,
html[data-site-theme="light"] .product-proof-chip {
    color: #5a6e85;
}

html[data-site-theme="light"] .product-showcase .product-meta-card,
html[data-site-theme="light"] .product-shot-frame,
html[data-site-theme="light"] .product-shot-caption,
html[data-site-theme="light"] .product-proof-chip {
    background: rgba(255, 255, 255, 0.92);
    border-color: rgba(15, 23, 42, 0.08);
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
}

html[data-site-theme="light"] .product-showcase .product-meta-card .meta-label {
    color: #2f55d4;
}

html[data-site-theme="light"] .product-shot-caption .eyebrow {
    color: #2f55d4;
}

html[data-site-theme="light"] .product-card-preview {
    background:
        radial-gradient(circle at top right, rgba(47, 85, 212, 0.12), transparent 26%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(246, 249, 254, 0.96) 100%);
    border-bottom-color: rgba(15, 23, 42, 0.08);
}

html[data-site-theme="light"] .product-card-tag {
    background: rgba(255, 255, 255, 0.94);
    border-color: rgba(15, 23, 42, 0.08);
    color: #13263f;
}

html[data-site-theme="light"] .product-card-micro span,
html[data-site-theme="light"] .visual-proof-card,
html[data-site-theme="light"] .product-position-stat,
html[data-site-theme="light"] .product-position-card {
    background: rgba(255, 255, 255, 0.94);
    border-color: rgba(15, 23, 42, 0.08);
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
}

html[data-site-theme="light"] .product-card-note,
html[data-site-theme="light"] .visual-proof-copy p,
html[data-site-theme="light"] .product-position-card p,
html[data-site-theme="light"] .product-position-card li,
html[data-site-theme="light"] .product-position-stat span {
    color: #5a6e85;
}

html[data-site-theme="light"] .visual-proof-copy h6,
html[data-site-theme="light"] .product-position-card h5,
html[data-site-theme="light"] .product-position-stat strong {
    color: #13263f;
}

html[data-site-theme="light"] .visual-proof-copy .eyebrow,
html[data-site-theme="light"] .product-position-card .eyebrow {
    color: #2f55d4;
}

html[data-site-theme="light"] .topic-hub {
    background:
        radial-gradient(circle at top right, rgba(47, 85, 212, 0.1), transparent 26%),
        radial-gradient(circle at bottom left, rgba(46, 202, 106, 0.08), transparent 20%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(245, 249, 255, 0.98) 54%, rgba(241, 249, 245, 0.96) 100%);
    border-color: rgba(15, 23, 42, 0.08);
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.08);
}

html[data-site-theme="light"] .topic-hub-entry,
html[data-site-theme="light"] .topic-mini-card,
html[data-site-theme="light"] .topic-hub-nav a,
html[data-site-theme="light"] .topic-hub-products a,
html[data-site-theme="light"] .topic-mini-link {
    background: rgba(255, 255, 255, 0.94);
    border-color: rgba(15, 23, 42, 0.08);
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
}

html[data-site-theme="light"] .topic-hub-entry h5,
html[data-site-theme="light"] .topic-mini-card h5 {
    color: #13263f;
}

html[data-site-theme="light"] .topic-hub .text-white {
    color: #13263f !important;
}

html[data-site-theme="light"] .topic-hub-entry p,
html[data-site-theme="light"] .topic-hub-entry li,
html[data-site-theme="light"] .topic-mini-card p,
html[data-site-theme="light"] .topic-summary-note,
html[data-site-theme="light"] .topic-hub-nav a,
html[data-site-theme="light"] .topic-hub-products a,
html[data-site-theme="light"] .topic-mini-link {
    color: #5a6e85;
}

html[data-site-theme="light"] .product-showcase .btn-outline-light,
html[data-site-theme="light"] .visual-proof-panel .btn-outline-light,
html[data-site-theme="light"] .product-position-panel .btn-outline-light {
    color: #13263f;
    border-color: rgba(15, 23, 42, 0.12);
    background: rgba(255, 255, 255, 0.94);
}

html[data-site-theme="light"] .product-showcase .btn-outline-light:hover,
html[data-site-theme="light"] .visual-proof-panel .btn-outline-light:hover,
html[data-site-theme="light"] .product-position-panel .btn-outline-light:hover {
    color: #13263f;
    background: rgba(47, 85, 212, 0.08);
}

html[data-site-theme="light"] .visual-proof-panel .btn-light,
html[data-site-theme="light"] .product-position-panel .btn-light {
    color: #fff;
    background: #2f55d4;
    border-color: #2f55d4;
}

html[data-site-theme="light"] .visual-proof-panel .btn-light:hover,
html[data-site-theme="light"] .product-position-panel .btn-light:hover {
    background: #2447ba;
    border-color: #2447ba;
}

@media (max-width: 991.98px) {
    #topnav .buy-button {
        gap: 8px;
        justify-content: center;
        margin-top: 14px;
    }

    .theme-toggle-btn,
    .lang-switch {
        width: 100%;
        justify-content: center;
    }

    .staticad-panel {
        padding: 30px 24px;
        border-radius: 24px;
    }

    .staticad-metric-grid {
        grid-template-columns: 1fr;
    }

    .product-showcase {
        padding: 28px 22px;
    }

    .product-shot-caption {
        position: static;
        margin-top: 16px;
    }

    .product-card-preview {
        margin-left: -26px;
        margin-right: -26px;
    }

    .visual-proof-grid,
    .product-position-stat-grid,
    .topic-mini-grid {
        grid-template-columns: 1fr;
    }

    .visual-proof-card-large {
        grid-row: auto;
    }
}

/* ===== Global Light Mode Text Contrast Fixes ===== */
html[data-site-theme="light"] .solution-card h6 { color: #1c2836 !important; }
html[data-site-theme="light"] .solution-card { background: rgba(0,0,0,0.03) !important; border-color: rgba(0,0,0,0.08) !important; }
html[data-site-theme="light"] .solution-card:hover { background: rgba(47,85,212,0.08) !important; border-color: rgba(47,85,212,0.25) !important; }
html[data-site-theme="light"] .solution-card-cta { color: #475569 !important; }
html[data-site-theme="light"] .solution-card:hover .solution-card-cta { color: #2f55d4 !important; }
html[data-site-theme="light"] .counter-box h2 { color: #2f55d4 !important; }
html[data-site-theme="light"] .counter-box h6 { color: #475569 !important; }
html[data-site-theme="light"] .counter-box { border-color: rgba(0,0,0,0.08) !important; }
html[data-site-theme="light"] .product-card { border-color: rgba(0,0,0,0.1) !important; }
html[data-site-theme="light"] .trust-chip { background: rgba(0,0,0,0.03) !important; border-color: rgba(0,0,0,0.08) !important; }
html[data-site-theme="light"] .trust-chip h6 { color: #1c2836 !important; }
html[data-site-theme="light"] .trust-chip p { color: #475569 !important; }
html[data-site-theme="light"] .trust-chip .kicker { color: #2f55d4 !important; }
html[data-site-theme="light"] .hero-proof-card { background: rgba(0,0,0,0.04) !important; }
html[data-site-theme="light"] .hero-proof-card strong { color: #1c2836 !important; }
html[data-site-theme="light"] .hero-proof-card p { color: #475569 !important; }
html[data-site-theme="light"] .hero-proof-eyebrow { color: #2f55d4 !important; }
html[data-site-theme="light"] .hero-floating-panel { background: rgba(255,255,255,0.95) !important; border-color: rgba(0,0,0,0.1) !important; }
html[data-site-theme="light"] .hero-floating-panel h5 { color: #1c2836 !important; }
html[data-site-theme="light"] .hero-floating-panel p { color: #475569 !important; }
html[data-site-theme="light"] .hero-panel-kicker { color: #2f55d4 !important; }
html[data-site-theme="light"] .result-card { background: rgba(0,0,0,0.03) !important; border-color: rgba(0,0,0,0.08) !important; }
html[data-site-theme="light"] .result-card h5 { color: #1c2836 !important; }
html[data-site-theme="light"] .result-card p { color: #475569 !important; }
html[data-site-theme="light"] .visual-proof-copy h6 { color: #1c2836 !important; }
html[data-site-theme="light"] .visual-proof-copy p { color: #475569 !important; }
html[data-site-theme="light"] .visual-proof-copy .eyebrow { color: #2f55d4 !important; }
html[data-site-theme="light"] .feature-section { background: rgba(0,0,0,0.02) !important; border-color: rgba(0,0,0,0.08) !important; }
html[data-site-theme="light"] .feature-section h5 { color: #2f55d4 !important; }
html[data-site-theme="light"] .feature-list li { color: #475569 !important; border-color: rgba(0,0,0,0.06) !important; }
html[data-site-theme="light"] .video-card { border-color: rgba(0,0,0,0.1) !important; }
html[data-site-theme="light"] .video-card .card-body h6 { color: #1c2836 !important; }
html[data-site-theme="light"] .video-link-card { border-color: rgba(0,0,0,0.1) !important; }
html[data-site-theme="light"] .video-link-card .card-body h6 { color: #1c2836 !important; }
html[data-site-theme="light"] .update-entry { background: rgba(0,0,0,0.02) !important; border-color: rgba(0,0,0,0.08) !important; }
html[data-site-theme="light"] .update-entry ul li { color: #475569 !important; }
html[data-site-theme="light"] .contact-card { border-color: rgba(0,0,0,0.08) !important; }
html[data-site-theme="light"] .contact-card p { color: #475569 !important; }
html[data-site-theme="light"] .support-card { border-color: rgba(0,0,0,0.08) !important; }
html[data-site-theme="light"] .product-detail-card { border-color: rgba(0,0,0,0.1) !important; }
html[data-site-theme="light"] .product-detail-card.featured { border-color: #2f55d4 !important; background: rgba(47,85,212,0.05) !important; }
html[data-site-theme="light"] .compare-table thead th { background: rgba(47,85,212,0.1) !important; color: #1c2836 !important; }
html[data-site-theme="light"] .compare-table tbody td { color: #475569 !important; border-color: rgba(0,0,0,0.06) !important; }
html[data-site-theme="light"] .compare-table tbody td:first-child { color: #1c2836 !important; }
html[data-site-theme="light"] .product-nav a { border-color: rgba(0,0,0,0.1) !important; color: #475569 !important; }
html[data-site-theme="light"] .product-nav a.active { background: rgba(47,85,212,0.1) !important; border-color: #2f55d4 !important; color: #2f55d4 !important; }
html[data-site-theme="light"] .cat-pills .nav-link { border-color: rgba(0,0,0,0.1) !important; color: #475569 !important; }
html[data-site-theme="light"] .cat-pills .nav-link.active { background: rgba(47,85,212,0.1) !important; border-color: #2f55d4 !important; color: #2f55d4 !important; }
html[data-site-theme="light"] .nav-pills .nav-link { border-color: rgba(0,0,0,0.1) !important; color: #475569 !important; }
html[data-site-theme="light"] .nav-pills .nav-link.active { background: rgba(47,85,212,0.15) !important; border-color: #2f55d4 !important; color: #2f55d4 !important; }

@media (max-width: 767.98px) {
    .compare-scroll-premium {
        position: relative;
        padding: 10px;
        border-radius: 20px !important;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .compare-scroll-premium::after {
        content: "";
        position: sticky;
        right: 0;
        float: right;
        width: 34px;
        height: 100%;
        min-height: 100%;
        margin-left: -34px;
        background: linear-gradient(90deg, rgba(12, 22, 39, 0), rgba(12, 22, 39, 0.9));
        pointer-events: none;
    }

    .compare-scroll-premium .compare-table {
        min-width: 776px;
        table-layout: fixed !important;
    }

    .compare-scroll-premium .compare-table thead {
        position: sticky !important;
        top: 0 !important;
        z-index: 6 !important;
    }

    .compare-scroll-premium .compare-table thead th {
        position: static !important;
        top: auto !important;
        z-index: auto !important;
        padding: 13px 8px;
        font-size: 12px;
        background: #102044 !important;
        color: #f5f8ff !important;
    }

    .compare-scroll-premium .compare-table thead th:first-child,
    .compare-scroll-premium .compare-table tbody td:first-child:not([colspan]) {
        width: 230px !important;
        min-width: 230px !important;
        max-width: 230px;
        white-space: normal;
    }

    .compare-scroll-premium .compare-table thead th:first-child {
        background: #102044 !important;
    }

    .compare-scroll-premium .compare-table thead th:not(:first-child),
    .compare-scroll-premium .compare-table tbody td:not(:first-child) {
        width: 78px !important;
        min-width: 78px !important;
    }

    .compare-scroll-premium .compare-table tbody td {
        padding: 12px 10px;
        font-size: 13px;
    }

    .compare-scroll-premium .compare-table tbody td[colspan] {
        position: static !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none;
        background: #132544 !important;
        color: #fff !important;
        box-shadow: none;
    }

    html[data-site-theme="light"] .compare-scroll-premium::after {
        background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(244, 248, 255, 0.96));
    }

    html[data-site-theme="light"] .compare-scroll-premium .compare-table thead th,
    html[data-site-theme="light"] .compare-scroll-premium .compare-table thead th:first-child {
        background: #e8eefc !important;
        color: #17243a !important;
    }

    html[data-site-theme="light"] .compare-scroll-premium .compare-table tbody td[colspan] {
        background: #e7eefc !important;
        color: #17243a !important;
    }

    body.compare-chat-suppressed iframe[src*="tawk.to"],
    body.compare-chat-suppressed iframe[title*="chat" i],
    body.compare-chat-suppressed iframe[title*="tawk" i] {
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transform: translateY(12px) scale(0.96) !important;
    }
}