@import "theme-tokens.css";

:root {
    --blue: var(--bg-primary);
    --blue-dark: var(--bg-secondary);
    --cyan: var(--color-accent);
    --gold: var(--color-accent);
    --ink: var(--text-secondary);
    --muted: var(--text-muted);
    --soft: var(--bg-secondary);
    --line: var(--border-default);
    --white: var(--surface-card);
    --shadow: var(--shadow-xl);
    --shadow-soft: var(--shadow-md);
}

/* ==========================================================================
   CUSTOMER FRIENDLY & EYE-CATCHING PREMIUM BUTTON STYLING OVERRIDES (GLOBALLY)
   ========================================================================== */

/* Shimmer animation keyframes for shiny sliding effect */
/* --- Premium Minimalist Pill Buttons - Global Site Overrides --- */
/* 1. Core Reset for all buttons */
.button,
.customer-auth__button,
.btn-place,
.btn-wa-checkout,
.portal-btn,
.sc-btn-glow,
.sc-btn-category,
.whatsapp-form-button,
.btn-buy,
.btn-cart,
.btn-wa,
.faq-btn-wa,
.qs-sticky-btn,
.docs-btn {
    font-family: 'Poppins', sans-serif !important;
    border-radius: 99px !important;
    text-transform: none !important;
    letter-spacing: 0.5px !important;
    font-weight: 700 !important;
    font-size: 14.5px !important;
    padding: 14px 32px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    white-space: nowrap !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
    cursor: pointer !important;
    position: relative !important;
    overflow: hidden !important;
    z-index: 1 !important;
    text-decoration: none !important;
    border: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
    line-height: normal !important;
    min-height: unset !important;
    height: auto !important;
}

/* Specific heights and paddings for checkouts/portals to prevent layout breakdown */
.btn-place, .btn-wa-checkout {
    padding: 16px 42px !important;
}

.portal-btn {
    padding: 10px 24px !important;
    font-size: 13px !important;
}

/* 2. Solid Gold Primary Buttons (Warm gold gradient with high contrast dark text) */
.button.primary,
.sc-btn-glow,
.sc-btn-category,
.whatsapp-form-button,
.btn-place,
.portal-btn.primary,
.btn-buy,
.qs-sticky-btn--buy {
    background: linear-gradient(135deg, #f9d99a 0%, #dfb76c 50%, #b3893c 100%) !important;
    color: #060b13 !important;
    border: none !important;
    box-shadow: none !important;
    animation: none !important;
}

.button.primary:hover,
.sc-btn-glow:hover,
.sc-btn-category:hover,
.whatsapp-form-button:hover,
.btn-place:hover,
.portal-btn.primary:hover,
.btn-buy:hover,
.qs-sticky-btn--buy:hover {
    background: linear-gradient(135deg, #ffebaf 0%, #f3d498 50%, #dfb76c 100%) !important;
    color: #060b13 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(223, 183, 108, 0.15) !important;
}

.button.primary:active,
.sc-btn-glow:active,
.sc-btn-category:active,
.whatsapp-form-button:active,
.btn-place:active,
.portal-btn.primary:active,
.btn-buy:active,
.qs-sticky-btn--buy:active {
    transform: translateY(0) !important;
}

/* 3. Outline Gold "Add to Cart" / Ghost Buttons (Transparent background with clean gold border, matching mockup) */
.button.ghost,
.sc-btn-ghost-light,
.portal-btn:not(.primary),
.btn-outline,
.docs-btn-email,
.btn-cart {
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: 1.5px solid #dfb76c !important;
    color: #dfb76c !important;
    box-shadow: none !important;
    animation: none !important;
}

.button.ghost:hover,
.sc-btn-ghost-light:hover,
.portal-btn:not(.primary):hover,
.btn-outline:hover,
.docs-btn-email:hover,
.btn-cart:hover {
    background: rgba(223, 183, 108, 0.08) !important;
    border-color: #f3d498 !important;
    color: #f3d498 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(223, 183, 108, 0.1) !important;
}

.button.ghost:active,
.sc-btn-ghost-light:active,
.portal-btn:not(.primary):active,
.btn-outline:active,
.docs-btn-email:active,
.btn-cart:active {
    transform: translateY(0) !important;
}

/* 4. WhatsApp Green Outline Buttons (Transparent background with clean green border) */
.button.whatsapp,
.btn-wa-checkout,
.btn-wa,
.faq-btn-wa,
.qs-sticky-btn--wa,
.docs-btn-whatsapp {
    background: transparent !important;
    color: #25d366 !important;
    border: 1.5px solid #25d366 !important;
    box-shadow: none !important;
    animation: none !important;
}

.button.whatsapp:hover,
.btn-wa-checkout:hover,
.btn-wa:hover,
.faq-btn-wa:hover,
.qs-sticky-btn--wa:hover,
.docs-btn-whatsapp:hover {
    background: rgba(37, 211, 102, 0.08) !important;
    color: #34e073 !important;
    border-color: #34e073 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(37, 211, 102, 0.1) !important;
}

.button.whatsapp:active,
.btn-wa-checkout:active,
.btn-wa:active,
.faq-btn-wa:active,
.qs-sticky-btn--wa:active,
.docs-btn-whatsapp:active {
    transform: translateY(0) !important;
}

/* Disable shimmer sweep entirely on all buttons */
.button::after,
.customer-auth__button::after,
.btn-place::after,
.btn-wa-checkout::after,
.portal-btn::after,
.sc-btn-glow::after,
.sc-btn-category::after,
.whatsapp-form-button::after,
.btn-buy::after,
.btn-cart::after,
.btn-wa::after,
.faq-btn-wa::after,
.qs-sticky-btn::after,
.docs-btn::after,
.button.primary::after,
.button.ghost::after,
.button.whatsapp::after {
    content: none !important;
    display: none !important;
    animation: none !important;
}

/* ==========================================================================
   Global FAQ Section Styling (.sc-faq-wrap)
   ========================================================================== */
.sc-faq-wrap details {
    border-radius: var(--radius-lg, 12px) !important;
    margin-bottom: 12px !important;
    transition: all var(--transition-base, 0.3s ease) !important;
    border: 1px solid var(--border-default, rgba(255, 255, 255, 0.08)) !important;
    background: rgba(255, 255, 255, 0.01) !important;
    padding: 14px 20px !important;
    box-sizing: border-box !important;
    width: 100% !important;
}

.sc-faq-wrap details[open] {
    border-color: rgba(223, 183, 108, 0.25) !important;
    background: rgba(255, 255, 255, 0.02) !important;
}

.sc-faq-wrap summary {
    font-size: 15.5px !important;
    color: #fff !important;
    font-weight: var(--weight-bold, 700) !important;
    cursor: pointer !important;
    outline: none !important;
    transition: color var(--transition-fast, 0.2s ease) !important;
    padding: 4px 0 !important;
}

.sc-faq-wrap summary:hover {
    color: var(--color-accent, #dfb76c) !important;
}

/* ── Know More Button for FAQ Answers ── */
.faq-know-more-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin-top: 14px !important;
    padding: 8px 16px !important;
    background: rgba(223, 183, 108, 0.07) !important;
    border: 1px solid rgba(223, 183, 108, 0.25) !important;
    color: #dfb76c !important;
    border-radius: 50px !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
    cursor: pointer !important;
}
.faq-know-more-btn:hover {
    background: rgba(223, 183, 108, 0.15) !important;
    border-color: rgba(223, 183, 108, 0.5) !important;
    color: #f5d08a !important;
    transform: translateY(-1px) translateX(2px) !important;
    box-shadow: 0 6px 18px rgba(223, 183, 108, 0.1) !important;
}
.faq-know-more-btn svg {
    transition: transform 0.2s ease !important;
    stroke: currentColor !important;
    flex-shrink: 0 !important;
}
.faq-know-more-btn:hover svg {
    transform: translateX(3px) !important;
}

/* Price Row Layout */
.logos-design-card.store-card .sc-price-row,
.qs-product-card.store-card .sc-price-row {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    margin-top: auto !important;
    margin-bottom: 16px !important;
}
.zr-glass-card div[style*="display: flex; align-items: baseline"] {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin-top: auto !important;
    margin-bottom: 16px !important;
}
.logos-design-card.store-card .sc-card-price,
.qs-product-card.store-card .sc-card-price {
    color: var(--color-accent, #dfb76c) !important;
    font-size: 19px !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
}
.zr-glass-card strong {
    color: var(--color-accent, #dfb76c) !important;
    font-size: 21px !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
}
.logos-design-card.store-card .sc-card-old-price,
.qs-product-card.store-card .sc-card-old-price {
    color: var(--text-muted, #94a3b8) !important;
    font-size: 13px !important;
    opacity: 0.75 !important;
    text-decoration: line-through !important;
    white-space: nowrap !important;
}
.zr-glass-card span[style*="text-decoration: line-through"] {
    color: var(--text-muted, #94a3b8) !important;
    font-size: 13.5px !important;
    opacity: 0.75 !important;
    text-decoration: line-through !important;
    white-space: nowrap !important;
}

.sc-faq-wrap p {
    font-size: 14.5px !important;
    color: var(--text-muted, #94a3b8) !important;
    line-height: 1.65 !important;
    margin-top: 12px !important;
    margin-bottom: 0 !important;
}

/* See All FAQs Button (Ghost style) */
.sc-faq-wrap a.button.ghost,
.sc-faq-wrap .actions a.button.ghost {
    background: transparent !important;
    color: #dfb76c !important;
    border: 1.5px solid #dfb76c !important;
    padding: 12px 28px !important;
    border-radius: 99px !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
    cursor: pointer !important;
}

.sc-faq-wrap a.button.ghost:hover,
.sc-faq-wrap .actions a.button.ghost:hover {
    background: rgba(223, 183, 108, 0.08) !important;
    color: #f3d498 !important;
    border-color: #f3d498 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(223, 183, 108, 0.1) !important;
}

/* WhatsApp Button (WhatsApp style) */
.sc-faq-wrap a.button.whatsapp,
.sc-faq-wrap .actions a.button.whatsapp {
    background: #25d366 !important;
    color: #ffffff !important;
    border: 1.5px solid #25d366 !important;
    padding: 12px 28px !important;
    border-radius: 99px !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
    cursor: pointer !important;
    box-shadow: 0 8px 20px rgba(37, 211, 102, 0.2) !important;
}

.sc-faq-wrap a.button.whatsapp:hover,
.sc-faq-wrap .actions a.button.whatsapp:hover {
    background: #20bd5a !important;
    color: #ffffff !important;
    border-color: #20bd5a !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 24px rgba(37, 211, 102, 0.3) !important;
}

/* Media Query for mobile buttons width */
@media (max-width: 640px) {
    .sc-faq-wrap a.button.ghost,
    .sc-faq-wrap a.button.whatsapp {
        width: 100% !important;
    }
}




/* Store Catalog Grid — 2-column layout override on mobile */
@media (max-width: 640px) {
    .grid-4 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }
    .store-card .product-photo img {
        height: clamp(120px, 34vw, 155px) !important;
    }
    .store-card .content {
        padding: 12px !important;
    }
    .store-card h3 {
        font-size: 13.5px !important;
        margin-bottom: 4px !important;
        line-height: 1.3 !important;
    }
    .store-card .rating {
        font-size: 10px !important;
        margin: 4px 0 !important;
    }
    .store-card .price {
        font-size: 16.5px !important;
        margin: 6px 0 12px !important;
    }
    .store-card .actions {
        flex-direction: column !important;
        gap: 6px !important;
        margin-top: auto !important;
    }
    .store-card .actions .button {
        width: 100% !important;
        min-height: 36px !important;
        padding: 8px 10px !important;
        font-size: 11px !important;
    }
}

/* --- Premium Storefront Product Card Overrides (Global) --- */
.home-product-card {
    background: var(--surface-card, rgba(10, 16, 28, 0.55)) !important;
    border: 1px solid var(--border-default, rgba(255, 255, 255, 0.06)) !important;
    border-radius: 16px !important;
    padding: 0 !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25) !important;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.home-product-card:hover {
    transform: translateY(-6px) !important;
    border-color: rgba(223, 183, 108, 0.3) !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), 0 0 30px rgba(223, 183, 108, 0.08) !important;
}
.home-product-body {
    padding: 20px !important;
}
.home-product-body h3 {
    font-size: 16.5px !important;
    font-weight: 700 !important;
    color: var(--text-primary, #fff) !important;
    margin-bottom: 8px !important;
    line-height: 1.35 !important;
}
.home-product-body p {
    color: var(--text-secondary, #cbd5e1) !important;
    font-size: 12.5px !important;
    line-height: 1.55 !important;
    margin-bottom: 18px !important;
}
.home-rating {
    color: var(--color-accent, #dfb76c) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 8px !important;
}
.home-price-row {
    display: flex !important;
    align-items: baseline !important;
    gap: 10px !important;
    margin-top: auto !important;
    margin-bottom: 16px !important;
}
.home-price-row strong {
    color: var(--color-accent, #dfb76c) !important;
    font-size: 21px !important;
    font-weight: 800 !important;
}
.home-price-row s {
    color: var(--text-muted, #94a3b8) !important;
    font-size: 13.5px !important;
    opacity: 0.75 !important;
}
.discount-tag {
    font-size: 11px !important;
    font-weight: 800 !important;
    color: var(--color-success, #10b981) !important;
    background: rgba(16, 185, 129, 0.08) !important;
    border: 1px solid rgba(16, 185, 129, 0.15) !important;
    border-radius: 4px !important;
    padding: 2px 6px !important;
    margin-left: 6px !important;
    letter-spacing: 0.5px !important;
    display: inline-flex !important;
    align-items: center !important;
    text-transform: uppercase !important;
}

/* Product Actions Buttons (Global styling for all screen sizes) */
.home-product-card .home-card-actions .home-btn {
    box-sizing: border-box !important;
    height: 42px !important; /* Perfect height alignment parity */
    font-size: 13px !important;
    font-weight: 800 !important;
    padding: 0 12px !important;
    border-radius: 99px !important;
    letter-spacing: 0.3px !important;
    box-shadow: none !important;
    text-transform: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    margin: 0 !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
    width: 100% !important;
}
.home-product-card .home-btn-primary {
    background: var(--gradient-gold, linear-gradient(135deg, #f9d99a 0%, #dfb76c 50%, #b3893c 100%)) !important;
    color: #060b13 !important;
    border: none !important;
}
.home-product-card .home-btn-primary:hover {
    background: linear-gradient(135deg, #ffebaf 0%, #f3d498 50%, #dfb76c 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 15px rgba(223, 183, 108, 0.25) !important;
}
.home-product-card .home-btn-outline-gold {
    border: 1.5px solid var(--color-accent, #dfb76c) !important;
    color: var(--color-accent, #dfb76c) !important;
    background: transparent !important;
}
.home-product-card .home-btn-outline-gold:hover {
    background: rgba(223, 183, 108, 0.08) !important;
    color: var(--color-accent-hover, #f3d498) !important;
    border-color: var(--color-accent-hover, #f3d498) !important;
    transform: translateY(-2px) !important;
}

@media (min-width: 768px) {
    .home-product-card .home-card-actions {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 10px !important;
        margin-top: 14px !important;
        width: 100% !important;
    }
}
@media (max-width: 767px) {
    .home-product-card .home-card-actions {
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
        margin-top: 14px !important;
        width: 100% !important;
    }
}

*{box-sizing:border-box;}html{scroll-behavior:smooth;}body{margin:0;font-family:'Poppins',sans-serif;color:var(--ink);background-color:#060b13;line-height:1.6;}a{color:inherit;text-decoration:none;}.wrap{width:min(1180px,calc(100% - 40px));margin:0 auto;}.wide{width:min(1320px,calc(100% - 32px));margin:0 auto;}.top{background:#060b13;color:#dbeafe;font-size:13px;}

/* --- Product Cards Layout & Button Parity Across All Pages (3D Logos, QR Standees, AI Reviews) --- */
.logos-design-card.store-card,
.qs-product-card.store-card,
.zr-glass-card {
    background: var(--surface-card, rgba(10, 16, 28, 0.55)) !important;
    border: 1px solid var(--border-default, rgba(255, 255, 255, 0.06)) !important;
    border-radius: 16px !important;
    padding: 0 !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25) !important;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
}
.logos-design-card.store-card:hover,
.qs-product-card.store-card:hover,
.zr-glass-card:hover {
    transform: translateY(-6px) !important;
    border-color: rgba(223, 183, 108, 0.3) !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), 0 0 30px rgba(223, 183, 108, 0.08) !important;
}

/* Card Body Content Padding */
.logos-design-card.store-card .sc-card-content,
.qs-product-card.store-card .sc-card-content {
    padding: 20px 16px !important;
    background: transparent !important;
}
.zr-glass-card {
    padding: 20px !important;
    background: transparent !important;
}

/* Card Typography & Verification Badge */
.logos-design-card.store-card .sc-card-title,
.qs-product-card.store-card .sc-card-title,
.zr-glass-card h3,
.home-product-body h3 {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 800 !important;
    color: var(--text-primary, #fff) !important;
    margin-bottom: 8px !important;
    line-height: 1.35 !important;
}
.logos-design-card.store-card .sc-card-summary,
.qs-product-card.store-card .sc-card-summary,
.zr-glass-card p,
.home-product-body p {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 400 !important;
    color: var(--text-secondary, #cbd5e1) !important;
    font-size: 12.5px !important;
    line-height: 1.55 !important;
    margin-bottom: 18px !important;
}
.logos-design-card.store-card .sc-card-rating-row,
.qs-product-card.store-card .sc-card-rating-row {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    margin-bottom: 12px !important;
}
.logos-design-card.store-card .sc-rating-separator,
.qs-product-card.store-card .sc-rating-separator {
    color: var(--color-accent, #dfb76c) !important;
    opacity: 0.65 !important;
    font-size: 10px !important;
    margin: 0 4px !important;
}
.logos-design-card.store-card .sc-rating-label,
.qs-product-card.store-card .sc-rating-label {
    color: var(--color-accent, #dfb76c) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
}
.logos-design-card.store-card .sc-stars-svg-row,
.qs-product-card.store-card .sc-stars-svg-row {
    display: inline-flex !important;
    align-items: center !important;
    gap: 2px !important;
}
.logos-design-card.store-card .sc-stars-svg-row svg,
.qs-product-card.store-card .sc-stars-svg-row svg {
    width: 11px !important;
    height: 11px !important;
    fill: var(--color-accent, #dfb76c) !important;
}



/* Button Wrapper Grid/Flex Layout */
@media (min-width: 768px) {
    .logos-design-card.store-card .sc-card-actions,
    .qs-product-card.store-card .sc-card-actions,
    .zr-glass-card div[style*="display: flex; gap: 8px"] {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 10px !important;
        margin-top: 14px !important;
        width: 100% !important;
    }
}
@media (max-width: 767px) {
    .logos-design-card.store-card .sc-card-actions,
    .qs-product-card.store-card .sc-card-actions,
    .zr-glass-card div[style*="display: flex; gap: 8px"] {
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
        margin-top: 14px !important;
        width: 100% !important;
    }
}

/* Premium Buttons Styling */
.logos-design-card.store-card .sc-btn-details,
.qs-product-card.store-card .sc-btn-details,
.zr-glass-card .button.primary {
    box-sizing: border-box !important;
    height: 42px !important;
    font-size: 12.5px !important;
    font-weight: 800 !important;
    padding: 0 12px !important;
    border-radius: 99px !important;
    letter-spacing: 0.3px !important;
    box-shadow: none !important;
    text-transform: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    margin: 0 !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
    background: var(--gradient-gold, linear-gradient(135deg, #f9d99a 0%, #dfb76c 50%, #b3893c 100%)) !important;
    color: #060b13 !important;
    border: none !important;
    width: 100% !important;
    font-family: 'Poppins', sans-serif !important;
}
.logos-design-card.store-card .sc-btn-details:hover,
.qs-product-card.store-card .sc-btn-details:hover,
.zr-glass-card .button.primary:hover {
    background: linear-gradient(135deg, #ffebaf 0%, #f3d498 50%, #dfb76c 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 15px rgba(223, 183, 108, 0.25) !important;
}

.logos-design-card.store-card .sc-btn-cart,
.qs-product-card.store-card .sc-btn-cart,
.zr-glass-card .button:not(.primary) {
    box-sizing: border-box !important;
    height: 42px !important;
    font-size: 12.5px !important;
    font-weight: 800 !important;
    padding: 0 12px !important;
    border-radius: 99px !important;
    letter-spacing: 0.3px !important;
    box-shadow: none !important;
    text-transform: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    margin: 0 !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
    border: 1.5px solid var(--color-accent, #dfb76c) !important;
    color: var(--color-accent, #dfb76c) !important;
    background: transparent !important;
    width: 100% !important;
    font-family: 'Poppins', sans-serif !important;
}
.logos-design-card.store-card .sc-btn-cart:hover,
.qs-product-card.store-card .sc-btn-cart:hover,
.zr-glass-card .button:not(.primary):hover {
    background: rgba(223, 183, 108, 0.08) !important;
    color: var(--color-accent-hover, #f3d498) !important;
    border-color: var(--color-accent-hover, #f3d498) !important;
    transform: translateY(-2px) !important;
}
.logos-design-card.store-card:hover .product-photo img,
.qs-product-card.store-card:hover .product-photo img {
    transform: scale(1.05) !important;
}.top .wrap,.nav .wrap{display:flex;justify-content:space-between;align-items:center;gap:18px;}.top .wrap{min-height:36px;}.nav{position:sticky;top:0;z-index:10000 !important;background:#060b13;border-bottom:1px solid rgba(255,255,255,0.06);}.nav .wrap{min-height:80px;}.brand{display:flex;align-items:center;gap:12px;color:var(--cyan);font-size:22px;font-weight:800;}.mark{width:42px;height:42px;border-radius:8px;display:grid;place-items:center;color:#fff;background:var(--blue-dark);}.navlinks{display:flex;gap:24px;align-items:center;color:#ffffff;font-weight:500;font-size:14.5px;}.navlinks a{color:#ffffff;transition:color 0.2s ease,background 0.2s ease;display:inline-flex;align-items:center;gap:6px;}.navlinks a:hover,.navlinks a.active{color:var(--cyan) !important;}.mobile-menu-button{display:none;background:rgba(255,255,255,0.02);border:1.5px solid rgba(223,183,108,0.3);color:#ffffff;padding:0;width:42px;height:42px;border-radius:50%;cursor:pointer;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:700;font-family:inherit;transition:all 0.25s cubic-bezier(0.16,1,0.3,1);box-shadow:0 4px 12px rgba(0,0,0,0.2),inset 0 1px 0 rgba(255,255,255,0.05);outline:none;}.mobile-menu-button:hover,.mobile-menu-button:active,.mobile-menu-button:focus{background:rgba(223,183,108,0.1);border-color:#dfb76c;color:#dfb76c;box-shadow:0 0 15px rgba(223,183,108,0.35);transform:translateY(-1px);}.mobile-menu-button:active{transform:translateY(0) scale(0.96);}@media (min-width:640px){.mobile-menu-button{width:auto;height:auto;padding:8px 16px;border-radius:50px;}}@media (max-width:640px){.wrap{width:min(1180px,calc(100% - 24px));}}.mobile-panel{display:none;}.nav-item{position:relative;}.dropdown{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);background:#060b13;border:1px solid rgba(255,255,255,0.08);border-radius:8px;box-shadow:0 10px 25px rgba(0,0,0,0.3);padding:6px 0;z-index:99;min-width:120px;text-align:center;}.nav-item:hover .dropdown{display:block !important;}.dropdown a{display:block;padding:8px 16px;color:rgba(255,255,255,0.85) !important;font-size:13px;font-weight:600;text-align:left;}.dropdown a:hover{color:var(--cyan) !important;background:rgba(255,255,255,0.04);}.mega{display:none;position:absolute;right:-120px;top:calc(100% + 8px);width:640px;background:rgba(6,11,19,0.97);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.07);border-radius:20px;box-shadow:0 24px 60px rgba(0,0,0,0.6),0 0 0 1px rgba(255,255,255,0.03);padding:20px;z-index:99;overflow:hidden;}.nav-item:hover .mega{display:block;}.mega-header{display:flex;align-items:center;justify-content:space-between;padding:0 4px 14px;border-bottom:1px solid rgba(255,255,255,0.05);margin-bottom:14px;}.mega-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;color:#dfb76c;}.mega-tagline{font-size:11.5px;color:#475569;font-weight:500;}.mega-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;}.mega-item{display:flex !important;align-items:flex-start;gap:12px;padding:12px 14px !important;border-radius:14px !important;border:1px solid transparent !important;text-decoration:none;transition:all 0.2s cubic-bezier(0.16,1,0.3,1);color:inherit !important;}.mega-item:hover{background:rgba(255,255,255,0.03) !important;border-color:rgba(255,255,255,0.07) !important;transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,0.2);}.mega-item--cta{background:rgba(223,183,108,0.04) !important;border-color:rgba(223,183,108,0.1) !important;}.mega-item--cta:hover{background:rgba(223,183,108,0.08) !important;border-color:rgba(223,183,108,0.2) !important;}.mega-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;font-size:18px;flex-shrink:0;}.mega-text{display:flex;flex-direction:column;gap:3px;min-width:0;}.mega-text strong{color:#f1f5f9 !important;font-size:13.5px !important;font-weight:700 !important;margin:0 !important;display:block !important;transition:color 0.2s;}.mega-item:hover .mega-text strong{color:#fff !important;}.mega-text span{color:#475569 !important;font-size:11.5px !important;font-weight:400 !important;line-height:1.4;display:block;margin:0 !important;}.mega-tag{display:inline-block;padding:2px 7px;border-radius:20px;font-size:9.5px;font-weight:800;font-style:normal;text-transform:uppercase;letter-spacing:0.5px;margin-top:4px;width:fit-content;}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:12px 18px;border-radius:7px;border:1px solid transparent;font-weight:800;cursor:pointer;}.button.primary{background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;box-shadow:0 16px 32px rgba(26,60,143,.22);}.button.whatsapp{background:#16a34a;color:#fff;}.button.ghost{background:#fff;color:var(--blue);border-color:#bfdbfe;}.hero{background:linear-gradient(180deg,rgba(239,246,255,.92),rgba(255,255,255,.86)),radial-gradient(circle at 78% 18%,rgba(14,165,233,.22),transparent 30%);border-bottom:1px solid rgba(219,234,254,.8);padding:74px 0;overflow:hidden;}.home-hero{min-height:calc(100vh - 112px);display:flex;align-items:center;position:relative;padding:86px 0 120px;background:linear-gradient(90deg,rgba(7,13,28,.92) 0%,rgba(16,38,92,.78) 44%,rgba(15,23,42,.16) 100%),url('/images/supercards-modern-hero.png') center right / cover no-repeat;color:#fff;}.home-hero:after{content:"";position:absolute;inset:auto 0 0;height:140px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.95));pointer-events:none;}.home-hero .wrap{position:relative;z-index:2;}.home-hero h1{color:#fff;max-width:780px;font-size:clamp(46px,6vw,82px);}.home-hero .lead{color:#dbeafe;max-width:720px;}.home-hero .eyebrow{background:rgba(255,255,255,.12);color:#e0f2fe;border-color:rgba(255,255,255,.22);backdrop-filter:blur(12px);}.home-hero .stats{max-width:760px;}.home-hero .stat{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.2);backdrop-filter:blur(14px);}.home-hero .stat strong{color:#fff;}.home-hero .stat span{color:#cbd5e1;}.hero-trust{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0 0;color:#e0f2fe;font-weight:800;font-size:13px;}.hero-trust span{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.1);border-radius:999px;padding:8px 12px;}.home-runway{margin-top:-76px;position:relative;z-index:4;}.runway-grid{display:grid;grid-template-columns:1.05fr .95fr .95fr;gap:18px;}.runway-card{background:rgba(255,255,255,.94);border:1px solid rgba(219,234,254,.95);border-radius:24px;overflow:hidden;box-shadow:0 28px 84px rgba(15,23,42,.16);}.runway-card .content{padding:20px;}.runway-card.large{grid-row:span 2;}.runway-card.large .product-photo img{height:360px;}.runway-card .product-photo img{height:210px;}.scroll-reveal{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease;}.scroll-reveal.visible{opacity:1;transform:translateY(0);}.showcase-tabs{display:grid;grid-template-columns:320px 1fr;gap:24px;align-items:stretch;}.tab-list{display:grid;gap:10px;}.tab-button{text-align:left;border:1px solid var(--line);background:rgba(255,255,255,.86);border-radius:16px;padding:16px;font:inherit;cursor:pointer;color:#334155;box-shadow:var(--shadow-soft);}.tab-button strong{display:block;color:#0f172a;margin-bottom:4px;}.tab-button.active{color:#fff;background:linear-gradient(135deg,var(--blue),var(--cyan));border-color:transparent;}.tab-button.active strong,.tab-button.active span{color:#fff;}.tab-panel{display:none;min-height:480px;border-radius:28px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);}.tab-panel.active{display:grid;grid-template-columns:.95fr 1.05fr;}.tab-panel img{width:100%;height:100%;min-height:480px;object-fit:cover;}.tab-panel-copy{padding:clamp(24px,4vw,46px);display:flex;flex-direction:column;justify-content:center;}.cta-slab{background:linear-gradient(135deg,rgba(26,60,143,.96),rgba(14,165,233,.88)),radial-gradient(circle at 88% 18%,rgba(255,255,255,.26),transparent 28%);color:#fff;border-radius:30px;padding:clamp(28px,5vw,58px);box-shadow:0 30px 90px rgba(26,60,143,.2);}.cta-slab h2{color:#fff;}.cta-slab .lead,.cta-slab .muted{color:#dbeafe;}.proof-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}.proof-item{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--shadow-soft);}.proof-item strong{display:block;color:var(--blue);font-size:28px;line-height:1;margin-bottom:8px;}.comparison-cards{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:stretch;}.vs-pill{align-self:center;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--gold),#fbbf24);color:#fff;font-weight:900;box-shadow:var(--shadow-soft);}.review-card{min-height:100%;display:flex;flex-direction:column;justify-content:space-between;}.quote{font-size:18px;color:#ffffff;margin:12px 0 18px;}.hero.grid{display:block;}.hero-split{display:grid;grid-template-columns:1.02fr .98fr;gap:54px;align-items:center;}.hero-visual{min-height:500px;display:grid;place-items:center;position:relative;}.hero-image{width:min(620px,92vw);border-radius:26px;overflow:hidden;border:1px solid rgba(255,255,255,.9);box-shadow:0 32px 90px rgba(15,23,42,.18);background:#fff;}.hero-image img{width:100%;aspect-ratio:16 / 10;object-fit:cover;display:block;}.phone-card{width:min(330px,84vw);border-radius:30px;padding:18px;background:#0f172a;box-shadow:0 30px 90px rgba(15,23,42,.28);}.phone-screen{min-height:520px;border-radius:22px;background:linear-gradient(180deg,#fff,#eff6ff);border:1px solid #dbeafe;padding:18px;}.profile-cover{height:110px;border-radius:16px;background:linear-gradient(135deg,var(--blue),var(--cyan));}.profile-avatar{width:78px;height:78px;border-radius:50%;margin:-38px auto 14px;border:5px solid #fff;background:linear-gradient(135deg,#f59e0b,#0ea5e9);}.mock-line{height:11px;border-radius:999px;background:#dbeafe;margin:11px auto;}.mock-line.short{width:52%;}.mock-line.long{width:82%;}.mock-actions{display:grid;gap:10px;margin-top:24px;}.mock-actions span{height:42px;border-radius:8px;background:#fff;border:1px solid var(--line);}.floating-note{position:absolute;background:#fff;border:1px solid var(--line);border-radius:8px;padding:14px 16px;box-shadow:var(--shadow);font-weight:800;color:#0f172a;}.floating-note.one{left:0;top:60px;}.floating-note.two{right:0;bottom:72px;}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px;}.stat{background:rgba(255,255,255,.78);backdrop-filter:blur(12px);border:1px solid rgba(219,234,254,.9);border-radius:16px;padding:16px;box-shadow:var(--shadow-soft);}.stat strong{display:block;color:var(--blue);font-size:28px;line-height:1;}.stat span{color:var(--muted);font-weight:700;font-size:13px;}.category-strip{background:#fff;border-bottom:1px solid var(--line);}.category-strip .wrap{display:flex;gap:12px;overflow-x:auto;padding:14px 0;}.category-chip{flex:0 0 auto;border:1px solid var(--line);color:var(--blue);background:#fff;border-radius:999px;padding:9px 13px;font-size:13px;font-weight:800;}.eyebrow{display:inline-flex;color:var(--blue);background:#dff3ff;border:1px solid #bae6fd;border-radius:999px;padding:7px 11px;font-size:13px;font-weight:800;}h1{margin:16px 0 12px;color:#fff;font-family:'Poppins',sans-serif;font-size:clamp(46px,6vw,82px);line-height:1.02;letter-spacing:0;font-weight:600;max-width:780px;}h2{margin:0 0 14px;color:#fff;font-family:'Poppins',sans-serif;font-size:clamp(30px,4vw,44px);line-height:1.08;letter-spacing:0;font-weight:600;}h3{margin:0 0 9px;color:#ffffff;line-height:1.18;}.lead{color:var(--muted);max-width:760px;font-size:18px;margin:0 0 24px;}section{padding:70px 0;}section.alt{background:var(--soft);}.section-head{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:30px;}.section-head p{color:var(--muted);max-width:600px;margin:0;}.grid-2,.grid-3,.grid-4{display:grid;gap:18px;}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr));}.card{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.06);border-radius:18px;padding:24px;box-shadow:0 10px 30px rgba(0,0,0,0.25),inset 0 1px 1px rgba(255,255,255,0.05);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:all 0.3s ease;}.surface{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:30px;padding:clamp(22px,4vw,46px);box-shadow:0 30px 90px rgba(0,0,0,0.5);}.split-showcase{display:grid;grid-template-columns:.85fr 1.15fr;gap:28px;align-items:stretch;}.badge{display:inline-flex;color:var(--gold);background:#fff7ed;border:1px solid #fed7aa;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800;}.price{color:var(--blue);font-size:30px;font-weight:800;margin:10px 0;}.old{color:#94a3b8;text-decoration:line-through;font-size:16px;margin-left:8px;}.muted{color:var(--muted);}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px;}.product-art{min-height:170px;margin:-24px -24px 18px;display:grid;place-items:center;color:#fff;font-size:36px;font-weight:800;background:radial-gradient(circle at 78% 20%,rgba(255,255,255,.28),transparent 24%),linear-gradient(135deg,rgba(26,60,143,.98),rgba(14,165,233,.82));border-radius:18px 18px 0 0;}.store-layout{display:grid;grid-template-columns:260px 1fr;gap:22px;align-items:start;}.sidebar{position:sticky;top:96px;background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--shadow-soft);}.sidebar a{display:block;padding:10px 0;border-bottom:1px solid #eef5ff;color:#475569;font-weight:700;}.sidebar a:last-child{border-bottom:0;}.store-card{padding:0;overflow:hidden;display:flex;flex-direction:column;}.store-card .content{padding:18px;display:flex;flex-direction:column;flex:1;}.store-card:hover,.card:hover{transform:translateY(-2px);transition:transform .18s ease,box-shadow .18s ease;box-shadow:var(--shadow);}.product-media{min-height:210px;padding:18px;background:radial-gradient(circle at 68% 25%,rgba(255,255,255,.55),transparent 20%),linear-gradient(135deg,#e0f2fe,#eff6ff 45%,#fff7ed);display:grid;place-items:center;position:relative;}.product-photo{min-height:236px;background:linear-gradient(135deg,#eff6ff,#ffffff),radial-gradient(circle at 75% 20%,rgba(14,165,233,.18),transparent 30%);overflow:hidden;}.product-photo img{width:100%;height:260px;object-fit:cover;display:block;transition:transform .25s ease;}.store-card:hover .product-photo img,.card:hover .product-photo img{transform:scale(1.035);}.mini-card{width:76%;aspect-ratio:1.58;border-radius:16px;background:linear-gradient(135deg,#0f172a,var(--blue) 62%,var(--cyan));box-shadow:0 22px 50px rgba(15,23,42,.22);color:#fff;padding:18px;display:flex;flex-direction:column;justify-content:space-between;}.mini-card span{font-weight:800;}.mini-card small{color:#dbeafe;font-weight:700;}.mini-standee{width:62%;min-height:150px;border-radius:14px;background:#fff;border:1px solid var(--line);box-shadow:0 18px 42px rgba(15,23,42,.14);display:grid;place-items:center;color:var(--blue);font-weight:800;}.mini-logo{color:var(--blue);font-size:42px;font-weight:800;text-shadow:0 14px 34px rgba(26,60,143,.18);}.pill-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px;}.pill{background:#fff;border:1px solid var(--line);color:var(--blue);border-radius:999px;padding:8px 12px;font-weight:800;font-size:13px;}.rating{color:var(--gold);font-weight:800;font-size:13px;margin:8px 0;}.buy-panel{background:#fff;border:1px solid var(--line);border-radius:8px;padding:20px;box-shadow:var(--shadow);}.qty-row{display:flex;gap:10px;align-items:center;margin:16px 0;}.qty-row input{max-width:86px;}.checkout-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:24px;}.checkout-step{border:1px solid var(--line);background:#fff;border-radius:8px;padding:14px;font-weight:800;color:var(--blue);}.toast{position:fixed;right:18px;bottom:18px;background:#0f172a;color:#fff;border-radius:8px;padding:14px 16px;box-shadow:var(--shadow);transform:translateY(120px);opacity:0;transition:.2s ease;z-index:50;}.toast.show{transform:translateY(0);opacity:1;}.section-kicker{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;margin-bottom:28px;}.section-kicker h2{margin-bottom:0;}.final-conversion{background:linear-gradient(135deg,rgba(15,23,42,.96),rgba(26,60,143,.92)),radial-gradient(circle at 85% 20%,rgba(14,165,233,.32),transparent 28%);color:#fff;border-radius:34px;padding:clamp(32px,6vw,72px);min-height:420px;display:grid;grid-template-columns:1fr .8fr;gap:34px;align-items:center;box-shadow:0 34px 100px rgba(15,23,42,.26);}.final-conversion h2{color:#fff;font-size:clamp(34px,5vw,64px);}.final-conversion .lead{color:#dbeafe;}.final-stack{display:grid;gap:14px;}.final-stack .card{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.18);color:#fff;box-shadow:none;}.final-stack h3{color:#fff;}.final-stack .muted{color:#dbeafe;}.sticky-buy{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:60;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.88);border:1px solid rgba(219,234,254,.95);border-radius:999px;padding:8px;box-shadow:0 24px 70px rgba(15,23,42,.18);backdrop-filter:blur(16px);}.sticky-buy span{color:#0f172a;font-weight:800;padding-left:12px;white-space:nowrap;}.sticky-buy .button{min-height:38px;padding:9px 13px;font-size:13px;}.modern-band{background:#0f172a;color:#fff;border-radius:28px;padding:42px;box-shadow:0 28px 80px rgba(15,23,42,.22);overflow:hidden;position:relative;}.modern-band:after{content:"";position:absolute;inset:auto -120px -160px auto;width:320px;height:320px;border-radius:50%;background:rgba(14,165,233,.28);}.modern-band h2,.modern-band h3{color:#fff;}.modern-band p,.modern-band .muted{color:#cbd5e1;}.ticks{list-style:none;padding:0;margin:0;}.ticks li{position:relative;padding-left:24px;margin:9px 0;color:#475569;}.ticks li:before{content:"";position:absolute;left:0;top:9px;width:9px;height:9px;border-radius:50%;background:var(--cyan);}table{width:100%;border-collapse:collapse;border:1px solid rgba(255,255,255,0.06);border-radius:8px;overflow:hidden;background:rgba(255,255,255,0.01);}th,td{padding:14px 16px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;}th{background:var(--blue);color:#fff;}tr:last-child td{border-bottom:0;}input,select,textarea{width:100%;min-height:44px;border:1px solid rgba(255,255,255,0.1);border-radius:7px;padding:11px 12px;font:inherit;color:#ffffff;background:rgba(255,255,255,0.03);transition:border-color 0.2s,background-color 0.2s;}textarea{min-height:120px;resize:vertical;}label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;color:#dfb76c;}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}.full{grid-column:1 / -1;}details{background:rgba(255,255,255,0.01);border:1px solid rgba(255,255,255,0.06);border-radius:8px;padding:18px 20px;transition:all 0.25s ease;}details + details{margin-top:12px;}summary{cursor:pointer;color:#ffffff;font-weight:800;transition:color 0.2s;}footer{background:#060b13;color:#cbd5e1;padding:64px 0 32px;border-top:1px solid rgba(255,255,255,0.06);}.footer-grid{display:grid;grid-template-columns:1.55fr 0.85fr 0.85fr 0.75fr;gap:32px;}footer h3{font-size:13.5px;font-weight:700;color:#ffffff;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:18px;}footer a{display:block;color:rgba(255,255,255,0.65);margin:0;transition:all 0.25s cubic-bezier(0.4,0,0.2,1);font-size:14px;font-weight:500;}footer a:hover{color:var(--cyan) !important;transform:translateX(4px);opacity:1;}.footer-links-container{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;}@media (min-width:768px){.footer-links-container{justify-content:flex-start;}}@media (min-width:768px) and (max-width:1340px){.footer-links-container{padding-right:80px;}}.whatsapp-container{position:fixed;right:24px;bottom:24px;z-index:9999;display:flex;align-items:center;gap:16px;pointer-events:none;}.whatsapp-widget{pointer-events:auto;position:relative;width:60px;height:60px;background:linear-gradient(135deg,#25D366 0%,#128C7E 100%);color:#ffffff;border-radius:50%;display:grid;place-items:center;box-shadow:0 8px 24px rgba(37,211,102,0.4);transition:transform 0.25s cubic-bezier(0.175,0.885,0.32,1.275),box-shadow 0.2s ease;z-index:2;}.whatsapp-widget:hover{transform:translateY(-4px) scale(1.06);box-shadow:0 12px 32px rgba(37,211,102,0.55);}.whatsapp-widget:active{transform:translateY(-2px) scale(0.96);}.wa-ripple{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:rgba(37,211,102,0.4);z-index:-1;pointer-events:none;animation:waPulse 2.5s cubic-bezier(0.25,0,0,1) infinite;}@keyframes waPulse{0%{transform:scale(1);opacity:0.85;}100%{transform:scale(1.6);opacity:0;}}.whatsapp-tooltip{pointer-events:auto;display:flex;align-items:center;gap:10px;background:rgba(11,26,58,0.96);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(223,183,108,0.25);padding:10px 16px;border-radius:16px;box-shadow:0 10px 30px rgba(11,26,58,0.3);opacity:0;transform:translateX(15px) scale(0.9);visibility:hidden;transition:opacity 0.4s ease,transform 0.4s cubic-bezier(0.175,0.885,0.32,1.275),visibility 0.4s;white-space:nowrap;z-index:1;}.whatsapp-tooltip.show{opacity:1;transform:translateX(0) scale(1);visibility:visible;}.whatsapp-tooltip.hide{opacity:0;transform:translateX(15px) scale(0.9);visibility:hidden;}.whatsapp-tooltip-text{font-family:'Poppins',sans-serif;font-size:13px;font-weight:500;color:#ffffff;line-height:1.2;}.whatsapp-status-dot{width:8px;height:8px;background-color:#25D366;border-radius:50%;flex-shrink:0;box-shadow:0 0 8px #25D366;animation:statusBlink 1.5s ease-in-out infinite;}@keyframes statusBlink{0%,100%{opacity:0.3;}50%{opacity:1;}}.whatsapp-tooltip-close{background:none;border:none;color:rgba(255,255,255,0.5);font-size:18px;font-weight:bold;cursor:pointer;padding:0 0 2px;line-height:1;transition:color 0.15s ease;}.whatsapp-tooltip-close:hover{color:#dfb76c;}.whatsapp-tooltip::after{content:'';position:absolute;right:-6px;top:50%;transform:translateY(-50%) rotate(45deg);width:10px;height:10px;background:rgba(11,26,58,0.96);border-right:1px solid rgba(223,183,108,0.25);border-top:1px solid rgba(223,183,108,0.25);}@media (max-width:640px){.whatsapp-container{right:16px;bottom:16px;}.whatsapp-tooltip{display:none !important;}}.copyright{border-top:1px solid rgba(255,255,255,0.06);margin-top:32px;padding-top:20px;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;font-size:13.5px;color:rgba(255,255,255,0.6);}.copyright a{display:inline-block;color:rgba(255,255,255,0.6);margin:0;transition:color 0.2s ease;}.copyright a:hover{color:var(--cyan) !important;}.footer-inline-contact{display:flex;gap:20px 24px;flex-wrap:wrap;margin-top:24px;}.footer-inline-contact-col{flex:1;min-width:110px;}.footer-inline-contact-col strong{color:#ffffff;font-size:13px;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;display:block;margin-bottom:6px;}.footer-inline-contact-col span,.footer-inline-contact-col a{font-size:12px;color:rgba(255,255,255,0.7);font-weight:500;text-decoration:none;display:block;word-break:break-all;margin:0;}.footer-inline-contact-col a:hover{color:var(--cyan) !important;}@media (min-width:981px){.navlinks{margin-left:auto !important;}.nav-utility-container{margin-left:0 !important;}}@media (max-width:980px){.navlinks{display:none !important;}.desktop-only-utility{display:none !important;}.mobile-menu-button{display:inline-flex;}.mobile-panel{display:none;border-top:1px solid rgba(255,255,255,0.06);background:rgba(6,11,19,0.98);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:0;}.mobile-panel.open{display:block;}.mobile-panel .wrap{display:flex;flex-direction:column;gap:4px;min-height:0;}.mobile-nav-link{display:flex;align-items:center;gap:12px;padding:10px 12px !important;border-radius:10px;color:rgba(255,255,255,0.8) !important;text-decoration:none;font-weight:600;font-size:14px;transition:all 0.2s ease-in-out;}.mobile-nav-link:hover,.mobile-nav-link.active{background:rgba(255,255,255,0.04);color:#dfb76c !important;transform:translateX(4px);}.mobile-nav-icon{font-size:16px;display:inline-block;}.mobile-nav-text{flex:1;}.mobile-nav-badge{font-size:10px;font-weight:800;padding:2px 8px;border-radius:20px;text-transform:uppercase;letter-spacing:0.5px;}.mobile-nav-sub{display:flex;flex-direction:column;gap:4px;padding-left:14px;border-left:1.5px solid rgba(255,255,255,0.08);margin-left:20px;margin-top:4px;margin-bottom:8px;}.mobile-nav-sub-link{display:flex;align-items:center;gap:10px;padding:8px 10px !important;border-radius:8px;color:rgba(255,255,255,0.65) !important;text-decoration:none;font-weight:500;font-size:13.5px;transition:all 0.2s ease-in-out;}.mobile-nav-sub-link:hover,.mobile-nav-sub-link.active{background:rgba(255,255,255,0.03);color:#dfb76c !important;transform:translateX(4px);}.mobile-nav-sub-icon{font-size:14px;display:inline-block;}.mega{display:none;}.section-head{display:block;}.section-head p{margin-top:10px;}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr));}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr));}.grid-2,.footer-grid{grid-template-columns:1fr;}.hero-split,.store-layout,.split-showcase{grid-template-columns:1fr;}.home-hero{min-height:auto;background:linear-gradient(180deg,rgba(7,13,28,.95),rgba(16,38,92,.76)),url('/images/supercards-modern-hero.png') center / cover no-repeat;}.runway-grid{grid-template-columns:1fr;}.showcase-tabs{grid-template-columns:1fr;}.tab-panel.active{grid-template-columns:1fr;}.tab-panel img{min-height:280px;}.proof-strip,.comparison-cards{grid-template-columns:1fr;}.vs-pill{margin:0 auto;}.section-kicker,.final-conversion{grid-template-columns:1fr;}.runway-card.large{grid-row:auto;}.sidebar{position:static;}.floating-note{display:none;}}@media (max-width:640px){.wrap{width:min(100% - 28px,1180px);}.top .wrap{align-items:flex-start;flex-direction:column;padding:8px 0;gap:4px;}.grid-3,.grid-4,.form-grid{grid-template-columns:1fr;}.button,.actions .button{width:100%;}section{padding:54px 0;}.stats,.checkout-steps{grid-template-columns:1fr;}.phone-screen{min-height:430px;}.sticky-buy{width:calc(100% - 24px);border-radius:18px;display:grid;grid-template-columns:1fr 1fr;}.sticky-buy span{grid-column:1 / -1;padding-left:6px;text-align:center;}}.sc-hero{position:relative;background:#060b13;color:#fff;padding:80px 0 100px;overflow:hidden;min-height:calc(100vh - 82px);display:flex;align-items:center;}.sc-hero__glow{position:absolute;border-radius:50%;pointer-events:none;filter:blur(100px);opacity:.35;}.sc-hero__glow--1{width:600px;height:600px;background:radial-gradient(circle,rgba(223,183,108,.45),transparent 70%);top:-180px;right:-100px;animation:sc-float 8s ease-in-out infinite alternate;}.sc-hero__glow--2{width:500px;height:500px;background:radial-gradient(circle,rgba(14,165,233,.3),transparent 70%);bottom:-200px;left:-60px;animation:sc-float 10s ease-in-out infinite alternate-reverse;}@keyframes sc-float{0%{transform:translate(0,0) scale(1);}100%{transform:translate(30px,-20px) scale(1.1);}}.sc-hero__inner{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center;position:relative;z-index:2;}.sc-hero__content{max-width:620px;}.sc-hero__badge{display:inline-flex;align-items:center;gap:8px;background:rgba(223,183,108,.12);border:1px solid rgba(223,183,108,.28);border-radius:999px;padding:8px 16px;font-size:13px;font-weight:700;color:#dfb76c;backdrop-filter:blur(12px);margin-bottom:18px;}.sc-hero__badge-dot{width:8px;height:8px;border-radius:50%;background:#dfb76c;animation:sc-pulse 2s ease-in-out infinite;}@keyframes sc-pulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.4;transform:scale(.7);}}.sc-hero__title{color:#fff;font-size:clamp(38px,5.5vw,68px);line-height:1.08;margin:0 0 20px;letter-spacing:-1px;}.sc-gradient-text{background:linear-gradient(135deg,#dfb76c,#f7e5b0,#dfb76c);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:sc-shimmer 4s linear infinite;}@keyframes sc-shimmer{0%{background-position:0% center;}100%{background-position:200% center;}}.sc-hero__subtitle{color:#94a3b8;font-size:17px;line-height:1.65;margin:0 0 28px;max-width:540px;}.sc-hero__actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:36px;}.sc-btn-glow{box-shadow:0 0 24px rgba(223,183,108,.3),0 12px 30px rgba(11,26,58,.35) !important;transition:box-shadow .3s ease,transform .2s ease !important;}.sc-btn-glow:hover{box-shadow:0 0 36px rgba(223,183,108,.45),0 16px 40px rgba(11,26,58,.45) !important;transform:translateY(-2px);}.sc-btn-ghost-light{background:rgba(255,255,255,.08) !important;color:#fff !important;border:1px solid rgba(255,255,255,.2) !important;backdrop-filter:blur(8px);transition:all .25s ease !important;}.sc-btn-ghost-light:hover{background:rgba(255,255,255,.15) !important;border-color:rgba(223,183,108,.4) !important;color:#dfb76c !important;}.sc-hero__trust{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:32px;}.sc-trust-item strong{display:block;font-size:24px;color:#fff;line-height:1.2;}.sc-trust-item span{font-size:12px;color:#64748b;font-weight:700;text-transform:uppercase;letter-spacing:.5px;}.sc-trust-divider{width:1px;height:36px;background:rgba(255,255,255,.12);}.sc-hero__brands{border-top:1px solid rgba(255,255,255,.08);padding-top:20px;}.sc-hero__brands-label{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:#475569;font-weight:700;margin:0 0 12px;}.sc-hero__brands-list{display:flex;gap:28px;flex-wrap:wrap;align-items:center;opacity:.5;filter:grayscale(1) brightness(2);}.sc-hero__brands-list span{font-size:15px;font-weight:800;letter-spacing:-.3px;}.sc-hero__visual{display:flex;justify-content:center;align-items:center;}.sc-hero__card-wrap{width:min(560px,100%);border-radius:24px;overflow:hidden;box-shadow:0 40px 100px rgba(0,0,0,.5),0 0 60px rgba(223,183,108,.08);border:1px solid rgba(255,255,255,.08);position:relative;}.sc-hero__card-wrap img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;}.sc-hero__fade{position:absolute;inset:auto 0 0;height:120px;background:linear-gradient(180deg,transparent,#faf9f5);pointer-events:none;z-index:1;}.sc-marquee{background:linear-gradient(135deg,#0f172a,#060b13);padding:18px 0;overflow:hidden;border-bottom:1px solid rgba(223,183,108,.12);border-top:1px solid rgba(223,183,108,.12);}.sc-marquee__track{display:flex;width:100%;overflow:hidden;}.sc-marquee__content{display:flex;gap:0;align-items:center;white-space:nowrap;animation:sc-scroll 20s linear infinite;font-size:16px;font-weight:800;text-transform:uppercase;letter-spacing:3px;color:#dfb76c;}.sc-marquee__content span{padding:0 16px;}.sc-marquee__dot{color:rgba(223,183,108,.4) !important;font-size:14px !important;}@keyframes sc-scroll{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}.sc-dark-section{background:#060b13;color:#fff;padding:80px 0;position:relative;}.sc-eyebrow-dark{display:inline-flex;color:#dfb76c;background:rgba(223,183,108,.1);border:1px solid rgba(223,183,108,.22);border-radius:999px;padding:7px 14px;font-size:13px;font-weight:800;}.sc-steps{display:flex;align-items:flex-start;justify-content:center;gap:0;}.sc-step{text-align:center;max-width:260px;padding:0 20px;}.sc-step__icon{width:80px;height:80px;border-radius:50%;background:rgba(223,183,108,.08);border:1px solid rgba(223,183,108,.2);display:grid;place-items:center;margin:0 auto 18px;transition:transform .3s ease,box-shadow .3s ease;}.sc-step:hover .sc-step__icon{transform:scale(1.08);box-shadow:0 0 30px rgba(223,183,108,.2);}.sc-step__number{font-size:13px;font-weight:800;color:#dfb76c;letter-spacing:1px;margin-bottom:8px;}.sc-step__title{color:#fff;font-size:20px;margin:0 0 8px;}.sc-step__desc{color:#94a3b8;font-size:14px;line-height:1.6;margin:0;}.sc-step__connector{display:flex;align-items:center;padding-top:32px;opacity:.5;}.sc-product-grid{gap:22px !important;}.sc-product-card{background:#ffffff;border:1px solid rgba(11,26,58,0.05);border-radius:24px;padding:0;overflow:hidden;display:flex;flex-direction:row;justify-content:space-between;box-shadow:0 10px 30px rgba(11,26,58,0.04);transition:transform 0.3s ease,box-shadow 0.3s ease,border-color 0.3s ease;}.sc-product-card:hover{transform:translateY(-6px);box-shadow:0 20px 45px rgba(11,26,58,0.08);border-color:rgba(223,183,108,0.25);}.sc-product-card__body{flex:1.25;padding:32px;display:flex;flex-direction:column;justify-content:center;}.sc-product-card__title{font-size:22px;margin:0 0 10px;color:#0f172a;font-weight:800;line-height:1.25;}.sc-product-card__body .muted{font-size:13.5px;line-height:1.5;color:#64748b;margin-bottom:12px;}.sc-product-card__image{flex:1;padding:0;position:relative;overflow:hidden;display:block;height:100%;min-height:260px;}.sc-product-card__image img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease;}.sc-product-card:hover .sc-product-card__image img{transform:scale(1.06);}.sc-badge-category{display:inline-block;padding:5px 12px;border-radius:99px;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:14px;width:fit-content;}.sc-badge-category--gold{background:rgba(223,183,108,0.1);color:#b48530;border:1px solid rgba(223,183,108,0.25);}.sc-badge-category--blue{background:rgba(14,165,233,0.1);color:#0284c7;border:1px solid rgba(14,165,233,0.25);}.sc-badge-category--green{background:rgba(16,185,129,0.1);color:#059669;border:1px solid rgba(16,185,129,0.25);}.sc-badge-category--purple{background:rgba(99,102,241,0.1);color:#4f46e5;border:1px solid rgba(99,102,241,0.25);}.sc-btn-category{display:inline-block;padding:11px 24px;border-radius:10px;font-size:13.5px;font-weight:800;text-align:center;text-decoration:none;background:#060b13;color:#fff;border:1px solid #060b13;transition:all 0.25s ease;width:fit-content;}.sc-btn-category:hover{background:#dfb76c;color:#060b13;border-color:#dfb76c;transform:translateY(-1.5px);box-shadow:0 6px 18px rgba(223,183,108,0.25);}.sc-benefits{display:grid;gap:22px;margin-top:28px;}.sc-benefit{display:flex;gap:16px;align-items:flex-start;}.sc-benefit__icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,rgba(223,183,108,.12),rgba(223,183,108,.04));border:1px solid rgba(223,183,108,.2);display:grid;place-items:center;flex-shrink:0;color:#dfb76c;}.sc-benefit__title{margin:0 0 4px;font-size:17px;color:#0f172a;}.sc-benefit__desc{margin:0;font-size:14px;}.sc-stats-section{background:linear-gradient(180deg,#060b13,#0a1628);padding:70px 0;}.sc-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}.sc-stat-card{text-align:center;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:32px 20px;backdrop-filter:blur(10px);transition:transform .3s ease,border-color .3s ease;}.sc-stat-card:hover{transform:translateY(-4px);border-color:rgba(223,183,108,.3);}.sc-stat-card strong{display:block;font-size:42px;background:linear-gradient(135deg,#dfb76c,#f7e5b0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:8px;}.sc-stat-card span{color:#94a3b8;font-size:14px;font-weight:700;}.sc-pricing-grid{gap:22px !important;}.sc-pricing-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:32px;display:flex;flex-direction:column;justify-content:space-between;text-align:center;box-shadow:0 6px 30px rgba(11,26,58,.06);transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden;}.sc-pricing-card:hover{transform:translateY(-4px);box-shadow:0 20px 50px rgba(11,26,58,.12);}.sc-pricing-card--featured{border-color:#dfb76c;box-shadow:0 8px 40px rgba(223,183,108,.12);}.sc-pricing-card--featured::before{content:'';position:absolute;inset:0;border-radius:22px;background:linear-gradient(180deg,rgba(223,183,108,.04),transparent 50%);pointer-events:none;}.sc-pricing-card__badge{position:absolute;top:16px;right:16px;background:linear-gradient(135deg,#dfb76c,#c9a24b);color:#fff;padding:4px 12px;border-radius:999px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;}.sc-pricing-card__header{margin-bottom:0;}.sc-pricing-card__plan{font-size:22px;color:var(--blue);margin:0 0 4px;}.sc-pricing-card__sub{color:var(--muted);font-size:15px;font-weight:500;margin:0;}.sc-pricing-card__divider{height:1px;background:var(--line);margin:20px 0;}.sc-pricing-card__features{list-style:none;padding:0;margin:0 0 24px;text-align:left;}.sc-pricing-card__features li{display:flex;align-items:center;gap:10px;padding:8px 0;font-weight:700;color:var(--ink);font-size:15px;}.sc-pricing-card__features li svg{flex-shrink:0;}.sc-pricing-card__actions{display:flex;gap:10px;margin-top:auto;}.sc-testimonials{gap:22px !important;}.sc-testimonial-card{background:#fff;border:1px solid rgba(219,234,254,.9);border-radius:20px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 6px 30px rgba(11,26,58,.06);transition:transform .3s ease,box-shadow .3s ease;}.sc-testimonial-card:hover{transform:translateY(-4px);box-shadow:0 20px 50px rgba(11,26,58,.1);}.sc-testimonial-card__stars{color:#dfb76c;font-size:16px;letter-spacing:2px;margin-bottom:12px;}.sc-testimonial-card__quote{font-size:16px;color:#0f172a;line-height:1.65;margin:0 0 20px;flex:1;}.sc-testimonial-card__author{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding-top:16px;}.sc-testimonial-card__avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#0b1a3a,#dfb76c);display:grid;place-items:center;color:#fff;font-weight:800;font-size:16px;flex-shrink:0;}.sc-testimonial-card__author strong{display:block;color:#0f172a;font-size:14px;}.sc-testimonial-card__author span{font-size:12px;color:var(--muted);}@media (max-width:980px){.sc-hero__inner{grid-template-columns:1fr;gap:40px;text-align:center;}.sc-hero__content{max-width:100%;}.sc-hero__subtitle{max-width:100%;margin-left:auto;margin-right:auto;}.sc-hero__actions{justify-content:center;}.sc-hero__trust{justify-content:center;}.sc-hero__brands{text-align:center;}.sc-hero__brands-list{justify-content:center;}.sc-hero__visual{order:-1;}.sc-hero__card-wrap{width:min(460px,100%);}.sc-hero{min-height:auto;padding:50px 0 80px;}.sc-steps{flex-direction:column;align-items:center;gap:28px;}.sc-step__connector{transform:rotate(90deg);padding-top:0;}.sc-stats-grid{grid-template-columns:repeat(2,1fr);}.sc-product-grid{grid-template-columns:1fr;}.sc-pricing-grid{grid-template-columns:1fr;}.sc-testimonials{grid-template-columns:1fr;}}@media (max-width:640px){.sc-hero__title{font-size:clamp(30px,8vw,44px);}.sc-hero__trust{flex-direction:column;gap:12px;}.sc-trust-divider{width:40px;height:1px;}.sc-stats-grid{grid-template-columns:1fr 1fr;gap:12px;}.sc-stat-card{padding:22px 14px;}.sc-stat-card strong{font-size:30px;}.sc-marquee__content{font-size:14px;letter-spacing:2px;}.sc-step{max-width:100%;}}.sc-brand-marquee{background:#060b13;padding:30px 0;overflow:hidden;border-bottom:1px solid rgba(255,255,255,0.06);}.sc-brand-marquee__title{text-align:center;font-size:11px;text-transform:uppercase;letter-spacing:2.5px;color:#475569;margin-bottom:18px;font-weight:700;}.sc-brand-marquee__track{display:flex;overflow:hidden;width:100%;}.sc-brand-marquee__content{display:flex;white-space:nowrap;animation:sc-scroll 25s linear infinite;align-items:center;}.sc-brand-marquee__item{font-size:19px;font-weight:800;color:rgba(255,255,255,0.3);padding:0 45px;display:inline-flex;align-items:center;gap:10px;letter-spacing:-0.5px;}.sc-brand-marquee__item svg{color:#dfb76c;opacity:0.6;}.sc-comparison{padding:100px 0;background:#0a101d;color:#fff;border-top:1px solid rgba(255,255,255,0.05);border-bottom:1px solid rgba(255,255,255,0.05);}.sc-comp-table{width:100%;max-width:960px;margin:40px auto 0;border-collapse:collapse;border-radius:16px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,0.3);border:1px solid rgba(223,183,108,0.15);}.sc-comp-row{display:grid;grid-template-columns:1.5fr 1fr 1fr;border-bottom:1px solid rgba(255,255,255,0.06);}.sc-comp-row:last-child{border-bottom:none;}.sc-comp-header{background:#060b13;font-weight:800;text-transform:uppercase;font-size:13px;letter-spacing:1px;}.sc-comp-cell{padding:22px 28px;display:flex;align-items:center;font-size:15px;}.sc-comp-cell:first-child{font-weight:600;color:#e2e8f0;}.sc-comp-cell:not(:first-child){justify-content:center;text-align:center;}.sc-comp-cell--supercards{background:rgba(223,183,108,0.03);}.sc-badge-yes{display:inline-flex;align-items:center;gap:6px;background:rgba(16,185,129,0.1);color:#10b981;border:1px solid rgba(16,185,129,0.2);padding:6px 12px;border-radius:99px;font-size:13px;font-weight:700;}.sc-badge-no{display:inline-flex;align-items:center;gap:6px;background:rgba(239,68,68,0.1);color:#ef4444;border:1px solid rgba(239,68,68,0.2);padding:6px 12px;border-radius:99px;font-size:13px;font-weight:700;}.sc-interactive-section{padding:100px 0;background:#060b13;color:#fff;}.sc-interactive-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-top:50px;}.sc-interactive-preview{display:flex;justify-content:center;position:relative;}.sc-preview-glow{position:absolute;width:320px;height:320px;background:radial-gradient(circle,rgba(223,183,108,0.15),transparent 70%);filter:blur(40px);z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);}.sc-phone-frame{width:290px;height:580px;background:#0f172a;border:10px solid #1e293b;border-radius:40px;box-shadow:0 25px 60px rgba(0,0,0,0.8),0 0 0 1px rgba(255,255,255,0.08);position:relative;z-index:2;overflow:hidden;display:flex;flex-direction:column;}.sc-phone-notch{position:absolute;top:0;left:50%;transform:translateX(-50%);width:110px;height:18px;background:#1e293b;border-bottom-left-radius:12px;border-bottom-right-radius:12px;z-index:10;}.sc-phone-screen{flex:1;padding:28px 16px 16px;overflow-y:auto;background:#060b13;color:#fff;font-family:'Poppins',sans-serif;scrollbar-width:none;}.sc-phone-screen::-webkit-scrollbar{display:none;}.sc-phone-profile-header{text-align:center;padding:16px 0 10px;}.sc-phone-avatar{width:76px;height:76px;border-radius:50%;border:2px solid #dfb76c;margin:0 auto 10px;background:linear-gradient(135deg,#1e293b,#0f172a);display:grid;place-items:center;font-size:28px;font-weight:700;color:#dfb76c;}.sc-phone-name{font-size:17px;font-weight:800;margin:0 0 2px;color:#fff;}.sc-phone-job{font-size:12px;color:#dfb76c;font-weight:600;margin:0 0 6px;text-transform:uppercase;letter-spacing:0.5px;}.sc-phone-company{font-size:11px;color:#64748b;margin:0;}.sc-phone-quick-actions{display:flex;gap:8px;margin:16px 0;}.sc-phone-action-btn{flex:1;background:#dfb76c;color:#060b13;border:none;border-radius:8px;padding:9px 4px;font-size:11px;font-weight:800;text-align:center;cursor:pointer;box-shadow:0 4px 12px rgba(223,183,108,0.25);display:flex;align-items:center;justify-content:center;gap:4px;}.sc-phone-action-btn--secondary{background:rgba(255,255,255,0.06);color:#fff;border:1px solid rgba(255,255,255,0.12);box-shadow:none;}.sc-phone-block-title{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#475569;margin:20px 0 10px;font-weight:700;}.sc-phone-links{display:grid;gap:8px;}.sc-phone-link-card{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:10px;padding:11px 14px;display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff;transition:background 0.2s,border-color 0.2s;}.sc-phone-link-card:hover{background:rgba(255,255,255,0.06);border-color:rgba(223,183,108,0.2);}.sc-phone-link-icon{width:32px;height:32px;border-radius:8px;background:rgba(223,183,108,0.1);display:grid;place-items:center;color:#dfb76c;flex-shrink:0;}.sc-phone-link-info{flex:1;}.sc-phone-link-label{font-size:13px;font-weight:700;display:block;}.sc-phone-link-desc{font-size:10px;color:#64748b;display:block;margin-top:1px;}.sc-phone-qr-area{text-align:center;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:14px;padding:20px 16px;margin-top:10px;}.sc-phone-qr-img{width:130px;height:130px;margin:0 auto 12px;background:#fff;padding:8px;border-radius:8px;display:block;}.sc-phone-qr-text{font-size:11px;color:#94a3b8;line-height:1.4;margin:0;}.sc-interactive-controls{max-width:480px;}.sc-control-list{display:grid;gap:14px;margin-top:24px;}.sc-control-card{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:16px;padding:18px 20px;display:flex;align-items:flex-start;gap:16px;cursor:pointer;text-align:left;transition:all 0.25s ease;}.sc-control-card:hover{background:rgba(255,255,255,0.06);border-color:rgba(223,183,108,0.25);}.sc-control-card--active{background:rgba(223,183,108,0.05);border-color:#dfb76c;box-shadow:0 0 20px rgba(223,183,108,0.08);}.sc-control-num{width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.12);display:grid;place-items:center;font-size:12px;font-weight:800;color:#94a3b8;flex-shrink:0;transition:all 0.2s;}.sc-control-card--active .sc-control-num{background:#dfb76c;border-color:#dfb76c;color:#060b13;}.sc-control-info{flex:1;}.sc-control-title{font-size:16px;font-weight:700;color:#fff;margin:0 0 4px;transition:color 0.2s;}.sc-control-card--active .sc-control-title{color:#dfb76c;}.sc-control-desc{font-size:13.5px;color:#94a3b8;margin:0;line-height:1.45;}.sc-featured-products{padding:100px 0;background:#faf9f5;}.sc-fp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:45px;}.sc-fp-card{background:#ffffff;border:1px solid rgba(11,26,58,0.06);border-radius:20px;padding:24px;display:flex;flex-direction:column;box-shadow:0 10px 30px rgba(11,26,58,0.04);transition:transform 0.3s ease,box-shadow 0.3s ease,border-color 0.3s ease;position:relative;}.sc-fp-card:hover{transform:translateY(-6px);box-shadow:0 20px 45px rgba(11,26,58,0.1);border-color:rgba(223,183,108,0.3);}.sc-fp-tag{position:absolute;top:16px;left:16px;background:#060b13;color:#dfb76c;padding:4px 10px;border-radius:6px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:0.5px;z-index:2;border:1px solid rgba(223,183,108,0.2);}.sc-fp-image-wrap{width:100%;aspect-ratio:1.1;display:flex;align-items:center;justify-content:center;margin-bottom:16px;background:#f8fafc;border-radius:12px;overflow:hidden;padding:10px;}.sc-fp-image-wrap img{max-width:90%;max-height:90%;object-fit:contain;transition:transform 0.3s;}.sc-fp-card:hover .sc-fp-image-wrap img{transform:scale(1.05);}.sc-fp-rating{display:flex;align-items:center;gap:6px;font-size:12px;color:#e2e8f0;margin-bottom:8px;}.sc-stars{color:#f59e0b;font-weight:600;}.sc-rating-count{color:#64748b;font-weight:500;}.sc-fp-title{font-size:17px;font-weight:700;color:#0f172a;margin:0 0 6px;line-height:1.35;}.sc-fp-desc{font-size:13px;color:#64748b;margin:0 0 16px;line-height:1.45;flex:1;}.sc-fp-price-row{display:flex;align-items:baseline;gap:8px;margin-bottom:18px;}.sc-fp-price{font-size:20px;font-weight:800;color:#060b13;}.sc-fp-old-price{font-size:13px;text-decoration:line-through;color:#94a3b8;}.sc-btn-cart{background:#060b13;color:#fff;border:none;border-radius:10px;padding:12px 16px;font-size:13.5px;font-weight:800;cursor:pointer;transition:all 0.2s;width:100%;text-align:center;box-shadow:0 4px 12px rgba(6,11,19,0.15);}.sc-btn-cart:hover{background:#dfb76c;color:#060b13;box-shadow:0 6px 20px rgba(223,183,108,0.3);}.sc-final-cta{padding:100px 0;background:#060b13;position:relative;overflow:hidden;border-top:1px solid rgba(223,183,108,0.12);}.sc-final-cta__glow{position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(223,183,108,0.12),transparent 70%);filter:blur(80px);top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;pointer-events:none;}.sc-final-cta__inner{position:relative;z-index:2;text-align:center;max-width:740px;margin:0 auto;}.sc-final-cta__title{font-size:clamp(32px,5vw,52px);line-height:1.1;color:#fff;margin:0 0 16px;font-weight:800;}.sc-final-cta__desc{font-size:17px;color:#94a3b8;line-height:1.6;margin:0 0 32px;}.sc-final-cta__actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}.sc-benefits-grid-3x2{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px;}.sc-benefit-card{background:#fff;border:1px solid rgba(11,26,58,0.05);border-radius:18px;padding:24px;box-shadow:0 6px 20px rgba(11,26,58,0.03);transition:transform 0.25s,box-shadow 0.25s,border-color 0.25s;}.sc-benefit-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(11,26,58,0.08);border-color:rgba(223,183,108,0.2);}.sc-benefit-card .sc-benefit__icon{margin-bottom:16px;}details.sc-faq-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 20px;transition:border-color 0.25s,box-shadow 0.25s;}details.sc-faq-card[open]{border-color:rgba(223,183,108,0.3);box-shadow:0 8px 30px rgba(11,26,58,0.04);}details.sc-faq-card summary{font-size:16px;font-weight:700;color:#0f172a;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;}details.sc-faq-card summary::-webkit-details-marker{display:none;}details.sc-faq-card summary::after{content:'+';font-size:20px;font-weight:500;color:#dfb76c;transition:transform 0.2s;}details.sc-faq-card[open] summary::after{content:'−';}@media (max-width:980px){.sc-interactive-grid{grid-template-columns:1fr;gap:50px;}.sc-interactive-controls{max-width:100%;}.sc-fp-grid{grid-template-columns:repeat(2,1fr);gap:20px;}.sc-comp-row{grid-template-columns:1.2fr 1fr 1fr;}.sc-benefits-grid-3x2{grid-template-columns:repeat(2,1fr);}.sc-product-card{flex-direction:column;}.sc-product-card__body{flex:none;width:100%;}.sc-product-card__image{flex:none;width:100%;height:220px;min-height:auto;}}@media (max-width:640px){.sc-fp-grid{grid-template-columns:1fr;}.sc-comp-table{font-size:13px;}.sc-comp-cell{padding:14px 10px;}.sc-comp-row{grid-template-columns:1fr 1fr 1fr;}.sc-comp-cell:first-child{grid-column:1 / -1;background:rgba(255,255,255,0.02);padding-bottom:6px;}.sc-comp-cell:not(:first-child){padding-top:6px;}.sc-benefits-grid-3x2{grid-template-columns:1fr;}}.sc-fp-qty-wrapper{display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(11,26,58,0.1);border-radius:10px;padding:4px;margin-bottom:14px;background:#f8fafc;width:100%;}.sc-qty-btn{width:32px;height:32px;border-radius:8px;border:none;background:transparent;color:#060b13;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.2s,color 0.2s;}.sc-qty-btn:hover{background:rgba(11,26,58,0.05);color:#dfb76c;}.sc-qty-input{border:none;background:transparent;width:40px;text-align:center;font-size:14px;font-weight:700;color:#0f172a;outline:none;pointer-events:none;}.sc-calc-container{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;background:#ffffff;border-radius:24px;padding:40px;border:1px solid rgba(11,26,58,0.06);box-shadow:0 20px 40px rgba(11,26,58,0.03);margin:0 auto;max-width:960px;}.sc-calc-result{background:#060b13;border-radius:18px;padding:36px;position:relative;overflow:hidden;color:#fff;display:flex;flex-direction:column;justify-content:space-between;}.sc-slider{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:4px;background:#e2e8f0;outline:none;margin:15px 0;}.sc-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:#dfb76c;border:3px solid #060b13;cursor:pointer;box-shadow:0 0 10px rgba(223,183,108,0.4);transition:transform 0.1s;}.sc-slider::-webkit-slider-thumb:hover{transform:scale(1.15);}.sc-slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#dfb76c;border:3px solid #060b13;cursor:pointer;box-shadow:0 0 10px rgba(223,183,108,0.4);transition:transform 0.1s;}.sc-slider::-moz-range-thumb:hover{transform:scale(1.15);}.sc-calc-feature-item{display:flex;align-items:center;gap:10px;font-size:13.5px;font-weight:600;color:rgba(255,255,255,0.85);}.sc-calc-feature-item svg{color:#dfb76c;flex-shrink:0;}@media (max-width:768px){.sc-calc-container{grid-template-columns:1fr;gap:32px;padding:24px;}.sc-calc-result{padding:28px 20px;}}.sc-ambient-glow{position:absolute;width:350px;height:350px;border-radius:50%;background:radial-gradient(circle,rgba(223,183,108,0.15) 0%,rgba(223,183,108,0) 70%);filter:blur(40px);pointer-events:none;z-index:1;animation:floatGlow 12s infinite alternate ease-in-out;}.sc-ambient-glow--blue{background:radial-gradient(circle,rgba(14,165,233,0.12) 0%,rgba(14,165,233,0) 70%);animation-delay:-4s;}.sc-ambient-glow--purple{background:radial-gradient(circle,rgba(139,92,246,0.1) 0%,rgba(139,92,246,0) 70%);animation-delay:-8s;}@keyframes floatGlow{0%{transform:translate(0,0) scale(1);}50%{transform:translate(40px,-30px) scale(1.15);}100%{transform:translate(-20px,20px) scale(0.9);}}.sc-glass-panel{background:rgba(255,255,255,0.03);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,0.07);border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,0.2),inset 0 1px 1px rgba(255,255,255,0.05);transition:all 0.4s cubic-bezier(0.16,1,0.3,1);}.sc-glass-panel:hover{border-color:rgba(223,183,108,0.25);box-shadow:0 20px 40px rgba(223,183,108,0.05),0 1px 20px rgba(0,0,0,0.3);}.sc-glass-panel--dark{background:rgba(15,23,42,0.6);border:1px solid rgba(255,255,255,0.05);}.sc-hover-lift{transition:transform 0.4s cubic-bezier(0.16,1,0.3,1),box-shadow 0.4s cubic-bezier(0.16,1,0.3,1),border-color 0.4s ease;}.sc-hover-lift:hover{transform:translateY(-8px);box-shadow:0 20px 35px rgba(0,0,0,0.15);}.sc-btn-glow{position:relative;overflow:hidden;z-index:1;}.sc-btn-glow::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transform:translateX(-100%);transition:transform 0.6s ease;z-index:-1;}.sc-btn-glow:hover::after{transform:translateX(100%);}.sc-btn-ghost-light{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.15);color:#fff;transition:all 0.3s ease;}.sc-btn-ghost-light:hover{background:rgba(255,255,255,0.12);border-color:rgba(255,255,255,0.3);color:#fff;transform:translateY(-2px);}.sc-phone-frame{box-shadow:0 25px 60px rgba(0,0,0,0.6),inset 0 0 2px rgba(255,255,255,0.4);border:10px solid #1a1e26;position:relative;}.sc-phone-frame::before{content:'';position:absolute;top:5px;left:5px;right:5px;height:15px;background:linear-gradient(to bottom,rgba(255,255,255,0.05),transparent);pointer-events:none;border-radius:20px 20px 0 0;}.sc-phone-screen{transition:background-color 0.4s ease;}#phoneDynamicContent{animation:phoneContentFade 0.4s cubic-bezier(0.16,1,0.3,1);}@keyframes phoneContentFade{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}.sc-phone-link-card{transition:transform 0.25s ease,background-color 0.2s ease,border-color 0.2s ease;border:1px solid rgba(255,255,255,0.04);}.sc-phone-link-card:hover{transform:translateX(4px);background-color:rgba(255,255,255,0.06);border-color:rgba(223,183,108,0.2);}.sc-comparison-cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:40px;}.sc-comp-card{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.06);border-radius:20px;padding:35px;position:relative;overflow:hidden;}.sc-comp-card--active{background:rgba(223,183,108,0.03);border:2px solid #dfb76c;box-shadow:0 15px 40px rgba(223,183,108,0.05);}.sc-comp-card-badge{position:absolute;top:20px;right:20px;padding:6px 12px;border-radius:30px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:0.5px;}.sc-comp-card-badge--paper{background:rgba(239,68,68,0.1);color:#f87171;}.sc-comp-card-badge--smart{background:rgba(223,183,108,0.15);color:#dfb76c;}.sc-comp-card__title{font-size:22px;font-weight:800;color:#fff;margin:0 0 25px 0;}.sc-comp-card-list{display:grid;gap:16px;padding:0;margin:0;list-style:none;}.sc-comp-card-item{display:flex;align-items:flex-start;gap:12px;font-size:14.5px;color:#cbd5e1;}.sc-comp-card-item strong{color:#fff;display:block;margin-bottom:2px;}.sc-comp-card-item svg{flex-shrink:0;margin-top:3px;}.sc-calc-result{border:1px solid rgba(255,255,255,0.08);position:relative;overflow:hidden;}.sc-calc-result::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#dfb76c,#a17c38);}.sc-calc-container{box-shadow:0 25px 50px -12px rgba(0,0,0,0.35);}.sc-slider{height:6px;border-radius:5px;background:rgba(15,23,42,0.1);outline:none;-webkit-appearance:none;}details.sc-faq-card{border:1px solid rgba(255,255,255,0.06);border-radius:12px;margin-bottom:12px;background:rgba(255,255,255,0.02);overflow:hidden;transition:all 0.3s ease;}details.sc-faq-card[open]{border-color:rgba(223,183,108,0.25);background:rgba(223,183,108,0.02);}details.sc-faq-card summary{padding:18px 24px;font-weight:700;color:#fff;cursor:pointer;list-style:none;position:relative;outline:none;}details.sc-faq-card summary::after{content:'+';position:absolute;right:24px;top:50%;transform:translateY(-50%);font-size:20px;color:#dfb76c;transition:transform 0.3s ease;}details.sc-faq-card[open] summary::after{content:'−';transform:translateY(-50%) rotate(180deg);}details.sc-faq-card summary::-webkit-details-marker{display:none;}details.sc-faq-card p{padding:0 24px 20px;margin:0;color:#94a3b8;line-height:1.6;font-size:14.5px;}.sc-tap-simulator-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(223,183,108,0.1);border:1px solid rgba(223,183,108,0.2);border-radius:30px;padding:6px 16px;color:#dfb76c;font-size:12px;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;position:absolute;top:-15px;left:20px;box-shadow:0 8px 20px rgba(0,0,0,0.3);animation:badgePulse 2.5s infinite;pointer-events:none;}@keyframes badgePulse{0%{transform:scale(1);box-shadow:0 8px 20px rgba(0,0,0,0.3);}50%{transform:scale(1.04);box-shadow:0 8px 25px rgba(223,183,108,0.2);}100%{transform:scale(1);box-shadow:0 8px 20px rgba(0,0,0,0.3);}}.sc-fp-card{transition:all 0.4s cubic-bezier(0.16,1,0.3,1);border:1px solid rgba(0,0,0,0.05);}.sc-fp-card:hover{transform:translateY(-8px);box-shadow:0 20px 45px rgba(11,26,58,0.08);border-color:rgba(223,183,108,0.2);}.sc-fp-image-wrap{overflow:hidden;position:relative;}.sc-fp-image-wrap img{transition:transform 0.6s cubic-bezier(0.16,1,0.3,1);}.sc-fp-card:hover .sc-fp-image-wrap img{transform:scale(1.05);}@media (max-width:768px){.sc-comparison-cards-grid{grid-template-columns:1fr;gap:20px;}}.sc-float-slow{animation:floatCard 6s infinite ease-in-out;}@keyframes floatCard{0%{transform:translateY(0px) rotate(0deg);}50%{transform:translateY(-8px) rotate(0.5deg);}100%{transform:translateY(0px) rotate(0deg);}}.sc-slider{background:linear-gradient(to right,#dfb76c 0%,#dfb76c var(--slider-progress,10%),rgba(255,255,255,0.1) var(--slider-progress,10%),rgba(255,255,255,0.1) 100%) !important;}.sc-radial-glow{position:relative;overflow:hidden;}.sc-radial-glow::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at center,var(--glow-color,rgba(223,183,108,0.12)) 0%,transparent 70%);z-index:1;pointer-events:none;transition:opacity 0.4s ease;}.sc-fp-card:hover .sc-radial-glow::before{opacity:1.5;}.sc-btn-glow{transition:all 0.3s cubic-bezier(0.16,1,0.3,1) !important;}.sc-btn-glow:hover{box-shadow:0 0 25px rgba(223,183,108,0.45) !important;transform:translateY(-2px);}.sc-benefit-card{position:relative;overflow:hidden;transition:all 0.4s cubic-bezier(0.16,1,0.3,1) !important;}.sc-benefit-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#dfb76c,transparent);transform:scaleX(0);}.sc-comp-card-item{display:flex;align-items:flex-start;gap:12px;font-size:14.5px;color:#cbd5e1;}.sc-comp-card-item strong{color:#fff;display:block;margin-bottom:2px;}.sc-comp-card-item svg{flex-shrink:0;margin-top:3px;}.sc-calc-result{border:1px solid rgba(255,255,255,0.08);position:relative;overflow:hidden;}.sc-calc-result::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#dfb76c,#a17c38);}.sc-calc-container{box-shadow:0 25px 50px -12px rgba(0,0,0,0.35);}.sc-slider{height:6px;border-radius:5px;background:rgba(15,23,42,0.1);outline:none;-webkit-appearance:none;}details.sc-faq-card{border:1px solid rgba(255,255,255,0.06);border-radius:12px;margin-bottom:12px;background:rgba(255,255,255,0.02);overflow:hidden;transition:all 0.3s ease;}details.sc-faq-card[open]{border-color:rgba(223,183,108,0.25);background:rgba(223,183,108,0.02);}details.sc-faq-card summary{padding:18px 24px;font-weight:700;color:#fff;cursor:pointer;list-style:none;position:relative;outline:none;}details.sc-faq-card summary::after{content:'+';position:absolute;right:24px;top:50%;transform:translateY(-50%);font-size:20px;color:#dfb76c;transition:transform 0.3s ease;}details.sc-faq-card[open] summary::after{content:'−';transform:translateY(-50%) rotate(180deg);}details.sc-faq-card summary::-webkit-details-marker{display:none;}details.sc-faq-card p{padding:0 24px 20px;margin:0;color:#94a3b8;line-height:1.6;font-size:14.5px;}.sc-tap-simulator-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(223,183,108,0.1);border:1px solid rgba(223,183,108,0.2);border-radius:30px;padding:6px 16px;color:#dfb76c;font-size:12px;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;position:absolute;top:-15px;left:20px;box-shadow:0 8px 20px rgba(0,0,0,0.3);animation:badgePulse 2.5s infinite;pointer-events:none;}@keyframes badgePulse{0%{transform:scale(1);box-shadow:0 8px 20px rgba(0,0,0,0.3);}50%{transform:scale(1.04);box-shadow:0 8px 25px rgba(223,183,108,0.2);}100%{transform:scale(1);box-shadow:0 8px 20px rgba(0,0,0,0.3);}}.sc-fp-card{transition:all 0.4s cubic-bezier(0.16,1,0.3,1);border:1px solid rgba(0,0,0,0.05);}.sc-fp-card:hover{transform:translateY(-8px);box-shadow:0 20px 45px rgba(11,26,58,0.08);border-color:rgba(223,183,108,0.2);}.sc-fp-image-wrap{overflow:hidden;position:relative;}.sc-fp-image-wrap img{transition:transform 0.6s cubic-bezier(0.16,1,0.3,1);}.sc-fp-card:hover .sc-fp-image-wrap img{transform:scale(1.05);}@media (max-width:768px){.sc-comparison-cards-grid{grid-template-columns:1fr;gap:20px;}}.sc-float-slow{animation:floatCard 6s infinite ease-in-out;}@keyframes floatCard{0%{transform:translateY(0px) rotate(0deg);}50%{transform:translateY(-8px) rotate(0.5deg);}100%{transform:translateY(0px) rotate(0deg);}}.sc-slider{background:linear-gradient(to right,#dfb76c 0%,#dfb76c var(--slider-progress,10%),rgba(255,255,255,0.1) var(--slider-progress,10%),rgba(255,255,255,0.1) 100%) !important;}.sc-radial-glow{position:relative;overflow:hidden;}.sc-radial-glow::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at center,var(--glow-color,rgba(223,183,108,0.12)) 0%,transparent 70%);z-index:1;pointer-events:none;transition:opacity 0.4s ease;}.sc-fp-card:hover .sc-radial-glow::before{opacity:1.5;}.sc-btn-glow{transition:all 0.3s cubic-bezier(0.16,1,0.3,1) !important;}.sc-btn-glow:hover{box-shadow:0 0 25px rgba(223,183,108,0.45) !important;transform:translateY(-2px);}.sc-benefit-card{position:relative;overflow:hidden;transition:all 0.4s cubic-bezier(0.16,1,0.3,1) !important;}.sc-benefit-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#dfb76c,transparent);transform:scaleX(0);transition:transform 0.4s ease;}.sc-benefit-card:hover::before{transform:scaleX(1);}.sc-benefit-card:hover{border-color:rgba(223,183,108,0.25) !important;transform:translateY(-5px);}@keyframes marqueeScroll{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}.button,.btn,.home-btn,.sc-btn-details,.sc-btn-cart,.btn-place,.btn-checkout,.btn-checkout-primary,.btn-shop-continue,.btn-continue,.qv-btn-cart,.logos-submit-btn,.whatsapp-form-button,.sc-sticky-btn--buy,.sc-sticky-btn--wa,.qs-sticky-btn--buy,.qs-sticky-btn--wa,.nbc-sticky-btn--buy,.nbc-sticky-btn--wa,.faq-btn-wa,.faq-btn-enquiry,.faq-reset-btn,.docs-btn,.empty-shortcut-btn,.sc-drawer-btn{border-radius:12px !important;font-family:'Poppins',sans-serif !important;font-weight:800 !important;letter-spacing:0.5px !important;text-transform:none !important;transition:all 0.3s cubic-bezier(0.16,1,0.3,1) !important;cursor:pointer !important;outline:none !important;box-sizing:border-box !important;}.button.primary,.btn-primary,.home-btn-primary,.sc-btn-details,.btn-place,.btn-checkout,.btn-checkout-primary,.logos-submit-btn,.docs-btn-email,.sc-sticky-btn--buy,.qs-sticky-btn--buy,.nbc-sticky-btn--buy,.faq-reset-btn,.sc-drawer-btn--apply{background:linear-gradient(135deg,#dfb76c 0%,#c0964c 100%) !important;color:#060b13 !important;border:1px solid rgba(223,183,108,0.45) !important;box-shadow:0 4px 14px rgba(223,183,108,0.15),inset 0 1px 0 rgba(255,255,255,0.15) !important;}.button.primary:hover,.btn-primary:hover,.home-btn-primary:hover,.sc-btn-details:hover,.btn-place:hover,.btn-checkout:hover,.btn-checkout-primary:hover,.logos-submit-btn:hover,.docs-btn-email:hover,.sc-sticky-btn--buy:hover,.qs-sticky-btn--buy:hover,.nbc-sticky-btn--buy:hover,.faq-reset-btn:hover,.sc-drawer-btn--apply:hover{background:linear-gradient(135deg,#f7e5b0 0%,#dfb76c 100%) !important;color:#060b13 !important;transform:translateY(-2px) !important;box-shadow:0 8px 24px rgba(223,183,108,0.35),inset 0 1px 0 rgba(255,255,255,0.25) !important;}.button.primary:active,.btn-primary:active,.home-btn-primary:active,.sc-btn-details:active,.btn-place:active,.btn-checkout:active,.btn-checkout-primary:active,.logos-submit-btn:active,.docs-btn-email:active,.sc-sticky-btn--buy:active,.qs-sticky-btn--buy:active,.nbc-sticky-btn--buy:active,.faq-reset-btn:active,.sc-drawer-btn--apply:active{transform:translateY(-1px) !important;}.button.ghost,.button.secondary,.btn-secondary,.home-btn-secondary,.home-btn-light,.home-btn-outline-gold,.sc-btn-cart,.btn-shop-continue,.btn-continue,.qv-btn-cart,.faq-btn-enquiry,.sc-drawer-btn--clear,.empty-shortcut-btn{background:rgba(255,255,255,0.03) !important;color:#ffffff !important;border:1px solid rgba(255,255,255,0.12) !important;box-shadow:0 4px 12px rgba(0,0,0,0.15) !important;}.button.ghost:hover,.button.secondary:hover,.btn-secondary:hover,.home-btn-secondary:hover,.home-btn-light:hover,.home-btn-outline-gold:hover,.sc-btn-cart:hover,.btn-shop-continue:hover,.btn-continue:hover,.qv-btn-cart:hover,.faq-btn-enquiry:hover,.sc-drawer-btn--clear:hover,.empty-shortcut-btn:hover{background:rgba(255,255,255,0.08) !important;border-color:rgba(223,183,108,0.45) !important;color:#dfb76c !important;transform:translateY(-2px) !important;box-shadow:0 8px 24px rgba(223,183,108,0.12) !important;}.button.ghost:active,.button.secondary:active,.btn-secondary:active,.home-btn-secondary:active,.home-btn-light:active,.home-btn-outline-gold:active,.sc-btn-cart:active,.btn-shop-continue:active,.btn-continue:active,.qv-btn-cart:active,.faq-btn-enquiry:active,.sc-drawer-btn--clear:active,.empty-shortcut-btn:active{transform:translateY(-1px) !important;}.button.whatsapp,.btn-whatsapp,.home-btn-whatsapp,.whatsapp-form-button,.sc-sticky-btn--wa,.qs-sticky-btn--wa,.nbc-sticky-btn--wa,.faq-btn-wa,.docs-btn-whatsapp{background:linear-gradient(135deg,#25D366 0%,#128C7E 100%) !important;color:#ffffff !important;border:none !important;box-shadow:0 4px 14px rgba(37,211,102,0.2) !important;}.button.whatsapp:hover,.btn-whatsapp:hover,.home-btn-whatsapp:hover,.whatsapp-form-button:hover,.sc-sticky-btn--wa:hover,.qs-sticky-btn--wa:hover,.nbc-sticky-btn--wa:hover,.faq-btn-wa:hover,.docs-btn-whatsapp:hover{background:linear-gradient(135deg,#34e073 0%,#25D366 100%) !important;color:#ffffff !important;transform:translateY(-2px) !important;box-shadow:0 8px 24px rgba(37,211,102,0.35) !important;}.button.whatsapp:active,.btn-whatsapp:active,.home-btn-whatsapp:active,.whatsapp-form-button:active,.sc-sticky-btn--wa:active,.qs-sticky-btn--wa:active,.nbc-sticky-btn--wa:active,.faq-btn-wa:active,.docs-btn-whatsapp:active{transform:translateY(-1px) !important;}.store-card,.home-product-card,.nbc-product-card,.qs-product-card,.blog-card,.blog-featured-card,.logos-design-card,.home-category-card{transition:transform 0.4s cubic-bezier(0.16,1,0.3,1),box-shadow 0.4s cubic-bezier(0.16,1,0.3,1),border-color 0.4s cubic-bezier(0.16,1,0.3,1),background-color 0.4s cubic-bezier(0.16,1,0.3,1) !important;}.store-card:hover,.home-product-card:hover,.nbc-product-card:hover,.qs-product-card:hover,.blog-card:hover,.blog-featured-card:hover,.logos-design-card:hover,.home-category-card:hover{transform:translateY(-6px) !important;}.store-card .product-photo img,.home-product-card .home-product-media img,.nbc-product-card .nbc-product-img img,.qs-product-card .qs-product-img img,.blog-card .blog-card-img-wrap img,.blog-featured-card .featured-img-wrap img,.logos-design-card .logos-design-img img,.home-category-card .home-category-image img{transition:transform 0.6s cubic-bezier(0.16,1,0.3,1) !important;}.store-card:hover .product-photo img,.home-product-card:hover .home-product-media img,.nbc-product-card:hover .nbc-product-img img,.qs-product-card:hover .qs-product-img img,.blog-card:hover .blog-card-img-wrap img,.blog-featured-card:hover .featured-img-wrap img,.logos-design-card:hover .logos-design-img img,.home-category-card:hover .home-category-image img{transform:scale(1.05) !important;}
/* --- Same to Same Hero Buttons Style across all pages' hero sections --- */
/* 1. Core Pill Reset & Sentence-Case */
.home-actions .home-btn,
.nbc-hero-actions .button,
.qs-hero-actions .button,
.logos-hero-actions .button {
    font-family: 'Poppins', sans-serif !important;
    border-radius: 99px !important;
    text-transform: none !important;
    letter-spacing: 0.5px !important;
    font-weight: 700 !important;
    font-size: 13.5px !important;
    text-decoration: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: unset !important;
    height: auto !important;
    line-height: normal !important;
    cursor: pointer !important;
    position: relative !important;
}

/* 2. Solid Gold Primary Buttons (Warm gold gradient with high contrast dark text) */
.home-actions .home-btn-primary,
.nbc-hero-actions .button.primary,
.qs-hero-actions .button.primary,
.logos-hero-actions .button.primary {
    background: linear-gradient(135deg, #f9d99a 0%, #dfb76c 50%, #b3893c 100%) !important;
    color: #060b13 !important;
    border: none !important;
    padding: 14px 32px !important;
}

.home-actions .home-btn-primary:hover,
.nbc-hero-actions .button.primary:hover,
.qs-hero-actions .button.primary:hover,
.logos-hero-actions .button.primary:hover {
    background: linear-gradient(135deg, #ffebaf 0%, #f3d498 50%, #dfb76c 100%) !important;
    color: #060b13 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(223, 183, 108, 0.15) !important;
}

/* 3. WhatsApp Green Solid Buttons (Original WhatsApp Brand Colors with glow shadow) */
.home-actions .home-btn-secondary,
.nbc-hero-actions .button.whatsapp,
.qs-hero-actions .button.whatsapp,
.logos-hero-actions .button.whatsapp {
    background: #25d366 !important;
    color: #ffffff !important;
    border: 1.5px solid #25d366 !important;
    padding: 14px 32px !important;
    box-shadow: 0 8px 20px rgba(37, 211, 102, 0.2) !important;
}

.home-actions .home-btn-secondary:hover,
.nbc-hero-actions .button.whatsapp:hover,
.qs-hero-actions .button.whatsapp:hover,
.logos-hero-actions .button.whatsapp:hover {
    background: #20bd5a !important;
    color: #ffffff !important;
    border-color: #20bd5a !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 24px rgba(37, 211, 102, 0.3) !important;
}

/* 4. Mobile Responsiveness */
@media (max-width: 640px) {
    .home-actions .home-btn-primary,
    .nbc-hero-actions .button.primary,
    .qs-hero-actions .button.primary,
    .logos-hero-actions .button.primary,
    .home-actions .home-btn-secondary,
    .nbc-hero-actions .button.whatsapp,
    .qs-hero-actions .button.whatsapp,
    .logos-hero-actions .button.whatsapp {
        width: 100% !important;
        padding: 12px 20px !important;
        font-size: 12.5px !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }
    .home-actions,
    .nbc-hero-actions,
    .qs-hero-actions,
    .logos-hero-actions {
        flex-direction: column !important;
        gap: 10px !important;
        width: 100% !important;
    }
}

/* --- Same to Same Hero Buttons Style for AI Reviews Page --- */
.zr-hero-actions .button,
.zr-hero-copy .button {
    font-family: 'Poppins', sans-serif !important;
    border-radius: 99px !important;
    text-transform: none !important;
    letter-spacing: 0.5px !important;
    font-weight: 700 !important;
    font-size: 13.5px !important;
    text-decoration: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: unset !important;
    height: auto !important;
    line-height: normal !important;
    cursor: pointer !important;
    position: relative !important;
}

.zr-hero-actions .button.primary,
.zr-hero-copy .button.primary {
    background: linear-gradient(135deg, #f9d99a 0%, #dfb76c 50%, #b3893c 100%) !important;
    color: #060b13 !important;
    border: none !important;
    padding: 14px 32px !important;
}

.zr-hero-actions .button.primary:hover,
.zr-hero-copy .button.primary:hover {
    background: linear-gradient(135deg, #ffebaf 0%, #f3d498 50%, #dfb76c 100%) !important;
    color: #060b13 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(223, 183, 108, 0.15) !important;
}

.zr-hero-actions .button.secondary,
.zr-hero-copy .button.secondary,
.zr-hero-copy .button:not(.primary) {
    background: transparent !important;
    color: #dfb76c !important;
    border: 1.5px solid #dfb76c !important;
    padding: 14px 32px !important;
}

.zr-hero-actions .button.secondary:hover,
.zr-hero-copy .button.secondary:hover,
.zr-hero-copy .button:not(.primary):hover {
    background: rgba(223, 183, 108, 0.08) !important;
    color: #f3d498 !important;
    border-color: #f3d498 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(223, 183, 108, 0.1) !important;
}

/* Mobile Responsiveness for AI Reviews Hero Buttons */
@media (max-width: 640px) {
    .zr-hero-actions .button,
    .zr-hero-copy .button {
        width: 100% !important;
        padding: 12px 20px !important;
        font-size: 12.5px !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }
    .zr-hero-actions {
        flex-direction: column !important;
        gap: 10px !important;
        width: 100% !important;
    }
}

/* -- Premium Pagination UI (Global Styles) -- */
.qs-catalog-pagination-container {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important;
    margin-top: 40px !important;
    margin-bottom: 20px !important;
}

.qs-pagination-btn {
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: #cbd5e1 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
    font-family: 'Poppins', sans-serif !important;
    user-select: none !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15) !important;
}

.qs-pagination-btn:hover:not(.disabled):not(.active) {
    border-color: rgba(223, 183, 108, 0.35) !important;
    color: #dfb76c !important;
    background: rgba(223, 183, 108, 0.06) !important;
    transform: translateY(-2px) !important;
}

.qs-pagination-btn.active {
    background: linear-gradient(135deg, #f9d99a 0%, #dfb76c 50%, #b3893c 100%) !important;
    border-color: #dfb76c !important;
    color: #060b13 !important;
    box-shadow: 0 6px 16px rgba(223, 183, 108, 0.35) !important;
    cursor: default !important;
}

.qs-pagination-btn.disabled {
    opacity: 0.25 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
}

/* Prev / Next capsule style */
.qs-pagination-btn.nav-btn {
    width: auto !important;
    padding: 0 20px !important;
    border-radius: 99px !important;
}

@media (max-width: 640px) {
    .qs-catalog-pagination-container {
        gap: 6px !important;
    }
    .qs-pagination-btn {
        width: 34px !important;
        height: 34px !important;
        font-size: 12px !important;
    }
    .qs-pagination-btn.nav-btn {
        padding: 0 12px !important;
    }
}

/* Specificity fix for card pagination hiding globally */
.qs-product-card.store-card.qs-hidden,
.nbc-product-card.store-card.nbc-hidden,
.qs-product-card.qs-hidden,
.nbc-product-card.nbc-hidden {
    display: none !important;
}

/* -- Unified Tab Selector Styles (matches standee tabs) -- */
.qs-catalog-tabs, .nbc-catalog-tabs, .logos-wall-switch {
    display: flex !important;
    justify-content: center !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
    margin-bottom: 40px !important;
    margin-top: 20px !important;
}

.qs-catalog-tab, .nbc-catalog-tab, .logos-wall-btn {
    background: rgba(255, 255, 255, 0.02) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: #94a3b8 !important;
    border-radius: 99px !important;
    padding: 10px 22px !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    font-family: 'Poppins', sans-serif !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
    vertical-align: middle !important;
    text-transform: none !important;
}

.qs-catalog-tab .qs-tab-icon, .nbc-catalog-tab .qs-tab-icon, .logos-wall-btn .qs-tab-icon {
    width: 15px !important;
    height: 15px !important;
    stroke: currentColor !important;
    fill: none !important;
    transition: transform 0.3s ease !important;
}

.qs-catalog-tab:hover, .nbc-catalog-tab:hover, .logos-wall-btn:hover {
    border-color: rgba(223, 183, 108, 0.35) !important;
    color: #dfb76c !important;
    background: rgba(223, 183, 108, 0.04) !important;
}

.qs-catalog-tab:hover .qs-tab-icon, .nbc-catalog-tab:hover .qs-tab-icon, .logos-wall-btn:hover .qs-tab-icon {
    transform: scale(1.1) !important;
}

.qs-catalog-tab.active, .nbc-catalog-tab.active, .logos-wall-btn.active {
    background: linear-gradient(135deg, #f9d99a 0%, #dfb76c 50%, #b3893c 100%) !important;
    border-color: #dfb76c !important;
    color: #060b13 !important;
    font-weight: 700 !important;
    box-shadow: 0 6px 20px rgba(223, 183, 108, 0.25) !important;
}

@media (max-width: 640px) {
    .qs-catalog-tabs, .nbc-catalog-tabs, .logos-wall-switch {
        gap: 6px !important;
    }
    .qs-catalog-tab, .nbc-catalog-tab, .logos-wall-btn {
        padding: 8px 14px !important;
        font-size: 12px !important;
        gap: 4px !important;
    }
    .qs-catalog-tab .qs-tab-icon, .nbc-catalog-tab .qs-tab-icon, .logos-wall-btn .qs-tab-icon {
        width: 13px !important;
        height: 13px !important;
    }
}

/* -- Premium Status Eyebrow Badge (glowing gold design) -- */
.sc-eyebrow-badge {
    background: rgba(223, 183, 108, 0.08) !important;
    border: 1px solid rgba(223, 183, 108, 0.25) !important;
    color: #dfb76c !important;
    padding: 7px 18px !important;
    border-radius: 30px !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    width: fit-content !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.sc-eyebrow-badge .badge-dot {
    width: 6px !important;
    height: 6px !important;
    background: #dfb76c !important;
    border-radius: 50% !important;
    display: inline-block !important;
    box-shadow: 0 0 8px #dfb76c !important;
    animation: zr-pulse 2s infinite !important;
}

@keyframes zr-pulse {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(223, 183, 108, 0.7);
    }
    70% {
        transform: scale(1);
        box-shadow: 0 0 0 6px rgba(223, 183, 108, 0);
    }
    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(223, 183, 108, 0);
    }
}