/* GamingZone live UI lock - loaded after app.css */

/* Subcategory grid on parent category pages */
.gz-subcats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 16px;
    margin-bottom: 32px;
}
.gz-subcat-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 24px 16px;
    background: var(--surface-color, #1a1a2e);
    border: 1px solid var(--border-color, rgba(255,255,255,0.08));
    border-radius: 12px;
    text-decoration: none;
    transition: all 0.2s ease;
}
.gz-subcat-card:hover {
    border-color: #44d62c;
    background: rgba(68, 214, 44, 0.05);
    transform: translateY(-2px);
}
.gz-subcat-name {
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-color, #fff);
    text-align: center;
}
.gz-subcat-count {
    font-size: 0.8rem;
    color: var(--text-muted, #888);
}
@media (max-width: 576px) {
    .gz-subcats-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
    .gz-subcat-card { padding: 16px 10px; }
    .gz-subcat-name { font-size: 0.85rem; }
}

/* Homepage green prices - match boutique */
html body main.ts-home .product-price .current,
html body main.ts-home .product-price strong,
html body main.ts-home .ts-flash-price strong,
html body main.ts-home .gz-pc-card-price strong,
html body.theme-dark main.ts-home .product-price .current,
html body.theme-dark main.ts-home .product-price strong,
html body.theme-dark main.ts-home .ts-flash-price strong,
html body.theme-dark main.ts-home .gz-pc-card-price strong,
html body.light-theme main.ts-home .product-price .current,
html body.light-theme main.ts-home .product-price strong,
html body.light-theme main.ts-home .ts-flash-price strong,
html body.light-theme main.ts-home .gz-pc-card-price strong {
    color: #20d84f !important;
}

.gz-mega-sub-group li a,
.gz-mega-sub-group ul li a,
body.theme-dark .gz-mega-sub-group li a,
body.light-theme .gz-mega-sub-group li a {
    font-weight: 400 !important;
}

/* 2026-08-28 hide duplicate price-discount badge under price (keep badge on image only) */
html body .ts-home .product-card .price-discount,
html body.theme-dark .ts-home .product-card .price-discount,
html body.light-theme .ts-home .product-card .price-discount {
    display: none !important;
}

/* 2026-08-28 hide whatsapp button on homepage product cards (desktop) */
@media (min-width: 761px) {
    html body .ts-home .product-card .product-whatsapp-notify,
    html body.theme-dark .ts-home .product-card .product-whatsapp-notify,
    html body.light-theme .ts-home .product-card .product-whatsapp-notify {
        display: none !important;
    }
}

/* 2026-08-28 about page dark mode */
body.theme-dark .about-story-sd,
body.theme-dark .about-pillars-sd,
body.theme-dark .about-catalog-sd,
body.theme-dark .about-map-sd,
body.theme-dark .about-final-sd {
    background: var(--gz-color-bg, #0a0a0a) !important;
    color: var(--gz-color-text, #f5f5f5) !important;
}

body.theme-dark .about-story-text p,
body.theme-dark .about-pillars-grid p,
body.theme-dark .about-map-copy p,
body.theme-dark .about-final-sd p {
    color: var(--gz-color-text-2, #a1a1aa) !important;
}

body.theme-dark .about-pillars-sd {
    border-color: var(--gz-color-border, #27272a) !important;
}

body.theme-dark .about-pillars-grid i {
    background: rgba(34, 197, 94, 0.15) !important;
    color: #22c55e !important;
}

body.theme-dark .about-catalog-grid a {
    background: var(--gz-color-surface, #18181b) !important;
    color: var(--gz-color-text, #f5f5f5) !important;
    border: 1px solid var(--gz-color-border, #27272a) !important;
}

body.theme-dark .about-catalog-grid a:hover {
    border-color: #22c55e !important;
}

body.theme-dark .about-hero-media img {
    filter: drop-shadow(0 24px 48px rgba(34, 197, 94, 0.2)) !important;
}

/* 2026-08-28 boutique-hide-card-actions-final */
html body.template-shop #productsGrid.products-grid > a.product-card .product-cart-icon,
html body.theme-dark.template-shop #productsGrid.products-grid > a.product-card .product-cart-icon,
html body.light-theme.template-shop #productsGrid.products-grid > a.product-card .product-cart-icon,
html body.template-shop #productsGrid.products-grid > a.product-card .product-whatsapp-notify,
html body.theme-dark.template-shop #productsGrid.products-grid > a.product-card .product-whatsapp-notify,
html body.light-theme.template-shop #productsGrid.products-grid > a.product-card .product-whatsapp-notify {
    display: none !important;
}

html body.template-shop #productsGrid.products-grid > a.product-card .product-price,
html body.theme-dark.template-shop #productsGrid.products-grid > a.product-card .product-price,
html body.light-theme.template-shop #productsGrid.products-grid > a.product-card .product-price {
    right: 0 !important;
}

/* 2026-08-28 home-mobile-card-shop-spacing-tail */
@media (max-width: 760px) {
    html body main.ts-home .ts-product-grid > a.product-card,
    html body main.ts-home .ts-product-carousel > a.product-card,
    html body main.ts-home .ts-composants-rail > a.product-card,
    html body main.ts-home .ts-product-grid > .product-card,
    html body main.ts-home .ts-product-carousel > .product-card,
    html body main.ts-home .ts-composants-rail > .product-card,
    html body.theme-dark main.ts-home .ts-product-grid > a.product-card,
    html body.theme-dark main.ts-home .ts-product-carousel > a.product-card,
    html body.theme-dark main.ts-home .ts-composants-rail > a.product-card,
    html body.light-theme main.ts-home .ts-product-grid > a.product-card,
    html body.light-theme main.ts-home .ts-product-carousel > a.product-card,
    html body.light-theme main.ts-home .ts-composants-rail > a.product-card {
        padding: 0 !important;
    }

    html body main.ts-home a.product-card .product-price .current,
    html body main.ts-home a.product-card span.current,
    html body main.ts-home .ts-composants-section a.product-card .product-price .current,
    html body main.ts-home .ts-composants-section a.product-card span.current,
    html body.theme-dark main.ts-home a.product-card .product-price .current,
    html body.theme-dark main.ts-home a.product-card span.current,
    html body.light-theme main.ts-home a.product-card .product-price .current,
    html body.light-theme main.ts-home a.product-card span.current {
        color: #20d84f !important;
    }

    html body main.ts-home #flashDeals.ts-flash-products,
    html body.theme-dark main.ts-home #flashDeals.ts-flash-products,
    html body.light-theme main.ts-home #flashDeals.ts-flash-products {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-auto-flow: row !important;
        grid-auto-columns: auto !important;
        gap: 12px !important;
        overflow: visible !important;
        scroll-snap-type: none !important;
        padding-bottom: 0 !important;
    }

    html body main.ts-home #flashDeals > .ts-flash-card,
    html body.theme-dark main.ts-home #flashDeals > .ts-flash-card,
    html body.light-theme main.ts-home #flashDeals > .ts-flash-card {
        padding: 0 !important;
        min-height: 150px !important;
        max-height: 150px !important;
    }

    html body main.ts-home #flashDeals > .ts-flash-card .ts-flash-img,
    html body.theme-dark main.ts-home #flashDeals > .ts-flash-card .ts-flash-img,
    html body.light-theme main.ts-home #flashDeals > .ts-flash-card .ts-flash-img {
        height: 150px !important;
        min-height: 150px !important;
        max-height: 150px !important;
        padding: 8px !important;
    }
}

/* 2026-08-28 product-whatsapp-like-commander-final */
@media (max-width: 640px) {
    html body.template-product .gz-p-info-card .gz-p-order-actions {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    html body.template-product .gz-p-info-card .gz-p-order-actions .gz-p-whatsapp-btn:not(.gz-p-whatsapp-notify-btn),
    html body.theme-dark.template-product .gz-p-info-card .gz-p-order-actions .gz-p-whatsapp-btn:not(.gz-p-whatsapp-notify-btn),
    html body.light-theme.template-product .gz-p-info-card .gz-p-order-actions .gz-p-whatsapp-btn:not(.gz-p-whatsapp-notify-btn) {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 54px !important;
        padding: 0 16px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        border-radius: 10px !important;
        background: #ffffff !important;
        color: #050706 !important;
        font-size: 14px !important;
        font-weight: 800 !important;
        line-height: 1.1 !important;
        text-align: center !important;
        text-decoration: none !important;
    }

    html body.template-product .gz-p-info-card .gz-p-order-actions .gz-p-whatsapp-btn:not(.gz-p-whatsapp-notify-btn) i,
    html body.theme-dark.template-product .gz-p-info-card .gz-p-order-actions .gz-p-whatsapp-btn:not(.gz-p-whatsapp-notify-btn) i,
    html body.light-theme.template-product .gz-p-info-card .gz-p-order-actions .gz-p-whatsapp-btn:not(.gz-p-whatsapp-notify-btn) i {
        color: #050706 !important;
        font-size: 15px !important;
        margin: 0 !important;
    }
}

/* 2026-08-28 home-card-global-padding-price-final */
html body main.ts-home .ts-product-grid > a.product-card,
html body main.ts-home .ts-product-carousel > a.product-card,
html body main.ts-home .ts-composants-rail > a.product-card,
html body.theme-dark main.ts-home .ts-product-grid > a.product-card,
html body.theme-dark main.ts-home .ts-product-carousel > a.product-card,
html body.theme-dark main.ts-home .ts-composants-rail > a.product-card,
html body.light-theme main.ts-home .ts-product-grid > a.product-card,
html body.light-theme main.ts-home .ts-product-carousel > a.product-card,
html body.light-theme main.ts-home .ts-composants-rail > a.product-card {
    padding: 0 !important;
}

html body main.ts-home a.product-card .product-price .current,
html body main.ts-home a.product-card span.current,
html body.theme-dark main.ts-home a.product-card .product-price .current,
html body.theme-dark main.ts-home a.product-card span.current,
html body.light-theme main.ts-home a.product-card .product-price .current,
html body.light-theme main.ts-home a.product-card span.current {
    color: #20d84f !important;
}

html body.template-shop .reset-filters {
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    font-size: 0 !important;
}

html body.template-shop .reset-filters i {
    font-size: 13px !important;
    line-height: 1 !important;
}

/* 2026-08-28 flash-deals-game-console-grid-image-only-final */
html body main.ts-home #flashDeals.ts-flash-products,
html body.theme-dark main.ts-home #flashDeals.ts-flash-products,
html body.light-theme main.ts-home #flashDeals.ts-flash-products {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
    grid-auto-flow: row !important;
    grid-auto-columns: auto !important;
    gap: 12px !important;
    overflow: visible !important;
    scroll-snap-type: none !important;
    padding-bottom: 0 !important;
}

html body main.ts-home #flashDeals > .ts-flash-card,
html body.theme-dark main.ts-home #flashDeals > .ts-flash-card,
html body.light-theme main.ts-home #flashDeals > .ts-flash-card {
    min-height: 158px !important;
    max-height: 158px !important;
    padding: 0 !important;
    overflow: hidden !important;
}

html body main.ts-home #flashDeals > .ts-flash-card .ts-flash-img,
html body.theme-dark main.ts-home #flashDeals > .ts-flash-card .ts-flash-img,
html body.light-theme main.ts-home #flashDeals > .ts-flash-card .ts-flash-img {
    width: 100% !important;
    height: 158px !important;
    min-height: 158px !important;
    max-height: 158px !important;
    padding: 8px !important;
}

html body main.ts-home #flashDeals > .ts-flash-card .ts-flash-info,
html body main.ts-home #flashDeals > .ts-flash-card .ts-flash-cart,
html body main.ts-home #flashDeals > .ts-flash-card .ts-flash-badge,
html body.theme-dark main.ts-home #flashDeals > .ts-flash-card .ts-flash-info,
html body.theme-dark main.ts-home #flashDeals > .ts-flash-card .ts-flash-cart,
html body.theme-dark main.ts-home #flashDeals > .ts-flash-card .ts-flash-badge,
html body.light-theme main.ts-home #flashDeals > .ts-flash-card .ts-flash-info,
html body.light-theme main.ts-home #flashDeals > .ts-flash-card .ts-flash-cart,
html body.light-theme main.ts-home #flashDeals > .ts-flash-card .ts-flash-badge {
    display: none !important;
}

/* 2026-08-28 home-mobile-card-shop-spacing-final */
@media (max-width: 760px) {
    html body main.ts-home .ts-product-grid > a.product-card,
    html body main.ts-home .ts-product-carousel > a.product-card,
    html body main.ts-home .ts-composants-rail > a.product-card,
    html body.theme-dark main.ts-home .ts-product-grid > a.product-card,
    html body.theme-dark main.ts-home .ts-product-carousel > a.product-card,
    html body.theme-dark main.ts-home .ts-composants-rail > a.product-card,
    html body.light-theme main.ts-home .ts-product-grid > a.product-card,
    html body.light-theme main.ts-home .ts-product-carousel > a.product-card,
    html body.light-theme main.ts-home .ts-composants-rail > a.product-card {
        padding: 0 !important;
    }

    html body main.ts-home a.product-card .product-price .current,
    html body main.ts-home a.product-card span.current,
    html body.theme-dark main.ts-home a.product-card .product-price .current,
    html body.theme-dark main.ts-home a.product-card span.current,
    html body.light-theme main.ts-home a.product-card .product-price .current,
    html body.light-theme main.ts-home a.product-card span.current {
        color: #20d84f !important;
    }

    html body main.ts-home #flashDeals.ts-flash-products,
    html body.theme-dark main.ts-home #flashDeals.ts-flash-products,
    html body.light-theme main.ts-home #flashDeals.ts-flash-products {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-auto-flow: row !important;
        grid-auto-columns: auto !important;
        gap: 12px !important;
        overflow: visible !important;
        scroll-snap-type: none !important;
    }

    html body main.ts-home #flashDeals > .ts-flash-card,
    html body.theme-dark main.ts-home #flashDeals > .ts-flash-card,
    html body.light-theme main.ts-home #flashDeals > .ts-flash-card {
        padding: 0 !important;
        min-height: 150px !important;
        max-height: 150px !important;
    }

    html body main.ts-home #flashDeals > .ts-flash-card .ts-flash-img,
    html body.theme-dark main.ts-home #flashDeals > .ts-flash-card .ts-flash-img,
    html body.light-theme main.ts-home #flashDeals > .ts-flash-card .ts-flash-img {
        height: 150px !important;
        min-height: 150px !important;
        max-height: 150px !important;
        padding: 8px !important;
    }
}

/* 2026-08-28 boutique-hide-card-actions */
html body.template-shop #productsGrid.products-grid > a.product-card .product-cart-icon,
html body.theme-dark.template-shop #productsGrid.products-grid > a.product-card .product-cart-icon,
html body.light-theme.template-shop #productsGrid.products-grid > a.product-card .product-cart-icon,
html body.template-shop #productsGrid.products-grid > a.product-card .product-whatsapp-notify,
html body.theme-dark.template-shop #productsGrid.products-grid > a.product-card .product-whatsapp-notify,
html body.light-theme.template-shop #productsGrid.products-grid > a.product-card .product-whatsapp-notify {
    display: none !important;
}

html body.template-shop #productsGrid.products-grid > a.product-card .product-price,
html body.theme-dark.template-shop #productsGrid.products-grid > a.product-card .product-price,
html body.light-theme.template-shop #productsGrid.products-grid > a.product-card .product-price {
    right: 0 !important;
}

/* 2026-08-28 composants-two-line-final */
@media (max-width: 760px) {
    html body main.ts-home .ts-composants-rail > .product-card,
    html body .ts-home .ts-composants-rail > .product-card {
        min-height: 300px !important;
        max-height: 300px !important;
    }

    html body main.ts-home .ts-composants-rail > .product-card .product-img,
    html body .ts-home .ts-composants-rail > .product-card .product-img {
        height: 122px !important;
        min-height: 122px !important;
        max-height: 122px !important;
    }

    html body main.ts-home .ts-composants-rail > .product-card .product-info,
    html body .ts-home .ts-composants-rail > .product-card .product-info {
        min-height: 166px !important;
        max-height: 166px !important;
    }

    html body main.ts-home .ts-composants-rail > .product-card .product-name,
    html body .ts-home .ts-composants-rail > .product-card .product-name {
        height: 36px !important;
        min-height: 36px !important;
        max-height: 36px !important;
        font-size: 12px !important;
        line-height: 18px !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    html body main.ts-home .ts-composants-rail > .product-card .product-price-row,
    html body .ts-home .ts-composants-rail > .product-card .product-price-row {
        min-height: 54px !important;
    }
}

/* 2026-08-28 flash-card-mobile-polish-final */
@media (max-width: 760px) {
    html body main.ts-home .ts-flash-deals {
        background: linear-gradient(180deg, #07150f 0%, #021009 100%) !important;
        padding: 34px 0 36px !important;
    }

    html body main.ts-home .ts-flash-panel {
        padding: 0 14px !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    html body main.ts-home .ts-flash-copy h2 {
        font-size: 26px !important;
        line-height: 1.05 !important;
        margin: 0 0 12px !important;
    }

    html body main.ts-home .ts-flash-timer {
        gap: 10px !important;
        margin-bottom: 14px !important;
    }

    html body main.ts-home .ts-flash-actions {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        align-items: center !important;
        gap: 12px !important;
        margin: 10px 0 16px !important;
    }

    html body main.ts-home .ts-flash-actions > a {
        min-height: 38px !important;
        border-radius: 7px !important;
        font-size: 12px !important;
        background: #050806 !important;
    }

    html body main.ts-home .ts-flash-actions .ts-carousel-controls {
        display: flex !important;
        gap: 8px !important;
    }

    html body main.ts-home .ts-flash-products {
        grid-auto-columns: calc((100% - 10px) / 2) !important;
        gap: 10px !important;
        padding: 0 1px 4px !important;
    }

    html body main.ts-home .ts-flash-card {
        min-height: 320px !important;
        padding: 0 !important;
        border-radius: 8px !important;
        background: #101412 !important;
        border: 1px solid #243029 !important;
        color: #fff !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 9px !important;
        position: relative !important;
        overflow: hidden !important;
        box-shadow: none !important;
    }

    html body main.ts-home .ts-flash-card .ts-flash-badge {
        top: 8px !important;
        left: 8px !important;
        z-index: 3 !important;
        border-radius: 999px !important;
        background: #050806 !important;
        color: #fff !important;
        font-size: 11px !important;
        line-height: 18px !important;
        min-height: 20px !important;
        padding: 1px 10px !important;
    }

    html body main.ts-home .ts-flash-card .ts-flash-img {
        height: 150px !important;
        min-height: 150px !important;
        padding: 12px !important;
        border-radius: 6px !important;
        background: #f4f7f9 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    html body main.ts-home .ts-flash-card .ts-flash-img img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
    }

    html body main.ts-home .ts-flash-card .ts-flash-info {
        display: flex !important;
        flex-direction: column !important;
        flex: 1 1 auto !important;
        min-height: 126px !important;
        gap: 8px !important;
    }

    html body main.ts-home .ts-flash-card .ts-flash-info > a {
        height: 38px !important;
        max-height: 38px !important;
        color: #fff !important;
        font-size: 12px !important;
        line-height: 19px !important;
        font-weight: 800 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        text-decoration: none !important;
    }

    html body main.ts-home .ts-flash-card .ts-flash-price {
        margin-top: auto !important;
        padding-right: 42px !important;
        min-height: 48px !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-end !important;
        gap: 2px !important;
    }

    html body main.ts-home .ts-flash-card .ts-flash-price strong {
        color: #20d84f !important;
        font-size: 18px !important;
        line-height: 20px !important;
        font-weight: 900 !important;
    }

    html body main.ts-home .ts-flash-card .ts-flash-price span {
        color: #8c9691 !important;
        font-size: 10px !important;
        line-height: 12px !important;
    }

    html body main.ts-home .ts-flash-card .ts-flash-cart {
        position: absolute !important;
        right: 8px !important;
        bottom: 10px !important;
        margin: 0 !important;
    }

    html body main.ts-home .ts-flash-card .ts-flash-cart button {
        width: 38px !important;
        height: 38px !important;
        border-radius: 8px !important;
        background: #050806 !important;
        color: #fff !important;
    }
}

/* 2026-08-28 composants-two-line-ultimate */
@media (max-width: 760px) {
    html body main.ts-home .ts-composants-rail > .product-card,
    html body .ts-home .ts-composants-rail > .product-card {
        min-height: 300px !important;
        max-height: 300px !important;
    }

    html body main.ts-home .ts-composants-rail > .product-card .product-img,
    html body .ts-home .ts-composants-rail > .product-card .product-img {
        height: 122px !important;
        min-height: 122px !important;
        max-height: 122px !important;
    }

    html body main.ts-home .ts-composants-rail > .product-card .product-info,
    html body .ts-home .ts-composants-rail > .product-card .product-info {
        min-height: 166px !important;
        max-height: 166px !important;
    }

    html body main.ts-home .ts-composants-rail > .product-card .product-name,
    html body .ts-home .ts-composants-rail > .product-card .product-name {
        height: 36px !important;
        min-height: 36px !important;
        max-height: 36px !important;
        font-size: 12px !important;
        line-height: 18px !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    html body main.ts-home .ts-composants-rail > .product-card .product-price-row,
    html body .ts-home .ts-composants-rail > .product-card .product-price-row {
        min-height: 54px !important;
    }
}

/* 2026-08-28 gamingzone-like mobile cards */
@media (max-width: 760px) {
    html body main.ts-home .ts-composants-rail > .product-card,
    html body .ts-home .ts-composants-rail > .product-card {
        min-height: 318px !important;
        border-radius: 7px !important;
    }

    html body main.ts-home .ts-composants-rail > .product-card .product-img,
    html body .ts-home .ts-composants-rail > .product-card .product-img {
        height: 128px !important;
        min-height: 128px !important;
        padding: 8px !important;
    }

    html body main.ts-home .ts-composants-rail > .product-card .product-info,
    html body .ts-home .ts-composants-rail > .product-card .product-info {
        min-height: 176px !important;
        padding: 9px 9px 10px !important;
    }

    html body main.ts-home .ts-composants-rail > .product-card .product-cat,
    html body .ts-home .ts-composants-rail > .product-card .product-cat {
        font-size: 10px !important;
        line-height: 12px !important;
        min-height: 24px !important;
        max-height: 24px !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    html body main.ts-home .ts-composants-rail > .product-card .product-name,
    html body .ts-home .ts-composants-rail > .product-card .product-name {
        height: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;
        font-size: 12px !important;
        line-height: 19px !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    html body main.ts-home .ts-composants-rail > .product-card .product-price-row,
    html body .ts-home .ts-composants-rail > .product-card .product-price-row {
        min-height: 56px !important;
        grid-template-columns: minmax(0, 1fr) 38px !important;
    }

    html body main.ts-home .ts-composants-rail > .product-card .product-price,
    html body .ts-home .ts-composants-rail > .product-card .product-price {
        min-height: 56px !important;
        grid-template-rows: auto 13px 18px !important;
    }

    html body main.ts-home .ts-composants-rail > .product-card span.current,
    html body .ts-home .ts-composants-rail > .product-card span.current {
        font-size: 15px !important;
        line-height: 17px !important;
    }

    html body main.ts-home .ts-product-section .ts-product-carousel > .product-card,
    html body .ts-home .ts-product-section .ts-product-carousel > .product-card {
        min-height: 386px !important;
    }

    html body main.ts-home .ts-product-section .ts-product-carousel > .product-card .product-info,
    html body .ts-home .ts-product-section .ts-product-carousel > .product-card .product-info {
        min-height: 166px !important;
    }

    html body main.ts-home .ts-product-section .ts-product-carousel > .product-card .product-img,
    html body .ts-home .ts-product-section .ts-product-carousel > .product-card .product-img {
        height: 192px !important;
        min-height: 192px !important;
    }
}

/* 2026-08-28 final mobile card price geometry */
@media (max-width: 760px) {
    html body main.ts-home .product-card .product-info,
    html body .ts-home .product-card .product-info {
        display: flex !important;
        flex-direction: column !important;
        min-height: 204px !important;
        padding: 9px 9px 10px !important;
    }

    html body main.ts-home .product-card .product-cat-row,
    html body .ts-home .product-card .product-cat-row {
        min-height: 18px !important;
        margin-bottom: 5px !important;
    }

    html body main.ts-home .product-card .product-name,
    html body .ts-home .product-card .product-name {
        height: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;
        margin-bottom: 8px !important;
        font-size: 12px !important;
        line-height: 19px !important;
    }

    html body main.ts-home .product-card .product-price-row,
    html body .ts-home .product-card .product-price-row {
        margin-top: auto !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 38px !important;
        align-items: end !important;
        gap: 8px !important;
        min-height: 64px !important;
    }

    html body main.ts-home .product-card .product-price,
    html body .ts-home .product-card .product-price {
        min-height: 64px !important;
        display: grid !important;
        grid-template-rows: auto 14px 18px !important;
        align-content: end !important;
        gap: 2px !important;
        overflow: visible !important;
    }

    html body main.ts-home .product-card .product-price .current,
    html body main.ts-home .product-card span.current,
    html body .ts-home .product-card .product-price .current,
    html body .ts-home .product-card span.current {
        font-size: 15px !important;
        line-height: 17px !important;
        white-space: normal !important;
    }

    html body main.ts-home .product-card .product-price .old,
    html body main.ts-home .product-card span.old,
    html body .ts-home .product-card .product-price .old,
    html body .ts-home .product-card span.old {
        display: block !important;
        min-height: 14px !important;
        font-size: 10px !important;
        line-height: 12px !important;
    }

    html body main.ts-home .product-card .price-discount,
    html body .ts-home .product-card .price-discount {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-width: 44px !important;
        max-width: 54px !important;
        height: 18px !important;
        min-height: 18px !important;
        padding: 0 7px !important;
        font-size: 10px !important;
        line-height: 18px !important;
        border-radius: 999px !important;
    }

    html body main.ts-home .product-card .product-cart-icon,
    html body .ts-home .product-card .product-cart-icon {
        align-self: end !important;
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        margin-bottom: 0 !important;
        position: static !important;
    }
}

/* 2026-08-28 carousel and card reserve-space lock */
html body .product-card .product-price {
    min-height: 54px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    gap: 3px !important;
}

html body .product-card .product-price .current,
html body .product-card span.current {
    font-size: 18px !important;
    line-height: 1.12 !important;
}

html body .product-card .product-price .old,
html body .product-card span.old {
    min-height: 13px !important;
    font-size: 11px !important;
    line-height: 1.1 !important;
}

html body .product-card .price-discount {
    width: max-content !important;
    min-height: 18px !important;
    padding: 2px 8px !important;
    border-radius: 999px !important;
    background: #19bf44 !important;
    color: #041007 !important;
    font-size: 10px !important;
    line-height: 14px !important;
    font-weight: 900 !important;
}

html body .product-card .price-discount-placeholder {
    visibility: hidden !important;
}

html body.theme-dark main.ts-home .ts-composants-section {
    background: #06110c !important;
}

html body.theme-dark main.ts-home .ts-composants-section .product-card {
    background: #111614 !important;
    border: 1px solid #25312c !important;
    color: #f3f7f5 !important;
    box-shadow: none !important;
}

html body.theme-dark main.ts-home .ts-composants-section .product-card .product-info {
    background: #111614 !important;
}

html body.theme-dark main.ts-home .ts-composants-section .product-card .product-cat,
html body.theme-dark main.ts-home .ts-composants-section .product-card .product-name,
html body.theme-dark main.ts-home .ts-composants-section .product-card .product-price .current,
html body.theme-dark main.ts-home .ts-composants-section .product-card span.current {
    color: #f3f7f5 !important;
    opacity: 1 !important;
}

html body.theme-dark main.ts-home .ts-composants-section .product-card .product-price .old,
html body.theme-dark main.ts-home .ts-composants-section .product-card span.old {
    color: #9ca7a2 !important;
    opacity: 1 !important;
}

html body main.ts-home .ts-flash-copy {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}

html body main.ts-home .ts-flash-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    margin-top: 4px !important;
}

html body main.ts-home .ts-flash-actions > a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 42px !important;
    padding: 0 18px !important;
    border-radius: 8px !important;
    background: #050806 !important;
    color: #fff !important;
    font-weight: 900 !important;
    text-decoration: none !important;
}

html body main.ts-home .ts-flash-products {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: minmax(230px, 260px) !important;
    grid-template-columns: none !important;
    gap: 16px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: none !important;
}

html body main.ts-home .ts-flash-products::-webkit-scrollbar {
    display: none !important;
}

html body main.ts-home .ts-flash-card {
    scroll-snap-align: start !important;
    min-width: 0 !important;
}

@media (max-width: 760px) {
    html body main.ts-home .ts-product-section .ts-product-carousel {
        display: grid !important;
        grid-auto-flow: column !important;
        grid-auto-columns: calc((100% - 10px) / 2) !important;
        grid-template-columns: none !important;
        gap: 10px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scroll-snap-type: x mandatory !important;
        scrollbar-width: none !important;
    }

    html body main.ts-home .ts-product-section .ts-product-carousel::-webkit-scrollbar {
        display: none !important;
    }

    html body main.ts-home .ts-product-section .ts-product-carousel > .product-card {
        scroll-snap-align: start !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    html body main.ts-home .ts-flash-panel {
        padding: 18px !important;
        border-radius: 8px !important;
    }

    html body main.ts-home .ts-flash-actions {
        align-items: stretch !important;
    }

    html body main.ts-home .ts-flash-actions > a {
        flex: 1 !important;
        min-width: 0 !important;
        font-size: 12px !important;
    }

    html body main.ts-home .ts-flash-products {
        grid-auto-columns: calc((100% - 10px) / 2) !important;
        gap: 10px !important;
    }

    html body .product-card .product-price {
        min-height: 50px !important;
    }

    html body .product-card .product-price .current,
    html body .product-card span.current {
        font-size: 15px !important;
    }

    html body main.ts-home .product-card .product-info,
    html body .ts-home .product-card .product-info {
        display: flex !important;
        flex-direction: column !important;
        min-height: 204px !important;
        padding: 9px 9px 10px !important;
    }

    html body main.ts-home .product-card .product-cat-row,
    html body .ts-home .product-card .product-cat-row {
        min-height: 18px !important;
        margin-bottom: 5px !important;
    }

    html body main.ts-home .product-card .product-name,
    html body .ts-home .product-card .product-name {
        height: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;
        margin-bottom: 8px !important;
        font-size: 12px !important;
        line-height: 19px !important;
    }

    html body main.ts-home .product-card .product-price-row,
    html body .ts-home .product-card .product-price-row {
        margin-top: auto !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 38px !important;
        align-items: end !important;
        gap: 8px !important;
        min-height: 64px !important;
    }

    html body main.ts-home .product-card .product-price,
    html body .ts-home .product-card .product-price {
        min-height: 64px !important;
        display: grid !important;
        grid-template-rows: auto 14px 18px !important;
        align-content: end !important;
        gap: 2px !important;
        overflow: visible !important;
    }

    html body main.ts-home .product-card .product-price .current,
    html body main.ts-home .product-card span.current,
    html body .ts-home .product-card .product-price .current,
    html body .ts-home .product-card span.current {
        font-size: 15px !important;
        line-height: 17px !important;
        white-space: normal !important;
    }

    html body main.ts-home .product-card .product-price .old,
    html body main.ts-home .product-card span.old,
    html body .ts-home .product-card .product-price .old,
    html body .ts-home .product-card span.old {
        display: block !important;
        min-height: 14px !important;
        font-size: 10px !important;
        line-height: 12px !important;
    }

    html body main.ts-home .product-card .price-discount,
    html body .ts-home .product-card .price-discount {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-width: 44px !important;
        max-width: 54px !important;
        height: 18px !important;
        min-height: 18px !important;
        padding: 0 7px !important;
        font-size: 10px !important;
        line-height: 18px !important;
        border-radius: 999px !important;
    }

    html body main.ts-home .product-card .product-cart-icon,
    html body .ts-home .product-card .product-cart-icon {
        align-self: end !important;
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        margin-bottom: 0 !important;
        position: static !important;
    }
}

/* 2026-08-28 true EOF mobile card price geometry */
@media (max-width: 760px) {
    html body main.ts-home .product-card .product-info,
    html body .ts-home .product-card .product-info {
        display: flex !important;
        flex-direction: column !important;
        min-height: 204px !important;
        padding: 9px 9px 10px !important;
    }

    html body main.ts-home .product-card .product-cat-row,
    html body .ts-home .product-card .product-cat-row {
        min-height: 18px !important;
        margin-bottom: 5px !important;
    }

    html body main.ts-home .product-card .product-name,
    html body .ts-home .product-card .product-name {
        height: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;
        margin-bottom: 8px !important;
        font-size: 12px !important;
        line-height: 19px !important;
    }

    html body main.ts-home .product-card .product-price-row,
    html body .ts-home .product-card .product-price-row {
        margin-top: auto !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 38px !important;
        align-items: end !important;
        gap: 8px !important;
        min-height: 64px !important;
    }

    html body main.ts-home .product-card .product-price,
    html body .ts-home .product-card .product-price {
        min-height: 64px !important;
        display: grid !important;
        grid-template-rows: auto 14px 18px !important;
        align-content: end !important;
        gap: 2px !important;
        overflow: visible !important;
    }

    html body main.ts-home .product-card .product-price .current,
    html body main.ts-home .product-card span.current,
    html body .ts-home .product-card .product-price .current,
    html body .ts-home .product-card span.current {
        font-size: 15px !important;
        line-height: 17px !important;
        white-space: normal !important;
    }

    html body main.ts-home .product-card .product-price .old,
    html body main.ts-home .product-card span.old,
    html body .ts-home .product-card .product-price .old,
    html body .ts-home .product-card span.old {
        display: block !important;
        min-height: 14px !important;
        font-size: 10px !important;
        line-height: 12px !important;
    }

    html body main.ts-home .product-card .price-discount,
    html body .ts-home .product-card .price-discount {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-width: 44px !important;
        max-width: 54px !important;
        height: 18px !important;
        min-height: 18px !important;
        padding: 0 7px !important;
        font-size: 10px !important;
        line-height: 18px !important;
        border-radius: 999px !important;
    }

    html body main.ts-home .product-card .product-cart-icon,
    html body .ts-home .product-card .product-cart-icon {
        align-self: end !important;
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        margin-bottom: 0 !important;
        position: static !important;
    }
}

/* 2026-08-28 final live lock: gamingzone-like mobile cards and stable media */
@media (max-width: 760px) {
    html body main.ts-home .ct-hero.ts-slider,
    html body .ct-hero.ts-slider {
        height: 390px !important;
        min-height: 390px !important;
        max-height: 390px !important;
        background: #000000 !important;
        overflow: hidden !important;
    }

    html body main.ts-home .ct-hero-slide,
    html body main.ts-home .ct-hero-slide picture,
    html body main.ts-home .ct-hero-slide img {
        height: 100% !important;
        min-height: 0 !important;
    }

    html body main.ts-home .ct-hero-slide img {
        width: 100% !important;
        object-fit: cover !important;
        object-position: center center !important;
    }

    html body main.ts-home .ts-product-grid,
    html body main.ts-home .ts-product-carousel {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    html body main.ts-home .ts-product-grid > .product-card,
    html body main.ts-home .ts-product-carousel > .product-card {
        width: 100% !important;
        min-width: 0 !important;
    }

    html body main.ts-home .ts-composants-section {
        padding: 26px 0 !important;
    }

    html body main.ts-home .ts-composants-section > .container {
        width: 100% !important;
        max-width: none !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    html body main.ts-home .ts-composants-inner {
        display: block !important;
    }

    html body main.ts-home .ts-composants-sidebar {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        margin-bottom: 18px !important;
    }

    html body main.ts-home .ts-composants-tab {
        min-height: 44px !important;
        padding: 8px 10px !important;
        border-radius: 7px !important;
        font-size: 13px !important;
        line-height: 1.15 !important;
        font-weight: 800 !important;
        text-align: center !important;
    }

    html body main.ts-home .ts-composants-rail-wrap {
        margin: 0 !important;
        padding: 54px 0 0 !important;
        position: relative !important;
        overflow: visible !important;
    }

    html body main.ts-home .ts-composants-rail {
        display: grid !important;
        grid-auto-flow: column !important;
        grid-auto-columns: calc((100% - 10px) / 2) !important;
        grid-template-columns: none !important;
        gap: 10px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scroll-snap-type: x mandatory !important;
        padding: 0 2px 8px !important;
    }

    html body main.ts-home .ts-composants-rail > .product-card {
        scroll-snap-align: start !important;
    }

    html body main.ts-home .ts-comp-nav {
        top: 0 !important;
        transform: none !important;
        width: 40px !important;
        height: 40px !important;
        border-radius: 999px !important;
        background: #ffffff !important;
        color: #07110b !important;
        box-shadow: 0 8px 22px rgba(0, 0, 0, .14) !important;
    }

    html body main.ts-home .ts-comp-prev {
        left: auto !important;
        right: 52px !important;
    }

    html body main.ts-home .ts-comp-next {
        right: 2px !important;
    }

    html body main.ts-home .ts-composants-rail .product-card .product-name,
    html body main.ts-home .ts-product-grid .product-card .product-name,
    html body main.ts-home .ts-product-carousel .product-card .product-name,
    html body.template-shop .products-grid .product-card .product-name {
        height: 34px !important;
        min-height: 34px !important;
        max-height: 34px !important;
        font-size: 12px !important;
        line-height: 17px !important;
        font-weight: 800 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    html body .product-card .current,
    html body.template-shop .product-card .current,
    html body main.ts-home .product-card .current {
        font-size: 16px !important;
        line-height: 1.12 !important;
        font-weight: 800 !important;
    }

    html body .product-card .old,
    html body.template-shop .product-card .old,
    html body main.ts-home .product-card .old {
        font-size: 10px !important;
        line-height: 1.15 !important;
    }

    html body main.ts-home .ts-flash-panel {
        display: block !important;
        padding: 16px !important;
        border-radius: 8px !important;
        background: linear-gradient(180deg, #073018 0%, #020403 100%) !important;
        border: 1px solid rgba(34, 197, 94, .28) !important;
        box-shadow: none !important;
    }

    html body main.ts-home .ts-flash-products {
        display: grid !important;
        grid-auto-flow: column !important;
        grid-auto-columns: calc((100% - 10px) / 2) !important;
        grid-template-columns: none !important;
        gap: 10px !important;
        overflow-x: auto !important;
        scroll-snap-type: x mandatory !important;
        padding-bottom: 6px !important;
    }

    html body main.ts-home .ts-flash-card {
        scroll-snap-align: start !important;
        min-width: 0 !important;
        width: 100% !important;
        border-radius: 8px !important;
        background: #ffffff !important;
        color: #07110b !important;
    }

    html body main.ts-home .ts-flash-img {
        height: 136px !important;
        background: #f5f7f8 !important;
    }

    html body main.ts-home .ts-flash-img img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
    }
}

html body.template-product .gz-p-brand-row {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: auto !important;
    max-width: 180px !important;
}

html body.template-product .gz-p-brand-row .gz-p-brand-logo {
    display: none !important;
    width: auto !important;
    max-width: 112px !important;
    max-height: 32px !important;
    object-fit: contain !important;
}

html body.template-product.light-theme .gz-p-brand-row .gz-p-brand-light,
html body.template-product:not(.theme-dark) .gz-p-brand-row .gz-p-brand-light {
    display: block !important;
}

html body.template-product.theme-dark:not(.light-theme) .gz-p-brand-row .gz-p-brand-dark {
    display: block !important;
}

html body.template-product.theme-dark.light-theme .gz-p-brand-row .gz-p-brand-logo {
    display: none !important;
}

html body.template-product.theme-dark.light-theme .gz-p-brand-row .gz-p-brand-light {
    display: block !important;
}

/* 2026-08-28 final-live-end: must stay at EOF */
html body.template-product .gz-p-info-card .gz-p-meta-row.gz-p-meta-inline {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
}

html body.template-product .gz-p-info-card .gz-p-meta-inline-val,
html body.template-product .gz-p-info-card .gz-p-brand-row {
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    max-width: 150px !important;
}

html body.template-product .gz-p-info-card .gz-p-brand-logo {
    display: block !important;
    width: auto !important;
    max-width: 106px !important;
    max-height: 28px !important;
    object-fit: contain !important;
}

html body.template-product .gz-p-gallery .gz-p-feature.gz-p-feature {
    background: linear-gradient(180deg, #4D4D4D 0%, #1F1F1F 100%) !important;
    border: 0 !important;
    color: #ffffff !important;
}

html body.template-product .gz-p-gallery .gz-p-feature-label.gz-p-feature-label,
html body.template-product .gz-p-gallery .gz-p-feature-value.gz-p-feature-value {
    color: #ffffff !important;
}

html body.theme-dark.template-product .gz-p-gallery .gz-p-feature.gz-p-feature {
    background: linear-gradient(180deg, #f7fafc 0%, #dde4ea 100%) !important;
    color: #07110b !important;
}

html body.theme-dark.template-product .gz-p-gallery .gz-p-feature-label.gz-p-feature-label,
html body.theme-dark.template-product .gz-p-gallery .gz-p-feature-value.gz-p-feature-value {
    color: #07110b !important;
}

html body.theme-dark .footer.gz-footer,
html body.light-theme .footer.gz-footer,
html body:not(.theme-dark) .footer.gz-footer {
    background-color: #020403 !important;
    background-image: linear-gradient(180deg, rgb(2 4 3 / 35%), rgb(2 4 3 / 0%)), url("../images/bg-footer.svg") !important;
    background-repeat: repeat !important;
    background-position: center top !important;
    background-size: 520px 520px !important;
}

html body .product-card .product-name {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

@media (max-width: 760px) {
    html body.template-product .gz-p-main > .container,
    html body.template-product .gz-p-related > .container,
    html body.template-product .container {
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

    html body .ct-hero.ts-slider,
    html body main.ts-home .ct-hero.ts-slider {
        height: 350px !important;
        min-height: 350px !important;
        max-height: 350px !important;
        background: #020403 !important;
        overflow: hidden !important;
    }

    html body .ct-hero.ts-slider .ct-hero-slide,
    html body .ct-hero.ts-slider picture,
    html body .ct-hero.ts-slider img {
        height: 100% !important;
        min-height: 0 !important;
    }

    html body .ct-hero.ts-slider img {
        width: 100% !important;
        object-fit: cover !important;
        object-position: center center !important;
    }

    html body main.ts-home .ts-product-grid,
    html body main.ts-home .ts-product-carousel,
    html body.template-shop #productsGrid.products-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        width: 100% !important;
    }

    html body main.ts-home .ts-product-grid > .product-card,
    html body main.ts-home .ts-product-carousel > .product-card,
    html body.template-shop #productsGrid.products-grid > .product-card {
        width: 100% !important;
        min-width: 0 !important;
        border-radius: 8px !important;
        overflow: hidden !important;
    }

    html body .product-card .product-img {
        height: 150px !important;
        min-height: 150px !important;
        padding: 10px !important;
        background: #f4f7f9 !important;
    }

    html body .product-card .product-img img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
    }

    html body .product-card .product-info {
        padding: 10px !important;
    }

    html body .product-card .product-cat {
        font-size: 10px !important;
        line-height: 1.2 !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
    }

    html body .product-card .product-name {
        height: 36px !important;
        min-height: 36px !important;
        max-height: 36px !important;
        font-size: 12px !important;
        line-height: 18px !important;
        font-weight: 800 !important;
    }

    html body .product-card .product-price .current,
    html body .product-card span.current {
        font-size: 16px !important;
        line-height: 1.12 !important;
        font-weight: 800 !important;
    }

    html body .product-card .product-price .old,
    html body .product-card span.old {
        font-size: 10px !important;
        line-height: 1.1 !important;
    }

    html body .product-card .product-cart-icon {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        border-radius: 8px !important;
    }
}

/* 2026-08-28 live finish lock: keep final storefront overrides last */
html body.template-product .gz-p-info-card .gz-p-meta-row.gz-p-meta-inline {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
}

html body.template-product .gz-p-info-card .gz-p-meta-inline-val,
html body.template-product .gz-p-info-card .gz-p-brand-row {
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    max-width: 150px !important;
}

html body.template-product .gz-p-info-card .gz-p-brand-logo {
    display: block !important;
    width: auto !important;
    max-width: 106px !important;
    max-height: 28px !important;
    object-fit: contain !important;
}

html body.template-product .gz-p-gallery .gz-p-feature.gz-p-feature {
    background: linear-gradient(180deg, #4D4D4D 0%, #1F1F1F 100%) !important;
    border: 0 !important;
    color: #ffffff !important;
}

html body.template-product .gz-p-gallery .gz-p-feature-label.gz-p-feature-label,
html body.template-product .gz-p-gallery .gz-p-feature-value.gz-p-feature-value {
    color: #ffffff !important;
}

html body.theme-dark.template-product .gz-p-gallery .gz-p-feature.gz-p-feature {
    background: linear-gradient(180deg, #f7fafc 0%, #dde4ea 100%) !important;
    color: #07110b !important;
}

html body.theme-dark.template-product .gz-p-gallery .gz-p-feature-label.gz-p-feature-label,
html body.theme-dark.template-product .gz-p-gallery .gz-p-feature-value.gz-p-feature-value {
    color: #07110b !important;
}

html body.theme-dark .footer.gz-footer,
html body.light-theme .footer.gz-footer,
html body:not(.theme-dark) .footer.gz-footer {
    background-color: #020403 !important;
    background-image: linear-gradient(180deg, rgb(2 4 3 / 35%), rgb(2 4 3 / 0%)), url("../images/bg-footer.svg") !important;
    background-repeat: repeat !important;
    background-position: center top !important;
    background-size: 520px 520px !important;
}

html body .product-card .product-name {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

@media (max-width: 760px) {
    html body .ct-hero.ts-slider,
    html body main.ts-home .ct-hero.ts-slider {
        height: 350px !important;
        min-height: 350px !important;
        max-height: 350px !important;
        background: #020403 !important;
        overflow: hidden !important;
    }

    html body .ct-hero.ts-slider .ct-hero-slide,
    html body .ct-hero.ts-slider picture,
    html body .ct-hero.ts-slider img {
        height: 100% !important;
        min-height: 0 !important;
    }

    html body .ct-hero.ts-slider img {
        width: 100% !important;
        object-fit: cover !important;
        object-position: center center !important;
    }

    html body main.ts-home .ts-product-grid,
    html body main.ts-home .ts-product-carousel,
    html body.template-shop #productsGrid.products-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        width: 100% !important;
    }

    html body main.ts-home .ts-product-grid > .product-card,
    html body main.ts-home .ts-product-carousel > .product-card,
    html body.template-shop #productsGrid.products-grid > .product-card {
        width: 100% !important;
        min-width: 0 !important;
        border-radius: 8px !important;
        overflow: hidden !important;
    }

    html body .product-card .product-img {
        height: 150px !important;
        min-height: 150px !important;
        padding: 10px !important;
        background: #f4f7f9 !important;
    }

    html body .product-card .product-img img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
    }

    html body .product-card .product-info {
        padding: 10px !important;
    }

    html body .product-card .product-cat {
        font-size: 10px !important;
        line-height: 1.2 !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
    }

    html body .product-card .product-name {
        height: 36px !important;
        min-height: 36px !important;
        max-height: 36px !important;
        font-size: 12px !important;
        line-height: 18px !important;
        font-weight: 800 !important;
    }

    html body .product-card .product-price .current,
    html body .product-card span.current {
        font-size: 16px !important;
        line-height: 1.12 !important;
        font-weight: 800 !important;
    }

    html body .product-card .product-price .old,
    html body .product-card span.old {
        font-size: 10px !important;
        line-height: 1.1 !important;
    }

    html body .product-card .product-cart-icon {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        border-radius: 8px !important;
    }

    html body main.ts-home .ts-composants-section > .container {
        width: 100% !important;
        max-width: none !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    html body main.ts-home .ts-composants-sidebar {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        margin-bottom: 18px !important;
    }

    html body main.ts-home .ts-composants-tab {
        height: 44px !important;
        min-height: 44px !important;
        padding: 0 8px !important;
        border-radius: 6px !important;
        font-size: 12px !important;
        font-weight: 800 !important;
        justify-content: center !important;
        text-align: center !important;
    }

    html body main.ts-home .ts-composants-rail-wrap {
        width: 100% !important;
        padding-top: 48px !important;
        overflow: visible !important;
    }

    html body main.ts-home .ts-composants-rail,
    html body main.ts-home .ts-flash-products {
        display: grid !important;
        grid-auto-flow: column !important;
        grid-auto-columns: calc((100% - 10px) / 2) !important;
        grid-template-columns: none !important;
        gap: 10px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scroll-snap-type: x mandatory !important;
        padding-bottom: 8px !important;
        scrollbar-width: none !important;
    }

    html body main.ts-home .ts-composants-rail::-webkit-scrollbar,
    html body main.ts-home .ts-flash-products::-webkit-scrollbar {
        display: none !important;
    }

    html body main.ts-home .ts-composants-rail > .product-card,
    html body main.ts-home .ts-flash-products > * {
        scroll-snap-align: start !important;
    }

    html body main.ts-home .ts-comp-nav {
        top: 0 !important;
        width: 38px !important;
        height: 38px !important;
        border-radius: 999px !important;
        background: #ffffff !important;
        color: #07110b !important;
        border: 0 !important;
        box-shadow: 0 8px 20px rgba(0, 0, 0, .16) !important;
    }

    html body main.ts-home .ts-comp-prev {
        left: auto !important;
        right: 48px !important;
    }

    html body main.ts-home .ts-comp-next {
        right: 4px !important;
    }

    html body main.ts-home .ts-flash-panel {
        display: block !important;
        padding: 16px !important;
        border-radius: 8px !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }
}

/* Storefront stable finish */
html body.theme-dark .footer.gz-footer,
html body.light-theme .footer.gz-footer,
html body:not(.theme-dark) .footer.gz-footer {
    background-color: #020403 !important;
    background-image: linear-gradient(180deg, rgba(2, 4, 3, .35), rgba(2, 4, 3, 0)), url("../images/bg-footer.svg") !important;
    background-repeat: repeat !important;
    background-position: center top !important;
    background-size: 520px 520px !important;
}

html body.template-product .gz-p-brand-row {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: auto !important;
    max-width: 170px !important;
}

html body.template-product .gz-p-brand-row .gz-p-brand-logo {
    display: block !important;
    width: auto !important;
    max-width: 112px !important;
    max-height: 30px !important;
    object-fit: contain !important;
}

html body.template-product .gz-p-meta-inline {
    display: flex !important;
    align-items: center !important;
    gap: 18px !important;
}

html body.template-product .gz-p-meta-inline-val {
    display: inline-flex !important;
    align-items: center !important;
}

html body.template-product .gz-p-feature {
    background: linear-gradient(180deg, #4D4D4D 0%, #1F1F1F 100%) !important;
    color: #fff !important;
    border: 0 !important;
}

html body.template-product .gz-p-feature-label,
html body.template-product .gz-p-feature-value {
    color: #fff !important;
}

html body.theme-dark.template-product .gz-p-feature {
    background: linear-gradient(180deg, #f8fafc 0%, #dfe5ea 100%) !important;
    color: #07110b !important;
}

html body.theme-dark.template-product .gz-p-feature-label,
html body.theme-dark.template-product .gz-p-feature-value {
    color: #07110b !important;
}

@media (max-width: 760px) {
    html body .ct-hero.ts-slider {
        height: 350px !important;
        min-height: 350px !important;
        max-height: 350px !important;
        background: #020403 !important;
        overflow: hidden !important;
    }

    html body .ct-hero.ts-slider .ct-hero-slide,
    html body .ct-hero.ts-slider picture,
    html body .ct-hero.ts-slider img {
        height: 100% !important;
        min-height: 0 !important;
    }

    html body .ct-hero.ts-slider img {
        width: 100% !important;
        object-fit: cover !important;
        object-position: center center !important;
    }

    html body main.ts-home .ts-product-grid,
    html body main.ts-home .ts-product-carousel,
    html body.template-shop #productsGrid.products-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        width: 100% !important;
    }

    html body main.ts-home .ts-product-grid > .product-card,
    html body main.ts-home .ts-product-carousel > .product-card,
    html body.template-shop #productsGrid.products-grid > .product-card {
        width: 100% !important;
        min-width: 0 !important;
        border-radius: 8px !important;
        overflow: hidden !important;
    }

    html body .product-card .product-img {
        height: 150px !important;
        min-height: 150px !important;
        padding: 10px !important;
        background: #f4f7f9 !important;
    }

    html body .product-card .product-img img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
    }

    html body .product-card .product-info {
        padding: 10px !important;
    }

    html body .product-card .product-cat {
        font-size: 10px !important;
        line-height: 1.2 !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
    }

    html body .product-card .product-name {
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        height: 36px !important;
        min-height: 36px !important;
        max-height: 36px !important;
        font-size: 12px !important;
        line-height: 18px !important;
        font-weight: 800 !important;
    }

    html body .product-card .product-price-row {
        align-items: end !important;
        gap: 6px !important;
    }

    html body .product-card .product-price .current,
    html body .product-card span.current {
        font-size: 16px !important;
        line-height: 1.12 !important;
        font-weight: 800 !important;
    }

    html body .product-card .product-price .old,
    html body .product-card span.old {
        font-size: 10px !important;
        line-height: 1.1 !important;
    }

    html body .product-card .product-cart-icon {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        border-radius: 8px !important;
    }

    html body main.ts-home .ts-composants-section {
        padding: 28px 0 !important;
    }

    html body main.ts-home .ts-composants-section > .container {
        width: 100% !important;
        max-width: none !important;
        padding: 0 16px !important;
    }

    html body main.ts-home .ts-composants-inner {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 18px !important;
        width: 100% !important;
    }

    html body main.ts-home .ts-composants-sidebar {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        width: 100% !important;
    }

    html body main.ts-home .ts-composants-tab {
        min-width: 0 !important;
        height: 44px !important;
        padding: 0 8px !important;
        border-radius: 6px !important;
        font-size: 12px !important;
        font-weight: 800 !important;
        text-align: center !important;
        justify-content: center !important;
    }

    html body main.ts-home .ts-composants-rail-wrap {
        position: relative !important;
        width: 100% !important;
        padding-top: 46px !important;
        overflow: visible !important;
    }

    html body main.ts-home .ts-composants-rail {
        display: grid !important;
        grid-auto-flow: column !important;
        grid-auto-columns: calc((100% - 10px) / 2) !important;
        grid-template-columns: none !important;
        gap: 10px !important;
        overflow-x: auto !important;
        scroll-snap-type: x mandatory !important;
        padding: 0 0 6px !important;
        scrollbar-width: none !important;
    }

    html body main.ts-home .ts-composants-rail::-webkit-scrollbar {
        display: none !important;
    }

    html body main.ts-home .ts-composants-rail > .product-card {
        scroll-snap-align: start !important;
    }

    html body main.ts-home .ts-comp-nav {
        top: 0 !important;
        width: 38px !important;
        height: 38px !important;
        border-radius: 999px !important;
        background: #fff !important;
        color: #07110b !important;
        border: 0 !important;
        box-shadow: 0 8px 20px rgba(0, 0, 0, .16) !important;
    }

    html body main.ts-home .ts-comp-prev {
        left: auto !important;
        right: 48px !important;
    }

    html body main.ts-home .ts-comp-next {
        right: 4px !important;
    }

    html body main.ts-home .ts-flash-panel {
        display: block !important;
        padding: 16px !important;
        border-radius: 8px !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    html body main.ts-home .ts-flash-products {
        display: grid !important;
        grid-auto-flow: column !important;
        grid-auto-columns: calc((100% - 10px) / 2) !important;
        grid-template-columns: none !important;
        gap: 10px !important;
        overflow-x: auto !important;
        scroll-snap-type: x mandatory !important;
        padding-bottom: 8px !important;
        scrollbar-width: none !important;
    }

    html body main.ts-home .ts-flash-products::-webkit-scrollbar {
        display: none !important;
    }

    html body main.ts-home .ts-flash-card {
        scroll-snap-align: start !important;
        border-radius: 8px !important;
    }
}

/* Live polish pass: mobile cards, hero, flash deals, and brand row */
@media (max-width: 760px) {
    html body main.ts-home .ct-hero.ts-slider,
    html body .ts-home .ct-hero.ts-slider,
    html body .ct-hero.ts-slider {
        height: 390px !important;
        min-height: 390px !important;
        max-height: 390px !important;
        overflow: hidden !important;
        background: #000 !important;
    }

    html body main.ts-home .ct-hero-track,
    html body main.ts-home .ct-hero-slide,
    html body main.ts-home .ct-hero-slide picture,
    html body .ct-hero-track,
    html body .ct-hero-slide,
    html body .ct-hero-slide picture {
        height: 100% !important;
        min-height: 0 !important;
    }

    html body main.ts-home .ct-hero-slide img,
    html body .ct-hero-slide img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center center !important;
    }

    html body main.ts-home .ts-product-grid > a.product-card.product-card .product-name.product-name,
    html body main.ts-home .ts-product-carousel > a.product-card.product-card .product-name.product-name,
    html body main.ts-home .ts-composants-rail > a.product-card.product-card .product-name.product-name,
    html body main.ts-home #rail-cartes-graphiques > a.product-card.product-card .product-name.product-name,
    html body.template-shop .products-grid > a.product-card.product-card .product-name.product-name {
        height: 34px !important;
        min-height: 34px !important;
        max-height: 34px !important;
        font-size: 12px !important;
        line-height: 17px !important;
        font-weight: 800 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        word-break: normal !important;
    }

    html body .product-card .current,
    html body.template-shop .product-card .current,
    html body main.ts-home .product-card .current,
    html body .ts-flash-card .ts-flash-price strong {
        font-size: 16px !important;
        line-height: 1.12 !important;
        font-weight: 800 !important;
    }

    html body .product-card .old,
    html body.template-shop .product-card .old,
    html body main.ts-home .product-card .old,
    html body .ts-flash-card .ts-flash-price span {
        font-size: 10px !important;
        line-height: 1.15 !important;
    }

    html body main.ts-home .ts-flash-deals {
        padding: 28px 0 !important;
    }

    html body main.ts-home .ts-flash-panel.ts-flash-panel {
        display: block !important;
        padding: 16px !important;
        border-radius: 8px !important;
        background: linear-gradient(180deg, #073018 0%, #020403 100%) !important;
        border: 1px solid rgba(34, 197, 94, .28) !important;
        overflow: hidden !important;
        box-shadow: none !important;
    }

    html body main.ts-home .ts-flash-copy {
        margin: 0 0 14px !important;
    }

    html body main.ts-home .ts-flash-copy h2 {
        font-size: 24px !important;
        line-height: 1.1 !important;
        margin: 0 0 12px !important;
    }

    html body main.ts-home .ts-flash-copy > a {
        width: 100% !important;
        min-height: 42px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 7px !important;
        background: #050607 !important;
        color: #ffffff !important;
    }

    html body main.ts-home .ts-flash-products {
        display: grid !important;
        grid-auto-flow: column !important;
        grid-auto-columns: calc((100% - 10px) / 2) !important;
        grid-template-columns: none !important;
        gap: 10px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scroll-snap-type: x mandatory !important;
        padding: 0 0 4px !important;
    }

    html body main.ts-home .ts-flash-card {
        scroll-snap-align: start !important;
        min-width: 0 !important;
        width: 100% !important;
        border-radius: 8px !important;
        background: #ffffff !important;
        color: #07110b !important;
    }

    html body main.ts-home .ts-flash-img {
        height: 136px !important;
        background: #f5f7f8 !important;
    }

    html body main.ts-home .ts-flash-img img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
    }
}

html body.template-product .gz-p-brand-row .gz-p-brand-logo {
    display: none !important;
}

html body.template-product.light-theme .gz-p-brand-row .gz-p-brand-light,
html body.template-product:not(.theme-dark) .gz-p-brand-row .gz-p-brand-light {
    display: block !important;
}

html body.template-product.theme-dark .gz-p-brand-row .gz-p-brand-dark {
    display: block !important;
}

html body.template-product.theme-dark .gz-p-brand-row .gz-p-brand-light {
    display: none !important;
}

html body.template-product .gz-p-meta-row.gz-p-meta-inline,
html body.template-product .gz-p-brand-row {
    display: flex !important;
    align-items: center !important;
}

html body.template-product .gz-p-meta-row.gz-p-meta-inline {
    gap: 14px !important;
}

/* Final override: compact two-card mobile layout for the homepage composants carousel. */
@media (max-width: 760px) {
    html body main.ts-home section.ts-composants-section #panel-cartes-graphiques .ts-composants-rail-wrap,
    html body .ts-home section.ts-composants-section #panel-cartes-graphiques .ts-composants-rail-wrap {
        width: 100% !important;
        margin: 0 !important;
        padding: 42px 0 0 !important;
        overflow: visible !important;
    }

    html body main.ts-home section.ts-composants-section #panel-cartes-graphiques .ts-composants-rail,
    html body .ts-home section.ts-composants-section #panel-cartes-graphiques .ts-composants-rail {
        display: grid !important;
        grid-auto-flow: column !important;
        grid-auto-columns: calc((100% - 10px) / 2) !important;
        grid-template-columns: none !important;
        gap: 10px !important;
        width: 100% !important;
        padding: 0 0 8px !important;
        overflow-x: auto !important;
        overflow-y: visible !important;
        scroll-snap-type: x mandatory !important;
        scrollbar-width: none !important;
    }

    html body main.ts-home section.ts-composants-section #panel-cartes-graphiques .ts-composants-rail::-webkit-scrollbar,
    html body .ts-home section.ts-composants-section #panel-cartes-graphiques .ts-composants-rail::-webkit-scrollbar {
        display: none !important;
    }

    html body main.ts-home section.ts-composants-section #panel-cartes-graphiques .ts-composants-rail > a.product-card.product-card,
    html body .ts-home section.ts-composants-section #panel-cartes-graphiques .ts-composants-rail > a.product-card.product-card {
        width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 300px !important;
        max-height: 330px !important;
        padding: 8px !important;
    }

    html body main.ts-home section.ts-composants-section #panel-cartes-graphiques .ts-composants-rail > a.product-card.product-card .product-img.product-img,
    html body .ts-home section.ts-composants-section #panel-cartes-graphiques .ts-composants-rail > a.product-card.product-card .product-img.product-img {
        height: auto !important;
        min-height: 130px !important;
        max-height: 145px !important;
        aspect-ratio: 1 / .86 !important;
        padding: 8px !important;
    }

    html body main.ts-home section.ts-composants-section #panel-cartes-graphiques .ts-composants-rail > a.product-card.product-card .product-info.product-info,
    html body .ts-home section.ts-composants-section #panel-cartes-graphiques .ts-composants-rail > a.product-card.product-card .product-info.product-info {
        display: flex !important;
        flex-direction: column !important;
        gap: 6px !important;
        min-height: 0 !important;
        height: auto !important;
        padding: 10px !important;
    }

    html body main.ts-home section.ts-composants-section #panel-cartes-graphiques .ts-composants-rail > a.product-card.product-card .product-name.product-name,
    html body .ts-home section.ts-composants-section #panel-cartes-graphiques .ts-composants-rail > a.product-card.product-card .product-name.product-name {
        min-height: 46px !important;
        max-height: 46px !important;
        font-size: 12px !important;
        line-height: 1.28 !important;
        font-weight: 800 !important;
    }
}

/* Mobile product titles: two clean lines, then ellipsis, matching the compact gamingzone card rhythm. */
@media (max-width: 760px) {
    html body .product-card .product-name,
    html body .product-card .product-info h4,
    html body.template-shop .product-card .product-name,
    html body.template-shop .product-card-list .product-card-title,
    html body main.ts-home .ts-product-grid > .product-card .product-name,
    html body .ts-home .ts-product-grid > .product-card .product-name,
    html body main.ts-home .ts-composants-rail > .product-card .product-name,
    html body .ts-home .ts-composants-rail > .product-card .product-name {
        min-height: 34px !important;
        max-height: 34px !important;
        height: 34px !important;
        font-size: 12px !important;
        line-height: 17px !important;
        font-weight: 800 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        overflow-x: hidden !important;
        overflow-y: hidden !important;
        text-overflow: ellipsis !important;
        word-break: normal !important;
    }

    html body.template-shop .products-grid > .product-card.product-card .product-info .product-name.product-name,
    html body.template-shop .products-main .products-grid > .product-card.product-card .product-info .product-name.product-name,
    html body main.ts-home .ts-product-grid > a.product-card.product-card .product-info .product-name.product-name,
    html body main.ts-home .ts-composants-rail > a.product-card.product-card .product-info .product-name.product-name {
        height: 34px !important;
        min-height: 34px !important;
        max-height: 34px !important;
        line-height: 17px !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        overflow-x: hidden !important;
        overflow-y: hidden !important;
        text-overflow: ellipsis !important;
    }
}

/* Final home mobile card sizing: keep homepage rails visually aligned with the proven two-card shop style. */
@media (max-width: 760px) {
    html body main.ts-home .ts-product-section .container,
    html body .ts-home .ts-product-section .container,
    html body main.ts-home .ts-composants-section .container,
    html body .ts-home .ts-composants-section .container {
        width: 100% !important;
        max-width: none !important;
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    html body main.ts-home .ts-product-section .ts-product-grid,
    html body .ts-home .ts-product-section .ts-product-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        overflow: visible !important;
        align-items: stretch !important;
    }

    html body main.ts-home .ts-product-section .ts-product-grid > .product-card,
    html body .ts-home .ts-product-section .ts-product-grid > .product-card {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
    }

    html body main.ts-home .ts-composants-inner.ts-composants-inner,
    html body .ts-home .ts-composants-inner.ts-composants-inner {
        display: block !important;
        width: 100% !important;
    }

    html body main.ts-home .ts-composants-sidebar.ts-composants-sidebar,
    html body .ts-home .ts-composants-sidebar.ts-composants-sidebar {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        width: 100% !important;
        margin: 0 0 16px !important;
    }

    html body main.ts-home .ts-composants-tab.ts-composants-tab,
    html body .ts-home .ts-composants-tab.ts-composants-tab {
        min-height: 42px !important;
        padding: 8px 8px !important;
        border-radius: 6px !important;
        font-size: 12px !important;
        line-height: 1.15 !important;
        font-weight: 800 !important;
        text-align: center !important;
        white-space: normal !important;
    }

    html body main.ts-home .ts-composants-content,
    html body .ts-home .ts-composants-content,
    html body main.ts-home .ts-composants-panel.active,
    html body .ts-home .ts-composants-panel.active {
        width: 100% !important;
        min-width: 0 !important;
    }

    html body main.ts-home .ts-composants-rail-wrap.ts-composants-rail-wrap,
    html body .ts-home .ts-composants-rail-wrap.ts-composants-rail-wrap {
        width: 100% !important;
        margin: 0 !important;
        padding: 44px 0 0 !important;
        overflow: visible !important;
    }

    html body main.ts-home .ts-composants-rail.ts-composants-rail,
    html body .ts-home .ts-composants-rail.ts-composants-rail {
        display: grid !important;
        grid-auto-flow: column !important;
        grid-auto-columns: calc((100% - 10px) / 2) !important;
        grid-template-columns: none !important;
        gap: 10px !important;
        width: 100% !important;
        padding: 0 0 8px !important;
        overflow-x: auto !important;
        overflow-y: visible !important;
        scroll-snap-type: x mandatory !important;
        scrollbar-width: none !important;
    }

    html body main.ts-home .ts-composants-rail.ts-composants-rail::-webkit-scrollbar,
    html body .ts-home .ts-composants-rail.ts-composants-rail::-webkit-scrollbar {
        display: none !important;
    }

    html body main.ts-home .ts-composants-rail > .product-card.product-card,
    html body .ts-home .ts-composants-rail > .product-card.product-card,
    html body main.ts-home .ts-product-grid > .product-card.product-card,
    html body .ts-home .ts-product-grid > .product-card.product-card {
        display: flex !important;
        flex-direction: column !important;
        min-width: 0 !important;
        width: 100% !important;
        height: auto !important;
        min-height: 292px !important;
        max-height: none !important;
        border-radius: 8px !important;
        overflow: hidden !important;
        scroll-snap-align: start !important;
        box-shadow: 0 10px 24px rgba(15, 23, 42, .08) !important;
    }

    html body main.ts-home .ts-composants-rail > .product-card .product-img,
    html body .ts-home .ts-composants-rail > .product-card .product-img,
    html body main.ts-home .ts-product-grid > .product-card .product-img,
    html body .ts-home .ts-product-grid > .product-card .product-img {
        flex: 0 0 auto !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        aspect-ratio: 1 / .88 !important;
        padding: 10px !important;
        background: #f4f7f9 !important;
    }

    html body main.ts-home .ts-composants-rail > .product-card .product-img img,
    html body .ts-home .ts-composants-rail > .product-card .product-img img,
    html body main.ts-home .ts-product-grid > .product-card .product-img img,
    html body .ts-home .ts-product-grid > .product-card .product-img img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
    }

    html body main.ts-home .ts-composants-rail > .product-card .product-info,
    html body .ts-home .ts-composants-rail > .product-card .product-info,
    html body main.ts-home .ts-product-grid > .product-card .product-info,
    html body .ts-home .ts-product-grid > .product-card .product-info {
        flex: 1 1 auto !important;
        display: flex !important;
        flex-direction: column !important;
        padding: 10px !important;
        gap: 6px !important;
    }

    html body main.ts-home .ts-composants-rail > .product-card .product-cat,
    html body .ts-home .ts-composants-rail > .product-card .product-cat,
    html body main.ts-home .ts-product-grid > .product-card .product-cat,
    html body .ts-home .ts-product-grid > .product-card .product-cat {
        font-size: 10px !important;
        line-height: 1.15 !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        margin: 0 !important;
    }

    html body main.ts-home .ts-composants-rail > .product-card .product-name,
    html body .ts-home .ts-composants-rail > .product-card .product-name,
    html body main.ts-home .ts-product-grid > .product-card .product-name,
    html body .ts-home .ts-product-grid > .product-card .product-name {
        min-height: 48px !important;
        max-height: 48px !important;
        font-size: 12px !important;
        line-height: 1.3 !important;
        font-weight: 800 !important;
        margin: 0 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 3 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    html body main.ts-home .ts-composants-rail > .product-card .product-price,
    html body .ts-home .ts-composants-rail > .product-card .product-price,
    html body main.ts-home .ts-product-grid > .product-card .product-price,
    html body .ts-home .ts-product-grid > .product-card .product-price,
    html body main.ts-home .ts-composants-rail > .product-card .product-price-row,
    html body .ts-home .ts-composants-rail > .product-card .product-price-row,
    html body main.ts-home .ts-product-grid > .product-card .product-price-row,
    html body .ts-home .ts-product-grid > .product-card .product-price-row {
        margin-top: auto !important;
        display: flex !important;
        align-items: flex-end !important;
        justify-content: space-between !important;
        gap: 8px !important;
    }

    html body main.ts-home .ts-composants-rail > .product-card .current,
    html body .ts-home .ts-composants-rail > .product-card .current,
    html body main.ts-home .ts-product-grid > .product-card .current,
    html body .ts-home .ts-product-grid > .product-card .current {
        font-size: 18px !important;
        line-height: 1.05 !important;
        font-weight: 900 !important;
    }
}

/* Home mobile product rails: use the same compact 2-card rhythm as the shop/related cards. */
@media (max-width: 760px) {
    html body main.ts-home .ts-product-section .ts-product-grid,
    html body .ts-home .ts-product-section .ts-product-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        align-items: stretch !important;
        overflow: visible !important;
    }

    html body main.ts-home .ts-product-section .ts-product-grid > .product-card,
    html body .ts-home .ts-product-section .ts-product-grid > .product-card {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
    }

    html body main.ts-home .ts-composants-section,
    html body .ts-home .ts-composants-section {
        padding: 30px 0 42px !important;
        overflow: hidden !important;
    }

    html body main.ts-home .ts-composants-section .container,
    html body .ts-home .ts-composants-section .container {
        width: 100% !important;
        max-width: none !important;
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    html body main.ts-home .ts-composants-inner.ts-composants-inner,
    html body .ts-home .ts-composants-inner.ts-composants-inner {
        display: block !important;
        width: 100% !important;
    }

    html body main.ts-home .ts-composants-sidebar.ts-composants-sidebar,
    html body .ts-home .ts-composants-sidebar.ts-composants-sidebar {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        width: 100% !important;
        margin: 0 0 18px !important;
    }

    html body main.ts-home .ts-composants-tab.ts-composants-tab,
    html body .ts-home .ts-composants-tab.ts-composants-tab {
        min-height: 43px !important;
        padding: 8px 9px !important;
        border-radius: 6px !important;
        font-size: 12px !important;
        line-height: 1.15 !important;
        font-weight: 800 !important;
        text-align: center !important;
        white-space: normal !important;
    }

    html body main.ts-home .ts-composants-content,
    html body .ts-home .ts-composants-content,
    html body main.ts-home .ts-composants-panel.active,
    html body .ts-home .ts-composants-panel.active {
        min-width: 0 !important;
        width: 100% !important;
    }

    html body main.ts-home .ts-composants-rail-wrap.ts-composants-rail-wrap,
    html body .ts-home .ts-composants-rail-wrap.ts-composants-rail-wrap {
        position: relative !important;
        width: 100% !important;
        padding: 46px 0 0 !important;
        margin: 0 !important;
        overflow: visible !important;
    }

    html body main.ts-home .ts-composants-rail.ts-composants-rail,
    html body .ts-home .ts-composants-rail.ts-composants-rail {
        display: grid !important;
        grid-auto-flow: column !important;
        grid-auto-columns: calc((100% - 10px) / 2) !important;
        gap: 10px !important;
        width: 100% !important;
        padding: 0 0 8px !important;
        overflow-x: auto !important;
        scroll-snap-type: x mandatory !important;
        scrollbar-width: none !important;
    }

    html body main.ts-home .ts-composants-rail.ts-composants-rail::-webkit-scrollbar,
    html body .ts-home .ts-composants-rail.ts-composants-rail::-webkit-scrollbar {
        display: none !important;
    }

    html body main.ts-home .ts-composants-rail > .product-card,
    html body .ts-home .ts-composants-rail > .product-card,
    html body main.ts-home .ts-product-grid > .product-card,
    html body .ts-home .ts-product-grid > .product-card {
        min-height: 0 !important;
        height: auto !important;
        border-radius: 8px !important;
        scroll-snap-align: start !important;
    }

    html body main.ts-home .ts-composants-rail > .product-card .product-img,
    html body .ts-home .ts-composants-rail > .product-card .product-img,
    html body main.ts-home .ts-product-grid > .product-card .product-img,
    html body .ts-home .ts-product-grid > .product-card .product-img {
        height: auto !important;
        min-height: 0 !important;
        aspect-ratio: 1 / .95 !important;
        padding: 10px !important;
        background: #f4f7f9 !important;
    }

    html body main.ts-home .ts-composants-rail > .product-card .product-info,
    html body .ts-home .ts-composants-rail > .product-card .product-info,
    html body main.ts-home .ts-product-grid > .product-card .product-info,
    html body .ts-home .ts-product-grid > .product-card .product-info {
        padding: 10px !important;
        gap: 6px !important;
    }

    html body main.ts-home .ts-composants-rail > .product-card .product-name,
    html body .ts-home .ts-composants-rail > .product-card .product-name,
    html body main.ts-home .ts-product-grid > .product-card .product-name,
    html body .ts-home .ts-product-grid > .product-card .product-name {
        min-height: 45px !important;
        font-size: 12px !important;
        line-height: 1.25 !important;
        font-weight: 700 !important;
        -webkit-line-clamp: 3 !important;
    }

    html body main.ts-home .ts-composants-rail > .product-card .current,
    html body .ts-home .ts-composants-rail > .product-card .current,
    html body main.ts-home .ts-product-grid > .product-card .current,
    html body .ts-home .ts-product-grid > .product-card .current {
        font-size: 18px !important;
        line-height: 1.05 !important;
    }
}

/* Mobile product cards - 20260828 */
@media (max-width: 760px) {
    html body .products-grid,
    html body.template-shop .products-main .products-grid,
    html body.template-shop .products-main .products-grid.cols-3,
    html body.template-shop .products-main .products-grid.cols-4,
    html body.template-shop .products-main .products-grid.cols-5,
    html body .ts-product-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        align-items: stretch !important;
    }

    html body.template-shop .products-main .products-grid.list-view,
    html body.template-shop .products-main .products-grid.list-view.compact {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    html body .product-card,
    html body.template-shop .product-card,
    html body.template-shop .product-card-list,
    html body .ts-product-grid > .product-card {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        overflow: hidden !important;
        border-radius: 8px !important;
    }

    html body.theme-dark .product-card,
    html body.theme-dark.template-shop .product-card,
    html body.theme-dark.template-shop .product-card-list {
        background: #151816 !important;
        border-color: rgba(255, 255, 255, .09) !important;
        color: #ffffff !important;
    }

    html body.light-theme .product-card,
    html body.light-theme.template-shop .product-card,
    html body.light-theme.template-shop .product-card-list,
    html body:not(.theme-dark) .product-card,
    html body:not(.theme-dark).template-shop .product-card,
    html body:not(.theme-dark).template-shop .product-card-list {
        background: #ffffff !important;
        border-color: #e5e7eb !important;
        color: #07110b !important;
    }

    html body .product-card .product-img,
    html body.template-shop .product-card .product-img,
    html body.template-shop .product-card-list .product-card-img {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        aspect-ratio: 1 / .92 !important;
        padding: 10px !important;
        border-radius: 8px 8px 0 0 !important;
        background: #ffffff !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        overflow: hidden !important;
    }

    html body .product-card .product-img img,
    html body.template-shop .product-card .product-img img,
    html body.template-shop .product-card-list .product-card-img img {
        width: 100% !important;
        height: 100% !important;
        max-width: 100% !important;
        max-height: 100% !important;
        object-fit: contain !important;
        transform: none !important;
    }

    html body .product-card .product-info,
    html body.template-shop .product-card .product-info,
    html body.template-shop .product-card-list .product-card-content {
        flex: 1 1 auto !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 6px !important;
        padding: 10px !important;
        min-width: 0 !important;
    }

    html body .product-card .product-cat,
    html body.template-shop .product-card .product-cat,
    html body.template-shop .product-card-list .product-card-cat {
        margin: 0 !important;
        font-size: 10px !important;
        line-height: 1.2 !important;
        font-weight: 600 !important;
        text-transform: uppercase !important;
        color: #6b7280 !important;
    }

    html body .product-card .product-name,
    html body .product-card .product-info h4,
    html body.template-shop .product-card .product-name,
    html body.template-shop .product-card-list .product-card-title {
        margin: 0 !important;
        min-height: 45px !important;
        font-size: 12px !important;
        line-height: 1.25 !important;
        font-weight: 700 !important;
        color: inherit !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 3 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    html body .product-card .product-rating,
    html body.template-shop .product-card .product-rating {
        min-height: 16px !important;
        margin: 0 !important;
        font-size: 10px !important;
    }

    html body .product-card .product-price,
    html body .product-card .product-price-row,
    html body.template-shop .product-card-list .product-card-actions {
        margin-top: auto !important;
        display: flex !important;
        align-items: flex-end !important;
        justify-content: space-between !important;
        gap: 8px !important;
    }

    html body .product-card .current,
    html body.template-shop .product-card-list .current {
        font-size: 18px !important;
        line-height: 1.05 !important;
        font-weight: 800 !important;
        color: #00a818 !important;
    }

    html body .product-card .old,
    html body.template-shop .product-card-list .old {
        font-size: 11px !important;
        color: #8b8f97 !important;
    }

    html body .product-card .product-cart-icon,
    html body .product-card .add-to-cart,
    html body.template-shop .product-card-list .product-card-cart,
    html body.template-shop .product-card-list .card-action-btn {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
        min-height: 36px !important;
        padding: 0 !important;
        border-radius: 8px !important;
        background: #050607 !important;
        border: 0 !important;
        color: #ffffff !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        box-shadow: none !important;
    }

    html body .product-card .product-cart-icon i,
    html body .product-card .add-to-cart i,
    html body.template-shop .product-card-list .product-card-cart i,
    html body.template-shop .product-card-list .card-action-btn i {
        color: #ffffff !important;
        font-size: 15px !important;
        line-height: 1 !important;
    }

    html body .product-card .product-whatsapp-notify,
    html body .product-card .request-quote,
    html body.template-shop .product-card-list .product-whatsapp-notify {
        background: #22c55e !important;
        color: #ffffff !important;
    }
}

/* 2026-08-28 final EOF lock: gamingzone-like mobile cards and stable media */
@media (max-width: 760px) {
    html body main.ts-home .ct-hero.ts-slider,
    html body .ct-hero.ts-slider {
        height: 390px !important;
        min-height: 390px !important;
        max-height: 390px !important;
        background: #000000 !important;
        overflow: hidden !important;
    }

    html body main.ts-home .ct-hero-slide,
    html body main.ts-home .ct-hero-slide picture,
    html body main.ts-home .ct-hero-slide img {
        height: 100% !important;
        min-height: 0 !important;
    }

    html body main.ts-home .ct-hero-slide img {
        width: 100% !important;
        object-fit: cover !important;
        object-position: center center !important;
    }

    html body main.ts-home .ts-product-grid,
    html body main.ts-home .ts-product-carousel {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    html body main.ts-home .ts-product-grid > .product-card,
    html body main.ts-home .ts-product-carousel > .product-card {
        width: 100% !important;
        min-width: 0 !important;
    }

    html body main.ts-home .ts-composants-section {
        padding: 26px 0 !important;
    }

    html body main.ts-home .ts-composants-section > .container {
        width: 100% !important;
        max-width: none !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    html body main.ts-home .ts-composants-inner {
        display: block !important;
    }

    html body main.ts-home .ts-composants-sidebar {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        margin-bottom: 18px !important;
    }

    html body main.ts-home .ts-composants-tab {
        min-height: 44px !important;
        padding: 8px 10px !important;
        border-radius: 7px !important;
        font-size: 13px !important;
        line-height: 1.15 !important;
        font-weight: 800 !important;
        text-align: center !important;
    }

    html body main.ts-home .ts-composants-rail-wrap {
        margin: 0 !important;
        padding: 54px 0 0 !important;
        position: relative !important;
        overflow: visible !important;
    }

    html body main.ts-home .ts-composants-rail {
        display: grid !important;
        grid-auto-flow: column !important;
        grid-auto-columns: calc((100% - 10px) / 2) !important;
        grid-template-columns: none !important;
        gap: 10px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scroll-snap-type: x mandatory !important;
        padding: 0 2px 8px !important;
    }

    html body main.ts-home .ts-composants-rail > .product-card {
        scroll-snap-align: start !important;
    }

    html body main.ts-home .ts-comp-nav {
        top: 0 !important;
        transform: none !important;
        width: 40px !important;
        height: 40px !important;
        border-radius: 999px !important;
        background: #ffffff !important;
        color: #07110b !important;
        box-shadow: 0 8px 22px rgba(0, 0, 0, .14) !important;
    }

    html body main.ts-home .ts-comp-prev {
        left: auto !important;
        right: 52px !important;
    }

    html body main.ts-home .ts-comp-next {
        right: 2px !important;
    }

    html body main.ts-home .ts-composants-rail .product-card .product-name,
    html body main.ts-home .ts-product-grid .product-card .product-name,
    html body main.ts-home .ts-product-carousel .product-card .product-name,
    html body.template-shop .products-grid .product-card .product-name {
        height: 34px !important;
        min-height: 34px !important;
        max-height: 34px !important;
        font-size: 12px !important;
        line-height: 17px !important;
        font-weight: 800 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    html body .product-card .current,
    html body.template-shop .product-card .current,
    html body main.ts-home .product-card .current {
        font-size: 16px !important;
        line-height: 1.12 !important;
        font-weight: 800 !important;
    }

    html body .product-card .old,
    html body.template-shop .product-card .old,
    html body main.ts-home .product-card .old {
        font-size: 10px !important;
        line-height: 1.15 !important;
    }

    html body main.ts-home .ts-flash-panel {
        display: block !important;
        padding: 16px !important;
        border-radius: 8px !important;
        background: linear-gradient(180deg, #073018 0%, #020403 100%) !important;
        border: 1px solid rgba(34, 197, 94, .28) !important;
        box-shadow: none !important;
    }

    html body main.ts-home .ts-flash-products {
        display: grid !important;
        grid-auto-flow: column !important;
        grid-auto-columns: calc((100% - 10px) / 2) !important;
        grid-template-columns: none !important;
        gap: 10px !important;
        overflow-x: auto !important;
        scroll-snap-type: x mandatory !important;
        padding-bottom: 6px !important;
    }

    html body main.ts-home .ts-flash-card {
        scroll-snap-align: start !important;
        min-width: 0 !important;
        width: 100% !important;
        border-radius: 8px !important;
        background: #ffffff !important;
        color: #07110b !important;
    }

    html body main.ts-home .ts-flash-img {
        height: 136px !important;
        background: #f5f7f8 !important;
    }

    html body main.ts-home .ts-flash-img img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
    }
}

html body.template-product .gz-p-brand-row {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: auto !important;
    max-width: 180px !important;
}

html body.template-product .gz-p-brand-row .gz-p-brand-logo {
    display: none !important;
    width: auto !important;
    max-width: 112px !important;
    max-height: 32px !important;
    object-fit: contain !important;
}

html body.template-product.light-theme .gz-p-brand-row .gz-p-brand-light,
html body.template-product:not(.theme-dark) .gz-p-brand-row .gz-p-brand-light {
    display: block !important;
}

html body.template-product.theme-dark:not(.light-theme) .gz-p-brand-row .gz-p-brand-dark {
    display: block !important;
}

html body.template-product.theme-dark.light-theme .gz-p-brand-row .gz-p-brand-logo {
    display: none !important;
}

html body.template-product.theme-dark.light-theme .gz-p-brand-row .gz-p-brand-light {
    display: block !important;
}

/* Final override: compact two-card mobile layout for the homepage composants carousel. */
@media (max-width: 760px) {
    html body main.ts-home section.ts-composants-section #panel-cartes-graphiques .ts-composants-rail-wrap,
    html body .ts-home section.ts-composants-section #panel-cartes-graphiques .ts-composants-rail-wrap {
        width: 100% !important;
        margin: 0 !important;
        padding: 42px 0 0 !important;
        overflow: visible !important;
    }

    html body main.ts-home section.ts-composants-section #panel-cartes-graphiques .ts-composants-rail,
    html body .ts-home section.ts-composants-section #panel-cartes-graphiques .ts-composants-rail {
        display: grid !important;
        grid-auto-flow: column !important;
        grid-auto-columns: calc((100% - 10px) / 2) !important;
        grid-template-columns: none !important;
        gap: 10px !important;
        width: 100% !important;
        padding: 0 0 8px !important;
        overflow-x: auto !important;
        overflow-y: visible !important;
        scroll-snap-type: x mandatory !important;
        scrollbar-width: none !important;
    }

    html body main.ts-home section.ts-composants-section #panel-cartes-graphiques .ts-composants-rail::-webkit-scrollbar,
    html body .ts-home section.ts-composants-section #panel-cartes-graphiques .ts-composants-rail::-webkit-scrollbar {
        display: none !important;
    }

    html body main.ts-home section.ts-composants-section #panel-cartes-graphiques .ts-composants-rail > a.product-card.product-card,
    html body .ts-home section.ts-composants-section #panel-cartes-graphiques .ts-composants-rail > a.product-card.product-card {
        width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 300px !important;
        max-height: 330px !important;
        padding: 8px !important;
    }

    html body main.ts-home section.ts-composants-section #panel-cartes-graphiques .ts-composants-rail > a.product-card.product-card .product-img.product-img,
    html body .ts-home section.ts-composants-section #panel-cartes-graphiques .ts-composants-rail > a.product-card.product-card .product-img.product-img {
        height: auto !important;
        min-height: 130px !important;
        max-height: 145px !important;
        aspect-ratio: 1 / .86 !important;
        padding: 8px !important;
    }

    html body main.ts-home section.ts-composants-section #panel-cartes-graphiques .ts-composants-rail > a.product-card.product-card .product-info.product-info,
    html body .ts-home section.ts-composants-section #panel-cartes-graphiques .ts-composants-rail > a.product-card.product-card .product-info.product-info {
        display: flex !important;
        flex-direction: column !important;
        gap: 6px !important;
        min-height: 0 !important;
        height: auto !important;
        padding: 10px !important;
    }

    html body main.ts-home section.ts-composants-section #panel-cartes-graphiques .ts-composants-rail > a.product-card.product-card .product-name.product-name,
    html body .ts-home section.ts-composants-section #panel-cartes-graphiques .ts-composants-rail > a.product-card.product-card .product-name.product-name {
        min-height: 46px !important;
        max-height: 46px !important;
        font-size: 12px !important;
        line-height: 1.28 !important;
        font-weight: 800 !important;
    }
}

/* gamingzone mobile card reference - 20260828 */
@media (max-width: 760px) {
    html body .products-grid,
    html body.template-shop .products-main .products-grid,
    html body.template-shop .products-main .products-grid.cols-3,
    html body.template-shop .products-main .products-grid.cols-4,
    html body.template-shop .products-main .products-grid.cols-5,
    html body .ts-product-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        align-items: stretch !important;
    }

    html body.template-shop .products-main .products-grid.list-view,
    html body.template-shop .products-main .products-grid.list-view.compact {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    html body .product-card,
    html body.template-shop .product-card,
    html body.template-shop .product-card-list,
    html body .ts-product-grid > .product-card {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        overflow: hidden !important;
        border-radius: 8px !important;
    }

    html body.theme-dark .product-card,
    html body.theme-dark.template-shop .product-card,
    html body.theme-dark.template-shop .product-card-list {
        background: #151816 !important;
        border-color: rgba(255, 255, 255, .09) !important;
        color: #ffffff !important;
    }

    html body.light-theme .product-card,
    html body.light-theme.template-shop .product-card,
    html body.light-theme.template-shop .product-card-list,
    html body:not(.theme-dark) .product-card,
    html body:not(.theme-dark).template-shop .product-card,
    html body:not(.theme-dark).template-shop .product-card-list {
        background: #ffffff !important;
        border-color: #e5e7eb !important;
        color: #07110b !important;
    }

    html body .product-card .product-img,
    html body.template-shop .product-card .product-img,
    html body.template-shop .product-card-list .product-card-img {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        aspect-ratio: 1 / .92 !important;
        padding: 10px !important;
        border-radius: 8px 8px 0 0 !important;
        background: #ffffff !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        overflow: hidden !important;
    }

    html body .product-card .product-img img,
    html body.template-shop .product-card .product-img img,
    html body.template-shop .product-card-list .product-card-img img {
        width: 100% !important;
        height: 100% !important;
        max-width: 100% !important;
        max-height: 100% !important;
        object-fit: contain !important;
        transform: none !important;
    }

    html body .product-card .product-info,
    html body.template-shop .product-card .product-info,
    html body.template-shop .product-card-list .product-card-body {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        padding: 10px !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 6px !important;
    }

    html body .product-card .product-cat,
    html body.template-shop .product-card .product-cat {
        font-size: 10px !important;
        line-height: 1.2 !important;
        font-weight: 600 !important;
        text-transform: uppercase !important;
        color: #7d8b85 !important;
    }

    html body .product-card .product-name,
    html body .product-card .product-info h4,
    html body .product-card .product-info h4 a,
    html body.template-shop .product-card-list .product-card-body h3,
    html body.template-shop .product-card-list .product-card-body h3 a {
        min-height: 45px !important;
        font-size: 12px !important;
        line-height: 1.25 !important;
        font-weight: 700 !important;
        color: inherit !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 3 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    html body .product-card .product-rating,
    html body.template-shop .product-card-list .product-rating {
        min-height: 16px !important;
        margin: 0 !important;
        gap: 3px !important;
    }

    html body .product-card .product-price-row,
    html body .product-card .product-bottom-row,
    html body.template-shop .product-card-list .product-card-actions {
        margin-top: auto !important;
        display: flex !important;
        align-items: flex-end !important;
        justify-content: space-between !important;
        gap: 8px !important;
    }

    html body .product-card .product-price .current,
    html body .product-card .card-current-price {
        font-size: 18px !important;
        line-height: 1.08 !important;
        font-weight: 800 !important;
        color: #009b18 !important;
        overflow-wrap: anywhere !important;
    }

    html body .product-card .product-price .old,
    html body .product-card .card-old-price {
        font-size: 11px !important;
        line-height: 1.2 !important;
        color: #8b8f94 !important;
    }

    html body .product-card .product-cart-icon,
    html body .product-card .add-to-cart,
    html body .product-card .card-action-btn {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
        min-height: 36px !important;
        border-radius: 8px !important;
        padding: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: #050607 !important;
        color: #ffffff !important;
        border: 1px solid rgba(255, 255, 255, .1) !important;
    }

    html body .product-card .product-whatsapp-notify,
    html body .product-card .request-quote {
        background: #22c55e !important;
        border-color: #22c55e !important;
        color: #ffffff !important;
    }
}

/* Storefront final sizing pass: make home component carousel closer to related-products cards */
html body .ts-home .ts-composants-inner.ts-composants-inner,
html body main.ts-home .ts-composants-inner.ts-composants-inner {
    grid-template-columns: 240px minmax(0, 1fr) !important;
}

html body .ts-home .ts-composants-rail > .product-card,
html body main.ts-home .ts-composants-rail > .product-card {
    min-height: 415px !important;
}

html body .ts-home .ts-composants-rail > .product-card .product-img,
html body main.ts-home .ts-composants-rail > .product-card .product-img {
    height: 248px !important;
    min-height: 248px !important;
    padding: 12px !important;
}

html body .ts-home .ts-composants-rail > .product-card .product-info,
html body main.ts-home .ts-composants-rail > .product-card .product-info {
    padding: 14px 16px 16px !important;
    gap: 8px !important;
}

/* Final shop controls lock: two clean grid icons and readable category chips. */
html body.template-shop .ct-shop-page .products-top-bar .ct-view-switcher.ct-view-switcher {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 14px !important;
    width: auto !important;
    min-width: 88px !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

html body.template-shop .ct-shop-page .products-top-bar .ct-view-switcher.ct-view-switcher > a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #111111 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    opacity: 1 !important;
}

html body.theme-dark.template-shop .ct-shop-page .products-top-bar .ct-view-switcher.ct-view-switcher > a {
    color: #ffffff !important;
}

html body.template-shop .ct-shop-page .products-top-bar .ct-view-switcher.ct-view-switcher > a i,
html body.template-shop .ct-shop-page .products-top-bar .ct-view-switcher.ct-view-switcher > a .ct-grid-icon {
    display: none !important;
}

html body.template-shop .ct-shop-page .products-top-bar .ct-view-switcher.ct-view-switcher > a::before {
    content: "" !important;
    display: block !important;
    width: 22px !important;
    height: 22px !important;
    background-color: currentColor !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
}

html body.template-shop .ct-shop-page .products-top-bar .ct-view-switcher.ct-view-switcher > a[aria-label*="4"]::before {
    -webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0), linear-gradient(#000 0 0), linear-gradient(#000 0 0) !important;
    -webkit-mask-size: 9px 9px, 9px 9px, 9px 9px, 9px 9px !important;
    -webkit-mask-position: 1px 1px, 12px 1px, 1px 12px, 12px 12px !important;
}

html body.template-shop .ct-shop-page .products-top-bar .ct-view-switcher.ct-view-switcher > a[aria-label*="3"]::before {
    -webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0), linear-gradient(#000 0 0) !important;
    -webkit-mask-size: 22px 4px, 22px 4px, 22px 4px !important;
    -webkit-mask-position: 0 2px, 0 9px, 0 16px !important;
}

html body.template-shop .ct-shop-page .products-top-bar .ct-view-switcher.ct-view-switcher > a.active,
html body.template-shop .ct-shop-page .products-top-bar .ct-view-switcher.ct-view-switcher > a:hover {
    color: #44d62c !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

html body.template-shop .ct-shop-page .products-top-bar .ct-frequent-searches.ct-frequent-searches-inline > a,
html body.template-shop .ct-shop-page .ct-frequent-searches.ct-frequent-searches-inline > a {
    background: linear-gradient(180deg, #252525 0%, #090909 100%) !important;
    border: 1px solid rgba(255, 255, 255, .12) !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    box-shadow: 0 7px 16px rgba(0, 0, 0, .16) !important;
}

html body.template-shop .ct-shop-page .products-top-bar .ct-frequent-searches.ct-frequent-searches-inline > a.active,
html body.template-shop .ct-shop-page .products-top-bar .ct-frequent-searches.ct-frequent-searches-inline > a:hover,
html body.template-shop .ct-shop-page .ct-frequent-searches.ct-frequent-searches-inline > a.active,
html body.template-shop .ct-shop-page .ct-frequent-searches.ct-frequent-searches-inline > a:hover {
    background: linear-gradient(180deg, #111111 0%, #030303 100%) !important;
    border-color: #44d62c !important;
    color: #44d62c !important;
}

/* Final shop controls lock: two clean grid icons and readable category chips. */
html body.template-shop .ct-shop-page .products-top-bar .ct-view-switcher.ct-view-switcher {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 14px !important;
    width: auto !important;
    min-width: 88px !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

html body.template-shop .ct-shop-page .products-top-bar .ct-view-switcher.ct-view-switcher > a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #111111 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    opacity: 1 !important;
}

html body.theme-dark.template-shop .ct-shop-page .products-top-bar .ct-view-switcher.ct-view-switcher > a {
    color: #ffffff !important;
}

html body.template-shop .ct-shop-page .products-top-bar .ct-view-switcher.ct-view-switcher > a i,
html body.template-shop .ct-shop-page .products-top-bar .ct-view-switcher.ct-view-switcher > a .ct-grid-icon {
    display: none !important;
}

html body.template-shop .ct-shop-page .products-top-bar .ct-view-switcher.ct-view-switcher > a::before {
    content: "" !important;
    display: block !important;
    width: 22px !important;
    height: 22px !important;
    background-color: currentColor !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
}

html body.template-shop .ct-shop-page .products-top-bar .ct-view-switcher.ct-view-switcher > a[aria-label*="4"]::before {
    -webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0), linear-gradient(#000 0 0), linear-gradient(#000 0 0) !important;
    -webkit-mask-size: 9px 9px, 9px 9px, 9px 9px, 9px 9px !important;
    -webkit-mask-position: 1px 1px, 12px 1px, 1px 12px, 12px 12px !important;
}

html body.template-shop .ct-shop-page .products-top-bar .ct-view-switcher.ct-view-switcher > a[aria-label*="3"]::before {
    -webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0), linear-gradient(#000 0 0) !important;
    -webkit-mask-size: 22px 4px, 22px 4px, 22px 4px !important;
    -webkit-mask-position: 0 2px, 0 9px, 0 16px !important;
}

html body.template-shop .ct-shop-page .products-top-bar .ct-view-switcher.ct-view-switcher > a.active,
html body.template-shop .ct-shop-page .products-top-bar .ct-view-switcher.ct-view-switcher > a:hover {
    color: #44d62c !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

html body.template-shop .ct-shop-page .products-top-bar .ct-frequent-searches.ct-frequent-searches-inline > a,
html body.template-shop .ct-shop-page .ct-frequent-searches.ct-frequent-searches-inline > a {
    background: linear-gradient(180deg, #252525 0%, #090909 100%) !important;
    border: 1px solid rgba(255, 255, 255, .12) !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    box-shadow: 0 7px 16px rgba(0, 0, 0, .16) !important;
}

html body.template-shop .ct-shop-page .products-top-bar .ct-frequent-searches.ct-frequent-searches-inline > a.active,
html body.template-shop .ct-shop-page .products-top-bar .ct-frequent-searches.ct-frequent-searches-inline > a:hover,
html body.template-shop .ct-shop-page .ct-frequent-searches.ct-frequent-searches-inline > a.active,
html body.template-shop .ct-shop-page .ct-frequent-searches.ct-frequent-searches-inline > a:hover {
    background: linear-gradient(180deg, #111111 0%, #030303 100%) !important;
    border-color: #44d62c !important;
    color: #44d62c !important;
}

/* Storefront shop toolbar lock: keep both grid controls visible and chips readable. */
html body.template-shop .ct-shop-page .products-top-bar .ct-view-switcher.ct-view-switcher,
html body.template-shop .ct-shop-page .ct-mobile-shop-controls .ct-view-switcher.ct-view-switcher {
    display: inline-flex !important;
    align-items: center !important;
    gap: 14px !important;
    width: auto !important;
    min-width: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

html body.template-shop .ct-shop-page .products-top-bar .ct-view-switcher.ct-view-switcher > a,
html body.template-shop .ct-shop-page .ct-mobile-shop-controls .ct-mobile-view-btn.ct-mobile-view-btn {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #07120d !important;
    font-size: 0 !important;
    line-height: 1 !important;
    text-indent: 0 !important;
}

html body.theme-dark.template-shop .ct-shop-page .products-top-bar .ct-view-switcher.ct-view-switcher > a,
html body.theme-dark.template-shop .ct-shop-page .ct-mobile-shop-controls .ct-mobile-view-btn.ct-mobile-view-btn {
    color: #f8fafc !important;
}

html body.template-shop .ct-shop-page .products-top-bar .ct-view-switcher.ct-view-switcher > a.active,
html body.template-shop .ct-shop-page .products-top-bar .ct-view-switcher.ct-view-switcher > a:hover,
html body.template-shop .ct-shop-page .ct-mobile-shop-controls .ct-mobile-view-btn.ct-mobile-view-btn.active,
html body.template-shop .ct-shop-page .ct-mobile-shop-controls .ct-mobile-view-btn.ct-mobile-view-btn:hover {
    color: #44d62c !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

html body.template-shop .ct-shop-page .products-top-bar .ct-view-switcher.ct-view-switcher > a i,
html body.template-shop .ct-shop-page .products-top-bar .ct-view-switcher.ct-view-switcher > a .ct-grid-icon,
html body.template-shop .ct-shop-page .ct-mobile-shop-controls .ct-mobile-view-btn.ct-mobile-view-btn i,
html body.template-shop .ct-shop-page .ct-mobile-shop-controls .ct-mobile-view-btn.ct-mobile-view-btn .ct-grid-icon {
    display: none !important;
}

html body.template-shop .ct-shop-page .products-top-bar .ct-view-switcher.ct-view-switcher > a::before,
html body.template-shop .ct-shop-page .ct-mobile-shop-controls .ct-mobile-view-btn.ct-mobile-view-btn::before {
    content: "" !important;
    display: block !important;
    width: 22px !important;
    height: 22px !important;
    background: currentColor !important;
    opacity: .98 !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    -webkit-mask-position: center !important;
    mask-position: center !important;
    -webkit-mask-size: 22px 22px !important;
    mask-size: 22px 22px !important;
}

html body.template-shop .ct-shop-page .products-top-bar .ct-view-switcher.ct-view-switcher > a[aria-label*="4"]::before,
html body.template-shop .ct-shop-page .ct-mobile-shop-controls .ct-mobile-view-grid.ct-mobile-view-grid::before {
    -webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0), linear-gradient(#000 0 0), linear-gradient(#000 0 0) !important;
    mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0), linear-gradient(#000 0 0), linear-gradient(#000 0 0) !important;
    -webkit-mask-size: 8px 8px, 8px 8px, 8px 8px, 8px 8px !important;
    mask-size: 8px 8px, 8px 8px, 8px 8px, 8px 8px !important;
    -webkit-mask-position: 3px 3px, 13px 3px, 3px 13px, 13px 13px !important;
    mask-position: 3px 3px, 13px 3px, 3px 13px, 13px 13px !important;
}

html body.template-shop .ct-shop-page .products-top-bar .ct-view-switcher.ct-view-switcher > a[aria-label*="3"]::before,
html body.template-shop .ct-shop-page .ct-mobile-shop-controls .ct-mobile-view-list.ct-mobile-view-list::before {
    -webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0), linear-gradient(#000 0 0) !important;
    mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0), linear-gradient(#000 0 0) !important;
    -webkit-mask-size: 20px 4px, 20px 4px, 20px 4px !important;
    mask-size: 20px 4px, 20px 4px, 20px 4px !important;
    -webkit-mask-position: center 4px, center 10px, center 16px !important;
    mask-position: center 4px, center 10px, center 16px !important;
}

html body.template-shop .ct-shop-page .products-top-bar .ct-frequent-searches.ct-frequent-searches-inline > a,
html body.template-shop .ct-shop-page .ct-frequent-searches.ct-frequent-searches-inline > a {
    background: linear-gradient(180deg, #2a2a2a 0%, #090909 100%) !important;
    border: 1px solid rgba(255, 255, 255, .10) !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    box-shadow: 0 8px 18px rgba(0, 0, 0, .12) !important;
}

html body.template-shop .ct-shop-page .products-top-bar .ct-frequent-searches.ct-frequent-searches-inline > a.active,
html body.template-shop .ct-shop-page .products-top-bar .ct-frequent-searches.ct-frequent-searches-inline > a:hover,
html body.template-shop .ct-shop-page .ct-frequent-searches.ct-frequent-searches-inline > a.active,
html body.template-shop .ct-shop-page .ct-frequent-searches.ct-frequent-searches-inline > a:hover {
    background: linear-gradient(180deg, #111111 0%, #050505 100%) !important;
    border-color: #44d62c !important;
    color: #44d62c !important;
    box-shadow: 0 0 0 1px rgba(68, 214, 44, .45) inset, 0 10px 20px rgba(0, 0, 0, .16) !important;
}

/* Final mobile pass: keep the component carousel as a clean two-column grid. */
@media (max-width: 760px) {
    html body .ts-home .ts-composants-inner.ts-composants-inner,
    html body main.ts-home .ts-composants-inner.ts-composants-inner {
        display: block !important;
    }

    html body .ts-home .ts-composants-rail.ts-composants-rail,
    html body main.ts-home .ts-composants-rail.ts-composants-rail {
        grid-auto-columns: calc((100% - 10px) / 2) !important;
        grid-template-columns: none !important;
        gap: 10px !important;
    }

    html body .ts-home .ts-composants-rail > .product-card,
    html body main.ts-home .ts-composants-rail > .product-card {
        min-height: 382px !important;
    }

    html body .ts-home .ts-composants-rail > .product-card .product-img,
    html body main.ts-home .ts-composants-rail > .product-card .product-img {
        height: 150px !important;
        min-height: 150px !important;
        padding: 10px !important;
    }

    html body .ts-home .ts-composants-rail > .product-card .product-info,
    html body main.ts-home .ts-composants-rail > .product-card .product-info {
        padding: 14px 12px 16px !important;
        gap: 8px !important;
    }
}

/* The control uses one CSS mask; hide the legacy nested icon to prevent a double glyph. */
html body.template-shop .ct-view-switcher.ct-view-switcher .ct-grid-icon {
    display: none !important;
}

/* Storefront carousel card match: align home components with related-products cards */
html body .ts-home .ts-composants-section .container,
html body main.ts-home .ts-composants-section .container {
    width: min(100% - 32px, 1360px) !important;
}

html body .ts-home .ts-composants-inner.ts-composants-inner,
html body main.ts-home .ts-composants-inner.ts-composants-inner {
    grid-template-columns: 280px minmax(0, 1fr) !important;
    gap: 24px !important;
}

html body .ts-home .ts-composants-rail.ts-composants-rail,
html body main.ts-home .ts-composants-rail.ts-composants-rail {
    grid-auto-columns: calc((100% - 48px) / 4) !important;
    gap: 16px !important;
}

html body .ts-home .ts-composants-rail > .product-card,
html body main.ts-home .ts-composants-rail > .product-card {
    border-radius: 8px !important;
    min-height: 444px !important;
    overflow: hidden !important;
}

html body .ts-home .ts-composants-rail > .product-card .product-img,
html body main.ts-home .ts-composants-rail > .product-card .product-img {
    height: 238px !important;
    min-height: 238px !important;
    padding: 18px !important;
}

html body .ts-home .ts-composants-rail > .product-card .product-info,
html body main.ts-home .ts-composants-rail > .product-card .product-info {
    padding: 17px 18px 18px !important;
    gap: 10px !important;
}

html body .ts-home .ts-composants-rail > .product-card .product-name,
html body main.ts-home .ts-composants-rail > .product-card .product-name {
    font-weight: 700 !important;
    min-height: 44px !important;
}

@media (max-width: 760px) {
    html body .ts-home .ts-composants-section.ts-composants-section,
    html body main.ts-home .ts-composants-section.ts-composants-section {
        padding: 28px 0 34px !important;
    }

    html body .ts-home .ts-composants-section .container,
    html body main.ts-home .ts-composants-section .container {
        width: 100% !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    html body .ts-home .ts-composants-inner.ts-composants-inner,
    html body main.ts-home .ts-composants-inner.ts-composants-inner {
        display: block !important;
    }

    html body .ts-home .ts-composants-sidebar.ts-composants-sidebar,
    html body main.ts-home .ts-composants-sidebar.ts-composants-sidebar {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        margin-bottom: 18px !important;
    }

    html body .ts-home .ts-composants-tab.ts-composants-tab,
    html body main.ts-home .ts-composants-tab.ts-composants-tab {
        min-height: 42px !important;
        padding: 8px 8px !important;
        border-radius: 6px !important;
        font-size: 12px !important;
        font-weight: 700 !important;
    }

    html body .ts-home .ts-composants-rail-wrap.ts-composants-rail-wrap,
    html body main.ts-home .ts-composants-rail-wrap.ts-composants-rail-wrap {
        padding-top: 48px !important;
        margin-left: -2px !important;
        margin-right: -2px !important;
    }

    html body .ts-home .ts-composants-rail.ts-composants-rail,
    html body main.ts-home .ts-composants-rail.ts-composants-rail {
        grid-auto-columns: calc((100% - 10px) / 2) !important;
        gap: 10px !important;
        padding: 0 2px 8px !important;
    }

    html body .ts-home .ts-composants-rail > .product-card,
    html body main.ts-home .ts-composants-rail > .product-card {
        min-height: 342px !important;
        border-radius: 8px !important;
        box-shadow: 0 10px 24px rgba(15, 23, 42, .09) !important;
    }

    html body.theme-dark .ts-home .ts-composants-rail > .product-card,
    html body.theme-dark main.ts-home .ts-composants-rail > .product-card {
        box-shadow: 0 12px 26px rgba(0, 0, 0, .28) !important;
    }

    html body .ts-home .ts-composants-rail > .product-card .product-img,
    html body main.ts-home .ts-composants-rail > .product-card .product-img {
        height: 158px !important;
        min-height: 158px !important;
        padding: 12px !important;
    }

    html body .ts-home .ts-composants-rail > .product-card .product-info,
    html body main.ts-home .ts-composants-rail > .product-card .product-info {
        padding: 13px 11px 14px !important;
        gap: 7px !important;
    }

    html body .ts-home .ts-composants-rail > .product-card .product-cat,
    html body main.ts-home .ts-composants-rail > .product-card .product-cat {
        font-size: 12px !important;
        line-height: 1.2 !important;
    }

    html body .ts-home .ts-composants-rail > .product-card .product-name,
    html body main.ts-home .ts-composants-rail > .product-card .product-name {
        font-size: 12.5px !important;
        line-height: 1.22 !important;
        min-height: 46px !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 3 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    html body .ts-home .ts-composants-rail > .product-card .product-price-row,
    html body main.ts-home .ts-composants-rail > .product-card .product-price-row {
        align-items: end !important;
        gap: 8px !important;
    }

    html body .ts-home .ts-composants-rail > .product-card .product-price .current,
    html body main.ts-home .ts-composants-rail > .product-card .product-price .current {
        font-size: 18px !important;
        line-height: 1.08 !important;
    }

    html body .ts-home .ts-composants-rail > .product-card .product-cart-icon,
    html body main.ts-home .ts-composants-rail > .product-card .product-cart-icon {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
    }
}

/* Storefront final layer: footer texture and Composants PC cards */
html body .footer.gz-footer,
html body.theme-dark .footer.gz-footer,
html body.light-theme .footer.gz-footer,
html body:not(.theme-dark) .footer.gz-footer {
    background-color: #020403 !important;
    background-image:
        linear-gradient(180deg, rgb(2 4 3 / 35%), rgb(2 4 3 / 0%)),
        url("../images/bg-footer.svg") !important;
    background-repeat: repeat !important;
    background-position: center top !important;
    background-size: 520px 520px !important;
}

html body .ts-home .ts-composants-section.ts-composants-section,
html body main.ts-home .ts-composants-section.ts-composants-section {
    width: 100% !important;
    padding: 58px 0 62px !important;
    background: #eef2f5 !important;
    overflow: clip !important;
}

html body.theme-dark .ts-home .ts-composants-section.ts-composants-section,
html body.theme-dark main.ts-home .ts-composants-section.ts-composants-section {
    background: #06100c !important;
}

html body .ts-home .ts-composants-section .container,
html body main.ts-home .ts-composants-section .container {
    width: min(100% - 48px, 1420px) !important;
    max-width: 1420px !important;
    margin-inline: auto !important;
}

html body .ts-home .ts-composants-inner.ts-composants-inner,
html body main.ts-home .ts-composants-inner.ts-composants-inner {
    display: grid !important;
    grid-template-columns: 280px minmax(0, 1fr) !important;
    gap: 28px !important;
    align-items: stretch !important;
}

html body .ts-home .ts-composants-rail-wrap.ts-composants-rail-wrap,
html body main.ts-home .ts-composants-rail-wrap.ts-composants-rail-wrap {
    position: relative !important;
    width: 100% !important;
    overflow: hidden !important;
    padding: 0 !important;
}

html body .ts-home .ts-composants-rail.ts-composants-rail,
html body main.ts-home .ts-composants-rail.ts-composants-rail {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: calc((100% - 54px) / 4) !important;
    gap: 18px !important;
    width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: none !important;
}

html body .ts-home .ts-composants-rail.ts-composants-rail::-webkit-scrollbar,
html body main.ts-home .ts-composants-rail.ts-composants-rail::-webkit-scrollbar {
    display: none !important;
}

html body .ts-home .ts-composants-rail > .product-card,
html body main.ts-home .ts-composants-rail > .product-card {
    scroll-snap-align: start !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 438px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    background: #ffffff !important;
    border: 1px solid rgba(15, 23, 42, .08) !important;
    box-shadow: 0 12px 32px rgba(15, 23, 42, .08) !important;
}

html body.theme-dark .ts-home .ts-composants-rail > .product-card,
html body.theme-dark main.ts-home .ts-composants-rail > .product-card {
    background: #111713 !important;
    border-color: rgba(68, 214, 44, .18) !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, .34) !important;
}

html body .ts-home .ts-composants-rail > .product-card .product-img,
html body main.ts-home .ts-composants-rail > .product-card .product-img {
    height: 230px !important;
    min-height: 230px !important;
    padding: 14px !important;
    background: #f4f7f9 !important;
    border-radius: 0 !important;
}

html body .ts-home .ts-composants-rail > .product-card .product-img img,
html body main.ts-home .ts-composants-rail > .product-card .product-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    transform: none !important;
}

html body .ts-home .ts-composants-rail > .product-card .product-info,
html body main.ts-home .ts-composants-rail > .product-card .product-info {
    padding: 18px 18px 20px !important;
    display: grid !important;
    grid-template-rows: auto minmax(44px, auto) 1fr auto !important;
    gap: 10px !important;
}

html body .ts-home .ts-composants-rail > .product-card .product-name,
html body main.ts-home .ts-composants-rail > .product-card .product-name {
    font-size: 15px !important;
    line-height: 1.28 !important;
    font-weight: 700 !important;
    color: #07120d !important;
}

html body.theme-dark .ts-home .ts-composants-rail > .product-card .product-name,
html body.theme-dark main.ts-home .ts-composants-rail > .product-card .product-name {
    color: #f8fafc !important;
}

html body .ts-home .ts-composants-rail > .product-card .product-cat,
html body main.ts-home .ts-composants-rail > .product-card .product-cat {
    color: #60756b !important;
    font-weight: 500 !important;
}

html body.theme-dark .ts-home .ts-composants-rail > .product-card .product-cat,
html body.theme-dark main.ts-home .ts-composants-rail > .product-card .product-cat {
    color: #9fb0a8 !important;
}

html body .ts-home .ts-composants-rail > .product-card .product-price .current,
html body main.ts-home .ts-composants-rail > .product-card .product-price .current {
    color: #00950f !important;
    font-size: 22px !important;
    line-height: 1.05 !important;
    font-weight: 800 !important;
}

html body .ts-home .ts-composants-rail > .product-card .product-cart-icon,
html body main.ts-home .ts-composants-rail > .product-card .product-cart-icon {
    width: 38px !important;
    height: 38px !important;
    border-radius: 8px !important;
    background: #050706 !important;
    color: #ffffff !important;
}

html body .ts-home .ts-comp-nav.ts-comp-nav,
html body main.ts-home .ts-comp-nav.ts-comp-nav {
    width: 42px !important;
    height: 42px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    color: #092017 !important;
    border: 1px solid rgba(15, 23, 42, .08) !important;
    box-shadow: 0 12px 28px rgba(15, 23, 42, .14) !important;
    z-index: 6 !important;
}

html body.theme-dark .ts-home .ts-comp-nav.ts-comp-nav,
html body.theme-dark main.ts-home .ts-comp-nav.ts-comp-nav {
    background: #0c1711 !important;
    color: #ffffff !important;
    border-color: rgba(68, 214, 44, .18) !important;
    box-shadow: 0 16px 34px rgba(0, 0, 0, .36) !important;
}

html body .ts-home .ts-comp-nav.ts-comp-nav:hover,
html body main.ts-home .ts-comp-nav.ts-comp-nav:hover {
    background: #44d62c !important;
    color: #041007 !important;
}

html body .ts-home .ts-comp-prev.ts-comp-prev,
html body main.ts-home .ts-comp-prev.ts-comp-prev {
    left: 10px !important;
    right: auto !important;
}

html body .ts-home .ts-comp-next.ts-comp-next,
html body main.ts-home .ts-comp-next.ts-comp-next {
    right: 10px !important;
}

@media (max-width: 760px) {
    html body .ts-home .ts-composants-section.ts-composants-section,
    html body main.ts-home .ts-composants-section.ts-composants-section {
        padding: 30px 0 40px !important;
    }

    html body .ts-home .ts-composants-section .container,
    html body main.ts-home .ts-composants-section .container {
        width: 100% !important;
        max-width: none !important;
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    html body .ts-home .ts-composants-inner.ts-composants-inner,
    html body main.ts-home .ts-composants-inner.ts-composants-inner {
        display: block !important;
    }

    html body .ts-home .ts-composants-sidebar.ts-composants-sidebar,
    html body main.ts-home .ts-composants-sidebar.ts-composants-sidebar {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        margin-bottom: 22px !important;
    }

    html body .ts-home .ts-composants-tab.ts-composants-tab,
    html body main.ts-home .ts-composants-tab.ts-composants-tab {
        min-height: 44px !important;
        padding: 9px 8px !important;
        font-size: 12.5px !important;
        line-height: 1.15 !important;
        justify-content: center !important;
        text-align: center !important;
    }

    html body .ts-home .ts-composants-rail-wrap.ts-composants-rail-wrap,
    html body main.ts-home .ts-composants-rail-wrap.ts-composants-rail-wrap {
        overflow: visible !important;
        padding-top: 50px !important;
    }

    html body .ts-home .ts-composants-rail.ts-composants-rail,
    html body main.ts-home .ts-composants-rail.ts-composants-rail {
        grid-auto-columns: calc((100% - 10px) / 2) !important;
        gap: 10px !important;
    }

    html body .ts-home .ts-composants-rail > .product-card,
    html body main.ts-home .ts-composants-rail > .product-card {
        min-height: 382px !important;
        border-radius: 8px !important;
    }

    html body .ts-home .ts-composants-rail > .product-card .product-img,
    html body main.ts-home .ts-composants-rail > .product-card .product-img {
        height: 150px !important;
        min-height: 150px !important;
        padding: 10px !important;
    }

    html body .ts-home .ts-composants-rail > .product-card .product-info,
    html body main.ts-home .ts-composants-rail > .product-card .product-info {
        padding: 14px 12px 16px !important;
        gap: 8px !important;
    }

    html body .ts-home .ts-composants-rail > .product-card .product-name,
    html body main.ts-home .ts-composants-rail > .product-card .product-name {
        font-size: 13px !important;
        line-height: 1.25 !important;
        min-height: 48px !important;
    }

    html body .ts-home .ts-composants-rail > .product-card .product-price .current,
    html body main.ts-home .ts-composants-rail > .product-card .product-price .current {
        font-size: 18px !important;
    }

    html body .ts-home .ts-comp-nav.ts-comp-nav,
    html body main.ts-home .ts-comp-nav.ts-comp-nav {
        top: 0 !important;
        transform: none !important;
        width: 38px !important;
        height: 38px !important;
    }

    html body .ts-home .ts-comp-prev.ts-comp-prev,
    html body main.ts-home .ts-comp-prev.ts-comp-prev {
        left: auto !important;
        right: 52px !important;
    }

    html body .ts-home .ts-comp-next.ts-comp-next,
    html body main.ts-home .ts-comp-next.ts-comp-next {
        right: 4px !important;
    }
}

/* Storefront final carousel layer: home components match related-products cards */
html body .ts-home .ts-composants-section .container,
html body main.ts-home .ts-composants-section .container {
    width: min(100% - 32px, 1360px) !important;
}

html body .ts-home .ts-composants-inner.ts-composants-inner,
html body main.ts-home .ts-composants-inner.ts-composants-inner {
    grid-template-columns: 280px minmax(0, 1fr) !important;
    gap: 24px !important;
}

html body .ts-home .ts-composants-rail.ts-composants-rail,
html body main.ts-home .ts-composants-rail.ts-composants-rail {
    grid-auto-columns: calc((100% - 48px) / 4) !important;
    gap: 16px !important;
}

html body .ts-home .ts-composants-rail > .product-card,
html body main.ts-home .ts-composants-rail > .product-card {
    min-height: 444px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
}

html body .ts-home .ts-composants-rail > .product-card .product-img,
html body main.ts-home .ts-composants-rail > .product-card .product-img {
    height: 238px !important;
    min-height: 238px !important;
    padding: 18px !important;
}

html body .ts-home .ts-composants-rail > .product-card .product-info,
html body main.ts-home .ts-composants-rail > .product-card .product-info {
    padding: 17px 18px 18px !important;
    gap: 10px !important;
}

html body .ts-home .ts-composants-rail > .product-card .product-name,
html body main.ts-home .ts-composants-rail > .product-card .product-name {
    font-weight: 700 !important;
    min-height: 44px !important;
}

@media (max-width: 760px) {
    html body .ts-home .ts-composants-section.ts-composants-section,
    html body main.ts-home .ts-composants-section.ts-composants-section {
        padding: 28px 0 34px !important;
    }

    html body .ts-home .ts-composants-section .container,
    html body main.ts-home .ts-composants-section .container {
        width: 100% !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    html body .ts-home .ts-composants-inner.ts-composants-inner,
    html body main.ts-home .ts-composants-inner.ts-composants-inner {
        display: block !important;
    }

    html body .ts-home .ts-composants-sidebar.ts-composants-sidebar,
    html body main.ts-home .ts-composants-sidebar.ts-composants-sidebar {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        margin-bottom: 18px !important;
    }

    html body .ts-home .ts-composants-tab.ts-composants-tab,
    html body main.ts-home .ts-composants-tab.ts-composants-tab {
        min-height: 42px !important;
        padding: 8px 8px !important;
        border-radius: 6px !important;
        font-size: 12px !important;
        font-weight: 700 !important;
    }

    html body .ts-home .ts-composants-rail-wrap.ts-composants-rail-wrap,
    html body main.ts-home .ts-composants-rail-wrap.ts-composants-rail-wrap {
        padding-top: 48px !important;
        margin-left: -2px !important;
        margin-right: -2px !important;
    }

    html body .ts-home .ts-composants-rail.ts-composants-rail,
    html body main.ts-home .ts-composants-rail.ts-composants-rail {
        grid-auto-columns: calc((100% - 10px) / 2) !important;
        gap: 10px !important;
        padding: 0 2px 8px !important;
    }

    html body .ts-home .ts-composants-rail > .product-card,
    html body main.ts-home .ts-composants-rail > .product-card {
        min-height: 342px !important;
        border-radius: 8px !important;
    }

    html body .ts-home .ts-composants-rail > .product-card .product-img,
    html body main.ts-home .ts-composants-rail > .product-card .product-img {
        height: 158px !important;
        min-height: 158px !important;
        padding: 12px !important;
    }

    html body .ts-home .ts-composants-rail > .product-card .product-info,
    html body main.ts-home .ts-composants-rail > .product-card .product-info {
        padding: 13px 11px 14px !important;
        gap: 7px !important;
    }

    html body .ts-home .ts-composants-rail > .product-card .product-name,
    html body main.ts-home .ts-composants-rail > .product-card .product-name {
        font-size: 12.5px !important;
        line-height: 1.22 !important;
        min-height: 46px !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 3 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    html body .ts-home .ts-composants-rail > .product-card .product-price .current,
    html body main.ts-home .ts-composants-rail > .product-card .product-price .current {
        font-size: 18px !important;
        line-height: 1.08 !important;
    }

    html body .ts-home .ts-composants-rail > .product-card .product-cart-icon,
    html body main.ts-home .ts-composants-rail > .product-card .product-cart-icon {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
    }
}

/* Storefront final layer: footer texture and Composants PC cards */
html body .footer.gz-footer,
html body.theme-dark .footer.gz-footer,
html body.light-theme .footer.gz-footer,
html body:not(.theme-dark) .footer.gz-footer {
    background-color: #020403 !important;
    background-image:
        linear-gradient(180deg, rgb(2 4 3 / 35%), rgb(2 4 3 / 0%)),
        url("../images/bg-footer.svg") !important;
    background-repeat: repeat !important;
    background-position: center top !important;
    background-size: 520px 520px !important;
}

html body .ts-home .ts-composants-section.ts-composants-section,
html body main.ts-home .ts-composants-section.ts-composants-section {
    width: 100% !important;
    padding: 58px 0 62px !important;
    background: #eef2f5 !important;
    overflow: clip !important;
}

html body.theme-dark .ts-home .ts-composants-section.ts-composants-section,
html body.theme-dark main.ts-home .ts-composants-section.ts-composants-section {
    background: #06100c !important;
}

html body .ts-home .ts-composants-section .container,
html body main.ts-home .ts-composants-section .container {
    width: min(100% - 48px, 1420px) !important;
    max-width: 1420px !important;
    margin-inline: auto !important;
}

html body .ts-home .ts-composants-inner.ts-composants-inner,
html body main.ts-home .ts-composants-inner.ts-composants-inner {
    display: grid !important;
    grid-template-columns: 280px minmax(0, 1fr) !important;
    gap: 28px !important;
    align-items: stretch !important;
}

html body .ts-home .ts-composants-rail-wrap.ts-composants-rail-wrap,
html body main.ts-home .ts-composants-rail-wrap.ts-composants-rail-wrap {
    position: relative !important;
    width: 100% !important;
    overflow: hidden !important;
    padding: 0 !important;
}

html body .ts-home .ts-composants-rail.ts-composants-rail,
html body main.ts-home .ts-composants-rail.ts-composants-rail {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: calc((100% - 54px) / 4) !important;
    gap: 18px !important;
    width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: none !important;
}

html body .ts-home .ts-composants-rail.ts-composants-rail::-webkit-scrollbar,
html body main.ts-home .ts-composants-rail.ts-composants-rail::-webkit-scrollbar {
    display: none !important;
}

html body .ts-home .ts-composants-rail > .product-card,
html body main.ts-home .ts-composants-rail > .product-card {
    scroll-snap-align: start !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 438px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    background: #ffffff !important;
    border: 1px solid rgba(15, 23, 42, .08) !important;
    box-shadow: 0 12px 32px rgba(15, 23, 42, .08) !important;
}

html body.theme-dark .ts-home .ts-composants-rail > .product-card,
html body.theme-dark main.ts-home .ts-composants-rail > .product-card {
    background: #111713 !important;
    border-color: rgba(68, 214, 44, .18) !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, .34) !important;
}

html body .ts-home .ts-composants-rail > .product-card .product-img,
html body main.ts-home .ts-composants-rail > .product-card .product-img {
    height: 230px !important;
    min-height: 230px !important;
    padding: 14px !important;
    background: #f4f7f9 !important;
    border-radius: 0 !important;
}

html body .ts-home .ts-composants-rail > .product-card .product-img img,
html body main.ts-home .ts-composants-rail > .product-card .product-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    transform: none !important;
}

html body .ts-home .ts-composants-rail > .product-card .product-info,
html body main.ts-home .ts-composants-rail > .product-card .product-info {
    padding: 18px 18px 20px !important;
    display: grid !important;
    grid-template-rows: auto minmax(44px, auto) 1fr auto !important;
    gap: 10px !important;
}

html body .ts-home .ts-composants-rail > .product-card .product-name,
html body main.ts-home .ts-composants-rail > .product-card .product-name {
    font-size: 15px !important;
    line-height: 1.28 !important;
    font-weight: 700 !important;
    color: #07120d !important;
}

html body.theme-dark .ts-home .ts-composants-rail > .product-card .product-name,
html body.theme-dark main.ts-home .ts-composants-rail > .product-card .product-name {
    color: #f8fafc !important;
}

html body .ts-home .ts-composants-rail > .product-card .product-cat,
html body main.ts-home .ts-composants-rail > .product-card .product-cat {
    color: #60756b !important;
    font-weight: 500 !important;
}

html body.theme-dark .ts-home .ts-composants-rail > .product-card .product-cat,
html body.theme-dark main.ts-home .ts-composants-rail > .product-card .product-cat {
    color: #9fb0a8 !important;
}

html body .ts-home .ts-composants-rail > .product-card .product-price .current,
html body main.ts-home .ts-composants-rail > .product-card .product-price .current {
    color: #00950f !important;
    font-size: 22px !important;
    line-height: 1.05 !important;
    font-weight: 800 !important;
}

html body .ts-home .ts-composants-rail > .product-card .product-cart-icon,
html body main.ts-home .ts-composants-rail > .product-card .product-cart-icon {
    width: 38px !important;
    height: 38px !important;
    border-radius: 8px !important;
    background: #050706 !important;
    color: #ffffff !important;
}

html body .ts-home .ts-comp-nav.ts-comp-nav,
html body main.ts-home .ts-comp-nav.ts-comp-nav {
    width: 42px !important;
    height: 42px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    color: #092017 !important;
    border: 1px solid rgba(15, 23, 42, .08) !important;
    box-shadow: 0 12px 28px rgba(15, 23, 42, .14) !important;
    z-index: 6 !important;
}

html body.theme-dark .ts-home .ts-comp-nav.ts-comp-nav,
html body.theme-dark main.ts-home .ts-comp-nav.ts-comp-nav {
    background: #0c1711 !important;
    color: #ffffff !important;
    border-color: rgba(68, 214, 44, .18) !important;
    box-shadow: 0 16px 34px rgba(0, 0, 0, .36) !important;
}

html body .ts-home .ts-comp-nav.ts-comp-nav:hover,
html body main.ts-home .ts-comp-nav.ts-comp-nav:hover {
    background: #44d62c !important;
    color: #041007 !important;
}

html body .ts-home .ts-comp-prev.ts-comp-prev,
html body main.ts-home .ts-comp-prev.ts-comp-prev {
    left: 10px !important;
    right: auto !important;
}

html body .ts-home .ts-comp-next.ts-comp-next,
html body main.ts-home .ts-comp-next.ts-comp-next {
    right: 10px !important;
}

@media (max-width: 760px) {
    html body .ts-home .ts-composants-section.ts-composants-section,
    html body main.ts-home .ts-composants-section.ts-composants-section {
        padding: 30px 0 40px !important;
    }

    html body .ts-home .ts-composants-section .container,
    html body main.ts-home .ts-composants-section .container {
        width: 100% !important;
        max-width: none !important;
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    html body .ts-home .ts-composants-inner.ts-composants-inner,
    html body main.ts-home .ts-composants-inner.ts-composants-inner {
        display: block !important;
    }

    html body .ts-home .ts-composants-sidebar.ts-composants-sidebar,
    html body main.ts-home .ts-composants-sidebar.ts-composants-sidebar {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        margin-bottom: 22px !important;
    }

    html body .ts-home .ts-composants-tab.ts-composants-tab,
    html body main.ts-home .ts-composants-tab.ts-composants-tab {
        min-height: 44px !important;
        padding: 9px 8px !important;
        font-size: 12.5px !important;
        line-height: 1.15 !important;
        justify-content: center !important;
        text-align: center !important;
    }

    html body .ts-home .ts-composants-rail-wrap.ts-composants-rail-wrap,
    html body main.ts-home .ts-composants-rail-wrap.ts-composants-rail-wrap {
        overflow: visible !important;
        padding-top: 50px !important;
    }

    html body .ts-home .ts-composants-rail.ts-composants-rail,
    html body main.ts-home .ts-composants-rail.ts-composants-rail {
        grid-auto-columns: calc((100% - 10px) / 2) !important;
        gap: 10px !important;
    }

    html body .ts-home .ts-composants-rail > .product-card,
    html body main.ts-home .ts-composants-rail > .product-card {
        min-height: 382px !important;
        border-radius: 8px !important;
    }

    html body .ts-home .ts-composants-rail > .product-card .product-img,
    html body main.ts-home .ts-composants-rail > .product-card .product-img {
        height: 150px !important;
        min-height: 150px !important;
        padding: 10px !important;
    }

    html body .ts-home .ts-composants-rail > .product-card .product-info,
    html body main.ts-home .ts-composants-rail > .product-card .product-info {
        padding: 14px 12px 16px !important;
        gap: 8px !important;
    }

    html body .ts-home .ts-composants-rail > .product-card .product-name,
    html body main.ts-home .ts-composants-rail > .product-card .product-name {
        font-size: 13px !important;
        line-height: 1.25 !important;
        min-height: 48px !important;
    }

    html body .ts-home .ts-composants-rail > .product-card .product-price .current,
    html body main.ts-home .ts-composants-rail > .product-card .product-price .current {
        font-size: 18px !important;
    }

    html body .ts-home .ts-comp-nav.ts-comp-nav,
    html body main.ts-home .ts-comp-nav.ts-comp-nav {
        top: 0 !important;
        transform: none !important;
        width: 38px !important;
        height: 38px !important;
    }

    html body .ts-home .ts-comp-prev.ts-comp-prev,
    html body main.ts-home .ts-comp-prev.ts-comp-prev {
        left: auto !important;
        right: 52px !important;
    }

    html body .ts-home .ts-comp-next.ts-comp-next,
    html body main.ts-home .ts-comp-next.ts-comp-next {
        right: 4px !important;
    }
}

/* Storefront polish: footer texture and Composants PC carousel */
html body .footer.gz-footer,
html body.theme-dark .footer.gz-footer,
html body.light-theme .footer.gz-footer,
html body:not(.theme-dark) .footer.gz-footer {
    background-color: #020403 !important;
    background-image:
        linear-gradient(180deg, rgb(2 4 3 / 35%), rgb(2 4 3 / 0%)),
        url("../images/bg-footer.svg") !important;
    background-repeat: repeat !important;
    background-position: center top !important;
    background-size: 520px 520px !important;
}

html body .ts-home .ts-composants-section.ts-composants-section,
html body main.ts-home .ts-composants-section.ts-composants-section {
    width: 100% !important;
    padding: 58px 0 62px !important;
    background: #eef2f5 !important;
    overflow: clip !important;
}

html body.theme-dark .ts-home .ts-composants-section.ts-composants-section,
html body.theme-dark main.ts-home .ts-composants-section.ts-composants-section {
    background: #06100c !important;
}

html body .ts-home .ts-composants-section .container,
html body main.ts-home .ts-composants-section .container {
    width: min(100% - 48px, 1420px) !important;
    max-width: 1420px !important;
    margin-inline: auto !important;
}

html body .ts-home .ts-composants-inner.ts-composants-inner,
html body main.ts-home .ts-composants-inner.ts-composants-inner {
    display: grid !important;
    grid-template-columns: 280px minmax(0, 1fr) !important;
    gap: 28px !important;
    align-items: stretch !important;
}

html body .ts-home .ts-composants-rail-wrap.ts-composants-rail-wrap,
html body main.ts-home .ts-composants-rail-wrap.ts-composants-rail-wrap {
    position: relative !important;
    width: 100% !important;
    overflow: hidden !important;
    padding: 0 !important;
}

html body .ts-home .ts-composants-rail.ts-composants-rail,
html body main.ts-home .ts-composants-rail.ts-composants-rail {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: calc((100% - 54px) / 4) !important;
    gap: 18px !important;
    width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: none !important;
}

html body .ts-home .ts-composants-rail.ts-composants-rail::-webkit-scrollbar,
html body main.ts-home .ts-composants-rail.ts-composants-rail::-webkit-scrollbar {
    display: none !important;
}

html body .ts-home .ts-composants-rail > .product-card,
html body main.ts-home .ts-composants-rail > .product-card {
    scroll-snap-align: start !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 438px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    background: #ffffff !important;
    border: 1px solid rgba(15, 23, 42, .08) !important;
    box-shadow: 0 12px 32px rgba(15, 23, 42, .08) !important;
}

html body.theme-dark .ts-home .ts-composants-rail > .product-card,
html body.theme-dark main.ts-home .ts-composants-rail > .product-card {
    background: #111713 !important;
    border-color: rgba(68, 214, 44, .18) !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, .34) !important;
}

html body .ts-home .ts-composants-rail > .product-card .product-img,
html body main.ts-home .ts-composants-rail > .product-card .product-img {
    height: 230px !important;
    min-height: 230px !important;
    padding: 14px !important;
    background: #f4f7f9 !important;
    border-radius: 0 !important;
}

html body.theme-dark .ts-home .ts-composants-rail > .product-card .product-img,
html body.theme-dark main.ts-home .ts-composants-rail > .product-card .product-img {
    background: #f4f7f9 !important;
}

html body .ts-home .ts-composants-rail > .product-card .product-img img,
html body main.ts-home .ts-composants-rail > .product-card .product-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    transform: none !important;
}

html body .ts-home .ts-composants-rail > .product-card .product-info,
html body main.ts-home .ts-composants-rail > .product-card .product-info {
    padding: 18px 18px 20px !important;
    display: grid !important;
    grid-template-rows: auto minmax(44px, auto) 1fr auto !important;
    gap: 10px !important;
}

html body .ts-home .ts-composants-rail > .product-card .product-name,
html body main.ts-home .ts-composants-rail > .product-card .product-name {
    font-size: 15px !important;
    line-height: 1.28 !important;
    font-weight: 700 !important;
    color: #07120d !important;
}

html body.theme-dark .ts-home .ts-composants-rail > .product-card .product-name,
html body.theme-dark main.ts-home .ts-composants-rail > .product-card .product-name {
    color: #f8fafc !important;
}

html body .ts-home .ts-composants-rail > .product-card .product-cat,
html body main.ts-home .ts-composants-rail > .product-card .product-cat {
    color: #60756b !important;
    font-weight: 500 !important;
}

html body.theme-dark .ts-home .ts-composants-rail > .product-card .product-cat,
html body.theme-dark main.ts-home .ts-composants-rail > .product-card .product-cat {
    color: #9fb0a8 !important;
}

html body .ts-home .ts-composants-rail > .product-card .product-price .current,
html body main.ts-home .ts-composants-rail > .product-card .product-price .current {
    color: #00950f !important;
    font-size: 22px !important;
    line-height: 1.05 !important;
    font-weight: 800 !important;
}

html body .ts-home .ts-composants-rail > .product-card .product-cart-icon,
html body main.ts-home .ts-composants-rail > .product-card .product-cart-icon {
    width: 38px !important;
    height: 38px !important;
    border-radius: 8px !important;
    background: #050706 !important;
    color: #ffffff !important;
}

html body .ts-home .ts-comp-nav.ts-comp-nav,
html body main.ts-home .ts-comp-nav.ts-comp-nav {
    width: 42px !important;
    height: 42px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    color: #092017 !important;
    border: 1px solid rgba(15, 23, 42, .08) !important;
    box-shadow: 0 12px 28px rgba(15, 23, 42, .14) !important;
    z-index: 6 !important;
}

html body.theme-dark .ts-home .ts-comp-nav.ts-comp-nav,
html body.theme-dark main.ts-home .ts-comp-nav.ts-comp-nav {
    background: #0c1711 !important;
    color: #ffffff !important;
    border-color: rgba(68, 214, 44, .18) !important;
    box-shadow: 0 16px 34px rgba(0, 0, 0, .36) !important;
}

html body .ts-home .ts-comp-nav.ts-comp-nav:hover,
html body main.ts-home .ts-comp-nav.ts-comp-nav:hover {
    background: #44d62c !important;
    color: #041007 !important;
}

html body .ts-home .ts-comp-prev.ts-comp-prev,
html body main.ts-home .ts-comp-prev.ts-comp-prev {
    left: 10px !important;
    right: auto !important;
}

html body .ts-home .ts-comp-next.ts-comp-next,
html body main.ts-home .ts-comp-next.ts-comp-next {
    right: 10px !important;
}

@media (max-width: 760px) {
    html body .ts-home .ts-composants-section.ts-composants-section,
    html body main.ts-home .ts-composants-section.ts-composants-section {
        padding: 30px 0 40px !important;
    }

    html body .ts-home .ts-composants-section .container,
    html body main.ts-home .ts-composants-section .container {
        width: 100% !important;
        max-width: none !important;
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    html body .ts-home .ts-composants-inner.ts-composants-inner,
    html body main.ts-home .ts-composants-inner.ts-composants-inner {
        display: block !important;
    }

    html body .ts-home .ts-composants-sidebar.ts-composants-sidebar,
    html body main.ts-home .ts-composants-sidebar.ts-composants-sidebar {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        margin-bottom: 22px !important;
    }

    html body .ts-home .ts-composants-tab.ts-composants-tab,
    html body main.ts-home .ts-composants-tab.ts-composants-tab {
        min-height: 44px !important;
        padding: 9px 8px !important;
        font-size: 12.5px !important;
        line-height: 1.15 !important;
        justify-content: center !important;
        text-align: center !important;
    }

    html body .ts-home .ts-composants-rail-wrap.ts-composants-rail-wrap,
    html body main.ts-home .ts-composants-rail-wrap.ts-composants-rail-wrap {
        overflow: visible !important;
        padding-top: 50px !important;
    }

    html body .ts-home .ts-composants-rail.ts-composants-rail,
    html body main.ts-home .ts-composants-rail.ts-composants-rail {
        grid-auto-columns: calc((100% - 10px) / 2) !important;
        gap: 10px !important;
    }

    html body .ts-home .ts-composants-rail > .product-card,
    html body main.ts-home .ts-composants-rail > .product-card {
        min-height: 382px !important;
        border-radius: 8px !important;
    }

    html body .ts-home .ts-composants-rail > .product-card .product-img,
    html body main.ts-home .ts-composants-rail > .product-card .product-img {
        height: 150px !important;
        min-height: 150px !important;
        padding: 10px !important;
    }

    html body .ts-home .ts-composants-rail > .product-card .product-info,
    html body main.ts-home .ts-composants-rail > .product-card .product-info {
        padding: 14px 12px 16px !important;
        gap: 8px !important;
    }

    html body .ts-home .ts-composants-rail > .product-card .product-name,
    html body main.ts-home .ts-composants-rail > .product-card .product-name {
        font-size: 13px !important;
        line-height: 1.25 !important;
        min-height: 48px !important;
    }

    html body .ts-home .ts-composants-rail > .product-card .product-price .current,
    html body main.ts-home .ts-composants-rail > .product-card .product-price .current {
        font-size: 18px !important;
    }

    html body .ts-home .ts-comp-nav.ts-comp-nav,
    html body main.ts-home .ts-comp-nav.ts-comp-nav {
        top: 0 !important;
        transform: none !important;
        width: 38px !important;
        height: 38px !important;
    }

    html body .ts-home .ts-comp-prev.ts-comp-prev,
    html body main.ts-home .ts-comp-prev.ts-comp-prev {
        left: auto !important;
        right: 52px !important;
    }

    html body .ts-home .ts-comp-next.ts-comp-next,
    html body main.ts-home .ts-comp-next.ts-comp-next {
        right: 4px !important;
    }
}

/* Product spec cards under gallery: reference-style compact tiles */
html body.template-product .gz-p-gallery .gz-p-features.gz-p-features,
html body.theme-dark.template-product .gz-p-gallery .gz-p-features.gz-p-features,
html body.light-theme.template-product .gz-p-gallery .gz-p-features.gz-p-features {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(92px, 1fr)) !important;
    gap: 18px !important;
    width: 100% !important;
    margin: 14px 0 18px !important;
    padding: 0 !important;
}

html body.template-product .gz-p-gallery .gz-p-feature.gz-p-feature,
html body.theme-dark.template-product .gz-p-gallery .gz-p-feature.gz-p-feature,
html body.light-theme.template-product .gz-p-gallery .gz-p-feature.gz-p-feature {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    min-height: 78px !important;
    padding: 10px 8px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: linear-gradient(180deg, #4D4D4D 0%, #1F1F1F 100%) !important;
    box-shadow: none !important;
    text-align: center !important;
    gap: 5px !important;
    color: #ffffff !important;
}

html body.template-product .gz-p-gallery .gz-p-feature-label.gz-p-feature-label,
html body.theme-dark.template-product .gz-p-gallery .gz-p-feature-label.gz-p-feature-label,
html body.light-theme.template-product .gz-p-gallery .gz-p-feature-label.gz-p-feature-label {
    display: block !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.12 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

html body.template-product .gz-p-gallery .gz-p-feature-value.gz-p-feature-value,
html body.theme-dark.template-product .gz-p-gallery .gz-p-feature-value.gz-p-feature-value,
html body.light-theme.template-product .gz-p-gallery .gz-p-feature-value.gz-p-feature-value {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
    color: #b8b4d7 !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.16 !important;
}

html body.theme-dark.template-product .gz-p-gallery .gz-p-feature.gz-p-feature {
    background: linear-gradient(180deg, #ffffff 0%, #edf1f5 100%) !important;
    color: #080b10 !important;
    border: 1px solid rgba(255, 255, 255, .12) !important;
}

html body.light-theme.template-product .gz-p-gallery .gz-p-feature.gz-p-feature,
html body:not(.theme-dark).template-product .gz-p-gallery .gz-p-feature.gz-p-feature {
    background: linear-gradient(180deg, #4D4D4D 0%, #1F1F1F 100%) !important;
    color: #ffffff !important;
}

html body.light-theme.template-product .gz-p-gallery .gz-p-feature-label.gz-p-feature-label,
html body:not(.theme-dark).template-product .gz-p-gallery .gz-p-feature-label.gz-p-feature-label {
    color: #ffffff !important;
}

html body.light-theme.template-product .gz-p-gallery .gz-p-feature-value.gz-p-feature-value,
html body:not(.theme-dark).template-product .gz-p-gallery .gz-p-feature-value.gz-p-feature-value {
    color: #d5d9e3 !important;
}

html body.theme-dark.template-product .gz-p-gallery .gz-p-feature-label.gz-p-feature-label {
    color: #080b10 !important;
}

html body.theme-dark.template-product .gz-p-gallery .gz-p-feature-value.gz-p-feature-value {
    color: #4b5563 !important;
}

@media (max-width: 900px) {
    html body.template-product .gz-p-gallery .gz-p-features.gz-p-features,
    html body.theme-dark.template-product .gz-p-gallery .gz-p-features.gz-p-features,
    html body.light-theme.template-product .gz-p-gallery .gz-p-features.gz-p-features {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }
}

@media (max-width: 640px) {
    html body.template-product .gz-p-gallery .gz-p-features.gz-p-features,
    html body.theme-dark.template-product .gz-p-gallery .gz-p-features.gz-p-features,
    html body.light-theme.template-product .gz-p-gallery .gz-p-features.gz-p-features {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    html body.template-product .gz-p-gallery .gz-p-feature.gz-p-feature {
        min-height: 68px !important;
    }

    html body.template-product .gz-p-gallery .gz-p-feature:nth-child(5) {
        grid-column: span 2 !important;
    }
}

/* CODEx lock12 - Composants carousel controls and card rhythm */
html body .ts-home .ts-composants-section.ts-composants-section,
html body main.ts-home .ts-composants-section.ts-composants-section {
    padding: 46px 0 52px !important;
}

html body .ts-home .ts-composants-inner.ts-composants-inner,
html body main.ts-home .ts-composants-inner.ts-composants-inner {
    align-items: stretch !important;
}

html body .ts-home .ts-composants-content,
html body main.ts-home .ts-composants-content {
    min-width: 0 !important;
}

html body .ts-home .ts-composants-rail-wrap.ts-composants-rail-wrap,
html body main.ts-home .ts-composants-rail-wrap.ts-composants-rail-wrap {
    position: relative !important;
    padding-top: 0 !important;
}

html body .ts-home .ts-composants-rail.ts-composants-rail,
html body main.ts-home .ts-composants-rail.ts-composants-rail {
    grid-auto-columns: calc((100% - 42px) / 4) !important;
    gap: 14px !important;
    padding: 0 0 8px !important;
}

html body .ts-home .ts-composants-rail > .product-card,
html body main.ts-home .ts-composants-rail > .product-card {
    min-height: 440px !important;
    height: 100% !important;
}

html body .ts-home .ts-composants-rail > .product-card .product-img,
html body main.ts-home .ts-composants-rail > .product-card .product-img {
    height: 250px !important;
    min-height: 250px !important;
}

html body .ts-home .ts-comp-nav.ts-comp-nav,
html body main.ts-home .ts-comp-nav.ts-comp-nav {
    top: -52px !important;
    transform: none !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(68, 214, 44, .25) !important;
    background: #07110d !important;
    color: #ffffff !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .22) !important;
}

html body .ts-home .ts-comp-prev.ts-comp-prev,
html body main.ts-home .ts-comp-prev.ts-comp-prev {
    left: auto !important;
    right: 52px !important;
}

html body .ts-home .ts-comp-next.ts-comp-next,
html body main.ts-home .ts-comp-next.ts-comp-next {
    right: 0 !important;
}

html body .ts-home .ts-comp-nav.ts-comp-nav:hover,
html body main.ts-home .ts-comp-nav.ts-comp-nav:hover {
    background: #44d62c !important;
    border-color: #44d62c !important;
    color: #030603 !important;
    transform: none !important;
}

html body.light-theme .ts-home .ts-comp-nav.ts-comp-nav,
html body.light-theme main.ts-home .ts-comp-nav.ts-comp-nav,
html body:not(.theme-dark) .ts-home .ts-comp-nav.ts-comp-nav,
html body:not(.theme-dark) main.ts-home .ts-comp-nav.ts-comp-nav {
    background: #ffffff !important;
    border-color: rgba(15, 23, 42, .14) !important;
    color: #0b1220 !important;
}

html body.light-theme .ts-home .ts-comp-nav.ts-comp-nav:hover,
html body.light-theme main.ts-home .ts-comp-nav.ts-comp-nav:hover,
html body:not(.theme-dark) .ts-home .ts-comp-nav.ts-comp-nav:hover,
html body:not(.theme-dark) main.ts-home .ts-comp-nav.ts-comp-nav:hover {
    background: #44d62c !important;
    border-color: #44d62c !important;
    color: #030603 !important;
}

@media (max-width: 900px) {
    html body .ts-home .ts-composants-rail-wrap.ts-composants-rail-wrap,
    html body main.ts-home .ts-composants-rail-wrap.ts-composants-rail-wrap {
        padding-top: 44px !important;
    }

    html body .ts-home .ts-composants-rail.ts-composants-rail,
    html body main.ts-home .ts-composants-rail.ts-composants-rail {
        grid-auto-columns: calc((100% - 10px) / 2) !important;
        gap: 10px !important;
    }

    html body .ts-home .ts-composants-rail > .product-card,
    html body main.ts-home .ts-composants-rail > .product-card {
        min-height: 360px !important;
    }

    html body .ts-home .ts-composants-rail > .product-card .product-img,
    html body main.ts-home .ts-composants-rail > .product-card .product-img {
        height: 190px !important;
        min-height: 190px !important;
    }

    html body .ts-home .ts-comp-nav.ts-comp-nav,
    html body main.ts-home .ts-comp-nav.ts-comp-nav {
        top: 0 !important;
        width: 38px !important;
        height: 38px !important;
    }

    html body .ts-home .ts-comp-prev.ts-comp-prev,
    html body main.ts-home .ts-comp-prev.ts-comp-prev {
        left: auto !important;
        right: 48px !important;
    }

    html body .ts-home .ts-comp-next.ts-comp-next,
    html body main.ts-home .ts-comp-next.ts-comp-next {
        right: 0 !important;
    }
}

/* Final mobile homepage override - must stay last */
@media (max-width: 640px) {
    html body .ts-home .ts-composants-section.ts-composants-section,
    html body main.ts-home .ts-composants-section.ts-composants-section {
        width: 100vw !important;
        margin-left: calc(50% - 50vw) !important;
        margin-right: calc(50% - 50vw) !important;
        overflow-x: clip !important;
    }

    html body .ts-home .ts-composants-section .container,
    html body main.ts-home .ts-composants-section .container {
        width: 100% !important;
        max-width: none !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    html body .ts-home .ts-composants-rail.ts-composants-rail,
    html body main.ts-home .ts-composants-rail.ts-composants-rail {
        width: 100% !important;
        max-width: none !important;
        grid-auto-columns: calc((100% - 8px) / 2) !important;
        gap: 8px !important;
    }

    html body .ts-home .ct-hero-slide img,
    html body main.ts-home .ct-hero-slide img,
    html body .ts-home .ct-hero-slide video,
    html body main.ts-home .ct-hero-slide video {
        object-fit: contain !important;
        object-position: center top !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
    }
}

@media (max-width: 640px) {
    html body .ts-home .ts-composants-section .container,
    html body main.ts-home .ts-composants-section .container {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    html body .ts-home .ts-composants-content,
    html body main.ts-home .ts-composants-content,
    html body .ts-home .ts-composants-rail-wrap.ts-composants-rail-wrap,
    html body main.ts-home .ts-composants-rail-wrap.ts-composants-rail-wrap,
    html body .ts-home .ts-composants-rail.ts-composants-rail,
    html body main.ts-home .ts-composants-rail.ts-composants-rail {
        width: 100% !important;
        max-width: none !important;
    }

    html body .ts-home .ts-composants-rail.ts-composants-rail,
    html body main.ts-home .ts-composants-rail.ts-composants-rail {
        grid-auto-columns: calc((100% - 8px) / 2) !important;
        gap: 8px !important;
    }

    html body .ts-home .ct-hero-slide img,
    html body main.ts-home .ct-hero-slide img,
    html body .ts-home .ct-hero-slide video,
    html body main.ts-home .ct-hero-slide video {
        object-fit: contain !important;
        object-position: center top !important;
        height: auto !important;
        min-height: 0 !important;
    }
}

/* Mobile polish - keep hero art visible and give composants carousel usable width */
@media (max-width: 640px) {
    html body .ts-home .ct-hero.ts-slider,
    html body main.ts-home .ct-hero.ts-slider {
        width: 100% !important;
        min-height: 0 !important;
        height: min(706px, calc(100vw * 1.78)) !important;
        overflow: hidden !important;
        background: #000 !important;
    }

    html body .ts-home .ct-hero-track.ct-hero-track,
    html body main.ts-home .ct-hero-track.ct-hero-track,
    html body .ts-home .ct-hero-slide.ct-hero-slide,
    html body main.ts-home .ct-hero-slide.ct-hero-slide,
    html body .ts-home .ct-hero-slide picture,
    html body main.ts-home .ct-hero-slide picture {
        min-height: 0 !important;
        height: 100% !important;
    }

    html body .ts-home .ct-hero-slide img,
    html body main.ts-home .ct-hero-slide img,
    html body .ts-home .ct-hero-slide video,
    html body main.ts-home .ct-hero-slide video {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        max-height: none !important;
        object-fit: contain !important;
        object-position: center top !important;
        background: #000 !important;
    }

    html body .ts-home .ts-composants-section.ts-composants-section,
    html body main.ts-home .ts-composants-section.ts-composants-section {
        width: 100vw !important;
        margin-left: calc(50% - 50vw) !important;
        margin-right: calc(50% - 50vw) !important;
        padding: 34px 0 42px !important;
        overflow-x: clip !important;
    }

    html body .ts-home .ts-composants-section .container,
    html body main.ts-home .ts-composants-section .container {
        width: 100% !important;
        max-width: none !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    html body .ts-home .ts-composants-inner.ts-composants-inner,
    html body main.ts-home .ts-composants-inner.ts-composants-inner {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }

    html body .ts-home .ts-composants-sidebar.ts-composants-sidebar,
    html body main.ts-home .ts-composants-sidebar.ts-composants-sidebar {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        width: 100% !important;
    }

    html body .ts-home .ts-composants-tab.ts-composants-tab,
    html body main.ts-home .ts-composants-tab.ts-composants-tab {
        min-width: 0 !important;
        min-height: 42px !important;
        padding: 9px 8px !important;
        font-size: 12.5px !important;
        line-height: 1.1 !important;
        white-space: normal !important;
    }

    html body .ts-home .ts-composants-rail-wrap.ts-composants-rail-wrap,
    html body main.ts-home .ts-composants-rail-wrap.ts-composants-rail-wrap {
        width: 100% !important;
        padding-top: 46px !important;
        overflow: visible !important;
    }

    html body .ts-home .ts-composants-rail.ts-composants-rail,
    html body main.ts-home .ts-composants-rail.ts-composants-rail {
        width: 100% !important;
        grid-auto-columns: calc((100% - 8px) / 2) !important;
        gap: 8px !important;
        padding: 0 0 8px !important;
        overflow-x: auto !important;
        scroll-snap-type: x mandatory !important;
    }

    html body .ts-home .ts-composants-rail > .product-card,
    html body main.ts-home .ts-composants-rail > .product-card {
        min-width: 0 !important;
        min-height: 360px !important;
        scroll-snap-align: start !important;
    }

    html body .ts-home .ts-composants-rail > .product-card .product-img,
    html body main.ts-home .ts-composants-rail > .product-card .product-img {
        height: 185px !important;
        min-height: 185px !important;
    }

    html body .ts-home .ts-comp-nav.ts-comp-nav,
    html body main.ts-home .ts-comp-nav.ts-comp-nav {
        top: 0 !important;
        width: 38px !important;
        height: 38px !important;
        z-index: 5 !important;
    }
}

.gz-mega-parent-item,
.gz-mega-parent-item span,
body.theme-dark .gz-mega-parent-item,
body.light-theme .gz-mega-parent-item {
    font-weight: 600 !important;
}

html body .gz-mega-panel .gz-mega-parents,
html body.theme-dark .gz-mega-panel .gz-mega-parents,
html body.light-theme .gz-mega-panel .gz-mega-parents {
    flex: 0 0 190px !important;
    width: 190px !important;
    min-width: 190px !important;
    overflow: hidden !important;
}

html body .gz-mega-panel .gz-mega-parent-item,
html body.theme-dark .gz-mega-panel .gz-mega-parent-item,
html body.light-theme .gz-mega-panel .gz-mega-parent-item {
    display: grid !important;
    grid-template-columns: 22px minmax(0, 1fr) 16px !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    min-height: 44px !important;
    padding: 0 14px !important;
    overflow: hidden !important;
}

html body .gz-mega-panel .gz-mega-parent-item i:first-child,
html body.theme-dark .gz-mega-panel .gz-mega-parent-item i:first-child,
html body.light-theme .gz-mega-panel .gz-mega-parent-item i:first-child {
    width: 22px !important;
    min-width: 22px !important;
    text-align: center !important;
    font-size: 15px !important;
    line-height: 1 !important;
}

html body .gz-mega-panel .gz-mega-parent-item span,
html body.theme-dark .gz-mega-panel .gz-mega-parent-item span,
html body.light-theme .gz-mega-panel .gz-mega-parent-item span {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

html body .gz-mega-panel .gz-mega-parent-item .gz-mega-arrow,
html body.theme-dark .gz-mega-panel .gz-mega-parent-item .gz-mega-arrow,
html body.light-theme .gz-mega-panel .gz-mega-parent-item .gz-mega-arrow {
    width: 16px !important;
    min-width: 16px !important;
    text-align: right !important;
    justify-self: end !important;
}

html body .gz-mega-panel .gz-mega-parent-item,
html body .gz-mega-panel .gz-mega-parent-item i,
html body .gz-mega-panel .gz-mega-parent-item .gz-mega-arrow,
html body.theme-dark .gz-mega-panel .gz-mega-parent-item,
html body.theme-dark .gz-mega-panel .gz-mega-parent-item i,
html body.theme-dark .gz-mega-panel .gz-mega-parent-item .gz-mega-arrow,
html body.light-theme .gz-mega-panel .gz-mega-parent-item,
html body.light-theme .gz-mega-panel .gz-mega-parent-item i,
html body.light-theme .gz-mega-panel .gz-mega-parent-item .gz-mega-arrow {
    color: #111111 !important;
}

html body .gz-mega-panel .gz-mega-parent-item:hover,
html body .gz-mega-panel .gz-mega-parent-item.active,
html body.theme-dark .gz-mega-panel .gz-mega-parent-item:hover,
html body.theme-dark .gz-mega-panel .gz-mega-parent-item.active,
html body.light-theme .gz-mega-panel .gz-mega-parent-item:hover,
html body.light-theme .gz-mega-panel .gz-mega-parent-item.active {
    background: #eeeeee !important;
    color: #111111 !important;
}

html body .gz-mega-panel .gz-mega-parent-item:hover i,
html body .gz-mega-panel .gz-mega-parent-item.active i,
html body .gz-mega-panel .gz-mega-parent-item:hover .gz-mega-arrow,
html body .gz-mega-panel .gz-mega-parent-item.active .gz-mega-arrow,
html body.theme-dark .gz-mega-panel .gz-mega-parent-item:hover i,
html body.theme-dark .gz-mega-panel .gz-mega-parent-item.active i,
html body.theme-dark .gz-mega-panel .gz-mega-parent-item:hover .gz-mega-arrow,
html body.theme-dark .gz-mega-panel .gz-mega-parent-item.active .gz-mega-arrow,
html body.light-theme .gz-mega-panel .gz-mega-parent-item:hover i,
html body.light-theme .gz-mega-panel .gz-mega-parent-item.active i,
html body.light-theme .gz-mega-panel .gz-mega-parent-item:hover .gz-mega-arrow,
html body.light-theme .gz-mega-panel .gz-mega-parent-item.active .gz-mega-arrow {
    color: #111111 !important;
}

html body .gz-mega-sub-group h4,
html body.theme-dark .gz-mega-sub-group h4,
html body.light-theme .gz-mega-sub-group h4 {
    color: #111111 !important;
    font-size: 15px !important;
    font-weight: 600 !important;
}

html body .gz-mega-sub-group li a:hover,
html body .gz-mega-sub-group ul li a:hover,
html body.theme-dark .gz-mega-sub-group li a:hover,
html body.theme-dark .gz-mega-sub-group ul li a:hover,
html body.light-theme .gz-mega-sub-group li a:hover,
html body.light-theme .gz-mega-sub-group ul li a:hover {
    background: #f1f1f1 !important;
    color: #111111 !important;
}

html body .gz-mega-sub-head h3,
html body.theme-dark .gz-mega-sub-head h3,
html body.light-theme .gz-mega-sub-head h3 {
    color: #111111 !important;
    font-size: 22px !important;
    font-weight: 600 !important;
}

html body .gz-mega-panel.gz-mega-panel,
html body.theme-dark .gz-mega-panel.gz-mega-panel,
html body.light-theme .gz-mega-panel.gz-mega-panel {
    width: min(1280px, calc(100vw - 48px)) !important;
    min-height: 520px !important;
    max-height: min(680px, calc(100vh - 190px)) !important;
    grid-template-columns: 250px minmax(0, 1fr) !important;
    background: #ffffff !important;
    border-radius: 0 0 8px 8px !important;
    overflow: hidden !important;
}

html body .gz-mega-panel .gz-mega-parents,
html body.theme-dark .gz-mega-panel .gz-mega-parents,
html body.light-theme .gz-mega-panel .gz-mega-parents {
    flex: 0 0 250px !important;
    width: 250px !important;
    min-width: 250px !important;
    background: #eeeeee !important;
    border-right: 1px solid #cfcfcf !important;
}

html body .gz-mega-panel .gz-mega-parent-item,
html body.theme-dark .gz-mega-panel .gz-mega-parent-item,
html body.light-theme .gz-mega-panel .gz-mega-parent-item {
    min-height: 54px !important;
    padding: 0 20px !important;
    border-bottom: 1px solid #d4d4d4 !important;
    background: #eeeeee !important;
    color: #0b0b0b !important;
}

html body .gz-mega-panel .gz-mega-parent-item:hover,
html body .gz-mega-panel .gz-mega-parent-item.active,
html body.theme-dark .gz-mega-panel .gz-mega-parent-item:hover,
html body.theme-dark .gz-mega-panel .gz-mega-parent-item.active,
html body.light-theme .gz-mega-panel .gz-mega-parent-item:hover,
html body.light-theme .gz-mega-panel .gz-mega-parent-item.active {
    background: #ffffff !important;
    color: #0b0b0b !important;
}

html body .gz-mega-panel .gz-mega-subcategories,
html body.theme-dark .gz-mega-panel .gz-mega-subcategories,
html body.light-theme .gz-mega-panel .gz-mega-subcategories {
    padding: 24px 26px 34px !important;
    background: #ffffff !important;
    overflow-y: auto !important;
}

html body .gz-mega-panel .gz-mega-sub-head,
html body.theme-dark .gz-mega-panel .gz-mega-sub-head,
html body.light-theme .gz-mega-panel .gz-mega-sub-head {
    margin-bottom: 20px !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid #d7d7d7 !important;
}

html body .gz-mega-panel .gz-mega-sub-grid,
html body.theme-dark .gz-mega-panel .gz-mega-sub-grid,
html body.light-theme .gz-mega-panel .gz-mega-sub-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 34px 28px !important;
    align-items: start !important;
}

html body .gz-mega-panel .gz-mega-sub-group h4,
html body.theme-dark .gz-mega-panel .gz-mega-sub-group h4,
html body.light-theme .gz-mega-panel .gz-mega-sub-group h4 {
    display: block !important;
    width: 100% !important;
    margin: 0 0 10px !important;
    padding: 6px 10px !important;
    border-radius: 5px !important;
    background: #c8c8c8 !important;
    color: #050505 !important;
    font-size: 14px !important;
    line-height: 1.1 !important;
    font-weight: 600 !important;
}

html body .gz-mega-panel .gz-mega-sub-group ul,
html body.theme-dark .gz-mega-panel .gz-mega-sub-group ul,
html body.light-theme .gz-mega-panel .gz-mega-sub-group ul {
    display: grid !important;
    gap: 8px !important;
    margin: 0 !important;
}

html body .gz-mega-panel .gz-mega-sub-group li a,
html body.theme-dark .gz-mega-panel .gz-mega-sub-group li a,
html body.light-theme .gz-mega-panel .gz-mega-sub-group li a {
    padding: 0 5px !important;
    color: #050505 !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
}

html body .gz-mega-btn.gz-mega-btn,
html body.theme-dark .gz-mega-btn.gz-mega-btn,
html body.light-theme .gz-mega-btn.gz-mega-btn {
    background: #fec601 !important;
    background-image: none !important;
    color: #050505 !important;
    border-color: #fec601 !important;
}

html body .gz-mega-btn.gz-mega-btn i,
html body.theme-dark .gz-mega-btn.gz-mega-btn i,
html body.light-theme .gz-mega-btn.gz-mega-btn i {
    color: #050505 !important;
}

html body .gz-nav.gz-nav .gz-nav-links > li > a[href*="setup-complet"],
html body .gz-nav.gz-nav .gz-nav-links > li > a[href*="moniteurs"],
html body.theme-dark .gz-nav.gz-nav .gz-nav-links > li > a[href*="setup-complet"],
html body.theme-dark .gz-nav.gz-nav .gz-nav-links > li > a[href*="moniteurs"],
html body.light-theme .gz-nav.gz-nav .gz-nav-links > li > a[href*="setup-complet"],
html body.light-theme .gz-nav.gz-nav .gz-nav-links > li > a[href*="moniteurs"] {
    background: #ffffff !important;
    background-image: none !important;
    color: #050505 !important;
}

html body .gz-nav.gz-nav .gz-nav-links > li > a[href*="setup-complet"]:hover,
html body .gz-nav.gz-nav .gz-nav-links > li > a[href*="moniteurs"]:hover,
html body.theme-dark .gz-nav.gz-nav .gz-nav-links > li > a[href*="setup-complet"]:hover,
html body.theme-dark .gz-nav.gz-nav .gz-nav-links > li > a[href*="moniteurs"]:hover,
html body.light-theme .gz-nav.gz-nav .gz-nav-links > li > a[href*="setup-complet"]:hover,
html body.light-theme .gz-nav.gz-nav .gz-nav-links > li > a[href*="moniteurs"]:hover {
    background: linear-gradient(180deg, #3a3a3a 0%, #111111 100%) !important;
    background-image: linear-gradient(180deg, #3a3a3a 0%, #111111 100%) !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, .78) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35) !important;
}

html body .gz-nav.gz-nav .gz-nav-links > li > a:hover,
html body.theme-dark .gz-nav.gz-nav .gz-nav-links > li > a:hover,
html body.light-theme .gz-nav.gz-nav .gz-nav-links > li > a:hover {
    background: linear-gradient(180deg, #3a3a3a 0%, #111111 100%) !important;
    background-image: linear-gradient(180deg, #3a3a3a 0%, #111111 100%) !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, .78) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35) !important;
}

html body.template-shop .filter-sidebar .filter-list a.filter-list-item,
html body.template-shop .filter-sidebar .filter-list a.filter-list-item .filter-list-label,
html body.theme-dark.template-shop .filter-sidebar .filter-list a.filter-list-item,
html body.theme-dark.template-shop .filter-sidebar .filter-list a.filter-list-item .filter-list-label,
html body.light-theme.template-shop .filter-sidebar .filter-list a.filter-list-item,
html body.light-theme.template-shop .filter-sidebar .filter-list a.filter-list-item .filter-list-label {
    font-size: 14px !important;
    font-weight: 600 !important;
}

html body.template-shop .ct-shop-page .ct-view-switcher.ct-view-switcher,
html body.theme-dark.template-shop .ct-shop-page .ct-view-switcher.ct-view-switcher,
html body.light-theme.template-shop .ct-shop-page .ct-view-switcher.ct-view-switcher {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    gap: 14px !important;
}

html body.template-shop .ct-shop-page .ct-view-switcher.ct-view-switcher::before,
html body.theme-dark.template-shop .ct-shop-page .ct-view-switcher.ct-view-switcher::before,
html body.light-theme.template-shop .ct-shop-page .ct-view-switcher.ct-view-switcher::before {
    display: none !important;
    content: none !important;
}

html body.template-shop .ct-shop-page .ct-view-switcher.ct-view-switcher a,
html body.theme-dark.template-shop .ct-shop-page .ct-view-switcher.ct-view-switcher a,
html body.light-theme.template-shop .ct-shop-page .ct-view-switcher.ct-view-switcher a {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #050505 !important;
    box-shadow: none !important;
    font-size: 20px !important;
}

html body.theme-dark.template-shop .ct-shop-page .ct-view-switcher.ct-view-switcher a {
    color: #ffffff !important;
}

html body.template-shop .ct-shop-page .ct-view-switcher.ct-view-switcher a i,
html body.theme-dark.template-shop .ct-shop-page .ct-view-switcher.ct-view-switcher a i,
html body.light-theme.template-shop .ct-shop-page .ct-view-switcher.ct-view-switcher a i {
    display: none !important;
}

html body.template-shop .ct-shop-page .ct-view-switcher.ct-view-switcher a::before,
html body.theme-dark.template-shop .ct-shop-page .ct-view-switcher.ct-view-switcher a::before,
html body.light-theme.template-shop .ct-shop-page .ct-view-switcher.ct-view-switcher a::before {
    content: "" !important;
    display: block !important;
    width: 22px !important;
    height: 22px !important;
    background: currentColor !important;
    opacity: .95 !important;
    mask-size: contain !important;
    mask-position: center !important;
    mask-repeat: no-repeat !important;
    -webkit-mask-size: contain !important;
    -webkit-mask-position: center !important;
    -webkit-mask-repeat: no-repeat !important;
}

html body.template-shop .ct-shop-page .ct-view-switcher.ct-view-switcher a[aria-label*="4"]::before,
html body.theme-dark.template-shop .ct-shop-page .ct-view-switcher.ct-view-switcher a[aria-label*="4"]::before,
html body.light-theme.template-shop .ct-shop-page .ct-view-switcher.ct-view-switcher a[aria-label*="4"]::before {
    -webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0), linear-gradient(#000 0 0), linear-gradient(#000 0 0);
    -webkit-mask-size: 9px 9px, 9px 9px, 9px 9px, 9px 9px !important;
    -webkit-mask-position: 0 0, 13px 0, 0 13px, 13px 13px !important;
    mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0), linear-gradient(#000 0 0), linear-gradient(#000 0 0);
    mask-size: 9px 9px, 9px 9px, 9px 9px, 9px 9px !important;
    mask-position: 0 0, 13px 0, 0 13px, 13px 13px !important;
}

html body.template-shop .ct-shop-page .ct-view-switcher.ct-view-switcher a[aria-label*="3"]::before,
html body.theme-dark.template-shop .ct-shop-page .ct-view-switcher.ct-view-switcher a[aria-label*="3"]::before,
html body.light-theme.template-shop .ct-shop-page .ct-view-switcher.ct-view-switcher a[aria-label*="3"]::before {
    -webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0), linear-gradient(#000 0 0);
    -webkit-mask-size: 22px 4px, 22px 4px, 22px 4px !important;
    -webkit-mask-position: 0 2px, 0 9px, 0 16px !important;
    mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0), linear-gradient(#000 0 0);
    mask-size: 22px 4px, 22px 4px, 22px 4px !important;
    mask-position: 0 2px, 0 9px, 0 16px !important;
}

html body.template-shop .ct-shop-page .ct-view-switcher.ct-view-switcher a.active,
html body.template-shop .ct-shop-page .ct-view-switcher.ct-view-switcher a:hover,
html body.theme-dark.template-shop .ct-shop-page .ct-view-switcher.ct-view-switcher a.active,
html body.theme-dark.template-shop .ct-shop-page .ct-view-switcher.ct-view-switcher a:hover,
html body.light-theme.template-shop .ct-shop-page .ct-view-switcher.ct-view-switcher a.active,
html body.light-theme.template-shop .ct-shop-page .ct-view-switcher.ct-view-switcher a:hover {
    background: transparent !important;
    color: #44d62c !important;
}

html body.template-shop .ct-shop-heading-sort label,
html body.template-shop .products-top-bar .sort-select-wrap label,
html body.light-theme.template-shop .ct-shop-heading-sort label,
html body.light-theme.template-shop .products-top-bar .sort-select-wrap label {
    color: #050505 !important;
    opacity: 1 !important;
}

html body.theme-dark.template-shop .ct-shop-heading-sort label,
html body.theme-dark.template-shop .products-top-bar .sort-select-wrap label {
    color: #ffffff !important;
    opacity: 1 !important;
}

html body.template-shop .ct-shop-page .ct-frequent-searches-inline a,
html body.theme-dark.template-shop .ct-shop-page .ct-frequent-searches-inline a,
html body.light-theme.template-shop .ct-shop-page .ct-frequent-searches-inline a {
    background: linear-gradient(180deg, #2c2c2c 0%, #101010 100%) !important;
    border-color: rgba(255, 255, 255, .22) !important;
    color: #ffffff !important;
}

html body.template-shop .ct-shop-page .ct-frequent-searches-inline a strong,
html body.theme-dark.template-shop .ct-shop-page .ct-frequent-searches-inline a strong,
html body.light-theme.template-shop .ct-shop-page .ct-frequent-searches-inline a strong {
    color: #ffffff !important;
    font-weight: 600 !important;
}

html body.template-shop .ct-shop-page .ct-frequent-searches-inline a.active,
html body.template-shop .ct-shop-page .ct-frequent-searches-inline a:hover,
html body.theme-dark.template-shop .ct-shop-page .ct-frequent-searches-inline a.active,
html body.theme-dark.template-shop .ct-shop-page .ct-frequent-searches-inline a:hover,
html body.light-theme.template-shop .ct-shop-page .ct-frequent-searches-inline a.active,
html body.light-theme.template-shop .ct-shop-page .ct-frequent-searches-inline a:hover {
    background: linear-gradient(180deg, #111111 0%, #050505 100%) !important;
    border-color: #44d62c !important;
    color: #44d62c !important;
    box-shadow: 0 0 0 1px rgba(68, 214, 44, .35) inset !important;
}

html body.template-shop .ct-shop-page .ct-frequent-searches-inline a.active strong,
html body.template-shop .ct-shop-page .ct-frequent-searches-inline a:hover strong,
html body.theme-dark.template-shop .ct-shop-page .ct-frequent-searches-inline a.active strong,
html body.theme-dark.template-shop .ct-shop-page .ct-frequent-searches-inline a:hover strong,
html body.light-theme.template-shop .ct-shop-page .ct-frequent-searches-inline a.active strong,
html body.light-theme.template-shop .ct-shop-page .ct-frequent-searches-inline a:hover strong {
    color: #44d62c !important;
}

html body.template-shop .ct-shop-page .products-grid .product-card .product-name,
html body.theme-dark.template-shop .ct-shop-page .products-grid .product-card .product-name,
html body.light-theme.template-shop .ct-shop-page .products-grid .product-card .product-name {
    font-weight: 600 !important;
}

body.light-theme .ct-shop-page .price-labels span,
body:not(.theme-dark) .ct-shop-page .price-labels span {
    background: #ffffff !important;
    border: 1px solid #d5dbe3 !important;
    color: #111827 !important;
}

body.light-theme .ct-shop-page .price-slider-track,
body:not(.theme-dark) .ct-shop-page .price-slider-track {
    background: #cfd8d3 !important;
}

body.light-theme .ct-shop-page .price-slider-range,
body:not(.theme-dark) .ct-shop-page .price-slider-range {
    background: #44d62c !important;
}

html body.template-shop .product-card .product-whatsapp-notify.product-whatsapp-notify,
html body.template-shop .product-card .product-whatsapp-notify.product-whatsapp-notify *,
html body.template-product a.gz-p-whatsapp-btn.gz-p-whatsapp-btn,
html body.template-product a.gz-p-whatsapp-btn.gz-p-whatsapp-btn *,
html body.template-product a.gz-p-whatsapp-notify-btn.gz-p-whatsapp-notify-btn,
html body.template-product a.gz-p-whatsapp-notify-btn.gz-p-whatsapp-notify-btn * {
    color: #ffffff !important;
}

html body.template-product .gz-p-soldout {
    display: none !important;
}

body.light-theme .gz-p-read-more,
body:not(.theme-dark) .gz-p-read-more {
    background: #050505 !important;
    color: #ffffff !important;
    border-color: #050505 !important;
}

body.light-theme .gz-p-read-more *,
body:not(.theme-dark) .gz-p-read-more * {
    color: #ffffff !important;
}

html body .gz-footer .gz-footer-social.gz-footer-social a,
html body .gz-footer .gz-footer-social.gz-footer-social a i,
html body.theme-dark .gz-footer .gz-footer-social.gz-footer-social a,
html body.theme-dark .gz-footer .gz-footer-social.gz-footer-social a i,
html body.light-theme .gz-footer .gz-footer-social.gz-footer-social a,
html body.light-theme .gz-footer .gz-footer-social.gz-footer-social a i {
    color: #ffffff !important;
}

html body .ts-home .ts-flash-panel.ts-flash-panel,
html body.theme-dark .ts-home .ts-flash-panel.ts-flash-panel,
html body.light-theme .ts-home .ts-flash-panel.ts-flash-panel,
html body main.ts-home .ts-flash-panel.ts-flash-panel {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

html body .ts-home .ts-composants-section.ts-composants-section,
html body main .ts-composants-section.ts-composants-section {
    background: #f2f4f6 !important;
}

html body .ts-home .ts-composants-tab.ts-composants-tab.active,
html body main .ts-composants-tab.ts-composants-tab.active {
    background: #44d62c !important;
    color: #050505 !important;
    box-shadow: 0 8px 22px rgba(68, 214, 44, .22) !important;
}

html body .ts-home .ts-composants-tab.ts-composants-tab:hover,
html body main .ts-composants-tab.ts-composants-tab:hover {
    background: #fec601 !important;
    color: #050505 !important;
}

html body .ts-home .ts-composants-rail.ts-composants-rail,
html body main .ts-composants-rail.ts-composants-rail {
    grid-auto-columns: calc((100% - 42px) / 4) !important;
    gap: 14px !important;
}

html body .ts-home .ts-composants-rail > .product-card,
html body main .ts-composants-rail > .product-card {
    background: #ffffff !important;
    border: 1px solid rgba(15, 23, 42, .08) !important;
    box-shadow: 0 8px 20px rgba(15, 23, 42, .08) !important;
}

html body.theme-dark .ts-home .ts-composants-section.ts-composants-section,
html body.theme-dark main .ts-composants-section.ts-composants-section {
    background: #07110d !important;
}

html body.theme-dark .ts-home .ts-composants-rail > .product-card,
html body.theme-dark main .ts-composants-rail > .product-card {
    background: #101612 !important;
    border-color: rgba(68, 214, 44, .18) !important;
}

@media (max-width: 900px) {
    html body .ts-home .ts-composants-rail.ts-composants-rail,
    html body main .ts-composants-rail.ts-composants-rail {
        grid-auto-columns: calc((100% - 10px) / 2) !important;
    }
}

/* CODEx lock9 - Composants carousel aligned with store sections */
html body .ts-home .ts-composants-section.ts-composants-section,
html body main.ts-home .ts-composants-section.ts-composants-section {
    padding: 42px 0 48px !important;
    background: #f2f4f6 !important;
    border-top: 1px solid rgba(15, 23, 42, .06) !important;
    border-bottom: 1px solid rgba(15, 23, 42, .06) !important;
    overflow: hidden !important;
}

html body.theme-dark .ts-home .ts-composants-section.ts-composants-section,
html body.theme-dark main.ts-home .ts-composants-section.ts-composants-section {
    background: #07110d !important;
    border-color: rgba(68, 214, 44, .12) !important;
}

html body .ts-home .ts-composants-section .container,
html body main.ts-home .ts-composants-section .container {
    max-width: 1400px !important;
    width: min(100%, 1400px) !important;
    margin-inline: auto !important;
}

html body .ts-home .ts-composants-inner.ts-composants-inner,
html body main.ts-home .ts-composants-inner.ts-composants-inner {
    grid-template-columns: 280px minmax(0, 1fr) !important;
    gap: 24px !important;
    align-items: stretch !important;
}

html body .ts-home .ts-composants-rail-wrap.ts-composants-rail-wrap,
html body main.ts-home .ts-composants-rail-wrap.ts-composants-rail-wrap {
    padding: 0 !important;
    overflow: visible !important;
}

html body .ts-home .ts-composants-rail.ts-composants-rail,
html body main.ts-home .ts-composants-rail.ts-composants-rail {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: calc((100% - 42px) / 4) !important;
    gap: 14px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: none !important;
    padding: 0 0 6px !important;
}

html body .ts-home .ts-composants-rail.ts-composants-rail::-webkit-scrollbar,
html body main.ts-home .ts-composants-rail.ts-composants-rail::-webkit-scrollbar {
    display: none !important;
}

html body .ts-home .ts-composants-rail > .product-card,
html body main.ts-home .ts-composants-rail > .product-card {
    width: auto !important;
    min-width: 0 !important;
    scroll-snap-align: start !important;
}

html body .ts-home .ts-comp-nav.ts-comp-nav,
html body main.ts-home .ts-comp-nav.ts-comp-nav {
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 42px !important;
    height: 42px !important;
    border: 1px solid rgba(15, 23, 42, .14) !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    color: #102033 !important;
    box-shadow: 0 10px 26px rgba(15, 23, 42, .15) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 6 !important;
}

html body .ts-home .ts-comp-prev.ts-comp-prev,
html body main.ts-home .ts-comp-prev.ts-comp-prev {
    left: -21px !important;
}

html body .ts-home .ts-comp-next.ts-comp-next,
html body main.ts-home .ts-comp-next.ts-comp-next {
    right: -21px !important;
}

html body .ts-home .ts-comp-nav.ts-comp-nav:hover,
html body main.ts-home .ts-comp-nav.ts-comp-nav:hover {
    background: #44d62c !important;
    border-color: #44d62c !important;
    color: #050505 !important;
    transform: translateY(-50%) !important;
}

html body.theme-dark .ts-home .ts-comp-nav.ts-comp-nav,
html body.theme-dark main.ts-home .ts-comp-nav.ts-comp-nav {
    background: #111713 !important;
    border-color: rgba(68, 214, 44, .24) !important;
    color: #ffffff !important;
    box-shadow: 0 14px 32px rgba(0, 0, 0, .35) !important;
}

html body.theme-dark .ts-home .ts-composants-rail > .product-card,
html body.theme-dark main.ts-home .ts-composants-rail > .product-card {
    background: #101612 !important;
    border-color: rgba(68, 214, 44, .18) !important;
}

html body .footer.gz-footer {
    position: relative !important;
    background-color: #020403 !important;
    background-image:
        linear-gradient(180deg, rgba(2, 4, 3, 0.35), rgba(2, 4, 3, 0)),
        url("../images/bg-footer.svg") !important;
    background-repeat: repeat !important;
    background-position: center top !important;
    background-size: 520px 520px !important;
}

html body.light-theme .footer.gz-footer,
html body:not(.theme-dark) .footer.gz-footer {
    background-color: #020403 !important;
}

html body.theme-dark .footer.gz-footer,
html body.light-theme .footer.gz-footer,
html body:not(.theme-dark) .footer.gz-footer {
    background-color: #020403 !important;
    background-image:
        linear-gradient(180deg, rgba(2, 4, 3, 0.35), rgba(2, 4, 3, 0)),
        url("../images/bg-footer.svg") !important;
    background-repeat: repeat !important;
    background-position: center top !important;
    background-size: 520px 520px !important;
}

html body .footer.gz-footer .gz-footer-top,
html body .footer.gz-footer .gz-footer-grid,
html body.theme-dark .footer.gz-footer .gz-footer-top,
html body.theme-dark .footer.gz-footer .gz-footer-grid,
html body.light-theme .footer.gz-footer .gz-footer-top,
html body.light-theme .footer.gz-footer .gz-footer-grid {
    background: transparent !important;
}

html body .footer.gz-footer .gz-footer-newsletter,
html body.theme-dark .footer.gz-footer .gz-footer-newsletter,
html body.light-theme .footer.gz-footer .gz-footer-newsletter {
    background: rgba(6, 10, 7, .86) !important;
    backdrop-filter: blur(2px) !important;
}

@media (max-width: 900px) {
    html body .ts-home .ts-composants-section .container,
    html body main.ts-home .ts-composants-section .container {
        width: calc(100% - 28px) !important;
    }

    html body .ts-home .ts-composants-inner.ts-composants-inner,
    html body main.ts-home .ts-composants-inner.ts-composants-inner {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }

    html body .ts-home .ts-composants-sidebar.ts-composants-sidebar,
    html body main.ts-home .ts-composants-sidebar.ts-composants-sidebar {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    html body .ts-home .ts-composants-rail.ts-composants-rail,
    html body main.ts-home .ts-composants-rail.ts-composants-rail {
        grid-auto-columns: calc((100% - 10px) / 2) !important;
        gap: 10px !important;
    }

    html body .ts-home .ts-composants-rail .product-brand-logo,
    html body main.ts-home .ts-composants-rail .product-brand-logo {
        display: none !important;
    }

    html body .ts-home .ts-composants-rail .product-cat-row,
    html body main.ts-home .ts-composants-rail .product-cat-row {
        min-width: 0 !important;
    }

    html body .ts-home .ts-comp-nav.ts-comp-nav,
    html body main.ts-home .ts-comp-nav.ts-comp-nav {
        width: 38px !important;
        height: 38px !important;
    }

    html body .ts-home .ts-comp-prev.ts-comp-prev,
    html body main.ts-home .ts-comp-prev.ts-comp-prev {
        left: -10px !important;
    }

    html body .ts-home .ts-comp-next.ts-comp-next,
    html body main.ts-home .ts-comp-next.ts-comp-next {
        right: -10px !important;
    }

    html body .footer.gz-footer {
        background-size: 520px auto !important;
        background-position: center bottom !important;
    }
}

/* CODEx lock12-final - must stay after older carousel locks */
html body .ts-home .ts-composants-section.ts-composants-section,
html body main.ts-home .ts-composants-section.ts-composants-section {
    padding: 46px 0 52px !important;
}

html body .ts-home .ts-composants-content,
html body main.ts-home .ts-composants-content,
html body .ts-home .ts-composants-rail-wrap.ts-composants-rail-wrap,
html body main.ts-home .ts-composants-rail-wrap.ts-composants-rail-wrap {
    min-width: 0 !important;
    overflow: hidden !important;
}

html body .ts-home .ts-composants-rail.ts-composants-rail,
html body main.ts-home .ts-composants-rail.ts-composants-rail {
    grid-auto-columns: calc((100% - 42px) / 4) !important;
    gap: 14px !important;
    padding: 0 0 8px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
}

html body .ts-home .ts-composants-rail.ts-composants-rail::-webkit-scrollbar,
html body main.ts-home .ts-composants-rail.ts-composants-rail::-webkit-scrollbar {
    display: none !important;
}

html body .ts-home .ts-composants-rail > .product-card,
html body main.ts-home .ts-composants-rail > .product-card {
    min-height: 440px !important;
    height: 100% !important;
}

html body .ts-home .ts-composants-rail > .product-card .product-img,
html body main.ts-home .ts-composants-rail > .product-card .product-img {
    height: 250px !important;
    min-height: 250px !important;
}

html body .ts-home .ts-comp-nav.ts-comp-nav,
html body main.ts-home .ts-comp-nav.ts-comp-nav {
    top: -52px !important;
    transform: none !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(68, 214, 44, .25) !important;
    background: #07110d !important;
    color: #ffffff !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .22) !important;
}

html body .ts-home .ts-comp-prev.ts-comp-prev,
html body main.ts-home .ts-comp-prev.ts-comp-prev {
    left: auto !important;
    right: 52px !important;
}

html body .ts-home .ts-comp-next.ts-comp-next,
html body main.ts-home .ts-comp-next.ts-comp-next {
    right: 0 !important;
}

html body .ts-home .ts-comp-nav.ts-comp-nav:hover,
html body main.ts-home .ts-comp-nav.ts-comp-nav:hover {
    background: #44d62c !important;
    border-color: #44d62c !important;
    color: #030603 !important;
    transform: none !important;
}

html body.light-theme .ts-home .ts-comp-nav.ts-comp-nav,
html body.light-theme main.ts-home .ts-comp-nav.ts-comp-nav,
html body:not(.theme-dark) .ts-home .ts-comp-nav.ts-comp-nav,
html body:not(.theme-dark) main.ts-home .ts-comp-nav.ts-comp-nav {
    background: #ffffff !important;
    border-color: rgba(15, 23, 42, .14) !important;
    color: #0b1220 !important;
}

html body.light-theme .ts-home .ts-comp-nav.ts-comp-nav:hover,
html body.light-theme main.ts-home .ts-comp-nav.ts-comp-nav:hover,
html body:not(.theme-dark) .ts-home .ts-comp-nav.ts-comp-nav:hover,
html body:not(.theme-dark) main.ts-home .ts-comp-nav.ts-comp-nav:hover {
    background: #44d62c !important;
    border-color: #44d62c !important;
    color: #030603 !important;
}

@media (max-width: 900px) {
    html body .ts-home .ts-composants-rail-wrap.ts-composants-rail-wrap,
    html body main.ts-home .ts-composants-rail-wrap.ts-composants-rail-wrap {
        padding-top: 44px !important;
    }

    html body .ts-home .ts-composants-rail.ts-composants-rail,
    html body main.ts-home .ts-composants-rail.ts-composants-rail {
        grid-auto-columns: calc((100% - 10px) / 2) !important;
        gap: 10px !important;
    }

    html body .ts-home .ts-composants-rail > .product-card,
    html body main.ts-home .ts-composants-rail > .product-card {
        min-height: 360px !important;
    }

    html body .ts-home .ts-composants-rail > .product-card .product-img,
    html body main.ts-home .ts-composants-rail > .product-card .product-img {
        height: 190px !important;
        min-height: 190px !important;
    }

    html body .ts-home .ts-comp-nav.ts-comp-nav,
    html body main.ts-home .ts-comp-nav.ts-comp-nav {
        top: 0 !important;
        width: 38px !important;
        height: 38px !important;
    }

    html body .ts-home .ts-comp-prev.ts-comp-prev,
    html body main.ts-home .ts-comp-prev.ts-comp-prev {
        left: auto !important;
        right: 48px !important;
    }

    html body .ts-home .ts-comp-next.ts-comp-next,
    html body main.ts-home .ts-comp-next.ts-comp-next {
        right: 0 !important;
    }
}

/* Final mobile homepage override - must stay last */
@media (max-width: 640px) {
    html body .ts-home .ts-composants-section.ts-composants-section,
    html body main.ts-home .ts-composants-section.ts-composants-section {
        width: 100vw !important;
        margin-left: calc(50% - 50vw) !important;
        margin-right: calc(50% - 50vw) !important;
        overflow-x: clip !important;
    }

    html body .ts-home .ts-composants-section .container,
    html body main.ts-home .ts-composants-section .container {
        width: 100% !important;
        max-width: none !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    html body .ts-home .ts-composants-rail.ts-composants-rail,
    html body main.ts-home .ts-composants-rail.ts-composants-rail {
        width: 100% !important;
        max-width: none !important;
        grid-auto-columns: calc((100% - 8px) / 2) !important;
        gap: 8px !important;
    }

    html body .ts-home .ct-hero-slide img,
    html body main.ts-home .ct-hero-slide img,
    html body .ts-home .ct-hero-slide video,
    html body main.ts-home .ct-hero-slide video {
        object-fit: contain !important;
        object-position: center top !important;
        height: 100% !important;
        min-height: 0 !important;
        max-height: none !important;
    }
}

/* Mobile drawer must stay dark in all themes */
@media (max-width: 768px) {
    html body .gz-mobile-menu.gz-mobile-menu,
    html body.theme-dark .gz-mobile-menu.gz-mobile-menu,
    html body.light-theme .gz-mobile-menu.gz-mobile-menu,
    html body:not(.theme-dark) .gz-mobile-menu.gz-mobile-menu {
        background: #070b09 !important;
        color: #f4f7f5 !important;
        border-right: 1px solid rgba(68, 214, 44, .18) !important;
        box-shadow: 18px 0 55px rgba(0, 0, 0, .58) !important;
    }

    html body .gz-mobile-menu-search.gz-mobile-menu-search,
    html body.theme-dark .gz-mobile-menu-search.gz-mobile-menu-search,
    html body.light-theme .gz-mobile-menu-search.gz-mobile-menu-search,
    html body:not(.theme-dark) .gz-mobile-menu-search.gz-mobile-menu-search {
        background: #0b100d !important;
        border-bottom-color: rgba(255, 255, 255, .1) !important;
    }

    html body .gz-mobile-menu-search input,
    html body.theme-dark .gz-mobile-menu-search input,
    html body.light-theme .gz-mobile-menu-search input,
    html body:not(.theme-dark) .gz-mobile-menu-search input {
        color: #f8fafc !important;
        background: transparent !important;
    }

    html body .gz-mobile-menu-search input::placeholder,
    html body.theme-dark .gz-mobile-menu-search input::placeholder,
    html body.light-theme .gz-mobile-menu-search input::placeholder,
    html body:not(.theme-dark) .gz-mobile-menu-search input::placeholder {
        color: rgba(248, 250, 252, .68) !important;
    }

    html body .gz-mobile-menu-search button,
    html body.theme-dark .gz-mobile-menu-search button,
    html body.light-theme .gz-mobile-menu-search button,
    html body:not(.theme-dark) .gz-mobile-menu-search button {
        background: #44d62c !important;
        color: #051006 !important;
        border-left-color: rgba(255, 255, 255, .08) !important;
    }

    html body .gz-mobile-menu-tabs.gz-mobile-menu-tabs,
    html body.theme-dark .gz-mobile-menu-tabs.gz-mobile-menu-tabs,
    html body.light-theme .gz-mobile-menu-tabs.gz-mobile-menu-tabs,
    html body:not(.theme-dark) .gz-mobile-menu-tabs.gz-mobile-menu-tabs {
        border-bottom-color: rgba(68, 214, 44, .35) !important;
    }

    html body .gz-mobile-menu-tabs button,
    html body.theme-dark .gz-mobile-menu-tabs button,
    html body.light-theme .gz-mobile-menu-tabs button,
    html body:not(.theme-dark) .gz-mobile-menu-tabs button {
        background: #0b100d !important;
        color: #f4f7f5 !important;
    }

    html body .gz-mobile-menu-tabs button.active,
    html body.theme-dark .gz-mobile-menu-tabs button.active,
    html body.light-theme .gz-mobile-menu-tabs button.active,
    html body:not(.theme-dark) .gz-mobile-menu-tabs button.active {
        background: #111a14 !important;
        color: #ffffff !important;
    }

    html body .gz-mobile-menu-row.gz-mobile-menu-row,
    html body.theme-dark .gz-mobile-menu-row.gz-mobile-menu-row,
    html body.light-theme .gz-mobile-menu-row.gz-mobile-menu-row,
    html body:not(.theme-dark) .gz-mobile-menu-row.gz-mobile-menu-row {
        background: #070b09 !important;
        color: #f4f7f5 !important;
        border-bottom-color: rgba(255, 255, 255, .1) !important;
        font-weight: 500 !important;
    }

    html body .gz-mobile-menu-row.gz-mobile-menu-row:hover,
    html body.theme-dark .gz-mobile-menu-row.gz-mobile-menu-row:hover,
    html body.light-theme .gz-mobile-menu-row.gz-mobile-menu-row:hover,
    html body:not(.theme-dark) .gz-mobile-menu-row.gz-mobile-menu-row:hover,
    html body .gz-mobile-menu-row.gz-mobile-menu-row.open,
    html body.theme-dark .gz-mobile-menu-row.gz-mobile-menu-row.open,
    html body.light-theme .gz-mobile-menu-row.gz-mobile-menu-row.open,
    html body:not(.theme-dark) .gz-mobile-menu-row.gz-mobile-menu-row.open {
        background: #102015 !important;
        color: #44d62c !important;
    }

    html body .gz-mobile-menu-row i,
    html body.theme-dark .gz-mobile-menu-row i,
    html body.light-theme .gz-mobile-menu-row i,
    html body:not(.theme-dark) .gz-mobile-menu-row i {
        color: rgba(248, 250, 252, .72) !important;
        border-left-color: rgba(255, 255, 255, .1) !important;
    }
}

/* Composants carousel and shop view icon lock */
html body .ts-home .ts-composants-section.ts-composants-section,
html body main.ts-home .ts-composants-section.ts-composants-section {
    padding: 58px 0 !important;
    background: var(--gz-color-bg, #f4f6f7) !important;
}

html body.theme-dark .ts-home .ts-composants-section.ts-composants-section,
html body.theme-dark main.ts-home .ts-composants-section.ts-composants-section {
    background: #06100c !important;
}

html body .ts-home .ts-composants-section .container,
html body main.ts-home .ts-composants-section .container {
    width: min(100% - 48px, 1420px) !important;
    max-width: 1420px !important;
    margin-inline: auto !important;
}

html body .ts-home .ts-composants-inner.ts-composants-inner,
html body main.ts-home .ts-composants-inner.ts-composants-inner {
    display: grid !important;
    grid-template-columns: 280px minmax(0, 1fr) !important;
    gap: 28px !important;
    align-items: stretch !important;
}

html body .ts-home .ts-composants-rail-wrap.ts-composants-rail-wrap,
html body main.ts-home .ts-composants-rail-wrap.ts-composants-rail-wrap {
    position: relative !important;
    width: 100% !important;
    overflow: hidden !important;
    padding: 0 !important;
}

html body .ts-home .ts-composants-rail.ts-composants-rail,
html body main.ts-home .ts-composants-rail.ts-composants-rail {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: calc((100% - 54px) / 4) !important;
    gap: 18px !important;
    width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
}

html body .ts-home .ts-composants-rail > .product-card,
html body main.ts-home .ts-composants-rail > .product-card {
    scroll-snap-align: start !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 438px !important;
}

html body .ts-home .ts-composants-rail > .product-card .product-img,
html body main.ts-home .ts-composants-rail > .product-card .product-img {
    height: 230px !important;
    min-height: 230px !important;
}

html body .ts-home .ts-composants-rail > .product-card .product-img img,
html body main.ts-home .ts-composants-rail > .product-card .product-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
}

html body .ts-home .ts-comp-nav.ts-comp-nav,
html body main.ts-home .ts-comp-nav.ts-comp-nav {
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 5 !important;
}

html body .ts-home .ts-comp-prev.ts-comp-prev,
html body main.ts-home .ts-comp-prev.ts-comp-prev {
    left: 10px !important;
    right: auto !important;
}

html body .ts-home .ts-comp-next.ts-comp-next,
html body main.ts-home .ts-comp-next.ts-comp-next {
    right: 10px !important;
}

/* Shop view controls: show both 4-column and 3-column grid buttons with distinct CSS icons. */
html body.template-shop .ct-shop-page .ct-view-switcher.ct-view-switcher > a,
html body.template-shop .ct-mobile-view-btn.ct-mobile-view-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

html body.template-shop .ct-mobile-view-btn i,
html body.template-shop .ct-view-switcher a i {
    display: none !important;
}

html body.template-shop .ct-mobile-view-btn::before,
html body.template-shop .ct-view-switcher a::before {
    content: "" !important;
    display: block !important;
    width: 22px !important;
    height: 22px !important;
    background: currentColor !important;
    opacity: .95 !important;
    mask-repeat: no-repeat !important;
    mask-position: center !important;
    -webkit-mask-repeat: no-repeat !important;
    -webkit-mask-position: center !important;
}

html body.template-shop .ct-grid-icon {
    display: grid !important;
    width: 17px !important;
    height: 17px !important;
    gap: 3px !important;
    color: currentColor !important;
}

html body.template-shop .ct-grid-icon span {
    display: block !important;
    border: 1.7px solid currentColor !important;
    border-radius: 2px !important;
    background: transparent !important;
}

html body.template-shop .ct-grid-icon--4 {
    grid-template-columns: repeat(2, 1fr) !important;
    grid-template-rows: repeat(2, 1fr) !important;
}

html body.template-shop .ct-grid-icon--3 {
    grid-template-columns: 1fr !important;
    grid-template-rows: repeat(3, 1fr) !important;
}

html body.template-shop .ct-mobile-view-grid::before,
html body.template-shop .ct-view-switcher a[aria-label*="4"]::before {
    -webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0), linear-gradient(#000 0 0), linear-gradient(#000 0 0) !important;
    -webkit-mask-size: 9px 9px, 9px 9px, 9px 9px, 9px 9px !important;
    -webkit-mask-position: 0 0, 13px 0, 0 13px, 13px 13px !important;
    mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0), linear-gradient(#000 0 0), linear-gradient(#000 0 0) !important;
    mask-size: 9px 9px, 9px 9px, 9px 9px, 9px 9px !important;
    mask-position: 0 0, 13px 0, 0 13px, 13px 13px !important;
}

html body.template-shop .ct-mobile-view-list::before,
html body.template-shop .ct-view-switcher a[aria-label*="3"]::before {
    -webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0), linear-gradient(#000 0 0) !important;
    -webkit-mask-size: 22px 4px, 22px 4px, 22px 4px !important;
    -webkit-mask-position: 0 2px, 0 9px, 0 16px !important;
    mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0), linear-gradient(#000 0 0) !important;
    mask-size: 22px 4px, 22px 4px, 22px 4px !important;
    mask-position: 0 2px, 0 9px, 0 16px !important;
}

@media (max-width: 760px) {
    html body .ts-home .ts-composants-section.ts-composants-section,
    html body main.ts-home .ts-composants-section.ts-composants-section {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 26px 0 36px !important;
        overflow-x: clip !important;
    }

    html body .ts-home .ts-composants-section .container,
    html body main.ts-home .ts-composants-section .container {
        width: 100% !important;
        max-width: none !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    html body .ts-home .ts-composants-inner.ts-composants-inner,
    html body main.ts-home .ts-composants-inner.ts-composants-inner {
        display: block !important;
    }

    html body .ts-home .ts-composants-sidebar.ts-composants-sidebar,
    html body main.ts-home .ts-composants-sidebar.ts-composants-sidebar {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        margin-bottom: 22px !important;
    }

    html body .ts-home .ts-composants-tab.ts-composants-tab,
    html body main.ts-home .ts-composants-tab.ts-composants-tab {
        min-height: 44px !important;
        padding: 9px 10px !important;
        justify-content: center !important;
        text-align: center !important;
        font-size: 13px !important;
        line-height: 1.15 !important;
    }

    html body .ts-home .ts-composants-tab .ts-tab-arrow,
    html body main.ts-home .ts-composants-tab .ts-tab-arrow {
        display: none !important;
    }

    html body .ts-home .ts-composants-rail-wrap.ts-composants-rail-wrap,
    html body main.ts-home .ts-composants-rail-wrap.ts-composants-rail-wrap {
        padding-top: 52px !important;
        overflow: visible !important;
    }

    html body .ts-home .ts-composants-rail.ts-composants-rail,
    html body main.ts-home .ts-composants-rail.ts-composants-rail {
        grid-auto-columns: calc((100% - 10px) / 2) !important;
        gap: 10px !important;
        width: 100% !important;
        overflow-x: auto !important;
    }

    html body .ts-home .ts-composants-rail > .product-card,
    html body main.ts-home .ts-composants-rail > .product-card {
        min-height: 392px !important;
    }

    html body .ts-home .ts-composants-rail > .product-card .product-img,
    html body main.ts-home .ts-composants-rail > .product-card .product-img {
        height: 168px !important;
        min-height: 168px !important;
    }

    html body .ts-home .ts-comp-nav.ts-comp-nav,
    html body main.ts-home .ts-comp-nav.ts-comp-nav {
        top: 0 !important;
        transform: none !important;
        width: 38px !important;
        height: 38px !important;
    }

    html body .ts-home .ts-comp-prev.ts-comp-prev,
    html body main.ts-home .ts-comp-prev.ts-comp-prev {
        left: auto !important;
        right: 50px !important;
    }

    html body .ts-home .ts-comp-next.ts-comp-next,
    html body main.ts-home .ts-comp-next.ts-comp-next {
        right: 4px !important;
    }
}

/* Storefront production overrides: final cascade layer */
html body .footer.gz-footer,
html body.theme-dark .footer.gz-footer,
html body.light-theme .footer.gz-footer,
html body:not(.theme-dark) .footer.gz-footer {
    background-color: #020403 !important;
    background-image: linear-gradient(180deg, rgb(2 4 3 / 35%), rgb(2 4 3 / 0%)), url("../images/bg-footer.svg") !important;
    background-repeat: repeat !important;
    background-position: center top !important;
    background-size: 520px 520px !important;
}

html body .ts-home .ts-composants-section.ts-composants-section,
html body main.ts-home .ts-composants-section.ts-composants-section {
    width: 100% !important;
    padding: 58px 0 62px !important;
    background: #eef2f5 !important;
    overflow: clip !important;
}

html body.theme-dark .ts-home .ts-composants-section.ts-composants-section,
html body.theme-dark main.ts-home .ts-composants-section.ts-composants-section {
    background: #06100c !important;
}

html body .ts-home .ts-composants-section .container,
html body main.ts-home .ts-composants-section .container {
    width: min(100% - 48px, 1420px) !important;
    max-width: 1420px !important;
    margin-inline: auto !important;
}

html body .ts-home .ts-composants-inner.ts-composants-inner,
html body main.ts-home .ts-composants-inner.ts-composants-inner {
    display: grid !important;
    grid-template-columns: 280px minmax(0, 1fr) !important;
    gap: 28px !important;
    align-items: stretch !important;
}

html body .ts-home .ts-composants-rail-wrap.ts-composants-rail-wrap,
html body main.ts-home .ts-composants-rail-wrap.ts-composants-rail-wrap {
    position: relative !important;
    width: 100% !important;
    overflow: hidden !important;
    padding: 0 !important;
}

html body .ts-home .ts-composants-rail.ts-composants-rail,
html body main.ts-home .ts-composants-rail.ts-composants-rail {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: calc((100% - 54px) / 4) !important;
    gap: 18px !important;
    width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: none !important;
}

html body .ts-home .ts-composants-rail.ts-composants-rail::-webkit-scrollbar,
html body main.ts-home .ts-composants-rail.ts-composants-rail::-webkit-scrollbar {
    display: none !important;
}

html body .ts-home .ts-composants-rail > .product-card,
html body main.ts-home .ts-composants-rail > .product-card {
    scroll-snap-align: start !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 438px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    background: #ffffff !important;
    border: 1px solid rgba(15, 23, 42, .08) !important;
    box-shadow: 0 12px 32px rgba(15, 23, 42, .08) !important;
}

html body.theme-dark .ts-home .ts-composants-rail > .product-card,
html body.theme-dark main.ts-home .ts-composants-rail > .product-card {
    background: #111713 !important;
    border-color: rgba(68, 214, 44, .18) !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, .34) !important;
}

html body .ts-home .ts-composants-rail > .product-card .product-img,
html body main.ts-home .ts-composants-rail > .product-card .product-img {
    height: 230px !important;
    min-height: 230px !important;
    padding: 14px !important;
    background: #f4f7f9 !important;
    border-radius: 0 !important;
}

html body .ts-home .ts-composants-rail > .product-card .product-img img,
html body main.ts-home .ts-composants-rail > .product-card .product-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    transform: none !important;
}

html body .ts-home .ts-composants-rail > .product-card .product-info,
html body main.ts-home .ts-composants-rail > .product-card .product-info {
    padding: 18px 18px 20px !important;
    display: grid !important;
    grid-template-rows: auto minmax(44px, auto) 1fr auto !important;
    gap: 10px !important;
}

html body .ts-home .ts-composants-rail > .product-card .product-name,
html body main.ts-home .ts-composants-rail > .product-card .product-name {
    font-size: 15px !important;
    line-height: 1.28 !important;
    font-weight: 700 !important;
    color: #07120d !important;
}

html body.theme-dark .ts-home .ts-composants-rail > .product-card .product-name,
html body.theme-dark main.ts-home .ts-composants-rail > .product-card .product-name {
    color: #f8fafc !important;
}

html body .ts-home .ts-composants-rail > .product-card .product-cat,
html body main.ts-home .ts-composants-rail > .product-card .product-cat {
    color: #60756b !important;
    font-weight: 500 !important;
}

html body.theme-dark .ts-home .ts-composants-rail > .product-card .product-cat,
html body.theme-dark main.ts-home .ts-composants-rail > .product-card .product-cat {
    color: #9fb0a8 !important;
}

html body .ts-home .ts-composants-rail > .product-card .product-price .current,
html body main.ts-home .ts-composants-rail > .product-card .product-price .current {
    color: #00950f !important;
    font-size: 22px !important;
    line-height: 1.05 !important;
    font-weight: 800 !important;
}

html body .ts-home .ts-composants-rail > .product-card .product-cart-icon,
html body main.ts-home .ts-composants-rail > .product-card .product-cart-icon {
    width: 38px !important;
    height: 38px !important;
    border-radius: 8px !important;
    background: #050706 !important;
    color: #ffffff !important;
}

html body .ts-home .ts-comp-nav.ts-comp-nav,
html body main.ts-home .ts-comp-nav.ts-comp-nav {
    width: 42px !important;
    height: 42px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    color: #092017 !important;
    border: 1px solid rgba(15, 23, 42, .08) !important;
    box-shadow: 0 12px 28px rgba(15, 23, 42, .14) !important;
    z-index: 6 !important;
}

html body.theme-dark .ts-home .ts-comp-nav.ts-comp-nav,
html body.theme-dark main.ts-home .ts-comp-nav.ts-comp-nav {
    background: #0c1711 !important;
    color: #ffffff !important;
    border-color: rgba(68, 214, 44, .18) !important;
    box-shadow: 0 16px 34px rgba(0, 0, 0, .36) !important;
}

html body .ts-home .ts-comp-nav.ts-comp-nav:hover,
html body main.ts-home .ts-comp-nav.ts-comp-nav:hover {
    background: #44d62c !important;
    color: #041007 !important;
}

html body .ts-home .ts-comp-prev.ts-comp-prev,
html body main.ts-home .ts-comp-prev.ts-comp-prev {
    left: 10px !important;
    right: auto !important;
}

html body .ts-home .ts-comp-next.ts-comp-next,
html body main.ts-home .ts-comp-next.ts-comp-next {
    right: 10px !important;
}

@media (max-width: 760px) {
    html body .ts-home .ts-composants-section.ts-composants-section,
    html body main.ts-home .ts-composants-section.ts-composants-section {
        padding: 30px 0 40px !important;
    }

    html body .ts-home .ts-composants-section .container,
    html body main.ts-home .ts-composants-section .container {
        width: 100% !important;
        max-width: none !important;
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    html body .ts-home .ts-composants-inner.ts-composants-inner,
    html body main.ts-home .ts-composants-inner.ts-composants-inner {
        display: block !important;
    }

    html body .ts-home .ts-composants-sidebar.ts-composants-sidebar,
    html body main.ts-home .ts-composants-sidebar.ts-composants-sidebar {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        margin-bottom: 22px !important;
    }

    html body .ts-home .ts-composants-tab.ts-composants-tab,
    html body main.ts-home .ts-composants-tab.ts-composants-tab {
        min-height: 44px !important;
        padding: 9px 8px !important;
        font-size: 12.5px !important;
        line-height: 1.15 !important;
        justify-content: center !important;
        text-align: center !important;
    }

    html body .ts-home .ts-composants-rail-wrap.ts-composants-rail-wrap,
    html body main.ts-home .ts-composants-rail-wrap.ts-composants-rail-wrap {
        overflow: visible !important;
        padding-top: 50px !important;
    }

    html body .ts-home .ts-composants-rail.ts-composants-rail,
    html body main.ts-home .ts-composants-rail.ts-composants-rail {
        grid-auto-columns: calc((100% - 10px) / 2) !important;
        gap: 10px !important;
    }

    html body .ts-home .ts-composants-rail > .product-card,
    html body main.ts-home .ts-composants-rail > .product-card {
        min-height: 382px !important;
        border-radius: 8px !important;
    }

    html body .ts-home .ts-composants-rail > .product-card .product-img,
    html body main.ts-home .ts-composants-rail > .product-card .product-img {
        height: 150px !important;
        min-height: 150px !important;
        padding: 10px !important;
    }

    html body .ts-home .ts-composants-rail > .product-card .product-info,
    html body main.ts-home .ts-composants-rail > .product-card .product-info {
        padding: 14px 12px 16px !important;
        gap: 8px !important;
    }

    html body .ts-home .ts-composants-rail > .product-card .product-name,
    html body main.ts-home .ts-composants-rail > .product-card .product-name {
        font-size: 13px !important;
        line-height: 1.25 !important;
        min-height: 48px !important;
    }

    html body .ts-home .ts-composants-rail > .product-card .product-price .current,
    html body main.ts-home .ts-composants-rail > .product-card .product-price .current {
        font-size: 18px !important;
    }

    html body .ts-home .ts-comp-nav.ts-comp-nav,
    html body main.ts-home .ts-comp-nav.ts-comp-nav {
        top: 0 !important;
        transform: none !important;
        width: 38px !important;
        height: 38px !important;
    }

    html body .ts-home .ts-comp-prev.ts-comp-prev,
    html body main.ts-home .ts-comp-prev.ts-comp-prev {
        left: auto !important;
        right: 52px !important;
    }

    html body .ts-home .ts-comp-next.ts-comp-next,
    html body main.ts-home .ts-comp-next.ts-comp-next {
        right: 4px !important;
    }
}

/* Storefront final carousel layer: home components match related-products cards */
html body .ts-home .ts-composants-section .container,
html body main.ts-home .ts-composants-section .container {
    width: min(100% - 32px, 1360px) !important;
}

html body .ts-home .ts-composants-inner.ts-composants-inner,
html body main.ts-home .ts-composants-inner.ts-composants-inner {
    grid-template-columns: 280px minmax(0, 1fr) !important;
    gap: 24px !important;
}

html body .ts-home .ts-composants-rail.ts-composants-rail,
html body main.ts-home .ts-composants-rail.ts-composants-rail {
    grid-auto-columns: calc((100% - 48px) / 4) !important;
    gap: 16px !important;
}

html body .ts-home .ts-composants-rail > .product-card,
html body main.ts-home .ts-composants-rail > .product-card {
    min-height: 444px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
}

html body .ts-home .ts-composants-rail > .product-card .product-img,
html body main.ts-home .ts-composants-rail > .product-card .product-img {
    height: 238px !important;
    min-height: 238px !important;
    padding: 18px !important;
}

html body .ts-home .ts-composants-rail > .product-card .product-info,
html body main.ts-home .ts-composants-rail > .product-card .product-info {
    padding: 17px 18px 18px !important;
    gap: 10px !important;
}

@media (max-width: 760px) {
    html body .ts-home .ts-composants-section .container,
    html body main.ts-home .ts-composants-section .container {
        width: 100% !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    html body .ts-home .ts-composants-sidebar.ts-composants-sidebar,
    html body main.ts-home .ts-composants-sidebar.ts-composants-sidebar {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        margin-bottom: 18px !important;
    }

    html body .ts-home .ts-composants-rail-wrap.ts-composants-rail-wrap,
    html body main.ts-home .ts-composants-rail-wrap.ts-composants-rail-wrap {
        padding-top: 48px !important;
        margin-left: -2px !important;
        margin-right: -2px !important;
    }

    html body .ts-home .ts-composants-rail.ts-composants-rail,
    html body main.ts-home .ts-composants-rail.ts-composants-rail {
        grid-auto-columns: calc((100% - 10px) / 2) !important;
        gap: 10px !important;
        padding: 0 2px 8px !important;
    }

    html body .ts-home .ts-composants-rail > .product-card,
    html body main.ts-home .ts-composants-rail > .product-card {
        min-height: 342px !important;
        border-radius: 8px !important;
    }

    html body .ts-home .ts-composants-rail > .product-card .product-img,
    html body main.ts-home .ts-composants-rail > .product-card .product-img {
        height: 158px !important;
        min-height: 158px !important;
        padding: 12px !important;
    }

    html body .ts-home .ts-composants-rail > .product-card .product-info,
    html body main.ts-home .ts-composants-rail > .product-card .product-info {
        padding: 13px 11px 14px !important;
        gap: 7px !important;
    }

    html body .ts-home .ts-composants-rail > .product-card .product-name,
    html body main.ts-home .ts-composants-rail > .product-card .product-name {
        font-size: 12.5px !important;
        line-height: 1.22 !important;
        min-height: 46px !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 3 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }
}

/* Storefront final sizing pass: make home component carousel closer to related-products cards */
html body .ts-home .ts-composants-inner.ts-composants-inner,
html body main.ts-home .ts-composants-inner.ts-composants-inner {
    grid-template-columns: 240px minmax(0, 1fr) !important;
}

html body .ts-home .ts-composants-rail > .product-card,
html body main.ts-home .ts-composants-rail > .product-card {
    min-height: 415px !important;
}

html body .ts-home .ts-composants-rail > .product-card .product-img,
html body main.ts-home .ts-composants-rail > .product-card .product-img {
    height: 248px !important;
    min-height: 248px !important;
    padding: 12px !important;
}

html body .ts-home .ts-composants-rail > .product-card .product-info,
html body main.ts-home .ts-composants-rail > .product-card .product-info {
    padding: 14px 16px 16px !important;
    gap: 8px !important;
}

/* Final shop controls lock EOF: two clean grid icons and readable category chips. */
html body.template-shop .ct-shop-page .products-top-bar .ct-view-switcher.ct-view-switcher {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 14px !important;
    width: auto !important;
    min-width: 88px !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

html body.template-shop .ct-shop-page .products-top-bar .ct-view-switcher.ct-view-switcher > a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #111111 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    opacity: 1 !important;
}

html body.theme-dark.template-shop .ct-shop-page .products-top-bar .ct-view-switcher.ct-view-switcher > a {
    color: #ffffff !important;
}

html body.template-shop .ct-shop-page .products-top-bar .ct-view-switcher.ct-view-switcher > a i,
html body.template-shop .ct-shop-page .products-top-bar .ct-view-switcher.ct-view-switcher > a .ct-grid-icon {
    display: none !important;
}

html body.template-shop .ct-shop-page .products-top-bar .ct-view-switcher.ct-view-switcher > a::before {
    content: "" !important;
    display: block !important;
    width: 22px !important;
    height: 22px !important;
    background-color: currentColor !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
}

html body.template-shop .ct-shop-page .products-top-bar .ct-view-switcher.ct-view-switcher > a[aria-label*="4"]::before {
    -webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0), linear-gradient(#000 0 0), linear-gradient(#000 0 0) !important;
    -webkit-mask-size: 9px 9px, 9px 9px, 9px 9px, 9px 9px !important;
    -webkit-mask-position: 1px 1px, 12px 1px, 1px 12px, 12px 12px !important;
}

html body.template-shop .ct-shop-page .products-top-bar .ct-view-switcher.ct-view-switcher > a[aria-label*="3"]::before {
    -webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0), linear-gradient(#000 0 0) !important;
    -webkit-mask-size: 22px 4px, 22px 4px, 22px 4px !important;
    -webkit-mask-position: 0 2px, 0 9px, 0 16px !important;
}

html body.template-shop .ct-shop-page .products-top-bar .ct-view-switcher.ct-view-switcher > a.active,
html body.template-shop .ct-shop-page .products-top-bar .ct-view-switcher.ct-view-switcher > a:hover {
    color: #44d62c !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

html body.template-shop .ct-shop-page .products-top-bar .ct-frequent-searches.ct-frequent-searches-inline > a,
html body.template-shop .ct-shop-page .ct-frequent-searches.ct-frequent-searches-inline > a {
    background: linear-gradient(180deg, #252525 0%, #090909 100%) !important;
    border: 1px solid rgba(255, 255, 255, .12) !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    box-shadow: 0 7px 16px rgba(0, 0, 0, .16) !important;
}

html body.template-shop .ct-shop-page .products-top-bar .ct-frequent-searches.ct-frequent-searches-inline > a.active,
html body.template-shop .ct-shop-page .products-top-bar .ct-frequent-searches.ct-frequent-searches-inline > a:hover,
html body.template-shop .ct-shop-page .ct-frequent-searches.ct-frequent-searches-inline > a.active,
html body.template-shop .ct-shop-page .ct-frequent-searches.ct-frequent-searches-inline > a:hover {
    background: linear-gradient(180deg, #111111 0%, #030303 100%) !important;
    border-color: #44d62c !important;
    color: #44d62c !important;
}

/* Product mobile buybox alignment - 20260828 */
@media (max-width: 760px) {
    html body.template-product .gz-p-info-card .gz-p-meta-row.gz-p-meta-inline {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 12px !important;
        min-height: 54px !important;
    }

    html body.template-product .gz-p-info-card .gz-p-meta-row.gz-p-meta-inline .gz-p-meta-label {
        flex: 0 0 auto !important;
        min-width: 58px !important;
        margin: 0 !important;
        line-height: 1 !important;
    }

    html body.template-product .gz-p-info-card .gz-p-meta-row.gz-p-meta-inline .gz-p-meta-val,
    html body.template-product .gz-p-info-card .gz-p-meta-row.gz-p-meta-inline .gz-p-meta-inline-val,
    html body.template-product .gz-p-info-card .gz-p-meta-row.gz-p-meta-inline .gz-p-brand-row {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        margin: 0 !important;
        min-width: 0 !important;
    }

    html body.template-product .gz-p-info-card .gz-p-meta-row.gz-p-meta-inline img.gz-p-brand-logo {
        display: block !important;
        max-width: 92px !important;
        max-height: 34px !important;
        width: auto !important;
        height: auto !important;
        object-fit: contain !important;
        margin: 0 !important;
    }

    html body.template-product .gz-p-info-card .gz-p-order-actions {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 62px !important;
        gap: 10px !important;
        align-items: stretch !important;
    }

    html body.template-product .gz-p-info-card .gz-p-order-actions .gz-p-add-form {
        min-width: 0 !important;
    }

    html body.template-product .gz-p-info-card .gz-p-order-actions .gz-p-add-form .gz-p-qty-row {
        margin-bottom: 10px !important;
    }

    html body.template-product .gz-p-info-card .gz-p-order-actions .gz-p-add-btn,
    html body.template-product .gz-p-info-card .gz-p-order-actions .gz-p-whatsapp-btn {
        height: 54px !important;
        min-height: 54px !important;
        border-radius: 8px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        line-height: 1 !important;
        white-space: nowrap !important;
        margin: 0 !important;
    }

    html body.template-product .gz-p-info-card .gz-p-order-actions .gz-p-add-btn {
        width: 100% !important;
        padding: 0 14px !important;
    }

    html body.template-product .gz-p-info-card .gz-p-order-actions .gz-p-whatsapp-btn {
        width: 62px !important;
        min-width: 62px !important;
        max-width: 62px !important;
        padding: 0 !important;
        background: #22c55e !important;
        border: 1px solid #22c55e !important;
        color: #ffffff !important;
        overflow: hidden !important;
        font-size: 0 !important;
    }

    html body.template-product .gz-p-info-card .gz-p-order-actions .gz-p-whatsapp-btn i,
    html body.template-product .gz-p-info-card .gz-p-order-actions .gz-p-whatsapp-btn svg {
        color: #ffffff !important;
        fill: currentColor !important;
        font-size: 21px !important;
        width: 21px !important;
        height: 21px !important;
        margin: 0 !important;
    }
}

/* Mobile product cards final */
@media (max-width: 760px) {
    html body .products-grid,
    html body.template-shop .products-main .products-grid,
    html body.template-shop .products-main .products-grid.cols-3,
    html body.template-shop .products-main .products-grid.cols-4,
    html body.template-shop .products-main .products-grid.cols-5,
    html body .ts-product-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        align-items: stretch !important;
    }

    html body.template-shop .products-main .products-grid.list-view,
    html body.template-shop .products-main .products-grid.list-view.compact {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    html body .product-card,
    html body.template-shop .product-card,
    html body.template-shop .product-card-list,
    html body .ts-product-grid > .product-card {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        overflow: hidden !important;
        border-radius: 8px !important;
    }

    html body.theme-dark .product-card,
    html body.theme-dark.template-shop .product-card,
    html body.theme-dark.template-shop .product-card-list {
        background: #151816 !important;
        border-color: rgba(255, 255, 255, .09) !important;
        color: #ffffff !important;
    }

    html body.light-theme .product-card,
    html body.light-theme.template-shop .product-card,
    html body.light-theme.template-shop .product-card-list,
    html body:not(.theme-dark) .product-card,
    html body:not(.theme-dark).template-shop .product-card,
    html body:not(.theme-dark).template-shop .product-card-list {
        background: #ffffff !important;
        border-color: #e5e7eb !important;
        color: #07110b !important;
    }

    html body .product-card .product-img,
    html body.template-shop .product-card .product-img,
    html body.template-shop .product-card-list .product-card-img {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        aspect-ratio: 1 / .92 !important;
        padding: 10px !important;
        border-radius: 8px 8px 0 0 !important;
        background: #ffffff !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        overflow: hidden !important;
    }

    html body .product-card .product-img img,
    html body.template-shop .product-card .product-img img,
    html body.template-shop .product-card-list .product-card-img img {
        width: 100% !important;
        height: 100% !important;
        max-width: 100% !important;
        max-height: 100% !important;
        object-fit: contain !important;
        transform: none !important;
    }

    html body .product-card .product-info,
    html body.template-shop .product-card .product-info,
    html body.template-shop .product-card-list .product-card-content {
        flex: 1 1 auto !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 6px !important;
        padding: 10px !important;
        min-width: 0 !important;
    }

    html body .product-card .product-cat,
    html body.template-shop .product-card .product-cat,
    html body.template-shop .product-card-list .product-card-cat {
        margin: 0 !important;
        font-size: 10px !important;
        line-height: 1.2 !important;
        font-weight: 600 !important;
        text-transform: uppercase !important;
        color: #6b7280 !important;
    }

    html body .product-card .product-name,
    html body .product-card .product-info h4,
    html body.template-shop .product-card .product-name,
    html body.template-shop .product-card-list .product-card-title {
        margin: 0 !important;
        min-height: 45px !important;
        font-size: 12px !important;
        line-height: 1.25 !important;
        font-weight: 700 !important;
        color: inherit !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 3 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    html body .product-card .product-rating,
    html body.template-shop .product-card .product-rating {
        min-height: 16px !important;
        margin: 0 !important;
        font-size: 10px !important;
    }

    html body .product-card .product-price,
    html body .product-card .product-price-row,
    html body.template-shop .product-card-list .product-card-actions {
        margin-top: auto !important;
        display: flex !important;
        align-items: flex-end !important;
        justify-content: space-between !important;
        gap: 8px !important;
    }

    html body .product-card .current,
    html body.template-shop .product-card-list .current {
        font-size: 18px !important;
        line-height: 1.05 !important;
        font-weight: 800 !important;
        color: #00a818 !important;
    }

    html body .product-card .old,
    html body.template-shop .product-card-list .old {
        font-size: 11px !important;
        color: #8b8f97 !important;
    }

    html body .product-card .product-cart-icon,
    html body .product-card .add-to-cart,
    html body.template-shop .product-card-list .product-card-cart,
    html body.template-shop .product-card-list .card-action-btn {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
        min-height: 36px !important;
        padding: 0 !important;
        border-radius: 8px !important;
        background: #050607 !important;
        border: 0 !important;
        color: #ffffff !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        box-shadow: none !important;
    }

    html body .product-card .product-cart-icon i,
    html body .product-card .add-to-cart i,
    html body.template-shop .product-card-list .product-card-cart i,
    html body.template-shop .product-card-list .card-action-btn i {
        color: #ffffff !important;
        font-size: 15px !important;
        line-height: 1 !important;
    }

    html body .product-card .product-whatsapp-notify,
    html body .product-card .request-quote,
    html body.template-shop .product-card-list .product-whatsapp-notify {
        background: #22c55e !important;
        color: #ffffff !important;
    }
}

/* 2026-08-28 final EOF lock: gamingzone-like mobile cards and stable media */
@media (max-width: 760px) {
    html body main.ts-home .ct-hero.ts-slider,
    html body .ct-hero.ts-slider {
        height: 390px !important;
        min-height: 390px !important;
        max-height: 390px !important;
        background: #000000 !important;
        overflow: hidden !important;
    }

    html body main.ts-home .ct-hero-slide,
    html body main.ts-home .ct-hero-slide picture,
    html body main.ts-home .ct-hero-slide img {
        height: 100% !important;
        min-height: 0 !important;
    }

    html body main.ts-home .ct-hero-slide img {
        width: 100% !important;
        object-fit: cover !important;
        object-position: center center !important;
    }

    html body main.ts-home .ts-product-grid,
    html body main.ts-home .ts-product-carousel {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    html body main.ts-home .ts-product-grid > .product-card,
    html body main.ts-home .ts-product-carousel > .product-card {
        width: 100% !important;
        min-width: 0 !important;
    }

    html body main.ts-home .ts-composants-section {
        padding: 26px 0 !important;
    }

    html body main.ts-home .ts-composants-section > .container {
        width: 100% !important;
        max-width: none !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    html body main.ts-home .ts-composants-inner {
        display: block !important;
    }

    html body main.ts-home .ts-composants-sidebar {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        margin-bottom: 18px !important;
    }

    html body main.ts-home .ts-composants-tab {
        min-height: 44px !important;
        padding: 8px 10px !important;
        border-radius: 7px !important;
        font-size: 13px !important;
        line-height: 1.15 !important;
        font-weight: 800 !important;
        text-align: center !important;
    }

    html body main.ts-home .ts-composants-rail-wrap {
        margin: 0 !important;
        padding: 54px 0 0 !important;
        position: relative !important;
        overflow: visible !important;
    }

    html body main.ts-home .ts-composants-rail {
        display: grid !important;
        grid-auto-flow: column !important;
        grid-auto-columns: calc((100% - 10px) / 2) !important;
        grid-template-columns: none !important;
        gap: 10px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scroll-snap-type: x mandatory !important;
        padding: 0 2px 8px !important;
    }

    html body main.ts-home .ts-composants-rail > .product-card {
        scroll-snap-align: start !important;
    }

    html body main.ts-home .ts-comp-nav {
        top: 0 !important;
        transform: none !important;
        width: 40px !important;
        height: 40px !important;
        border-radius: 999px !important;
        background: #ffffff !important;
        color: #07110b !important;
        box-shadow: 0 8px 22px rgba(0, 0, 0, .14) !important;
    }

    html body main.ts-home .ts-comp-prev {
        left: auto !important;
        right: 52px !important;
    }

    html body main.ts-home .ts-comp-next {
        right: 2px !important;
    }

    html body main.ts-home .ts-composants-rail .product-card .product-name,
    html body main.ts-home .ts-product-grid .product-card .product-name,
    html body main.ts-home .ts-product-carousel .product-card .product-name,
    html body.template-shop .products-grid .product-card .product-name {
        height: 34px !important;
        min-height: 34px !important;
        max-height: 34px !important;
        font-size: 12px !important;
        line-height: 17px !important;
        font-weight: 800 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    html body .product-card .current,
    html body.template-shop .product-card .current,
    html body main.ts-home .product-card .current {
        font-size: 16px !important;
        line-height: 1.12 !important;
        font-weight: 800 !important;
    }

    html body .product-card .old,
    html body.template-shop .product-card .old,
    html body main.ts-home .product-card .old {
        font-size: 10px !important;
        line-height: 1.15 !important;
    }

    html body main.ts-home .ts-flash-panel {
        display: block !important;
        padding: 16px !important;
        border-radius: 8px !important;
        background: linear-gradient(180deg, #073018 0%, #020403 100%) !important;
        border: 1px solid rgba(34, 197, 94, .28) !important;
        box-shadow: none !important;
    }

    html body main.ts-home .ts-flash-products {
        display: grid !important;
        grid-auto-flow: column !important;
        grid-auto-columns: calc((100% - 10px) / 2) !important;
        grid-template-columns: none !important;
        gap: 10px !important;
        overflow-x: auto !important;
        scroll-snap-type: x mandatory !important;
        padding-bottom: 6px !important;
    }

    html body main.ts-home .ts-flash-card {
        scroll-snap-align: start !important;
        min-width: 0 !important;
        width: 100% !important;
        border-radius: 8px !important;
        background: #ffffff !important;
        color: #07110b !important;
    }

    html body main.ts-home .ts-flash-img {
        height: 136px !important;
        background: #f5f7f8 !important;
    }

    html body main.ts-home .ts-flash-img img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
    }
}

html body.template-product .gz-p-brand-row {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: auto !important;
    max-width: 180px !important;
}

html body.template-product .gz-p-brand-row .gz-p-brand-logo {
    display: none !important;
    width: auto !important;
    max-width: 112px !important;
    max-height: 32px !important;
    object-fit: contain !important;
}

html body.template-product.light-theme .gz-p-brand-row .gz-p-brand-light,
html body.template-product:not(.theme-dark) .gz-p-brand-row .gz-p-brand-light {
    display: block !important;
}

html body.template-product.theme-dark:not(.light-theme) .gz-p-brand-row .gz-p-brand-dark {
    display: block !important;
}

html body.template-product.theme-dark.light-theme .gz-p-brand-row .gz-p-brand-logo {
    display: none !important;
}

html body.template-product.theme-dark.light-theme .gz-p-brand-row .gz-p-brand-light {
    display: block !important;
}

/* ============================================================
   COMPOSANTS PC (tabbed) cards -> match SCREEN SPACE / ORDI
   (ts-product-grid + ts-product-carousel look) 20260828
   ============================================================ */
html body .ts-home .ts-composants-rail > .product-card,
html body main.ts-home .ts-composants-rail > .product-card {
    background: #ffffff !important;
    border: 1px solid #e0e4e1 !important;
    border-radius: 8px !important;
    box-shadow: 0 8px 22px rgba(0, 0, 0, .045) !important;
    padding: 8px !important;
}

html body .ts-home .ts-composants-rail > .product-card .product-img,
html body main.ts-home .ts-composants-rail > .product-card .product-img {
    aspect-ratio: 1 / .92 !important;
    height: auto !important;
    min-height: 0 !important;
    border-radius: 6px !important;
    background: #f7f8f7 !important;
}

html body .ts-home .ts-composants-rail > .product-card .product-info,
html body main.ts-home .ts-composants-rail > .product-card .product-info {
    gap: 8px !important;
    padding: 15px 10px 12px !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: auto !important;
    grid-auto-rows: min-content !important;
}

html body .ts-home .ts-composants-rail > .product-card .product-cat,
html body main.ts-home .ts-composants-rail > .product-card .product-cat {
    font-size: 12.5px !important;
    font-weight: 800 !important;
}

html body .ts-home .ts-composants-rail > .product-card .product-name,
html body main.ts-home .ts-composants-rail > .product-card .product-name {
    min-height: 42px !important;
    font-size: 13.5px !important;
    line-height: 1.35 !important;
    font-weight: 800 !important;
    color: #07120d !important;
}

html body .ts-home .ts-composants-rail > .product-card .product-price .current,
html body main.ts-home .ts-composants-rail > .product-card .product-price .current {
    font-size: 19px !important;
    line-height: 1.1 !important;
}

/* Dark mode - match ts-product-carousel / ts-product-grid */
html body.theme-dark .ts-home .ts-composants-rail > .product-card,
html body.theme-dark main.ts-home .ts-composants-rail > .product-card {
    background: #111 !important;
    border-color: #222 !important;
}

html body.theme-dark .ts-home .ts-composants-rail > .product-card .product-img,
html body.theme-dark main.ts-home .ts-composants-rail > .product-card .product-img {
    background: #f7f8f7 !important;
}

html body.theme-dark .ts-home .ts-composants-rail > .product-card .product-name,
html body.theme-dark main.ts-home .ts-composants-rail > .product-card .product-name,
html body.theme-dark .ts-home .ts-composants-rail > .product-card .product-price .current,
html body.theme-dark main.ts-home .ts-composants-rail > .product-card .product-price .current {
    color: #f0f0f0 !important;
}

html body.theme-dark .ts-home .ts-composants-rail > .product-card .product-cat,
html body.theme-dark main.ts-home .ts-composants-rail > .product-card .product-cat,
html body.theme-dark .ts-home .ts-composants-rail > .product-card .product-price .old,
html body.theme-dark main.ts-home .ts-composants-rail > .product-card .product-price .old {
    color: #999 !important;
}

/* ============================================================
   COMPOSANTS PC - dark mode + carousel match SCREEN SPACE 20260828
   ============================================================ */
/* Section background dark */
html body.theme-dark .ts-home .ts-composants-section,
html body.theme-dark main.ts-home .ts-composants-section {
    background: #0d110d !important;
    border-color: #202720 !important;
}

html body.theme-dark .ts-home .ts-composants-section .ts-section-head h2,
html body.theme-dark main.ts-home .ts-composants-section .ts-section-head h2,
html body.theme-dark .ts-home .ts-composants-section .ts-section-head p,
html body.theme-dark main.ts-home .ts-composants-section .ts-section-head p {
    color: #eef4ef !important;
}

/* Sidebar tabs dark */
html body.theme-dark .ts-home .ts-composants-tab,
html body.theme-dark main.ts-home .ts-composants-tab {
    background: #151816 !important;
    border-color: #222a22 !important;
    color: #cfd6cf !important;
}

html body.theme-dark .ts-home .ts-composants-tab.active,
html body.theme-dark main.ts-home .ts-composants-tab.active {
    background: #44d62c !important;
    color: #041007 !important;
}

/* Rail cards - ensure exactly 4 columns on desktop */
html body .ts-home .ts-composants-rail.ts-composants-rail,
html body main.ts-home .ts-composants-rail.ts-composants-rail {
    grid-auto-columns: calc((100% - 42px) / 4) !important;
    gap: 14px !important;
}

/* Nav controls -> like SCREEN SPACE (black round, green hover) */
html body .ts-home .ts-comp-nav.ts-comp-nav,
html body main.ts-home .ts-comp-nav.ts-comp-nav {
    width: 34px !important;
    height: 34px !important;
    border: none !important;
    background: #000 !important;
    color: #fff !important;
    box-shadow: 0 2px 8px rgba(0,0,0,.1) !important;
    font-size: 13px !important;
}

html body .ts-home .ts-comp-nav.ts-comp-nav:hover,
html body main.ts-home .ts-comp-nav.ts-comp-nav:hover {
    background: #44d62c !important;
    border-color: #44d62c !important;
    color: #fff !important;
}

/* 2026-08-28 absolute EOF lock */
html body.template-product .gz-p-info-card .gz-p-meta-row.gz-p-meta-inline {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
}

html body.template-product .gz-p-info-card .gz-p-meta-inline-val,
html body.template-product .gz-p-info-card .gz-p-brand-row {
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    max-width: 150px !important;
}

html body.template-product .gz-p-info-card .gz-p-brand-logo {
    display: block !important;
    width: auto !important;
    max-width: 106px !important;
    max-height: 28px !important;
    object-fit: contain !important;
}

html body.template-product .gz-p-gallery .gz-p-feature.gz-p-feature {
    background: linear-gradient(180deg, #4D4D4D 0%, #1F1F1F 100%) !important;
    border: 0 !important;
    color: #ffffff !important;
}

html body.template-product .gz-p-gallery .gz-p-feature-label.gz-p-feature-label,
html body.template-product .gz-p-gallery .gz-p-feature-value.gz-p-feature-value {
    color: #ffffff !important;
}

html body.theme-dark.template-product .gz-p-gallery .gz-p-feature.gz-p-feature {
    background: linear-gradient(180deg, #f7fafc 0%, #dde4ea 100%) !important;
    color: #07110b !important;
}

html body.theme-dark.template-product .gz-p-gallery .gz-p-feature-label.gz-p-feature-label,
html body.theme-dark.template-product .gz-p-gallery .gz-p-feature-value.gz-p-feature-value {
    color: #07110b !important;
}

html body.theme-dark .footer.gz-footer,
html body.light-theme .footer.gz-footer,
html body:not(.theme-dark) .footer.gz-footer {
    background-color: #020403 !important;
    background-image: linear-gradient(180deg, rgb(2 4 3 / 35%), rgb(2 4 3 / 0%)), url("../images/bg-footer.svg") !important;
    background-repeat: repeat !important;
    background-position: center top !important;
    background-size: 520px 520px !important;
}

html body .product-card .product-name {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

@media (max-width: 760px) {
    html body.template-product .gz-p-main > .container,
    html body.template-product .gz-p-related > .container,
    html body.template-product .container {
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

    html body .ct-hero.ts-slider,
    html body main.ts-home .ct-hero.ts-slider {
        height: 350px !important;
        min-height: 350px !important;
        max-height: 350px !important;
        background: #020403 !important;
        overflow: hidden !important;
    }

    html body .ct-hero.ts-slider .ct-hero-slide,
    html body .ct-hero.ts-slider picture,
    html body .ct-hero.ts-slider img {
        height: 100% !important;
        min-height: 0 !important;
    }

    html body .ct-hero.ts-slider img {
        width: 100% !important;
        object-fit: cover !important;
        object-position: center center !important;
    }

    html body main.ts-home .ts-product-grid,
    html body main.ts-home .ts-product-carousel,
    html body.template-shop #productsGrid.products-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        width: 100% !important;
    }

    html body main.ts-home .ts-product-grid > .product-card,
    html body main.ts-home .ts-product-carousel > .product-card,
    html body.template-shop #productsGrid.products-grid > .product-card {
        width: 100% !important;
        min-width: 0 !important;
        border-radius: 8px !important;
        overflow: hidden !important;
    }

    html body .product-card .product-img {
        height: 150px !important;
        min-height: 150px !important;
        padding: 10px !important;
        background: #f4f7f9 !important;
    }

    html body .product-card .product-img img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
    }

    html body .product-card .product-info {
        padding: 10px !important;
    }

    html body .product-card .product-cat {
        font-size: 10px !important;
        line-height: 1.2 !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
    }

    html body .product-card .product-name {
        height: 36px !important;
        min-height: 36px !important;
        max-height: 36px !important;
        font-size: 12px !important;
        line-height: 18px !important;
        font-weight: 800 !important;
    }

    html body .product-card .product-price .current,
    html body .product-card span.current {
        font-size: 16px !important;
        line-height: 1.12 !important;
        font-weight: 800 !important;
    }

    html body .product-card .product-price .old,
    html body .product-card span.old {
        font-size: 10px !important;
        line-height: 1.1 !important;
    }

    html body .product-card .product-cart-icon {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        border-radius: 8px !important;
    }

    html body main.ts-home .ts-composants-section > .container {
        width: 100% !important;
        max-width: none !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    html body main.ts-home .ts-composants-sidebar {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        margin-bottom: 18px !important;
    }

    html body main.ts-home .ts-composants-tab {
        height: 44px !important;
        min-height: 44px !important;
        padding: 0 8px !important;
        border-radius: 6px !important;
        font-size: 12px !important;
        font-weight: 800 !important;
        justify-content: center !important;
        text-align: center !important;
    }

    html body main.ts-home .ts-composants-rail-wrap {
        width: 100% !important;
        padding-top: 48px !important;
        overflow: visible !important;
    }

    html body main.ts-home .ts-composants-rail,
    html body main.ts-home .ts-flash-products {
        display: grid !important;
        grid-auto-flow: column !important;
        grid-auto-columns: calc((100% - 10px) / 2) !important;
        grid-template-columns: none !important;
        gap: 10px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scroll-snap-type: x mandatory !important;
        padding-bottom: 8px !important;
        scrollbar-width: none !important;
    }

    html body main.ts-home .ts-composants-rail::-webkit-scrollbar,
    html body main.ts-home .ts-flash-products::-webkit-scrollbar {
        display: none !important;
    }

    html body main.ts-home .ts-composants-rail > .product-card,
    html body main.ts-home .ts-flash-products > * {
        scroll-snap-align: start !important;
    }
}

/* 2026-08-28 final carousel and card reserve-space lock */
html body .product-card .product-price {
    min-height: 54px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    gap: 3px !important;
}

html body .product-card .product-price .current,
html body .product-card span.current {
    font-size: 18px !important;
    line-height: 1.12 !important;
}

html body .product-card .product-price .old,
html body .product-card span.old {
    min-height: 13px !important;
    font-size: 11px !important;
    line-height: 1.1 !important;
}

html body .product-card .price-discount {
    width: max-content !important;
    min-height: 18px !important;
    padding: 2px 8px !important;
    border-radius: 999px !important;
    background: #19bf44 !important;
    color: #041007 !important;
    font-size: 10px !important;
    line-height: 14px !important;
    font-weight: 900 !important;
}

html body .product-card .price-discount-placeholder {
    visibility: hidden !important;
}

html body.theme-dark main.ts-home .ts-composants-section {
    background: #06110c !important;
}

html body.theme-dark main.ts-home .ts-composants-section .product-card {
    background: #111614 !important;
    border: 1px solid #25312c !important;
    color: #f3f7f5 !important;
    box-shadow: none !important;
}

html body.theme-dark main.ts-home .ts-composants-section .product-card .product-info {
    background: #111614 !important;
}

html body.theme-dark main.ts-home .ts-composants-section .product-card .product-cat,
html body.theme-dark main.ts-home .ts-composants-section .product-card .product-name,
html body.theme-dark main.ts-home .ts-composants-section .product-card .product-price .current,
html body.theme-dark main.ts-home .ts-composants-section .product-card span.current {
    color: #f3f7f5 !important;
    opacity: 1 !important;
}

html body.theme-dark main.ts-home .ts-composants-section .product-card .product-price .old,
html body.theme-dark main.ts-home .ts-composants-section .product-card span.old {
    color: #9ca7a2 !important;
    opacity: 1 !important;
}

html body main.ts-home .ts-flash-copy {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}

html body main.ts-home .ts-flash-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    margin-top: 4px !important;
}

html body main.ts-home .ts-flash-actions > a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 42px !important;
    padding: 0 18px !important;
    border-radius: 8px !important;
    background: #050806 !important;
    color: #fff !important;
    font-weight: 900 !important;
    text-decoration: none !important;
}

html body main.ts-home .ts-flash-products {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: minmax(230px, 260px) !important;
    grid-template-columns: none !important;
    gap: 16px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: none !important;
}

html body main.ts-home .ts-flash-products::-webkit-scrollbar {
    display: none !important;
}

html body main.ts-home .ts-flash-card {
    scroll-snap-align: start !important;
    min-width: 0 !important;
}

@media (max-width: 760px) {
    html body main.ts-home .ts-product-section .ts-product-carousel {
        display: grid !important;
        grid-auto-flow: column !important;
        grid-auto-columns: calc((100% - 10px) / 2) !important;
        grid-template-columns: none !important;
        gap: 10px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scroll-snap-type: x mandatory !important;
        scrollbar-width: none !important;
    }

    html body main.ts-home .ts-product-section .ts-product-carousel::-webkit-scrollbar {
        display: none !important;
    }

    html body main.ts-home .ts-product-section .ts-product-carousel > .product-card {
        scroll-snap-align: start !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    html body main.ts-home .ts-flash-panel {
        padding: 18px !important;
        border-radius: 8px !important;
    }

    html body main.ts-home .ts-flash-actions {
        align-items: stretch !important;
    }

    html body main.ts-home .ts-flash-actions > a {
        flex: 1 !important;
        min-width: 0 !important;
        font-size: 12px !important;
    }

    html body main.ts-home .ts-flash-products {
        grid-auto-columns: calc((100% - 10px) / 2) !important;
        gap: 10px !important;
    }

    html body .product-card .product-price {
        min-height: 50px !important;
    }

    html body .product-card .product-price .current,
    html body .product-card span.current {
        font-size: 15px !important;
    }
}

/* 2026-08-28 mobile-card-align-ultimate */
@media (max-width: 760px) {
    html body main.ts-home .product-card .product-info,
    html body .ts-home .product-card .product-info {
        display: flex !important;
        flex-direction: column !important;
        min-height: 204px !important;
        padding: 9px 9px 10px !important;
    }

    html body main.ts-home .product-card .product-name,
    html body .ts-home .product-card .product-name {
        height: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;
        margin-bottom: 8px !important;
        font-size: 12px !important;
        line-height: 19px !important;
    }

    html body main.ts-home .product-card .product-price-row,
    html body .ts-home .product-card .product-price-row {
        margin-top: auto !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 38px !important;
        align-items: end !important;
        gap: 8px !important;
        min-height: 64px !important;
    }

    html body main.ts-home .product-card .product-price,
    html body .ts-home .product-card .product-price {
        min-height: 64px !important;
        display: grid !important;
        grid-template-rows: auto 14px 18px !important;
        align-content: end !important;
        gap: 2px !important;
    }

    html body main.ts-home .product-card span.current,
    html body .ts-home .product-card span.current {
        font-size: 15px !important;
        line-height: 17px !important;
    }

    html body main.ts-home .product-card span.old,
    html body .ts-home .product-card span.old {
        min-height: 14px !important;
        font-size: 10px !important;
        line-height: 12px !important;
    }

    html body main.ts-home .product-card .price-discount,
    html body .ts-home .product-card .price-discount {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-width: 44px !important;
        width: max-content !important;
        height: 18px !important;
        padding: 0 7px !important;
        font-size: 10px !important;
        line-height: 18px !important;
    }

    html body main.ts-home .product-card .product-cart-icon,
    html body .ts-home .product-card .product-cart-icon {
        align-self: end !important;
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        position: static !important;
    }
}

/* 2026-08-28 gamingzone-mobile-size-ultimate */
@media (max-width: 760px) {
    html body main.ts-home .ts-composants-rail > .product-card,
    html body .ts-home .ts-composants-rail > .product-card {
        min-height: 318px !important;
        border-radius: 7px !important;
    }

    html body main.ts-home .ts-composants-rail > .product-card .product-img,
    html body .ts-home .ts-composants-rail > .product-card .product-img {
        height: 128px !important;
        min-height: 128px !important;
        padding: 8px !important;
    }

    html body main.ts-home .ts-composants-rail > .product-card .product-info,
    html body .ts-home .ts-composants-rail > .product-card .product-info {
        min-height: 176px !important;
    }

    html body main.ts-home .ts-composants-rail > .product-card .product-cat,
    html body .ts-home .ts-composants-rail > .product-card .product-cat {
        min-height: 24px !important;
        max-height: 24px !important;
        font-size: 10px !important;
        line-height: 12px !important;
    }

    html body main.ts-home .ts-composants-rail > .product-card .product-price-row,
    html body .ts-home .ts-composants-rail > .product-card .product-price-row,
    html body main.ts-home .ts-composants-rail > .product-card .product-price,
    html body .ts-home .ts-composants-rail > .product-card .product-price {
        min-height: 56px !important;
    }

    html body main.ts-home .ts-product-section .ts-product-carousel > .product-card,
    html body .ts-home .ts-product-section .ts-product-carousel > .product-card {
        min-height: 386px !important;
    }

    html body main.ts-home .ts-product-section .ts-product-carousel > .product-card .product-img,
    html body .ts-home .ts-product-section .ts-product-carousel > .product-card .product-img {
        height: 192px !important;
        min-height: 192px !important;
    }

    html body main.ts-home .ts-product-section .ts-product-carousel > .product-card .product-info,
    html body .ts-home .ts-product-section .ts-product-carousel > .product-card .product-info {
        min-height: 166px !important;
    }
}

/* 2026-08-28 flash-card-mobile-polish-ultimate */
@media (max-width: 760px) {
    html body main.ts-home .ts-flash-deals {
        background: linear-gradient(180deg, #07150f 0%, #021009 100%) !important;
        padding: 34px 0 36px !important;
    }

    html body main.ts-home .ts-flash-panel {
        padding: 0 14px !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    html body main.ts-home .ts-flash-actions {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        align-items: center !important;
        gap: 12px !important;
        margin: 10px 0 16px !important;
    }

    html body main.ts-home .ts-flash-actions > a {
        min-height: 38px !important;
        border-radius: 7px !important;
        font-size: 12px !important;
        background: #050806 !important;
    }

    html body main.ts-home .ts-flash-products {
        grid-auto-columns: calc((100% - 10px) / 2) !important;
        gap: 10px !important;
        padding: 0 1px 4px !important;
    }

    html body main.ts-home .ts-flash-card {
        min-height: 320px !important;
        padding: 8px !important;
        border-radius: 8px !important;
        background: #101412 !important;
        border: 1px solid #243029 !important;
        color: #fff !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 9px !important;
        position: relative !important;
        overflow: hidden !important;
        box-shadow: none !important;
    }

    html body main.ts-home .ts-flash-card .ts-flash-badge {
        top: 8px !important;
        left: 8px !important;
        z-index: 3 !important;
        border-radius: 999px !important;
        background: #050806 !important;
        color: #fff !important;
        font-size: 11px !important;
        line-height: 18px !important;
        min-height: 20px !important;
        padding: 1px 10px !important;
    }

    html body main.ts-home .ts-flash-card .ts-flash-img {
        height: 150px !important;
        min-height: 150px !important;
        padding: 12px !important;
        border-radius: 6px !important;
        background: #f4f7f9 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    html body main.ts-home .ts-flash-card .ts-flash-img img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
    }

    html body main.ts-home .ts-flash-card .ts-flash-info {
        display: flex !important;
        flex-direction: column !important;
        flex: 1 1 auto !important;
        min-height: 126px !important;
        gap: 8px !important;
    }

    html body main.ts-home .ts-flash-card .ts-flash-info > a {
        height: 38px !important;
        max-height: 38px !important;
        color: #fff !important;
        font-size: 12px !important;
        line-height: 19px !important;
        font-weight: 800 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        text-decoration: none !important;
    }

    html body main.ts-home .ts-flash-card .ts-flash-price {
        margin-top: auto !important;
        padding-right: 42px !important;
        min-height: 48px !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-end !important;
        gap: 2px !important;
    }

    html body main.ts-home .ts-flash-card .ts-flash-price strong {
        color: #20d84f !important;
        font-size: 18px !important;
        line-height: 20px !important;
        font-weight: 900 !important;
    }

    html body main.ts-home .ts-flash-card .ts-flash-price span {
        color: #8c9691 !important;
        font-size: 10px !important;
        line-height: 12px !important;
    }

    html body main.ts-home .ts-flash-card .ts-flash-cart {
        position: absolute !important;
        right: 8px !important;
        bottom: 10px !important;
        margin: 0 !important;
    }

    html body main.ts-home .ts-flash-card .ts-flash-cart button {
        width: 38px !important;
        height: 38px !important;
        border-radius: 8px !important;
        background: #050806 !important;
        color: #fff !important;
    }
}

/* 2026-08-28 composants-two-line-real-eof */
@media (max-width: 760px) {
    html body main.ts-home .ts-composants-rail > .product-card,
    html body .ts-home .ts-composants-rail > .product-card {
        min-height: 300px !important;
        max-height: 300px !important;
    }

    html body main.ts-home .ts-composants-rail > .product-card .product-img,
    html body .ts-home .ts-composants-rail > .product-card .product-img {
        height: 122px !important;
        min-height: 122px !important;
        max-height: 122px !important;
    }

    html body main.ts-home .ts-composants-rail > .product-card .product-info,
    html body .ts-home .ts-composants-rail > .product-card .product-info {
        min-height: 166px !important;
        max-height: 166px !important;
    }

    html body main.ts-home .ts-composants-rail > .product-card .product-name,
    html body .ts-home .ts-composants-rail > .product-card .product-name {
        height: 36px !important;
        min-height: 36px !important;
        max-height: 36px !important;
        font-size: 12px !important;
        line-height: 18px !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    html body main.ts-home .ts-composants-rail > .product-card .product-price-row,
    html body .ts-home .ts-composants-rail > .product-card .product-price-row {
        min-height: 54px !important;
    }
}

/* 2026-08-28 gamingzone-price-row-real-eof */
@media (max-width: 760px) {
    html body main.ts-home .product-card .price-discount,
    html body .ts-home .product-card .price-discount {
        display: none !important;
    }

    html body main.ts-home .product-card .product-price-row,
    html body .ts-home .product-card .product-price-row,
    html body main.ts-home .ts-composants-rail > .product-card .product-price-row,
    html body .ts-home .ts-composants-rail > .product-card .product-price-row {
        display: flex !important;
        align-items: flex-end !important;
        justify-content: space-between !important;
        gap: 8px !important;
        min-height: 44px !important;
        margin-top: auto !important;
    }

    html body main.ts-home .product-card .product-price,
    html body .ts-home .product-card .product-price,
    html body main.ts-home .ts-composants-rail > .product-card .product-price,
    html body .ts-home .ts-composants-rail > .product-card .product-price {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        min-height: 42px !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-end !important;
        gap: 1px !important;
    }

    html body main.ts-home .product-card span.current,
    html body .ts-home .product-card span.current {
        font-size: 16px !important;
        line-height: 18px !important;
        font-weight: 900 !important;
    }

    html body main.ts-home .product-card span.old,
    html body .ts-home .product-card span.old {
        min-height: 12px !important;
        font-size: 10px !important;
        line-height: 12px !important;
    }

    html body main.ts-home .product-card .product-cart-icon,
    html body .ts-home .product-card .product-cart-icon {
        flex: 0 0 38px !important;
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        align-self: flex-end !important;
        margin-left: auto !important;
    }

    html body main.ts-home .ts-composants-rail > .product-card,
    html body .ts-home .ts-composants-rail > .product-card {
        min-height: 286px !important;
        max-height: 286px !important;
    }

    html body main.ts-home .ts-composants-rail > .product-card .product-info,
    html body .ts-home .ts-composants-rail > .product-card .product-info {
        min-height: 154px !important;
        max-height: 154px !important;
    }
}

/* 2026-08-28 home-grid-compact-real-eof */
@media (max-width: 760px) {
    html body main.ts-home .ts-product-grid > .product-card,
    html body .ts-home .ts-product-grid > .product-card {
        min-height: 292px !important;
        max-height: 292px !important;
    }

    html body main.ts-home .ts-product-grid > .product-card .product-img,
    html body .ts-home .ts-product-grid > .product-card .product-img {
        height: 144px !important;
        min-height: 144px !important;
        max-height: 144px !important;
        padding: 9px !important;
    }

    html body main.ts-home .ts-product-grid > .product-card .product-info,
    html body .ts-home .ts-product-grid > .product-card .product-info {
        min-height: 136px !important;
        max-height: 136px !important;
        padding: 8px 9px 9px !important;
    }

    html body main.ts-home .ts-product-grid > .product-card .product-cat-row,
    html body .ts-home .ts-product-grid > .product-card .product-cat-row {
        min-height: 16px !important;
        margin-bottom: 5px !important;
    }

    html body main.ts-home .ts-product-grid > .product-card .product-name,
    html body .ts-home .ts-product-grid > .product-card .product-name {
        height: 36px !important;
        min-height: 36px !important;
        max-height: 36px !important;
        margin-bottom: 6px !important;
        font-size: 12px !important;
        line-height: 18px !important;
    }

    html body main.ts-home .ts-product-grid > .product-card .product-price-row,
    html body .ts-home .ts-product-grid > .product-card .product-price-row {
        min-height: 42px !important;
    }

    html body main.ts-home .ts-product-grid > .product-card .product-price,
    html body .ts-home .ts-product-grid > .product-card .product-price {
        min-height: 40px !important;
    }
}

/* 2026-08-28 mobile-price-nowrap-real-eof */
@media (max-width: 760px) {
    html body main.ts-home .ts-product-grid > .product-card span.current,
    html body .ts-home .ts-product-grid > .product-card span.current,
    html body main.ts-home .ts-composants-rail > .product-card span.current,
    html body .ts-home .ts-composants-rail > .product-card span.current,
    html body main.ts-home .ts-product-carousel > .product-card span.current,
    html body .ts-home .ts-product-carousel > .product-card span.current {
        white-space: nowrap !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
        font-size: 14px !important;
        line-height: 17px !important;
        letter-spacing: 0 !important;
    }

    html body main.ts-home .product-card .product-price,
    html body .ts-home .product-card .product-price {
        min-width: 0 !important;
        max-width: calc(100% - 46px) !important;
    }
}

/* 2026-08-28 mobile-price-left-align-real-eof */
@media (max-width: 760px) {
    html body main.ts-home .product-card .product-price,
    html body .ts-home .product-card .product-price {
        align-items: flex-start !important;
        text-align: left !important;
        justify-content: flex-end !important;
    }

    html body main.ts-home .product-card span.current,
    html body main.ts-home .product-card span.old,
    html body .ts-home .product-card span.current,
    html body .ts-home .product-card span.old {
        display: block !important;
        width: max-content !important;
        max-width: 100% !important;
        text-align: left !important;
        margin-left: 0 !important;
        margin-right: auto !important;
    }
}

/* 2026-08-28 mobile-price-left-block-real-eof */
@media (max-width: 760px) {
    html body main.ts-home .ts-product-grid > .product-card .product-price-row,
    html body .ts-home .ts-product-grid > .product-card .product-price-row,
    html body main.ts-home .ts-composants-rail > .product-card .product-price-row,
    html body .ts-home .ts-composants-rail > .product-card .product-price-row,
    html body main.ts-home .ts-product-carousel > .product-card .product-price-row,
    html body .ts-home .ts-product-carousel > .product-card .product-price-row {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 38px !important;
        justify-items: stretch !important;
        align-items: end !important;
        column-gap: 8px !important;
    }

    html body main.ts-home .product-card .product-price,
    html body .ts-home .product-card .product-price {
        width: 100% !important;
        max-width: none !important;
        justify-self: stretch !important;
        align-self: end !important;
        align-items: flex-start !important;
        text-align: left !important;
    }

    html body main.ts-home .product-card span.current,
    html body main.ts-home .product-card span.old,
    html body .ts-home .product-card span.current,
    html body .ts-home .product-card span.old {
        width: auto !important;
        max-width: none !important;
        margin: 0 !important;
        align-self: flex-start !important;
        text-align: left !important;
    }

    html body main.ts-home .product-card .product-cart-icon,
    html body .ts-home .product-card .product-cart-icon {
        justify-self: end !important;
    }
}

/* 2026-08-28 gamingzone-exact-price-left-real-eof */
@media (max-width: 760px) {
    html body main.ts-home .ts-product-grid > a.product-card .product-info,
    html body .ts-home .ts-product-grid > a.product-card .product-info,
    html body main.ts-home .ts-composants-rail > a.product-card .product-info,
    html body .ts-home .ts-composants-rail > a.product-card .product-info {
        text-align: left !important;
    }

    html body main.ts-home .ts-product-grid > a.product-card .product-price-row,
    html body .ts-home .ts-product-grid > a.product-card .product-price-row,
    html body main.ts-home .ts-composants-rail > a.product-card .product-price-row,
    html body .ts-home .ts-composants-rail > a.product-card .product-price-row {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 38px !important;
        column-gap: 8px !important;
        justify-content: stretch !important;
        justify-items: stretch !important;
        align-items: end !important;
        width: 100% !important;
        padding: 0 !important;
    }

    html body main.ts-home .ts-product-grid > a.product-card .product-price,
    html body .ts-home .ts-product-grid > a.product-card .product-price,
    html body main.ts-home .ts-composants-rail > a.product-card .product-price,
    html body .ts-home .ts-composants-rail > a.product-card .product-price {
        grid-column: 1 !important;
        justify-self: start !important;
        align-self: end !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: flex-end !important;
        text-align: left !important;
    }

    html body main.ts-home .ts-product-grid > a.product-card .product-price .current,
    html body .ts-home .ts-product-grid > a.product-card .product-price .current,
    html body main.ts-home .ts-composants-rail > a.product-card .product-price .current,
    html body .ts-home .ts-composants-rail > a.product-card .product-price .current,
    html body main.ts-home .ts-product-grid > a.product-card .product-price .old,
    html body .ts-home .ts-product-grid > a.product-card .product-price .old,
    html body main.ts-home .ts-composants-rail > a.product-card .product-price .old,
    html body .ts-home .ts-composants-rail > a.product-card .product-price .old {
        align-self: flex-start !important;
        justify-self: start !important;
        text-align: left !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        transform: none !important;
    }

    html body main.ts-home .ts-product-grid > a.product-card .product-cart-icon,
    html body .ts-home .ts-product-grid > a.product-card .product-cart-icon,
    html body main.ts-home .ts-composants-rail > a.product-card .product-cart-icon,
    html body .ts-home .ts-composants-rail > a.product-card .product-cart-icon {
        grid-column: 2 !important;
        justify-self: end !important;
        margin: 0 !important;
    }
}

/* 2026-08-28 price-hard-left-verified-lock */
@media (max-width: 760px) {
    html body main.ts-home .ts-product-grid > a.product-card .product-price-row,
    html body .ts-home .ts-product-grid > a.product-card .product-price-row {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        min-height: 42px !important;
        padding: 0 !important;
        margin-top: auto !important;
    }

    html body main.ts-home .ts-product-grid > a.product-card .product-price,
    html body .ts-home .ts-product-grid > a.product-card .product-price {
        position: absolute !important;
        left: 0 !important;
        right: 46px !important;
        bottom: 0 !important;
        width: auto !important;
        max-width: none !important;
        min-height: 38px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: flex-end !important;
        text-align: left !important;
    }

    html body main.ts-home .ts-product-grid > a.product-card .product-price .current,
    html body .ts-home .ts-product-grid > a.product-card .product-price .current {
        display: block !important;
        width: auto !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        text-align: left !important;
        transform: none !important;
        white-space: nowrap !important;
        font-size: 14px !important;
        line-height: 17px !important;
    }

    html body main.ts-home .ts-product-grid > a.product-card .product-price .old,
    html body .ts-home .ts-product-grid > a.product-card .product-price .old {
        display: block !important;
        width: auto !important;
        max-width: 100% !important;
        margin: 1px 0 0 !important;
        padding: 0 !important;
        text-align: left !important;
        transform: none !important;
        white-space: nowrap !important;
        font-size: 10px !important;
        line-height: 12px !important;
    }

    html body main.ts-home .ts-product-grid > a.product-card .product-cart-icon,
    html body .ts-home .ts-product-grid > a.product-card .product-cart-icon {
        position: absolute !important;
        right: 0 !important;
        bottom: 0 !important;
        left: auto !important;
        margin: 0 !important;
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
    }
}

/* 2026-08-28 all-home-cards-price-hard-left-lock */
@media (max-width: 760px) {
    html body main.ts-home a.product-card .product-price-row,
    html body .ts-home a.product-card .product-price-row {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        min-height: 42px !important;
        padding: 0 !important;
        margin-top: auto !important;
    }

    html body main.ts-home a.product-card .product-price,
    html body .ts-home a.product-card .product-price {
        position: absolute !important;
        left: 0 !important;
        right: 46px !important;
        bottom: 0 !important;
        width: auto !important;
        max-width: none !important;
        min-height: 38px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: flex-end !important;
        text-align: left !important;
    }

    html body main.ts-home a.product-card .product-price .current,
    html body .ts-home a.product-card .product-price .current,
    html body main.ts-home a.product-card .product-price .old,
    html body .ts-home a.product-card .product-price .old {
        display: block !important;
        width: auto !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        text-align: left !important;
        transform: none !important;
        white-space: nowrap !important;
    }

    html body main.ts-home a.product-card .product-price .current,
    html body .ts-home a.product-card .product-price .current {
        font-size: 14px !important;
        line-height: 17px !important;
    }

    html body main.ts-home a.product-card .product-price .old,
    html body .ts-home a.product-card .product-price .old {
        margin-top: 1px !important;
        font-size: 10px !important;
        line-height: 12px !important;
    }

    html body main.ts-home a.product-card .product-cart-icon,
    html body .ts-home a.product-card .product-cart-icon {
        position: absolute !important;
        right: 0 !important;
        bottom: 0 !important;
        left: auto !important;
        margin: 0 !important;
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
    }
}

/* 2026-08-28 home-mobile-cards-final-cleanup */
@media (max-width: 760px) {
    html body main.ts-home a.product-card .product-price-row,
    html body .ts-home a.product-card .product-price-row {
        min-height: 40px !important;
    }

    html body main.ts-home a.product-card .product-price,
    html body .ts-home a.product-card .product-price {
        left: 0 !important;
        right: 40px !important;
        min-height: 38px !important;
    }

    html body main.ts-home a.product-card .product-price .current,
    html body .ts-home a.product-card .product-price .current {
        max-width: calc(100% - 2px) !important;
        font-size: 13px !important;
        line-height: 16px !important;
        letter-spacing: 0 !important;
    }

    html body main.ts-home a.product-card .product-price .old,
    html body .ts-home a.product-card .product-price .old {
        font-size: 9px !important;
        line-height: 11px !important;
    }

    html body main.ts-home a.product-card .product-cart-icon,
    html body .ts-home a.product-card .product-cart-icon {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
    }

    html body main.ts-home .ts-product-section .ts-product-carousel > .product-card,
    html body .ts-home .ts-product-section .ts-product-carousel > .product-card {
        min-height: 330px !important;
        max-height: 330px !important;
    }

    html body main.ts-home .ts-product-section .ts-product-carousel > .product-card .product-img,
    html body .ts-home .ts-product-section .ts-product-carousel > .product-card .product-img {
        height: 156px !important;
        min-height: 156px !important;
        max-height: 156px !important;
    }

    html body main.ts-home .ts-product-section .ts-product-carousel > .product-card .product-info,
    html body .ts-home .ts-product-section .ts-product-carousel > .product-card .product-info {
        min-height: 162px !important;
        max-height: 162px !important;
        padding: 9px !important;
    }

    html body main.ts-home .ts-flash-card {
        min-height: 300px !important;
        max-height: 300px !important;
        padding: 8px !important;
        border-radius: 8px !important;
        background: #101412 !important;
        border: 1px solid #243029 !important;
        color: #fff !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
    }

    html body main.ts-home .ts-flash-card .ts-flash-img {
        height: 136px !important;
        min-height: 136px !important;
        max-height: 136px !important;
        padding: 10px !important;
        border-radius: 6px !important;
        background: #f4f7f9 !important;
    }

    html body main.ts-home .ts-flash-card .ts-flash-info {
        flex: 1 1 auto !important;
        min-height: 136px !important;
        max-height: 136px !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
    }

    html body main.ts-home .ts-flash-card .ts-flash-info > a {
        display: -webkit-box !important;
        height: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;
        color: #fff !important;
        font-size: 12px !important;
        line-height: 19px !important;
        font-weight: 800 !important;
        -webkit-line-clamp: 2 !important;
        line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        text-decoration: none !important;
    }

    html body main.ts-home .ts-flash-card .ts-flash-price {
        margin-top: auto !important;
        min-height: 42px !important;
        padding-right: 40px !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-end !important;
        align-items: flex-start !important;
        text-align: left !important;
    }

    html body main.ts-home .ts-flash-card .ts-flash-price strong {
        color: #20d84f !important;
        font-size: 16px !important;
        line-height: 18px !important;
        white-space: nowrap !important;
    }

    html body main.ts-home .ts-flash-card .ts-flash-price span {
        color: #8c9691 !important;
        font-size: 9px !important;
        line-height: 11px !important;
        white-space: nowrap !important;
    }

    html body main.ts-home .ts-flash-card .ts-flash-cart {
        right: 8px !important;
        bottom: 8px !important;
    }

    html body main.ts-home .ts-flash-card .ts-flash-cart button {
        width: 36px !important;
        height: 36px !important;
        border-radius: 8px !important;
    }
}

/* 2026-08-28 composants-price-hard-left-final-verify */
@media (max-width: 760px) {
    html body main.ts-home .ts-composants-rail > a.product-card .product-price-row,
    html body .ts-home .ts-composants-rail > a.product-card .product-price-row {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        min-height: 42px !important;
        padding: 0 !important;
        margin-top: auto !important;
    }

    html body main.ts-home section.ts-composants-section .ts-composants-rail > a.product-card .product-price,
    html body.theme-dark main.ts-home section.ts-composants-section .ts-composants-rail > a.product-card .product-price,
    html body.light-theme main.ts-home section.ts-composants-section .ts-composants-rail > a.product-card .product-price,
    html body .ts-home .ts-composants-rail > a.product-card .product-price {
        position: absolute !important;
        left: 0 !important;
        right: 42px !important;
        bottom: 0 !important;
        width: auto !important;
        max-width: none !important;
        min-height: 38px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: flex-end !important;
        text-align: left !important;
    }

    html body main.ts-home section.ts-composants-section .ts-composants-rail > a.product-card .product-price .current,
    html body.theme-dark main.ts-home section.ts-composants-section .ts-composants-rail > a.product-card .product-price .current,
    html body.light-theme main.ts-home section.ts-composants-section .ts-composants-rail > a.product-card .product-price .current,
    html body .ts-home .ts-composants-rail > a.product-card .product-price .current {
        display: block !important;
        width: auto !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        text-align: left !important;
        transform: none !important;
        white-space: nowrap !important;
        font-size: 12px !important;
        line-height: 15px !important;
    }

    html body main.ts-home section.ts-composants-section .ts-composants-rail > a.product-card .product-price .old,
    html body.theme-dark main.ts-home section.ts-composants-section .ts-composants-rail > a.product-card .product-price .old,
    html body.light-theme main.ts-home section.ts-composants-section .ts-composants-rail > a.product-card .product-price .old,
    html body .ts-home .ts-composants-rail > a.product-card .product-price .old {
        display: block !important;
        margin: 1px 0 0 !important;
        padding: 0 !important;
        text-align: left !important;
        transform: none !important;
        white-space: nowrap !important;
        font-size: 9px !important;
        line-height: 11px !important;
    }

    html body main.ts-home section.ts-composants-section .ts-composants-rail > a.product-card .product-cart-icon,
    html body.theme-dark main.ts-home section.ts-composants-section .ts-composants-rail > a.product-card .product-cart-icon,
    html body.light-theme main.ts-home section.ts-composants-section .ts-composants-rail > a.product-card .product-cart-icon,
    html body .ts-home .ts-composants-rail > a.product-card .product-cart-icon {
        position: absolute !important;
        right: 0 !important;
        bottom: 0 !important;
        left: auto !important;
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
        margin: 0 !important;
    }
}

/* 2026-08-28 homepage-carousel-price-hard-left-final */
@media (max-width: 760px) {
    html body main.ts-home .ts-product-section .ts-product-carousel > a.product-card .product-price-row,
    html body.theme-dark main.ts-home .ts-product-section .ts-product-carousel > a.product-card .product-price-row,
    html body.light-theme main.ts-home .ts-product-section .ts-product-carousel > a.product-card .product-price-row {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        min-height: 42px !important;
        padding: 0 !important;
        margin-top: auto !important;
    }

    html body main.ts-home .ts-product-section .ts-product-carousel > a.product-card .product-price,
    html body.theme-dark main.ts-home .ts-product-section .ts-product-carousel > a.product-card .product-price,
    html body.light-theme main.ts-home .ts-product-section .ts-product-carousel > a.product-card .product-price {
        position: absolute !important;
        left: 0 !important;
        right: 42px !important;
        bottom: 0 !important;
        width: auto !important;
        max-width: none !important;
        min-height: 38px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: flex-end !important;
        text-align: left !important;
    }

    html body main.ts-home .ts-product-section .ts-product-carousel > a.product-card .product-price .current,
    html body.theme-dark main.ts-home .ts-product-section .ts-product-carousel > a.product-card .product-price .current,
    html body.light-theme main.ts-home .ts-product-section .ts-product-carousel > a.product-card .product-price .current {
        display: block !important;
        width: auto !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        text-align: left !important;
        transform: none !important;
        white-space: nowrap !important;
        font-size: 12px !important;
        line-height: 15px !important;
    }

    html body main.ts-home .ts-product-section .ts-product-carousel > a.product-card .product-price .old,
    html body.theme-dark main.ts-home .ts-product-section .ts-product-carousel > a.product-card .product-price .old,
    html body.light-theme main.ts-home .ts-product-section .ts-product-carousel > a.product-card .product-price .old {
        display: block !important;
        margin: 1px 0 0 !important;
        padding: 0 !important;
        text-align: left !important;
        transform: none !important;
        white-space: nowrap !important;
        font-size: 9px !important;
        line-height: 11px !important;
    }

    html body main.ts-home .ts-product-section .ts-product-carousel > a.product-card .product-cart-icon,
    html body.theme-dark main.ts-home .ts-product-section .ts-product-carousel > a.product-card .product-cart-icon,
    html body.light-theme main.ts-home .ts-product-section .ts-product-carousel > a.product-card .product-cart-icon {
        position: absolute !important;
        right: 0 !important;
        bottom: 0 !important;
        left: auto !important;
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
        margin: 0 !important;
    }
}

/* 2026-08-28 homepage-price-span-left-anchor-final */
@media (max-width: 760px) {
    html body main.ts-home a.product-card .product-price .current,
    html body.theme-dark main.ts-home a.product-card .product-price .current,
    html body.light-theme main.ts-home a.product-card .product-price .current,
    html body main.ts-home a.product-card .product-price .old,
    html body.theme-dark main.ts-home a.product-card .product-price .old,
    html body.light-theme main.ts-home a.product-card .product-price .old {
        align-self: stretch !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        text-align: left !important;
    }
}

/* 2026-08-28 homepage-carousel-span-left-specific-final */
@media (max-width: 760px) {
    html body main.ts-home .ts-product-section .ts-product-carousel > a.product-card .product-price .current,
    html body.theme-dark main.ts-home .ts-product-section .ts-product-carousel > a.product-card .product-price .current,
    html body.light-theme main.ts-home .ts-product-section .ts-product-carousel > a.product-card .product-price .current,
    html body main.ts-home .ts-product-section .ts-product-carousel > a.product-card .product-price .old,
    html body.theme-dark main.ts-home .ts-product-section .ts-product-carousel > a.product-card .product-price .old,
    html body.light-theme main.ts-home .ts-product-section .ts-product-carousel > a.product-card .product-price .old {
        align-self: stretch !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        text-align: left !important;
    }
}

/* 2026-08-28 homepage-carousel-compact-info-gap-final */
@media (max-width: 760px) {
    html body main.ts-home .ts-product-section .ts-product-carousel > a.product-card,
    html body.theme-dark main.ts-home .ts-product-section .ts-product-carousel > a.product-card,
    html body.light-theme main.ts-home .ts-product-section .ts-product-carousel > a.product-card {
        min-height: 286px !important;
        max-height: 286px !important;
    }

    html body main.ts-home .ts-product-section .ts-product-carousel > a.product-card .product-img,
    html body.theme-dark main.ts-home .ts-product-section .ts-product-carousel > a.product-card .product-img,
    html body.light-theme main.ts-home .ts-product-section .ts-product-carousel > a.product-card .product-img {
        height: 156px !important;
        min-height: 156px !important;
        max-height: 156px !important;
    }

    html body main.ts-home .ts-product-section .ts-product-carousel > a.product-card .product-info,
    html body.theme-dark main.ts-home .ts-product-section .ts-product-carousel > a.product-card .product-info,
    html body.light-theme main.ts-home .ts-product-section .ts-product-carousel > a.product-card .product-info {
        flex: 0 0 auto !important;
        min-height: 114px !important;
        max-height: 114px !important;
        padding: 8px 9px 9px !important;
        gap: 4px !important;
    }

    html body main.ts-home .ts-product-section .ts-product-carousel > a.product-card .product-cat-row,
    html body.theme-dark main.ts-home .ts-product-section .ts-product-carousel > a.product-card .product-cat-row,
    html body.light-theme main.ts-home .ts-product-section .ts-product-carousel > a.product-card .product-cat-row {
        min-height: 12px !important;
        max-height: 12px !important;
        margin: 0 !important;
    }

    html body main.ts-home .ts-product-section .ts-product-carousel > a.product-card .product-name,
    html body.theme-dark main.ts-home .ts-product-section .ts-product-carousel > a.product-card .product-name,
    html body.light-theme main.ts-home .ts-product-section .ts-product-carousel > a.product-card .product-name {
        min-height: 34px !important;
        max-height: 34px !important;
        margin: 0 !important;
        -webkit-line-clamp: 2 !important;
        line-clamp: 2 !important;
    }

    html body main.ts-home .ts-product-section .ts-product-carousel > a.product-card .product-price-row,
    html body.theme-dark main.ts-home .ts-product-section .ts-product-carousel > a.product-card .product-price-row,
    html body.light-theme main.ts-home .ts-product-section .ts-product-carousel > a.product-card .product-price-row {
        margin-top: 4px !important;
        min-height: 38px !important;
    }
}

/* 2026-08-28 homepage-carousel-price-near-title-final */
@media (max-width: 760px) {
    html body main.ts-home .ts-product-section .ts-product-carousel > a.product-card .product-price,
    html body.theme-dark main.ts-home .ts-product-section .ts-product-carousel > a.product-card .product-price,
    html body.light-theme main.ts-home .ts-product-section .ts-product-carousel > a.product-card .product-price {
        top: 0 !important;
        bottom: auto !important;
        justify-content: flex-start !important;
    }
}

/* 2026-08-28 homepage-mobile-section-specific-cleanup */
@media (max-width: 760px) {
    html body main.ts-home #screenSpace > a.product-card,
    html body.theme-dark main.ts-home #screenSpace > a.product-card,
    html body.light-theme main.ts-home #screenSpace > a.product-card {
        min-height: 264px !important;
        max-height: 264px !important;
    }

    html body main.ts-home #screenSpace > a.product-card .product-img,
    html body.theme-dark main.ts-home #screenSpace > a.product-card .product-img,
    html body.light-theme main.ts-home #screenSpace > a.product-card .product-img {
        height: 146px !important;
        min-height: 146px !important;
        max-height: 146px !important;
    }

    html body main.ts-home #screenSpace > a.product-card .product-info,
    html body.theme-dark main.ts-home #screenSpace > a.product-card .product-info,
    html body.light-theme main.ts-home #screenSpace > a.product-card .product-info {
        min-height: 102px !important;
        max-height: 102px !important;
        padding: 8px 9px !important;
    }

    html body main.ts-home #peripheralSpace.ts-product-carousel,
    html body.theme-dark main.ts-home #peripheralSpace.ts-product-carousel,
    html body.light-theme main.ts-home #peripheralSpace.ts-product-carousel {
        display: grid !important;
        grid-auto-flow: row !important;
        grid-auto-columns: initial !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        width: 100% !important;
        overflow: visible !important;
        padding-bottom: 0 !important;
        scroll-snap-type: none !important;
    }

    html body main.ts-home #peripheralSpace > a.product-card,
    html body.theme-dark main.ts-home #peripheralSpace > a.product-card,
    html body.light-theme main.ts-home #peripheralSpace > a.product-card {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        scroll-snap-align: none !important;
    }

    html body main.ts-home .ts-carousel-prev[data-carousel="peripheralSpace"],
    html body main.ts-home .ts-carousel-next[data-carousel="peripheralSpace"] {
        display: none !important;
    }

    html body main.ts-home #flashDeals.ts-flash-products,
    html body.theme-dark main.ts-home #flashDeals.ts-flash-products,
    html body.light-theme main.ts-home #flashDeals.ts-flash-products {
        display: grid !important;
        grid-auto-flow: column !important;
        grid-auto-columns: calc((100% - 12px) / 2) !important;
        gap: 12px !important;
        overflow-x: auto !important;
        scroll-snap-type: x mandatory !important;
        padding-bottom: 4px !important;
    }

    html body main.ts-home #flashDeals > .ts-flash-card,
    html body.theme-dark main.ts-home #flashDeals > .ts-flash-card,
    html body.light-theme main.ts-home #flashDeals > .ts-flash-card {
        min-height: 158px !important;
        max-height: 158px !important;
        padding: 8px !important;
        background: #101412 !important;
        border: 1px solid rgba(68, 214, 44, .22) !important;
        border-radius: 8px !important;
        overflow: hidden !important;
        scroll-snap-align: start !important;
    }

    html body main.ts-home #flashDeals > .ts-flash-card .ts-flash-img,
    html body.theme-dark main.ts-home #flashDeals > .ts-flash-card .ts-flash-img,
    html body.light-theme main.ts-home #flashDeals > .ts-flash-card .ts-flash-img {
        width: 100% !important;
        height: 140px !important;
        min-height: 140px !important;
        max-height: 140px !important;
        padding: 10px !important;
        border-radius: 6px !important;
        background: #f4f7f9 !important;
    }

    html body main.ts-home #flashDeals > .ts-flash-card .ts-flash-info,
    html body main.ts-home #flashDeals > .ts-flash-card .ts-flash-cart,
    html body main.ts-home #flashDeals > .ts-flash-card .ts-flash-badge {
        display: none !important;
    }
}

/* 2026-08-28 homepage-screen-section-empty-space-final */
@media (max-width: 760px) {
    html body main.ts-home .ts-product-section.ts-soft:has(#screenSpace),
    html body.theme-dark main.ts-home .ts-product-section.ts-soft:has(#screenSpace),
    html body.light-theme main.ts-home .ts-product-section.ts-soft:has(#screenSpace) {
        padding-bottom: 14px !important;
    }
}

/* 2026-08-28 homepage-screen-mobile-grid-final */
@media (max-width: 760px) {
    html body main.ts-home #screenSpace.ts-product-carousel,
    html body.theme-dark main.ts-home #screenSpace.ts-product-carousel,
    html body.light-theme main.ts-home #screenSpace.ts-product-carousel {
        display: grid !important;
        grid-auto-flow: row !important;
        grid-auto-columns: initial !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        width: 100% !important;
        overflow: visible !important;
        padding-bottom: 0 !important;
        scroll-snap-type: none !important;
    }

    html body main.ts-home #screenSpace > a.product-card,
    html body.theme-dark main.ts-home #screenSpace > a.product-card,
    html body.light-theme main.ts-home #screenSpace > a.product-card {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        scroll-snap-align: none !important;
    }

    html body main.ts-home .ts-carousel-prev[data-carousel="screenSpace"],
    html body main.ts-home .ts-carousel-next[data-carousel="screenSpace"] {
        display: none !important;
    }
}

/* 2026-08-28 homepage-mobile-price-green-final */
@media (max-width: 760px) {
    html body main.ts-home a.product-card .product-price .current,
    html body.theme-dark main.ts-home a.product-card .product-price .current,
    html body.light-theme main.ts-home a.product-card .product-price .current {
        color: #20d84f !important;
    }
}

/* 2026-08-28 screen-space-match-ordi-image-mobile */
@media (max-width: 760px) {
    html body main.ts-home #screenSpace > .product-card .product-img,
    html body .ts-home #screenSpace > .product-card .product-img,
    html body.theme-dark main.ts-home #screenSpace > .product-card .product-img,
    html body.light-theme main.ts-home #screenSpace > .product-card .product-img {
        height: 144px !important;
        min-height: 144px !important;
        max-height: 144px !important;
        padding: 0 !important;
    }
}

/* 2026-08-28 shop-mobile-product-card-final */
@media (max-width: 760px) {
    html body.template-shop #productsGrid.products-grid,
    html body.theme-dark.template-shop #productsGrid.products-grid,
    html body.light-theme.template-shop #productsGrid.products-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        align-items: stretch !important;
    }

    html body.template-shop #productsGrid.products-grid > a.product-card,
    html body.theme-dark.template-shop #productsGrid.products-grid > a.product-card,
    html body.light-theme.template-shop #productsGrid.products-grid > a.product-card {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        min-height: 264px !important;
        max-height: 264px !important;
        padding: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        overflow: hidden !important;
        background: #101412 !important;
        border: 1px solid rgba(68, 214, 44, .18) !important;
        border-radius: 8px !important;
    }

    html body.template-shop #productsGrid.products-grid > a.product-card .product-img,
    html body.theme-dark.template-shop #productsGrid.products-grid > a.product-card .product-img,
    html body.light-theme.template-shop #productsGrid.products-grid > a.product-card .product-img {
        width: 100% !important;
        height: 146px !important;
        min-height: 146px !important;
        max-height: 146px !important;
        padding: 10px !important;
        background: #f4f7f9 !important;
        border-radius: 6px !important;
    }

    html body.template-shop #productsGrid.products-grid > a.product-card .product-img img,
    html body.theme-dark.template-shop #productsGrid.products-grid > a.product-card .product-img img,
    html body.light-theme.template-shop #productsGrid.products-grid > a.product-card .product-img img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
    }

    html body.template-shop #productsGrid.products-grid > a.product-card .product-info,
    html body.theme-dark.template-shop #productsGrid.products-grid > a.product-card .product-info,
    html body.light-theme.template-shop #productsGrid.products-grid > a.product-card .product-info {
        flex: 0 0 auto !important;
        min-height: 102px !important;
        max-height: 102px !important;
        padding: 8px 9px !important;
        gap: 4px !important;
        display: flex !important;
        flex-direction: column !important;
        background: transparent !important;
        color: #fff !important;
    }

    html body.template-shop #productsGrid.products-grid > a.product-card .product-cat-row,
    html body.theme-dark.template-shop #productsGrid.products-grid > a.product-card .product-cat-row,
    html body.light-theme.template-shop #productsGrid.products-grid > a.product-card .product-cat-row {
        min-height: 12px !important;
        max-height: 12px !important;
        margin: 0 !important;
    }

    html body.template-shop #productsGrid.products-grid > a.product-card .product-cat,
    html body.theme-dark.template-shop #productsGrid.products-grid > a.product-card .product-cat,
    html body.light-theme.template-shop #productsGrid.products-grid > a.product-card .product-cat {
        color: #aeb9b4 !important;
        font-size: 10px !important;
        line-height: 12px !important;
        margin: 0 !important;
    }

    html body.template-shop #productsGrid.products-grid > a.product-card .product-name,
    html body.theme-dark.template-shop #productsGrid.products-grid > a.product-card .product-name,
    html body.light-theme.template-shop #productsGrid.products-grid > a.product-card .product-name {
        color: #fff !important;
        min-height: 34px !important;
        max-height: 34px !important;
        margin: 0 !important;
        font-size: 12px !important;
        line-height: 17px !important;
        font-weight: 800 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    html body.template-shop #productsGrid.products-grid > a.product-card .product-price-row,
    html body.theme-dark.template-shop #productsGrid.products-grid > a.product-card .product-price-row,
    html body.light-theme.template-shop #productsGrid.products-grid > a.product-card .product-price-row {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        min-height: 38px !important;
        margin-top: 4px !important;
        padding: 0 !important;
    }

    html body.template-shop #productsGrid.products-grid > a.product-card .product-price,
    html body.theme-dark.template-shop #productsGrid.products-grid > a.product-card .product-price,
    html body.light-theme.template-shop #productsGrid.products-grid > a.product-card .product-price {
        position: absolute !important;
        left: 0 !important;
        right: 42px !important;
        top: 0 !important;
        bottom: auto !important;
        width: auto !important;
        min-height: 34px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        text-align: left !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    html body.template-shop #productsGrid.products-grid > a.product-card .product-price .current,
    html body.theme-dark.template-shop #productsGrid.products-grid > a.product-card .product-price .current,
    html body.light-theme.template-shop #productsGrid.products-grid > a.product-card .product-price .current {
        color: #20d84f !important;
        align-self: stretch !important;
        width: 100% !important;
        font-size: 12px !important;
        line-height: 15px !important;
        white-space: nowrap !important;
        text-align: left !important;
        margin: 0 !important;
    }

    html body.template-shop #productsGrid.products-grid > a.product-card .product-price .old,
    html body.theme-dark.template-shop #productsGrid.products-grid > a.product-card .product-price .old,
    html body.light-theme.template-shop #productsGrid.products-grid > a.product-card .product-price .old {
        color: #8c9691 !important;
        align-self: stretch !important;
        width: 100% !important;
        font-size: 9px !important;
        line-height: 11px !important;
        white-space: nowrap !important;
        text-align: left !important;
        margin: 1px 0 0 !important;
    }

    html body.template-shop #productsGrid.products-grid > a.product-card .price-discount {
        display: none !important;
    }

    html body.template-shop #productsGrid.products-grid > a.product-card .product-cart-icon,
    html body.theme-dark.template-shop #productsGrid.products-grid > a.product-card .product-cart-icon,
    html body.light-theme.template-shop #productsGrid.products-grid > a.product-card .product-cart-icon {
        position: absolute !important;
        right: 0 !important;
        bottom: 0 !important;
        left: auto !important;
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
        margin: 0 !important;
    }
}

/* 2026-08-28 screen-space-match-ordi-image-mobile-final */
@media (max-width: 760px) {
    html body main.ts-home #screenSpace.ts-product-carousel > a.product-card.product-card .product-img,
    html body .ts-home #screenSpace.ts-product-carousel > a.product-card.product-card .product-img,
    html body.theme-dark main.ts-home #screenSpace.ts-product-carousel > a.product-card.product-card .product-img,
    html body.light-theme main.ts-home #screenSpace.ts-product-carousel > a.product-card.product-card .product-img {
        height: 144px !important;
        min-height: 144px !important;
        max-height: 144px !important;
        padding: 0 !important;
    }
}

/* 2026-08-28 boutique-hide-card-actions-final-tail */
html body.template-shop #productsGrid.products-grid > a.product-card .product-cart-icon,
html body.theme-dark.template-shop #productsGrid.products-grid > a.product-card .product-cart-icon,
html body.light-theme.template-shop #productsGrid.products-grid > a.product-card .product-cart-icon,
html body.template-shop #productsGrid.products-grid > a.product-card .product-whatsapp-notify,
html body.theme-dark.template-shop #productsGrid.products-grid > a.product-card .product-whatsapp-notify,
html body.light-theme.template-shop #productsGrid.products-grid > a.product-card .product-whatsapp-notify {
    display: none !important;
}

html body.template-shop #productsGrid.products-grid > a.product-card .product-price,
html body.theme-dark.template-shop #productsGrid.products-grid > a.product-card .product-price,
html body.light-theme.template-shop #productsGrid.products-grid > a.product-card .product-price {
    right: 0 !important;
}

/* 2026-08-28 home-mobile-card-shop-spacing-verified-tail */
@media (max-width: 760px) {
    html body main.ts-home .ts-product-grid > a.product-card,
    html body main.ts-home .ts-product-carousel > a.product-card,
    html body main.ts-home .ts-composants-rail > a.product-card,
    html body main.ts-home .ts-product-grid > .product-card,
    html body main.ts-home .ts-product-carousel > .product-card,
    html body main.ts-home .ts-composants-rail > .product-card,
    html body.theme-dark main.ts-home .ts-product-grid > a.product-card,
    html body.theme-dark main.ts-home .ts-product-carousel > a.product-card,
    html body.theme-dark main.ts-home .ts-composants-rail > a.product-card,
    html body.light-theme main.ts-home .ts-product-grid > a.product-card,
    html body.light-theme main.ts-home .ts-product-carousel > a.product-card,
    html body.light-theme main.ts-home .ts-composants-rail > a.product-card {
        padding: 0 !important;
    }

    html body main.ts-home a.product-card .product-price .current,
    html body main.ts-home a.product-card span.current,
    html body main.ts-home .ts-composants-section a.product-card .product-price .current,
    html body main.ts-home .ts-composants-section a.product-card span.current,
    html body.theme-dark main.ts-home a.product-card .product-price .current,
    html body.theme-dark main.ts-home a.product-card span.current,
    html body.light-theme main.ts-home a.product-card .product-price .current,
    html body.light-theme main.ts-home a.product-card span.current {
        color: #20d84f !important;
    }

    html body main.ts-home #flashDeals.ts-flash-products,
    html body.theme-dark main.ts-home #flashDeals.ts-flash-products,
    html body.light-theme main.ts-home #flashDeals.ts-flash-products {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-auto-flow: row !important;
        grid-auto-columns: auto !important;
        gap: 12px !important;
        overflow: visible !important;
        scroll-snap-type: none !important;
        padding-bottom: 0 !important;
    }

    html body main.ts-home #flashDeals > .ts-flash-card,
    html body.theme-dark main.ts-home #flashDeals > .ts-flash-card,
    html body.light-theme main.ts-home #flashDeals > .ts-flash-card {
        padding: 0 !important;
        min-height: 150px !important;
        max-height: 150px !important;
    }

    html body main.ts-home #flashDeals > .ts-flash-card .ts-flash-img,
    html body.theme-dark main.ts-home #flashDeals > .ts-flash-card .ts-flash-img,
    html body.light-theme main.ts-home #flashDeals > .ts-flash-card .ts-flash-img {
        height: 150px !important;
        min-height: 150px !important;
        max-height: 150px !important;
        padding: 8px !important;
    }
}


/* 2026-08-28 product-whatsapp-like-commander-true-tail */
@media (max-width: 640px) {
    html body.template-product .gz-p-info-card .gz-p-order-actions {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    html body.template-product .gz-p-info-card .gz-p-order-actions .gz-p-whatsapp-btn:not(.gz-p-whatsapp-notify-btn),
    html body.theme-dark.template-product .gz-p-info-card .gz-p-order-actions .gz-p-whatsapp-btn:not(.gz-p-whatsapp-notify-btn),
    html body.light-theme.template-product .gz-p-info-card .gz-p-order-actions .gz-p-whatsapp-btn:not(.gz-p-whatsapp-notify-btn) {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 54px !important;
        padding: 0 16px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        border-radius: 10px !important;
        background: #ffffff !important;
        color: #050706 !important;
        font-size: 14px !important;
        font-weight: 800 !important;
        line-height: 1.1 !important;
        text-align: center !important;
        text-decoration: none !important;
    }

    html body.template-product .gz-p-info-card .gz-p-order-actions .gz-p-whatsapp-btn:not(.gz-p-whatsapp-notify-btn) i,
    html body.theme-dark.template-product .gz-p-info-card .gz-p-order-actions .gz-p-whatsapp-btn:not(.gz-p-whatsapp-notify-btn) i,
    html body.light-theme.template-product .gz-p-info-card .gz-p-order-actions .gz-p-whatsapp-btn:not(.gz-p-whatsapp-notify-btn) i {
        color: #050706 !important;
        font-size: 15px !important;
        margin: 0 !important;
    }
}


/* 2026-08-28 product-whatsapp-like-commander-global-final */
html body.template-product .gz-p-info-card .gz-p-order-actions {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
}

html body.template-product .gz-p-info-card .gz-p-order-actions .gz-p-whatsapp-btn:not(.gz-p-whatsapp-notify-btn),
html body.theme-dark.template-product .gz-p-info-card .gz-p-order-actions .gz-p-whatsapp-btn:not(.gz-p-whatsapp-notify-btn),
html body.light-theme.template-product .gz-p-info-card .gz-p-order-actions .gz-p-whatsapp-btn:not(.gz-p-whatsapp-notify-btn) {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 54px !important;
    padding: 0 16px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    color: #050706 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    text-align: center !important;
    text-decoration: none !important;
}

html body.template-product .gz-p-info-card .gz-p-order-actions .gz-p-whatsapp-btn:not(.gz-p-whatsapp-notify-btn) i,
html body.theme-dark.template-product .gz-p-info-card .gz-p-order-actions .gz-p-whatsapp-btn:not(.gz-p-whatsapp-notify-btn) i,
html body.light-theme.template-product .gz-p-info-card .gz-p-order-actions .gz-p-whatsapp-btn:not(.gz-p-whatsapp-notify-btn) i {
    color: #050706 !important;
    font-size: 15px !important;
    margin: 0 !important;
}


/* 2026-08-28 product-order-buttons-equal-width-final */
html body.template-product .gz-p-info-card .gz-p-order-actions .gz-p-add-form,
html body.theme-dark.template-product .gz-p-info-card .gz-p-order-actions .gz-p-add-form,
html body.light-theme.template-product .gz-p-info-card .gz-p-order-actions .gz-p-add-form {
    width: 100% !important;
}

html body.template-product .gz-p-info-card .gz-p-order-actions .gz-p-add-btn,
html body.theme-dark.template-product .gz-p-info-card .gz-p-order-actions .gz-p-add-btn,
html body.light-theme.template-product .gz-p-info-card .gz-p-order-actions .gz-p-add-btn {
    width: 100% !important;
    min-height: 54px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 0 16px !important;
}


/* 2026-08-28 product-order-buttons-same-shape-final */
html body.template-product .gz-p-info-card .gz-p-order-actions .gz-p-add-form,
html body.theme-dark.template-product .gz-p-info-card .gz-p-order-actions .gz-p-add-form,
html body.light-theme.template-product .gz-p-info-card .gz-p-order-actions .gz-p-add-form {
    display: block !important;
    width: 100% !important;
}

html body.template-product .gz-p-info-card .gz-p-order-actions .gz-p-add-form .gz-p-qty-row,
html body.theme-dark.template-product .gz-p-info-card .gz-p-order-actions .gz-p-add-form .gz-p-qty-row,
html body.light-theme.template-product .gz-p-info-card .gz-p-order-actions .gz-p-add-form .gz-p-qty-row {
    display: none !important;
}


/* 2026-08-28 hide-card-price-discount-duplicate-final */
html body .product-card .product-price .price-discount,
html body .product-card span.price-discount,
html body main.ts-home .product-card .product-price .price-discount,
html body main.ts-home .product-card span.price-discount,
html body.template-shop .product-card .product-price .price-discount,
html body.template-shop .product-card span.price-discount,
html body.template-product .product-card .product-price .price-discount,
html body.template-product .product-card span.price-discount {
    display: none !important;
}


/* 2026-08-28 composants-mobile-grid-final */
@media (max-width: 760px) {
    html body main.ts-home .ts-composants-inner,
    html body.theme-dark main.ts-home .ts-composants-inner,
    html body.light-theme main.ts-home .ts-composants-inner {
        display: block !important;
    }

    html body main.ts-home .ts-composants-tabs,
    html body.theme-dark main.ts-home .ts-composants-tabs,
    html body.light-theme main.ts-home .ts-composants-tabs {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        margin-bottom: 20px !important;
    }

    html body main.ts-home .ts-composants-tabs .ts-comp-tab,
    html body.theme-dark main.ts-home .ts-composants-tabs .ts-comp-tab,
    html body.light-theme main.ts-home .ts-composants-tabs .ts-comp-tab {
        width: 100% !important;
        min-height: 44px !important;
        padding: 0 8px !important;
        border-radius: 6px !important;
        font-size: 12px !important;
        line-height: 1.15 !important;
        white-space: normal !important;
        text-align: center !important;
    }

    html body main.ts-home .ts-composants-panel.active,
    html body.theme-dark main.ts-home .ts-composants-panel.active,
    html body.light-theme main.ts-home .ts-composants-panel.active {
        display: block !important;
    }

    html body main.ts-home .ts-composants-rail-wrap,
    html body.theme-dark main.ts-home .ts-composants-rail-wrap,
    html body.light-theme main.ts-home .ts-composants-rail-wrap {
        overflow: visible !important;
    }

    html body main.ts-home .ts-composants-rail,
    html body.theme-dark main.ts-home .ts-composants-rail,
    html body.light-theme main.ts-home .ts-composants-rail {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-auto-flow: row !important;
        grid-auto-columns: auto !important;
        gap: 10px !important;
        overflow: visible !important;
        scroll-snap-type: none !important;
        padding: 0 !important;
    }

    html body main.ts-home .ts-composants-rail > a.product-card,
    html body.theme-dark main.ts-home .ts-composants-rail > a.product-card,
    html body.light-theme main.ts-home .ts-composants-rail > a.product-card {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        min-height: 264px !important;
        max-height: 264px !important;
        padding: 0 !important;
    }

    html body main.ts-home .ts-composants-rail > a.product-card .product-img,
    html body.theme-dark main.ts-home .ts-composants-rail > a.product-card .product-img,
    html body.light-theme main.ts-home .ts-composants-rail > a.product-card .product-img {
        height: 144px !important;
        min-height: 144px !important;
        max-height: 144px !important;
        padding: 0 !important;
    }

    html body main.ts-home .ts-composants-rail-wrap .ts-carousel-btn,
    html body.theme-dark main.ts-home .ts-composants-rail-wrap .ts-carousel-btn,
    html body.light-theme main.ts-home .ts-composants-rail-wrap .ts-carousel-btn {
        display: none !important;
    }
}


/* 2026-08-28 composants-grid-stable-all-viewports-final */
html body main.ts-home .ts-composants-inner,
html body.theme-dark main.ts-home .ts-composants-inner,
html body.light-theme main.ts-home .ts-composants-inner {
    display: block !important;
}

html body main.ts-home .ts-composants-rail,
html body.theme-dark main.ts-home .ts-composants-rail,
html body.light-theme main.ts-home .ts-composants-rail {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
    grid-auto-flow: row !important;
    grid-auto-columns: auto !important;
    gap: 10px !important;
    overflow: visible !important;
    scroll-snap-type: none !important;
    padding: 0 !important;
}

html body main.ts-home .ts-composants-rail > a.product-card,
html body.theme-dark main.ts-home .ts-composants-rail > a.product-card,
html body.light-theme main.ts-home .ts-composants-rail > a.product-card {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 0 !important;
}

html body main.ts-home .ts-composants-rail-wrap .ts-carousel-btn,
html body.theme-dark main.ts-home .ts-composants-rail-wrap .ts-carousel-btn,
html body.light-theme main.ts-home .ts-composants-rail-wrap .ts-carousel-btn {
    display: none !important;
}

html body main.ts-home .ts-composants-rail > a.product-card .product-price .current,
html body.theme-dark main.ts-home .ts-composants-rail > a.product-card .product-price .current,
html body.light-theme main.ts-home .ts-composants-rail > a.product-card .product-price .current {
    color: #20d84f !important;
}

@media (max-width: 760px) {
    html body main.ts-home .ts-composants-rail,
    html body.theme-dark main.ts-home .ts-composants-rail,
    html body.light-theme main.ts-home .ts-composants-rail {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    html body main.ts-home .ts-composants-rail > a.product-card,
    html body.theme-dark main.ts-home .ts-composants-rail > a.product-card,
    html body.light-theme main.ts-home .ts-composants-rail > a.product-card {
        min-height: 264px !important;
        max-height: 264px !important;
    }

    html body main.ts-home .ts-composants-rail > a.product-card .product-img,
    html body.theme-dark main.ts-home .ts-composants-rail > a.product-card .product-img,
    html body.light-theme main.ts-home .ts-composants-rail > a.product-card .product-img {
        height: 144px !important;
        min-height: 144px !important;
        max-height: 144px !important;
        padding: 0 !important;
    }
}

/* 2026-08-28 composants-desktop-restore-mobile-grid-final */
@media (min-width: 761px) {
    html body main.ts-home .ts-composants-inner,
    html body.theme-dark main.ts-home .ts-composants-inner,
    html body.light-theme main.ts-home .ts-composants-inner {
        display: grid !important;
        grid-template-columns: 220px 1fr !important;
    }

    html body main.ts-home .ts-composants-rail,
    html body.theme-dark main.ts-home .ts-composants-rail,
    html body.light-theme main.ts-home .ts-composants-rail {
        grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)) !important;
    }
}

/* 2026-08-28 home-mobile-product-card-spacing-pc-gamer-final */
@media (max-width: 760px) {
    html body main.ts-home .ts-product-grid > a.product-card,
    html body main.ts-home .ts-product-carousel > a.product-card,
    html body main.ts-home .ts-composants-rail > a.product-card,
    html body.theme-dark main.ts-home .ts-product-grid > a.product-card,
    html body.theme-dark main.ts-home .ts-product-carousel > a.product-card,
    html body.theme-dark main.ts-home .ts-composants-rail > a.product-card,
    html body.light-theme main.ts-home .ts-product-grid > a.product-card,
    html body.light-theme main.ts-home .ts-product-carousel > a.product-card,
    html body.light-theme main.ts-home .ts-composants-rail > a.product-card {
        min-height: 264px !important;
        max-height: 264px !important;
        padding: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        overflow: hidden !important;
    }

    html body main.ts-home .product-card .product-img,
    html body.theme-dark main.ts-home .product-card .product-img,
    html body.light-theme main.ts-home .product-card .product-img {
        height: 144px !important;
        min-height: 144px !important;
        max-height: 144px !important;
        padding: 0 !important;
        flex: 0 0 144px !important;
    }

    html body main.ts-home .product-card .product-info,
    html body.theme-dark main.ts-home .product-card .product-info,
    html body.light-theme main.ts-home .product-card .product-info {
        flex: 1 1 auto !important;
        min-height: 120px !important;
        max-height: 120px !important;
        padding: 8px 9px !important;
        display: grid !important;
        grid-template-rows: 12px 38px 38px !important;
        align-content: start !important;
        gap: 5px !important;
        background: transparent !important;
    }

    html body main.ts-home .product-card .product-cat-row,
    html body.theme-dark main.ts-home .product-card .product-cat-row,
    html body.light-theme main.ts-home .product-card .product-cat-row {
        min-height: 12px !important;
        max-height: 12px !important;
        height: 12px !important;
        margin: 0 !important;
        display: flex !important;
        align-items: center !important;
    }

    html body main.ts-home .product-card .product-cat,
    html body.theme-dark main.ts-home .product-card .product-cat,
    html body.light-theme main.ts-home .product-card .product-cat {
        font-size: 10px !important;
        line-height: 12px !important;
        margin: 0 !important;
    }

    html body main.ts-home .product-card .product-name,
    html body.theme-dark main.ts-home .product-card .product-name,
    html body.light-theme main.ts-home .product-card .product-name {
        min-height: 38px !important;
        max-height: 38px !important;
        margin: 0 !important;
        font-size: 12px !important;
        line-height: 19px !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    html body main.ts-home .product-card .product-price-row,
    html body.theme-dark main.ts-home .product-card .product-price-row,
    html body.light-theme main.ts-home .product-card .product-price-row {
        position: relative !important;
        min-height: 38px !important;
        max-height: 38px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: block !important;
        align-self: stretch !important;
    }

    html body main.ts-home .product-card .product-price,
    html body.theme-dark main.ts-home .product-card .product-price,
    html body.light-theme main.ts-home .product-card .product-price {
        position: absolute !important;
        left: 0 !important;
        right: 42px !important;
        top: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        text-align: left !important;
    }

    html body main.ts-home .product-card .product-price .current,
    html body.theme-dark main.ts-home .product-card .product-price .current,
    html body.light-theme main.ts-home .product-card .product-price .current {
        color: #20d84f !important;
        font-size: 12px !important;
        line-height: 15px !important;
        white-space: nowrap !important;
        text-align: left !important;
        margin: 0 !important;
    }

    html body main.ts-home .product-card .product-price .old,
    html body.theme-dark main.ts-home .product-card .product-price .old,
    html body.light-theme main.ts-home .product-card .product-price .old {
        font-size: 9px !important;
        line-height: 11px !important;
        margin: 1px 0 0 !important;
        white-space: nowrap !important;
        text-align: left !important;
    }
}

/* 2026-08-28 home-card-info-gap-match-ordi-final */
html body main.ts-home .product-card .product-info,
html body.theme-dark main.ts-home .product-card .product-info,
html body.light-theme main.ts-home .product-card .product-info {
    gap: 8px !important;
}

@media (max-width: 760px) {
    html body main.ts-home .product-card .product-info,
    html body.theme-dark main.ts-home .product-card .product-info,
    html body.light-theme main.ts-home .product-card .product-info {
        gap: 8px !important;
        grid-template-rows: 12px 38px 38px !important;
    }

    html body main.ts-home #screenSpace > a.product-card .product-info,
    html body.theme-dark main.ts-home #screenSpace > a.product-card .product-info,
    html body.light-theme main.ts-home #screenSpace > a.product-card .product-info,
    html body main.ts-home #peripheralSpace > a.product-card .product-info,
    html body.theme-dark main.ts-home #peripheralSpace > a.product-card .product-info,
    html body.light-theme main.ts-home #peripheralSpace > a.product-card .product-info,
    html body main.ts-home .ts-composants-rail > a.product-card .product-info,
    html body.theme-dark main.ts-home .ts-composants-rail > a.product-card .product-info,
    html body.light-theme main.ts-home .ts-composants-rail > a.product-card .product-info {
        display: grid !important;
        grid-template-rows: 12px 38px 38px !important;
        gap: 8px !important;
        padding: 8px 9px !important;
        min-height: 120px !important;
        max-height: 120px !important;
    }
}

/* 2026-08-28 home-mobile-card-spacing-hard-lock-final */
@media (max-width: 760px) {
    html body main.ts-home section a.product-card.product-card .product-info,
    html body.theme-dark main.ts-home section a.product-card.product-card .product-info,
    html body.light-theme main.ts-home section a.product-card.product-card .product-info {
        display: grid !important;
        grid-template-rows: 12px 34px 38px !important;
        gap: 8px !important;
        padding: 8px 9px !important;
        min-height: 120px !important;
        max-height: 120px !important;
        align-content: start !important;
    }

    html body main.ts-home section a.product-card.product-card .product-cat-row,
    html body.theme-dark main.ts-home section a.product-card.product-card .product-cat-row,
    html body.light-theme main.ts-home section a.product-card.product-card .product-cat-row,
    html body main.ts-home section a.product-card.product-card .product-name,
    html body.theme-dark main.ts-home section a.product-card.product-card .product-name,
    html body.light-theme main.ts-home section a.product-card.product-card .product-name,
    html body main.ts-home section a.product-card.product-card .product-price-row,
    html body.theme-dark main.ts-home section a.product-card.product-card .product-price-row,
    html body.light-theme main.ts-home section a.product-card.product-card .product-price-row {
        align-self: start !important;
        margin: 0 !important;
    }

    html body main.ts-home section a.product-card.product-card .product-name,
    html body.theme-dark main.ts-home section a.product-card.product-card .product-name,
    html body.light-theme main.ts-home section a.product-card.product-card .product-name {
        min-height: 34px !important;
        max-height: 34px !important;
        font-size: 12px !important;
        line-height: 17px !important;
        -webkit-line-clamp: 2 !important;
        line-clamp: 2 !important;
    }

    html body main.ts-home section a.product-card.product-card .product-price-row,
    html body.theme-dark main.ts-home section a.product-card.product-card .product-price-row,
    html body.light-theme main.ts-home section a.product-card.product-card .product-price-row {
        min-height: 38px !important;
        max-height: 38px !important;
        display: block !important;
    }

    html body main.ts-home section a.product-card.product-card,
    html body.theme-dark main.ts-home section a.product-card.product-card,
    html body.light-theme main.ts-home section a.product-card.product-card {
        padding: 0 !important;
        min-height: 264px !important;
        max-height: 264px !important;
    }
}

/* 2026-08-29 composants-desktop-carousel-mobile-grid-lock */
@media (min-width: 761px) {
    html body main.ts-home .ts-composants-section .ts-composants-inner,
    html body.theme-dark main.ts-home .ts-composants-section .ts-composants-inner,
    html body.light-theme main.ts-home .ts-composants-section .ts-composants-inner {
        display: grid !important;
        grid-template-columns: 220px minmax(0, 1fr) !important;
        gap: 24px !important;
    }

    html body main.ts-home .ts-composants-section .ts-composants-rail-wrap,
    html body.theme-dark main.ts-home .ts-composants-section .ts-composants-rail-wrap,
    html body.light-theme main.ts-home .ts-composants-section .ts-composants-rail-wrap {
        overflow: hidden !important;
        position: relative !important;
    }

    html body main.ts-home .ts-composants-section .ts-composants-rail,
    html body.theme-dark main.ts-home .ts-composants-section .ts-composants-rail,
    html body.light-theme main.ts-home .ts-composants-section .ts-composants-rail {
        display: flex !important;
        grid-template-columns: none !important;
        grid-auto-flow: initial !important;
        grid-auto-columns: initial !important;
        flex-wrap: nowrap !important;
        gap: 14px !important;
        overflow-x: auto !important;
        scroll-snap-type: x mandatory !important;
        padding: 0 0 6px !important;
    }

    html body main.ts-home .ts-composants-section .ts-composants-rail > a.product-card,
    html body.theme-dark main.ts-home .ts-composants-section .ts-composants-rail > a.product-card,
    html body.light-theme main.ts-home .ts-composants-section .ts-composants-rail > a.product-card {
        flex: 0 0 220px !important;
        width: 220px !important;
        min-width: 220px !important;
        max-width: 220px !important;
        min-height: 350px !important;
        max-height: none !important;
        padding: 0 !important;
    }

    html body main.ts-home .ts-composants-section .ts-composants-rail-wrap .ts-carousel-btn,
    html body.theme-dark main.ts-home .ts-composants-section .ts-composants-rail-wrap .ts-carousel-btn,
    html body.light-theme main.ts-home .ts-composants-section .ts-composants-rail-wrap .ts-carousel-btn {
        display: inline-flex !important;
    }
}

@media (max-width: 760px) {
    html body main.ts-home .ts-composants-section .ts-composants-inner,
    html body.theme-dark main.ts-home .ts-composants-section .ts-composants-inner,
    html body.light-theme main.ts-home .ts-composants-section .ts-composants-inner {
        display: block !important;
    }

    html body main.ts-home .ts-composants-section .ts-composants-rail,
    html body.theme-dark main.ts-home .ts-composants-section .ts-composants-rail,
    html body.light-theme main.ts-home .ts-composants-section .ts-composants-rail {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-auto-flow: row !important;
        gap: 10px !important;
        overflow: visible !important;
        scroll-snap-type: none !important;
        padding: 0 !important;
    }

    html body main.ts-home .ts-composants-section .ts-composants-rail > a.product-card,
    html body.theme-dark main.ts-home .ts-composants-section .ts-composants-rail > a.product-card,
    html body.light-theme main.ts-home .ts-composants-section .ts-composants-rail > a.product-card {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        min-height: 264px !important;
        max-height: 264px !important;
        padding: 0 !important;
    }

    html body main.ts-home .ts-composants-section .ts-composants-rail-wrap .ts-carousel-btn,
    html body.theme-dark main.ts-home .ts-composants-section .ts-composants-rail-wrap .ts-carousel-btn,
    html body.light-theme main.ts-home .ts-composants-section .ts-composants-rail-wrap .ts-carousel-btn {
        display: none !important;
    }
}


/* 2026-08-29 composants-controls-top-right-final */
@media (min-width: 761px) {
    html body main.ts-home .ts-composants-section .ts-composants-panel,
    html body.theme-dark main.ts-home .ts-composants-section .ts-composants-panel,
    html body.light-theme main.ts-home .ts-composants-section .ts-composants-panel {
        position: relative !important;
    }

    html body main.ts-home .ts-composants-section .ts-composants-rail-wrap,
    html body.theme-dark main.ts-home .ts-composants-section .ts-composants-rail-wrap,
    html body.light-theme main.ts-home .ts-composants-section .ts-composants-rail-wrap {
        position: relative !important;
        overflow: visible !important;
        padding-top: 0 !important;
    }

    html body main.ts-home .ts-composants-section .ts-composants-rail,
    html body.theme-dark main.ts-home .ts-composants-section .ts-composants-rail,
    html body.light-theme main.ts-home .ts-composants-section .ts-composants-rail {
        overflow-x: auto !important;
        overflow-y: hidden !important;
    }

    html body main.ts-home .ts-composants-section .ts-comp-nav,
    html body.theme-dark main.ts-home .ts-composants-section .ts-comp-nav,
    html body.light-theme main.ts-home .ts-composants-section .ts-comp-nav {
        position: absolute !important;
        top: -52px !important;
        bottom: auto !important;
        transform: none !important;
        z-index: 20 !important;
        width: 36px !important;
        height: 36px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    html body main.ts-home .ts-composants-section .ts-comp-prev,
    html body.theme-dark main.ts-home .ts-composants-section .ts-comp-prev,
    html body.light-theme main.ts-home .ts-composants-section .ts-comp-prev {
        left: auto !important;
        right: 46px !important;
    }

    html body main.ts-home .ts-composants-section .ts-comp-next,
    html body.theme-dark main.ts-home .ts-composants-section .ts-comp-next,
    html body.light-theme main.ts-home .ts-composants-section .ts-comp-next {
        left: auto !important;
        right: 0 !important;
    }
}

@media (max-width: 760px) {
    html body main.ts-home .ts-composants-section .ts-comp-nav,
    html body.theme-dark main.ts-home .ts-composants-section .ts-comp-nav,
    html body.light-theme main.ts-home .ts-composants-section .ts-comp-nav {
        display: none !important;
    }
}

/* 2026-08-29 composants-mobile-4-card-carousel-final */
@media (max-width: 760px) {
    html body main.ts-home .ts-composants-section .ts-composants-rail-wrap,
    html body.theme-dark main.ts-home .ts-composants-section .ts-composants-rail-wrap,
    html body.light-theme main.ts-home .ts-composants-section .ts-composants-rail-wrap {
        position: relative !important;
        overflow: visible !important;
        padding-top: 46px !important;
    }

    html body main.ts-home .ts-composants-section .ts-composants-rail,
    html body.theme-dark main.ts-home .ts-composants-section .ts-composants-rail,
    html body.light-theme main.ts-home .ts-composants-section .ts-composants-rail {
        display: grid !important;
        grid-template-rows: repeat(2, 264px) !important;
        grid-auto-flow: column !important;
        grid-auto-columns: calc((100% - 10px) / 2) !important;
        grid-template-columns: none !important;
        gap: 10px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scroll-snap-type: x mandatory !important;
        padding: 0 0 4px !important;
        scrollbar-width: none !important;
    }

    html body main.ts-home .ts-composants-section .ts-composants-rail::-webkit-scrollbar,
    html body.theme-dark main.ts-home .ts-composants-section .ts-composants-rail::-webkit-scrollbar,
    html body.light-theme main.ts-home .ts-composants-section .ts-composants-rail::-webkit-scrollbar {
        display: none !important;
    }

    html body main.ts-home .ts-composants-section .ts-composants-rail > a.product-card,
    html body.theme-dark main.ts-home .ts-composants-section .ts-composants-rail > a.product-card,
    html body.light-theme main.ts-home .ts-composants-section .ts-composants-rail > a.product-card {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        min-height: 264px !important;
        max-height: 264px !important;
        padding: 0 !important;
        scroll-snap-align: start !important;
    }

    html body main.ts-home .ts-composants-section .ts-comp-nav,
    html body.theme-dark main.ts-home .ts-composants-section .ts-comp-nav,
    html body.light-theme main.ts-home .ts-composants-section .ts-comp-nav {
        position: absolute !important;
        top: 0 !important;
        bottom: auto !important;
        transform: none !important;
        z-index: 20 !important;
        width: 36px !important;
        height: 36px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    html body main.ts-home .ts-composants-section .ts-comp-prev,
    html body.theme-dark main.ts-home .ts-composants-section .ts-comp-prev,
    html body.light-theme main.ts-home .ts-composants-section .ts-comp-prev {
        left: auto !important;
        right: 46px !important;
    }

    html body main.ts-home .ts-composants-section .ts-comp-next,
    html body.theme-dark main.ts-home .ts-composants-section .ts-comp-next,
    html body.light-theme main.ts-home .ts-composants-section .ts-comp-next {
        left: auto !important;
        right: 0 !important;
    }
}

/* 2026-08-29 composants-mobile-card-size-hard-lock */
@media (max-width: 760px) {
    html body main.ts-home section.ts-composants-section div.ts-composants-panel.active div.ts-composants-rail > a.product-card.product-card,
    html body.theme-dark main.ts-home section.ts-composants-section div.ts-composants-panel.active div.ts-composants-rail > a.product-card.product-card,
    html body.light-theme main.ts-home section.ts-composants-section div.ts-composants-panel.active div.ts-composants-rail > a.product-card.product-card {
        box-sizing: border-box !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: 264px !important;
        min-height: 264px !important;
        max-height: 264px !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    html body main.ts-home section.ts-composants-section div.ts-composants-panel.active div.ts-composants-rail > a.product-card.product-card .product-img,
    html body.theme-dark main.ts-home section.ts-composants-section div.ts-composants-panel.active div.ts-composants-rail > a.product-card.product-card .product-img,
    html body.light-theme main.ts-home section.ts-composants-section div.ts-composants-panel.active div.ts-composants-rail > a.product-card.product-card .product-img {
        height: 144px !important;
        min-height: 144px !important;
        max-height: 144px !important;
        padding: 0 !important;
        flex: 0 0 144px !important;
    }
}


/* 2026-08-29 composants-controls-visible-top-right-final */
html body main.ts-home .ts-composants-section .ts-composants-rail-wrap,
html body.theme-dark main.ts-home .ts-composants-section .ts-composants-rail-wrap,
html body.light-theme main.ts-home .ts-composants-section .ts-composants-rail-wrap {
    position: relative !important;
    overflow: visible !important;
    padding-top: 50px !important;
}

html body main.ts-home .ts-composants-section .ts-comp-nav,
html body.theme-dark main.ts-home .ts-composants-section .ts-comp-nav,
html body.light-theme main.ts-home .ts-composants-section .ts-comp-nav {
    position: absolute !important;
    top: 0 !important;
    bottom: auto !important;
    transform: none !important;
    z-index: 30 !important;
    width: 36px !important;
    height: 36px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

html body main.ts-home .ts-composants-section .ts-comp-prev,
html body.theme-dark main.ts-home .ts-composants-section .ts-comp-prev,
html body.light-theme main.ts-home .ts-composants-section .ts-comp-prev {
    left: auto !important;
    right: 46px !important;
}

html body main.ts-home .ts-composants-section .ts-comp-next,
html body.theme-dark main.ts-home .ts-composants-section .ts-comp-next,
html body.light-theme main.ts-home .ts-composants-section .ts-comp-next {
    left: auto !important;
    right: 0 !important;
}

@media (max-width: 760px) {
    html body main.ts-home .ts-composants-section .ts-composants-rail-wrap,
    html body.theme-dark main.ts-home .ts-composants-section .ts-composants-rail-wrap,
    html body.light-theme main.ts-home .ts-composants-section .ts-composants-rail-wrap {
        padding-top: 46px !important;
    }
}

/* 2026-08-29 flash-deals-centered-image-carousel-final */
html body main.ts-home .ts-flash-panel,
html body.theme-dark main.ts-home .ts-flash-panel,
html body.light-theme main.ts-home .ts-flash-panel {
    position: relative !important;
    display: block !important;
    padding: 36px 18px 34px !important;
}

/* 2026-08-29 client-ready-pages-cards-whatsapp-final */
html body main.ts-home .product-card .product-info,
html body.theme-dark main.ts-home .product-card .product-info,
html body.light-theme main.ts-home .product-card .product-info {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}

html body main.ts-home .product-card .product-cat-row,
html body.theme-dark main.ts-home .product-card .product-cat-row,
html body.light-theme main.ts-home .product-card .product-cat-row {
    margin: 0 !important;
    min-height: 16px !important;
}

html body main.ts-home .product-card .product-name,
html body.theme-dark main.ts-home .product-card .product-name,
html body.light-theme main.ts-home .product-card .product-name {
    margin: 0 !important;
    min-height: 42px !important;
}

html body main.ts-home .product-card .product-price-row,
html body.theme-dark main.ts-home .product-card .product-price-row,
html body.light-theme main.ts-home .product-card .product-price-row {
    margin-top: auto !important;
    align-items: flex-end !important;
}

html body main.ts-home .product-card .product-price,
html body.theme-dark main.ts-home .product-card .product-price,
html body.light-theme main.ts-home .product-card .product-price {
    text-align: left !important;
    align-items: flex-start !important;
}

html body.template-product .gz-p-info-card .gz-p-order-actions,
html body.theme-dark.template-product .gz-p-info-card .gz-p-order-actions,
html body.light-theme.template-product .gz-p-info-card .gz-p-order-actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: stretch !important;
}

html body.template-product .gz-p-info-card .gz-p-add-form,
html body.theme-dark.template-product .gz-p-info-card .gz-p-add-form,
html body.light-theme.template-product .gz-p-info-card .gz-p-add-form {
    min-width: 0 !important;
}

html body.template-product .gz-p-info-card .gz-p-add-btn,
html body.template-product .gz-p-info-card .gz-p-whatsapp-btn,
html body.theme-dark.template-product .gz-p-info-card .gz-p-add-btn,
html body.theme-dark.template-product .gz-p-info-card .gz-p-whatsapp-btn,
html body.light-theme.template-product .gz-p-info-card .gz-p-add-btn,
html body.light-theme.template-product .gz-p-info-card .gz-p-whatsapp-btn {
    width: 100% !important;
    min-height: 56px !important;
    border-radius: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    padding: 0 18px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    white-space: normal !important;
    text-align: center !important;
}

html body.template-product .gz-p-info-card .gz-p-whatsapp-btn,
html body.theme-dark.template-product .gz-p-info-card .gz-p-whatsapp-btn,
html body.light-theme.template-product .gz-p-info-card .gz-p-whatsapp-btn {
    background: #25d366 !important;
    color: #06120b !important;
    border: 1px solid rgba(255, 255, 255, .16) !important;
    box-shadow: 0 14px 30px rgba(37, 211, 102, .18) !important;
}

html body.template-product .gz-p-info-card .gz-p-whatsapp-btn i,
html body.theme-dark.template-product .gz-p-info-card .gz-p-whatsapp-btn i,
html body.light-theme.template-product .gz-p-info-card .gz-p-whatsapp-btn i {
    color: inherit !important;
    font-size: 1.15rem !important;
}

html body .gz-page-shell {
    background: #06100c !important;
    color: #f7fff8 !important;
    min-height: 70vh !important;
}

html body .gz-page-hero {
    background:
        linear-gradient(135deg, rgba(48, 214, 44, .18), rgba(4, 8, 7, .06) 42%),
        linear-gradient(180deg, #07120e 0%, #091612 100%) !important;
    border-bottom: 1px solid rgba(68, 214, 44, .18) !important;
    padding: clamp(38px, 6vw, 86px) 0 !important;
}

html body .gz-page-hero-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1.18fr) minmax(260px, .82fr) !important;
    gap: clamp(18px, 4vw, 44px) !important;
    align-items: center !important;
}

html body .gz-page-kicker {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: #44d62c !important;
    font-size: .78rem !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    margin-bottom: 12px !important;
}

html body .gz-page-copy h1 {
    color: #ffffff !important;
    font-size: clamp(2rem, 5vw, 4.4rem) !important;
    line-height: .98 !important;
    letter-spacing: 0 !important;
    max-width: 760px !important;
    margin: 0 0 18px !important;
}

html body .gz-page-copy p {
    color: rgba(247, 255, 248, .76) !important;
    font-size: clamp(.98rem, 1.5vw, 1.12rem) !important;
    line-height: 1.65 !important;
    max-width: 660px !important;
    margin: 0 !important;
}

html body .gz-page-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin-top: 26px !important;
}

html body .gz-page-btn {
    min-height: 46px !important;
    border-radius: 8px !important;
    padding: 0 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
}

html body .gz-page-btn-primary {
    background: #44d62c !important;
    color: #06120b !important;
}

html body .gz-page-btn-ghost {
    background: rgba(255, 255, 255, .07) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, .14) !important;
}

html body .gz-page-stats,
html body .gz-contact-panel {
    display: grid !important;
    gap: 10px !important;
}

html body .gz-page-stats > div,
html body .gz-contact-panel > div,
html body .gz-page-card,
html body .gz-page-split {
    background: #101714 !important;
    border: 1px solid rgba(68, 214, 44, .16) !important;
    border-radius: 8px !important;
}

html body .gz-page-stats > div,
html body .gz-contact-panel > div {
    padding: 18px !important;
}

html body .gz-page-stats strong,
html body .gz-contact-panel strong {
    color: #ffffff !important;
    display: block !important;
    font-size: clamp(1.35rem, 3vw, 2.2rem) !important;
    line-height: 1 !important;
}

html body .gz-page-stats span,
html body .gz-contact-panel span {
    color: rgba(247, 255, 248, .64) !important;
    display: block !important;
    margin-top: 6px !important;
    font-size: .88rem !important;
}

html body .gz-contact-panel i {
    color: #44d62c !important;
    margin-bottom: 10px !important;
}

html body .gz-page-band,
html body .gz-page-split {
    margin-top: clamp(28px, 5vw, 64px) !important;
    margin-bottom: clamp(28px, 5vw, 64px) !important;
}

html body .gz-page-section-head {
    margin-bottom: 18px !important;
}

html body .gz-page-section-head h2,
html body .gz-page-split h2 {
    color: #ffffff !important;
    font-size: clamp(1.45rem, 3vw, 2.45rem) !important;
    line-height: 1.08 !important;
    margin: 0 !important;
}

html body .gz-page-card-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important;
}

html body .gz-page-card {
    padding: clamp(18px, 3vw, 28px) !important;
}

html body .gz-page-card i {
    color: #44d62c !important;
    font-size: 1.35rem !important;
    margin-bottom: 16px !important;
}

html body .gz-page-card h2,
html body .gz-page-card h3 {
    color: #ffffff !important;
    font-size: 1.08rem !important;
    margin: 0 0 10px !important;
}

html body .gz-page-card p {
    color: rgba(247, 255, 248, .66) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
}

html body .gz-page-split {
    display: grid !important;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr) !important;
    gap: 22px !important;
    padding: clamp(20px, 4vw, 34px) !important;
    align-items: center !important;
}

html body .gz-page-chip-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
}

html body .gz-page-chip-grid a,
html body .gz-page-mini-list > div {
    background: rgba(255, 255, 255, .06) !important;
    border: 1px solid rgba(255, 255, 255, .1) !important;
    border-radius: 8px !important;
    min-height: 46px !important;
    padding: 12px 14px !important;
    color: #ffffff !important;
    text-decoration: none !important;
    font-weight: 800 !important;
}

html body .gz-page-mini-list {
    display: grid !important;
    gap: 10px !important;
}

html body .gz-page-mini-list > div {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

html body .gz-page-mini-list i {
    color: #44d62c !important;
}

@media (max-width: 760px) {
    html body main.ts-home .product-card .product-info,
    html body.theme-dark main.ts-home .product-card .product-info,
    html body.light-theme main.ts-home .product-card .product-info {
        padding: 8px 9px 10px !important;
        gap: 7px !important;
    }

    html body main.ts-home .product-card .product-name,
    html body.theme-dark main.ts-home .product-card .product-name,
    html body.light-theme main.ts-home .product-card .product-name {
        min-height: 40px !important;
    }

    html body.template-product .gz-p-info-card .gz-p-order-actions,
    html body.theme-dark.template-product .gz-p-info-card .gz-p-order-actions,
    html body.light-theme.template-product .gz-p-info-card .gz-p-order-actions {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    html body.template-product .gz-p-info-card .gz-p-whatsapp-btn,
    html body.theme-dark.template-product .gz-p-info-card .gz-p-whatsapp-btn,
    html body.light-theme.template-product .gz-p-info-card .gz-p-whatsapp-btn {
        min-height: 52px !important;
        font-size: .95rem !important;
    }

    html body .gz-page-hero {
        padding: 32px 0 !important;
    }

    html body .gz-page-hero-grid,
    html body .gz-page-card-grid,
    html body .gz-page-split {
        grid-template-columns: 1fr !important;
    }

    html body .gz-page-copy h1 {
        font-size: clamp(1.9rem, 10vw, 2.7rem) !important;
    }

    html body .gz-page-actions,
    html body .gz-page-actions .gz-page-btn {
        width: 100% !important;
    }

    html body .gz-page-chip-grid {
        grid-template-columns: 1fr !important;
    }
}

/* 2026-08-29 xbox-style-video-games-strip-absolute-final */
html body main.ts-home section.ts-flash-deals .ts-flash-copy h2#flashDealsTitle,
html body.theme-dark main.ts-home section.ts-flash-deals .ts-flash-copy h2#flashDealsTitle,
html body.light-theme main.ts-home section.ts-flash-deals .ts-flash-copy h2#flashDealsTitle {
    font-size: clamp(2.8rem, 7.4vw, 5.8rem) !important;
    line-height: .9 !important;
    font-weight: 950 !important;
    text-align: center !important;
    color: #fff !important;
}

html body main.ts-home section.ts-flash-deals .ts-flash-copy h2#flashDealsTitle::after,
html body.theme-dark main.ts-home section.ts-flash-deals .ts-flash-copy h2#flashDealsTitle::after,
html body.light-theme main.ts-home section.ts-flash-deals .ts-flash-copy h2#flashDealsTitle::after {
    content: "" !important;
    display: block !important;
    width: 76px !important;
    height: 10px !important;
    margin: 18px auto 22px !important;
    background: #86ff00 !important;
    transform: skewX(-28deg) !important;
}

html body main.ts-home section.ts-flash-deals .ts-flash-panel.ts-flash-panel,
html body.theme-dark main.ts-home section.ts-flash-deals .ts-flash-panel.ts-flash-panel,
html body.light-theme main.ts-home section.ts-flash-deals .ts-flash-panel.ts-flash-panel {
    min-height: 390px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    background: transparent !important;
    border: 0 !important;
}

html body main.ts-home section.ts-flash-deals #flashDeals.ts-flash-products {
    grid-auto-columns: minmax(150px, 176px) !important;
    justify-content: center !important;
    gap: 12px !important;
    padding: 0 52px 4px !important;
}

html body main.ts-home section.ts-flash-deals #flashDeals.ts-flash-products > article.ts-flash-card,
html body.theme-dark main.ts-home section.ts-flash-deals #flashDeals.ts-flash-products > article.ts-flash-card,
html body.light-theme main.ts-home section.ts-flash-deals #flashDeals.ts-flash-products > article.ts-flash-card,
html body main.ts-home section.ts-flash-deals #flashDeals.ts-flash-products > article.ts-flash-card > a.ts-flash-img,
html body.theme-dark main.ts-home section.ts-flash-deals #flashDeals.ts-flash-products > article.ts-flash-card > a.ts-flash-img,
html body.light-theme main.ts-home section.ts-flash-deals #flashDeals.ts-flash-products > article.ts-flash-card > a.ts-flash-img {
    min-height: 230px !important;
    max-height: 230px !important;
    height: 230px !important;
}

html body main.ts-home section.ts-flash-deals #flashDeals.ts-flash-products > article.ts-flash-card > a.ts-flash-img {
    padding: 0 !important;
    background: #101412 !important;
}

html body main.ts-home section.ts-flash-deals #flashDeals.ts-flash-products > article.ts-flash-card > a.ts-flash-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

@media (max-width: 760px) {
    html body main.ts-home section.ts-flash-deals .ts-flash-copy h2#flashDealsTitle,
    html body.theme-dark main.ts-home section.ts-flash-deals .ts-flash-copy h2#flashDealsTitle,
    html body.light-theme main.ts-home section.ts-flash-deals .ts-flash-copy h2#flashDealsTitle {
        font-size: clamp(2.2rem, 12vw, 3rem) !important;
    }

    html body main.ts-home section.ts-flash-deals #flashDeals.ts-flash-products {
        grid-auto-columns: 118px !important;
        justify-content: start !important;
        padding: 0 48px 0 0 !important;
    }

    html body main.ts-home section.ts-flash-deals #flashDeals.ts-flash-products > article.ts-flash-card,
    html body.theme-dark main.ts-home section.ts-flash-deals #flashDeals.ts-flash-products > article.ts-flash-card,
    html body.light-theme main.ts-home section.ts-flash-deals #flashDeals.ts-flash-products > article.ts-flash-card,
    html body main.ts-home section.ts-flash-deals #flashDeals.ts-flash-products > article.ts-flash-card > a.ts-flash-img,
    html body.theme-dark main.ts-home section.ts-flash-deals #flashDeals.ts-flash-products > article.ts-flash-card > a.ts-flash-img,
    html body.light-theme main.ts-home section.ts-flash-deals #flashDeals.ts-flash-products > article.ts-flash-card > a.ts-flash-img {
        min-height: 166px !important;
        max-height: 166px !important;
        height: 166px !important;
    }
}

/* 2026-08-29 xbox-style-video-games-strip-final */
html body main.ts-home .ts-flash-deals,
html body.theme-dark main.ts-home .ts-flash-deals,
html body.light-theme main.ts-home .ts-flash-deals {
    background:
        linear-gradient(180deg, rgba(0, 0, 0, .72) 0%, rgba(2, 8, 6, .92) 47%, rgba(4, 22, 14, .96) 100%),
        radial-gradient(circle at 50% 20%, rgba(68, 214, 44, .14), transparent 38%) !important;
    padding: clamp(50px, 7vw, 86px) 0 clamp(48px, 6vw, 78px) !important;
}

html body main.ts-home .ts-flash-panel,
html body.theme-dark main.ts-home .ts-flash-panel,
html body.light-theme main.ts-home .ts-flash-panel {
    min-height: 390px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    padding: 0 18px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

html body main.ts-home .ts-flash-copy,
html body.theme-dark main.ts-home .ts-flash-copy,
html body.light-theme main.ts-home .ts-flash-copy {
    max-width: none !important;
    margin: 0 auto 42px !important;
    align-items: center !important;
    text-align: center !important;
}

html body main.ts-home .ts-flash-copy h2,
html body.theme-dark main.ts-home .ts-flash-copy h2,
html body.light-theme main.ts-home .ts-flash-copy h2 {
    color: #ffffff !important;
    font-size: clamp(2.4rem, 7.4vw, 5.8rem) !important;
    line-height: .9 !important;
    letter-spacing: 0 !important;
    font-weight: 950 !important;
    text-align: center !important;
    margin: 0 !important;
}

html body main.ts-home .ts-flash-copy h2::after,
html body.theme-dark main.ts-home .ts-flash-copy h2::after,
html body.light-theme main.ts-home .ts-flash-copy h2::after {
    content: "" !important;
    display: block !important;
    width: 76px !important;
    height: 10px !important;
    margin: 18px auto 22px !important;
    background: #86ff00 !important;
    transform: skewX(-28deg) !important;
}

html body main.ts-home .ts-flash-copy p,
html body.theme-dark main.ts-home .ts-flash-copy p,
html body.light-theme main.ts-home .ts-flash-copy p {
    color: #ffffff !important;
    font-size: clamp(.95rem, 1.45vw, 1.24rem) !important;
    font-weight: 800 !important;
    text-align: center !important;
    margin: 0 !important;
}

html body main.ts-home .ts-flash-actions,
html body.theme-dark main.ts-home .ts-flash-actions,
html body.light-theme main.ts-home .ts-flash-actions {
    top: 50% !important;
    right: 18px !important;
    transform: translateY(-50%) !important;
    z-index: 12 !important;
}

html body main.ts-home #flashDeals.ts-flash-products,
html body.theme-dark main.ts-home #flashDeals.ts-flash-products,
html body.light-theme main.ts-home #flashDeals.ts-flash-products {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: minmax(150px, 176px) !important;
    justify-content: center !important;
    gap: 12px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    padding: 0 52px 4px !important;
    scrollbar-width: none !important;
}

html body main.ts-home #flashDeals > .ts-flash-card,
html body.theme-dark main.ts-home #flashDeals > .ts-flash-card,
html body.light-theme main.ts-home #flashDeals > .ts-flash-card {
    width: 100% !important;
    min-height: 230px !important;
    max-height: 230px !important;
    padding: 0 !important;
    background: rgba(255, 255, 255, .04) !important;
    border: 0 !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    scroll-snap-align: center !important;
}

html body main.ts-home #flashDeals > .ts-flash-card .ts-flash-img,
html body.theme-dark main.ts-home #flashDeals > .ts-flash-card .ts-flash-img,
html body.light-theme main.ts-home #flashDeals > .ts-flash-card .ts-flash-img {
    height: 230px !important;
    min-height: 230px !important;
    max-height: 230px !important;
    padding: 0 !important;
    background: #101412 !important;
}

html body main.ts-home #flashDeals > .ts-flash-card .ts-flash-img img,
html body.theme-dark main.ts-home #flashDeals > .ts-flash-card .ts-flash-img img,
html body.light-theme main.ts-home #flashDeals > .ts-flash-card .ts-flash-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

html body main.ts-home #flashDeals > .ts-flash-card .ts-flash-info,
html body main.ts-home #flashDeals > .ts-flash-card .ts-flash-cart,
html body main.ts-home #flashDeals > .ts-flash-card .ts-flash-badge,
html body.theme-dark main.ts-home #flashDeals > .ts-flash-card .ts-flash-info,
html body.theme-dark main.ts-home #flashDeals > .ts-flash-card .ts-flash-cart,
html body.theme-dark main.ts-home #flashDeals > .ts-flash-card .ts-flash-badge,
html body.light-theme main.ts-home #flashDeals > .ts-flash-card .ts-flash-info,
html body.light-theme main.ts-home #flashDeals > .ts-flash-card .ts-flash-cart,
html body.light-theme main.ts-home #flashDeals > .ts-flash-card .ts-flash-badge {
    display: none !important;
}

@media (max-width: 760px) {
    html body main.ts-home .ts-flash-deals,
    html body.theme-dark main.ts-home .ts-flash-deals,
    html body.light-theme main.ts-home .ts-flash-deals {
        padding: 42px 0 46px !important;
    }

    html body main.ts-home .ts-flash-panel,
    html body.theme-dark main.ts-home .ts-flash-panel,
    html body.light-theme main.ts-home .ts-flash-panel {
        min-height: 318px !important;
        padding: 0 14px !important;
    }

    html body main.ts-home .ts-flash-copy,
    html body.theme-dark main.ts-home .ts-flash-copy,
    html body.light-theme main.ts-home .ts-flash-copy {
        margin-bottom: 28px !important;
        padding-right: 0 !important;
        align-items: center !important;
        text-align: center !important;
    }

    html body main.ts-home .ts-flash-copy h2,
    html body main.ts-home .ts-flash-copy p,
    html body.theme-dark main.ts-home .ts-flash-copy h2,
    html body.theme-dark main.ts-home .ts-flash-copy p,
    html body.light-theme main.ts-home .ts-flash-copy h2,
    html body.light-theme main.ts-home .ts-flash-copy p {
        text-align: center !important;
    }

    html body main.ts-home .ts-flash-actions,
    html body.theme-dark main.ts-home .ts-flash-actions,
    html body.light-theme main.ts-home .ts-flash-actions {
        top: auto !important;
        right: 14px !important;
        bottom: 14px !important;
        transform: none !important;
    }

    html body main.ts-home #flashDeals.ts-flash-products,
    html body.theme-dark main.ts-home #flashDeals.ts-flash-products,
    html body.light-theme main.ts-home #flashDeals.ts-flash-products {
        grid-auto-columns: 118px !important;
        justify-content: start !important;
        gap: 10px !important;
        padding: 0 48px 0 0 !important;
    }

    html body main.ts-home #flashDeals > .ts-flash-card,
    html body.theme-dark main.ts-home #flashDeals > .ts-flash-card,
    html body.light-theme main.ts-home #flashDeals > .ts-flash-card,
    html body main.ts-home #flashDeals > .ts-flash-card .ts-flash-img,
    html body.theme-dark main.ts-home #flashDeals > .ts-flash-card .ts-flash-img,
    html body.light-theme main.ts-home #flashDeals > .ts-flash-card .ts-flash-img {
        min-height: 166px !important;
        max-height: 166px !important;
        height: 166px !important;
    }
}

/* 2026-08-29 product-whatsapp-green-force-final */
html body.template-product .gz-p-info-card .gz-p-order-actions a.gz-p-whatsapp-btn.gz-p-whatsapp-btn,
html body.theme-dark.template-product .gz-p-info-card .gz-p-order-actions a.gz-p-whatsapp-btn.gz-p-whatsapp-btn,
html body.light-theme.template-product .gz-p-info-card .gz-p-order-actions a.gz-p-whatsapp-btn.gz-p-whatsapp-btn,
html body.template-product .gz-p-info-card .gz-p-order-actions a.gz-p-whatsapp-btn:not(.gz-p-whatsapp-notify-btn),
html body.theme-dark.template-product .gz-p-info-card .gz-p-order-actions a.gz-p-whatsapp-btn:not(.gz-p-whatsapp-notify-btn),
html body.light-theme.template-product .gz-p-info-card .gz-p-order-actions a.gz-p-whatsapp-btn:not(.gz-p-whatsapp-notify-btn) {
    background: #25d366 !important;
    background-color: #25d366 !important;
    color: #06120b !important;
    border-color: rgba(37, 211, 102, .78) !important;
}

html body.template-product .gz-p-info-card .gz-p-order-actions a.gz-p-whatsapp-btn.gz-p-whatsapp-btn *,
html body.theme-dark.template-product .gz-p-info-card .gz-p-order-actions a.gz-p-whatsapp-btn.gz-p-whatsapp-btn *,
html body.light-theme.template-product .gz-p-info-card .gz-p-order-actions a.gz-p-whatsapp-btn.gz-p-whatsapp-btn * {
    color: #06120b !important;
}

@media (max-width: 760px) {
    html body.template-product .gz-p-info-card .gz-p-order-actions a.gz-p-whatsapp-btn.gz-p-whatsapp-btn,
    html body.theme-dark.template-product .gz-p-info-card .gz-p-order-actions a.gz-p-whatsapp-btn.gz-p-whatsapp-btn,
    html body.light-theme.template-product .gz-p-info-card .gz-p-order-actions a.gz-p-whatsapp-btn.gz-p-whatsapp-btn {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        overflow: visible !important;
    }
}

html body main.ts-home .ts-flash-copy,
html body.theme-dark main.ts-home .ts-flash-copy,
html body.light-theme main.ts-home .ts-flash-copy {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    margin: 0 auto 24px !important;
    max-width: 620px !important;
}

html body main.ts-home .ts-flash-copy h2,
html body.theme-dark main.ts-home .ts-flash-copy h2,
html body.light-theme main.ts-home .ts-flash-copy h2 {
    text-align: center !important;
    margin: 0 0 10px !important;
}

html body main.ts-home .ts-flash-copy p,
html body.theme-dark main.ts-home .ts-flash-copy p,
html body.light-theme main.ts-home .ts-flash-copy p {
    margin: 0 !important;
    text-align: center !important;
}

html body main.ts-home .ts-flash-timer,
html body.theme-dark main.ts-home .ts-flash-timer,
html body.light-theme main.ts-home .ts-flash-timer,
html body main.ts-home .ts-flash-actions > a,
html body.theme-dark main.ts-home .ts-flash-actions > a,
html body.light-theme main.ts-home .ts-flash-actions > a {
    display: none !important;
}

html body main.ts-home .ts-flash-actions,
html body.theme-dark main.ts-home .ts-flash-actions,
html body.light-theme main.ts-home .ts-flash-actions {
    position: absolute !important;
    right: 18px !important;
    top: 36px !important;
    width: auto !important;
    margin: 0 !important;
    justify-content: flex-end !important;
}

html body main.ts-home #flashDeals.ts-flash-products,
html body.theme-dark main.ts-home #flashDeals.ts-flash-products,
html body.light-theme main.ts-home #flashDeals.ts-flash-products {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: minmax(220px, 280px) !important;
    grid-template-columns: none !important;
    gap: 14px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    padding: 0 0 6px !important;
    scrollbar-width: none !important;
}

html body main.ts-home #flashDeals.ts-flash-products::-webkit-scrollbar,
html body.theme-dark main.ts-home #flashDeals.ts-flash-products::-webkit-scrollbar,
html body.light-theme main.ts-home #flashDeals.ts-flash-products::-webkit-scrollbar {
    display: none !important;
}

html body main.ts-home #flashDeals > .ts-flash-card,
html body.theme-dark main.ts-home #flashDeals > .ts-flash-card,
html body.light-theme main.ts-home #flashDeals > .ts-flash-card {
    width: 100% !important;
    min-height: 150px !important;
    max-height: 150px !important;
    padding: 0 !important;
    scroll-snap-align: start !important;
}

html body main.ts-home #flashDeals > .ts-flash-card .ts-flash-img,
html body.theme-dark main.ts-home #flashDeals > .ts-flash-card .ts-flash-img,
html body.light-theme main.ts-home #flashDeals > .ts-flash-card .ts-flash-img {
    height: 150px !important;
    min-height: 150px !important;
    max-height: 150px !important;
    padding: 8px !important;
}

@media (max-width: 760px) {
    html body main.ts-home .ts-flash-panel,
    html body.theme-dark main.ts-home .ts-flash-panel,
    html body.light-theme main.ts-home .ts-flash-panel {
        padding: 30px 14px 30px !important;
    }

    html body main.ts-home .ts-flash-copy,
    html body.theme-dark main.ts-home .ts-flash-copy,
    html body.light-theme main.ts-home .ts-flash-copy {
        margin-bottom: 18px !important;
        padding-right: 78px !important;
        align-items: flex-start !important;
        text-align: left !important;
    }

    html body main.ts-home .ts-flash-copy h2,
    html body main.ts-home .ts-flash-copy p,
    html body.theme-dark main.ts-home .ts-flash-copy h2,
    html body.theme-dark main.ts-home .ts-flash-copy p,
    html body.light-theme main.ts-home .ts-flash-copy h2,
    html body.light-theme main.ts-home .ts-flash-copy p {
        text-align: left !important;
    }

    html body main.ts-home .ts-flash-actions,
    html body.theme-dark main.ts-home .ts-flash-actions,
    html body.light-theme main.ts-home .ts-flash-actions {
        top: 30px !important;
        right: 14px !important;
    }

    html body main.ts-home #flashDeals.ts-flash-products,
    html body.theme-dark main.ts-home #flashDeals.ts-flash-products,
    html body.light-theme main.ts-home #flashDeals.ts-flash-products {
        grid-auto-columns: calc((100% - 12px) / 2) !important;
        gap: 12px !important;
    }
}

/* 2026-08-29 client-ready-pages-cards-whatsapp-final-lock */
html body main.ts-home .product-card .product-info,
html body.theme-dark main.ts-home .product-card .product-info,
html body.light-theme main.ts-home .product-card .product-info {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}

html body main.ts-home .product-card .product-cat-row,
html body.theme-dark main.ts-home .product-card .product-cat-row,
html body.light-theme main.ts-home .product-card .product-cat-row {
    margin: 0 !important;
    min-height: 16px !important;
}

html body main.ts-home .product-card .product-name,
html body.theme-dark main.ts-home .product-card .product-name,
html body.light-theme main.ts-home .product-card .product-name {
    margin: 0 !important;
    min-height: 42px !important;
}

html body main.ts-home .product-card .product-price-row,
html body.theme-dark main.ts-home .product-card .product-price-row,
html body.light-theme main.ts-home .product-card .product-price-row {
    margin-top: auto !important;
    align-items: flex-end !important;
}

html body main.ts-home .product-card .product-price,
html body.theme-dark main.ts-home .product-card .product-price,
html body.light-theme main.ts-home .product-card .product-price {
    text-align: left !important;
    align-items: flex-start !important;
}

html body.template-product .gz-p-info-card .gz-p-order-actions,
html body.theme-dark.template-product .gz-p-info-card .gz-p-order-actions,
html body.light-theme.template-product .gz-p-info-card .gz-p-order-actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: stretch !important;
}

html body.template-product .gz-p-info-card .gz-p-add-form,
html body.theme-dark.template-product .gz-p-info-card .gz-p-add-form,
html body.light-theme.template-product .gz-p-info-card .gz-p-add-form {
    min-width: 0 !important;
}

html body.template-product .gz-p-info-card .gz-p-add-btn,
html body.template-product .gz-p-info-card .gz-p-whatsapp-btn,
html body.theme-dark.template-product .gz-p-info-card .gz-p-add-btn,
html body.theme-dark.template-product .gz-p-info-card .gz-p-whatsapp-btn,
html body.light-theme.template-product .gz-p-info-card .gz-p-add-btn,
html body.light-theme.template-product .gz-p-info-card .gz-p-whatsapp-btn {
    width: 100% !important;
    min-height: 56px !important;
    border-radius: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    padding: 0 18px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    white-space: normal !important;
    text-align: center !important;
}

html body.template-product .gz-p-info-card .gz-p-whatsapp-btn,
html body.theme-dark.template-product .gz-p-info-card .gz-p-whatsapp-btn,
html body.light-theme.template-product .gz-p-info-card .gz-p-whatsapp-btn {
    background: #25d366 !important;
    color: #06120b !important;
    border: 1px solid rgba(255, 255, 255, .16) !important;
    box-shadow: 0 14px 30px rgba(37, 211, 102, .18) !important;
}

html body.template-product .gz-p-info-card .gz-p-whatsapp-btn i,
html body.theme-dark.template-product .gz-p-info-card .gz-p-whatsapp-btn i,
html body.light-theme.template-product .gz-p-info-card .gz-p-whatsapp-btn i {
    color: inherit !important;
    font-size: 1.15rem !important;
}

html body .gz-page-shell {
    background: #06100c !important;
    color: #f7fff8 !important;
    min-height: 70vh !important;
}

html body .gz-page-hero {
    background:
        linear-gradient(135deg, rgba(48, 214, 44, .18), rgba(4, 8, 7, .06) 42%),
        linear-gradient(180deg, #07120e 0%, #091612 100%) !important;
    border-bottom: 1px solid rgba(68, 214, 44, .18) !important;
    padding: clamp(38px, 6vw, 86px) 0 !important;
}

html body .gz-page-hero-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1.18fr) minmax(260px, .82fr) !important;
    gap: clamp(18px, 4vw, 44px) !important;
    align-items: center !important;
}

html body .gz-page-kicker {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: #44d62c !important;
    font-size: .78rem !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    margin-bottom: 12px !important;
}

html body .gz-page-copy h1 {
    color: #ffffff !important;
    font-size: clamp(2rem, 5vw, 4.4rem) !important;
    line-height: .98 !important;
    letter-spacing: 0 !important;
    max-width: 760px !important;
    margin: 0 0 18px !important;
}

html body .gz-page-copy p {
    color: rgba(247, 255, 248, .76) !important;
    font-size: clamp(.98rem, 1.5vw, 1.12rem) !important;
    line-height: 1.65 !important;
    max-width: 660px !important;
    margin: 0 !important;
}

html body .gz-page-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin-top: 26px !important;
}

html body .gz-page-btn {
    min-height: 46px !important;
    border-radius: 8px !important;
    padding: 0 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
}

html body .gz-page-btn-primary {
    background: #44d62c !important;
    color: #06120b !important;
}

html body .gz-page-btn-ghost {
    background: rgba(255, 255, 255, .07) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, .14) !important;
}

html body .gz-page-stats,
html body .gz-contact-panel {
    display: grid !important;
    gap: 10px !important;
}

html body .gz-page-stats > div,
html body .gz-contact-panel > div,
html body .gz-page-card,
html body .gz-page-split {
    background: #101714 !important;
    border: 1px solid rgba(68, 214, 44, .16) !important;
    border-radius: 8px !important;
}

html body .gz-page-stats > div,
html body .gz-contact-panel > div {
    padding: 18px !important;
}

html body .gz-page-stats strong,
html body .gz-contact-panel strong {
    color: #ffffff !important;
    display: block !important;
    font-size: clamp(1.35rem, 3vw, 2.2rem) !important;
    line-height: 1 !important;
}

html body .gz-page-stats span,
html body .gz-contact-panel span {
    color: rgba(247, 255, 248, .64) !important;
    display: block !important;
    margin-top: 6px !important;
    font-size: .88rem !important;
}

html body .gz-contact-panel i {
    color: #44d62c !important;
    margin-bottom: 10px !important;
}

html body .gz-page-band,
html body .gz-page-split {
    margin-top: clamp(28px, 5vw, 64px) !important;
    margin-bottom: clamp(28px, 5vw, 64px) !important;
}

html body .gz-page-section-head {
    margin-bottom: 18px !important;
}

html body .gz-page-section-head h2,
html body .gz-page-split h2 {
    color: #ffffff !important;
    font-size: clamp(1.45rem, 3vw, 2.45rem) !important;
    line-height: 1.08 !important;
    margin: 0 !important;
}

html body .gz-page-card-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important;
}

html body .gz-page-card {
    padding: clamp(18px, 3vw, 28px) !important;
}

html body .gz-page-card i {
    color: #44d62c !important;
    font-size: 1.35rem !important;
    margin-bottom: 16px !important;
}

html body .gz-page-card h2,
html body .gz-page-card h3 {
    color: #ffffff !important;
    font-size: 1.08rem !important;
    margin: 0 0 10px !important;
}

html body .gz-page-card p {
    color: rgba(247, 255, 248, .66) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
}

html body .gz-page-split {
    display: grid !important;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr) !important;
    gap: 22px !important;
    padding: clamp(20px, 4vw, 34px) !important;
    align-items: center !important;
}

html body .gz-page-chip-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
}

html body .gz-page-chip-grid a,
html body .gz-page-mini-list > div {
    background: rgba(255, 255, 255, .06) !important;
    border: 1px solid rgba(255, 255, 255, .1) !important;
    border-radius: 8px !important;
    min-height: 46px !important;
    padding: 12px 14px !important;
    color: #ffffff !important;
    text-decoration: none !important;
    font-weight: 800 !important;
}

html body .gz-page-mini-list {
    display: grid !important;
    gap: 10px !important;
}

html body .gz-page-mini-list > div {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

html body .gz-page-mini-list i {
    color: #44d62c !important;
}

@media (max-width: 760px) {
    html body main.ts-home .product-card .product-info,
    html body.theme-dark main.ts-home .product-card .product-info,
    html body.light-theme main.ts-home .product-card .product-info {
        padding: 8px 9px 10px !important;
        gap: 7px !important;
    }

    html body main.ts-home .product-card .product-name,
    html body.theme-dark main.ts-home .product-card .product-name,
    html body.light-theme main.ts-home .product-card .product-name {
        min-height: 40px !important;
    }

    html body.template-product .gz-p-info-card .gz-p-order-actions,
    html body.theme-dark.template-product .gz-p-info-card .gz-p-order-actions,
    html body.light-theme.template-product .gz-p-info-card .gz-p-order-actions {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    html body.template-product .gz-p-info-card .gz-p-whatsapp-btn,
    html body.theme-dark.template-product .gz-p-info-card .gz-p-whatsapp-btn,
    html body.light-theme.template-product .gz-p-info-card .gz-p-whatsapp-btn {
        min-height: 52px !important;
        font-size: .95rem !important;
    }

    html body .gz-page-hero {
        padding: 32px 0 !important;
    }

    html body .gz-page-hero-grid,
    html body .gz-page-card-grid,
    html body .gz-page-split {
        grid-template-columns: 1fr !important;
    }

    html body .gz-page-copy h1 {
        font-size: clamp(1.9rem, 10vw, 2.7rem) !important;
    }

    html body .gz-page-actions,
    html body .gz-page-actions .gz-page-btn {
        width: 100% !important;
    }

    html body .gz-page-chip-grid {
        grid-template-columns: 1fr !important;
    }
}

/* 2026-08-29 xbox-style-video-games-strip-true-eof-final */
html body main.ts-home section.ts-flash-deals .ts-flash-copy h2#flashDealsTitle,
html body.theme-dark main.ts-home section.ts-flash-deals .ts-flash-copy h2#flashDealsTitle,
html body.light-theme main.ts-home section.ts-flash-deals .ts-flash-copy h2#flashDealsTitle {
    font-size: clamp(2.8rem, 7.4vw, 5.8rem) !important;
    line-height: .9 !important;
    font-weight: 950 !important;
    text-align: center !important;
    color: #fff !important;
}

html body main.ts-home section.ts-flash-deals .ts-flash-copy h2#flashDealsTitle::after,
html body.theme-dark main.ts-home section.ts-flash-deals .ts-flash-copy h2#flashDealsTitle::after,
html body.light-theme main.ts-home section.ts-flash-deals .ts-flash-copy h2#flashDealsTitle::after {
    content: "" !important;
    display: block !important;
    width: 76px !important;
    height: 10px !important;
    margin: 18px auto 22px !important;
    background: #86ff00 !important;
    transform: skewX(-28deg) !important;
}

html body main.ts-home section.ts-flash-deals .ts-flash-panel.ts-flash-panel,
html body.theme-dark main.ts-home section.ts-flash-deals .ts-flash-panel.ts-flash-panel,
html body.light-theme main.ts-home section.ts-flash-deals .ts-flash-panel.ts-flash-panel {
    min-height: 390px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    background: transparent !important;
    border: 0 !important;
}

html body main.ts-home section.ts-flash-deals #flashDeals.ts-flash-products {
    grid-auto-columns: minmax(150px, 176px) !important;
    justify-content: center !important;
    gap: 12px !important;
    padding: 0 52px 4px !important;
}

html body main.ts-home section.ts-flash-deals #flashDeals.ts-flash-products > article.ts-flash-card,
html body.theme-dark main.ts-home section.ts-flash-deals #flashDeals.ts-flash-products > article.ts-flash-card,
html body.light-theme main.ts-home section.ts-flash-deals #flashDeals.ts-flash-products > article.ts-flash-card,
html body main.ts-home section.ts-flash-deals #flashDeals.ts-flash-products > article.ts-flash-card > a.ts-flash-img,
html body.theme-dark main.ts-home section.ts-flash-deals #flashDeals.ts-flash-products > article.ts-flash-card > a.ts-flash-img,
html body.light-theme main.ts-home section.ts-flash-deals #flashDeals.ts-flash-products > article.ts-flash-card > a.ts-flash-img {
    min-height: 230px !important;
    max-height: 230px !important;
    height: 230px !important;
}

html body main.ts-home section.ts-flash-deals #flashDeals.ts-flash-products > article.ts-flash-card > a.ts-flash-img {
    padding: 0 !important;
    background: #101412 !important;
}

html body main.ts-home section.ts-flash-deals #flashDeals.ts-flash-products > article.ts-flash-card > a.ts-flash-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

@media (max-width: 760px) {
    html body main.ts-home section.ts-flash-deals .ts-flash-copy h2#flashDealsTitle,
    html body.theme-dark main.ts-home section.ts-flash-deals .ts-flash-copy h2#flashDealsTitle,
    html body.light-theme main.ts-home section.ts-flash-deals .ts-flash-copy h2#flashDealsTitle {
        font-size: clamp(2.2rem, 12vw, 3rem) !important;
    }

    html body main.ts-home section.ts-flash-deals #flashDeals.ts-flash-products {
        grid-auto-columns: 118px !important;
        justify-content: start !important;
        padding: 0 48px 0 0 !important;
    }

    html body main.ts-home section.ts-flash-deals #flashDeals.ts-flash-products > article.ts-flash-card,
    html body.theme-dark main.ts-home section.ts-flash-deals #flashDeals.ts-flash-products > article.ts-flash-card,
    html body.light-theme main.ts-home section.ts-flash-deals #flashDeals.ts-flash-products > article.ts-flash-card,
    html body main.ts-home section.ts-flash-deals #flashDeals.ts-flash-products > article.ts-flash-card > a.ts-flash-img,
    html body.theme-dark main.ts-home section.ts-flash-deals #flashDeals.ts-flash-products > article.ts-flash-card > a.ts-flash-img,
    html body.light-theme main.ts-home section.ts-flash-deals #flashDeals.ts-flash-products > article.ts-flash-card > a.ts-flash-img {
        min-height: 166px !important;
        max-height: 166px !important;
        height: 166px !important;
    }
}

/* 2026-08-29 flash-7-autoplay-layout-and-home-font-final */
html body main.ts-home section.ts-flash-deals .ts-flash-panel.ts-flash-panel,
html body.theme-dark main.ts-home section.ts-flash-deals .ts-flash-panel.ts-flash-panel,
html body.light-theme main.ts-home section.ts-flash-deals .ts-flash-panel.ts-flash-panel {
    min-height: 420px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

html body main.ts-home section.ts-flash-deals .ts-flash-copy,
html body.theme-dark main.ts-home section.ts-flash-deals .ts-flash-copy,
html body.light-theme main.ts-home section.ts-flash-deals .ts-flash-copy {
    margin-bottom: 18px !important;
}

html body main.ts-home section.ts-flash-deals .ts-flash-actions,
html body.theme-dark main.ts-home section.ts-flash-deals .ts-flash-actions,
html body.light-theme main.ts-home section.ts-flash-deals .ts-flash-actions {
    position: static !important;
    transform: none !important;
    display: flex !important;
    justify-content: flex-end !important;
    width: min(100%, 1240px) !important;
    margin: 0 auto 12px !important;
    padding: 0 8px !important;
}

html body main.ts-home section.ts-flash-deals .ts-flash-actions .ts-carousel-controls,
html body.theme-dark main.ts-home section.ts-flash-deals .ts-flash-actions .ts-carousel-controls,
html body.light-theme main.ts-home section.ts-flash-deals .ts-flash-actions .ts-carousel-controls {
    display: inline-flex !important;
    gap: 10px !important;
}

html body main.ts-home section.ts-flash-deals #flashDeals.ts-flash-products,
html body.theme-dark main.ts-home section.ts-flash-deals #flashDeals.ts-flash-products,
html body.light-theme main.ts-home section.ts-flash-deals #flashDeals.ts-flash-products {
    grid-auto-columns: minmax(150px, 170px) !important;
    justify-content: center !important;
    gap: 10px !important;
    padding: 0 !important;
}

html body main.ts-home .product-card .product-name,
html body.theme-dark main.ts-home .product-card .product-name,
html body.light-theme main.ts-home .product-card .product-name {
    font-size: .95rem !important;
    line-height: 1.26 !important;
    font-weight: 900 !important;
}

@media (max-width: 760px) {
    html body main.ts-home section.ts-flash-deals .ts-flash-panel.ts-flash-panel,
    html body.theme-dark main.ts-home section.ts-flash-deals .ts-flash-panel.ts-flash-panel,
    html body.light-theme main.ts-home section.ts-flash-deals .ts-flash-panel.ts-flash-panel {
        min-height: 330px !important;
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    html body main.ts-home section.ts-flash-deals .ts-flash-actions,
    html body.theme-dark main.ts-home section.ts-flash-deals .ts-flash-actions,
    html body.light-theme main.ts-home section.ts-flash-deals .ts-flash-actions {
        width: 100% !important;
        margin: 0 0 10px !important;
        padding: 0 !important;
    }

    html body main.ts-home section.ts-flash-deals #flashDeals.ts-flash-products,
    html body.theme-dark main.ts-home section.ts-flash-deals #flashDeals.ts-flash-products,
    html body.light-theme main.ts-home section.ts-flash-deals #flashDeals.ts-flash-products {
        justify-content: start !important;
        grid-auto-columns: 118px !important;
        gap: 10px !important;
        padding: 0 48px 0 0 !important;
    }

    html body main.ts-home .product-card .product-name,
    html body.theme-dark main.ts-home .product-card .product-name,
    html body.light-theme main.ts-home .product-card .product-name {
        font-size: .82rem !important;
        line-height: 1.24 !important;
    }
}

/* 2026-08-29 flash-controls-top-right-autoplay-overflow-final */
html body main.ts-home section.ts-flash-deals .ts-flash-panel.ts-flash-panel,
html body.theme-dark main.ts-home section.ts-flash-deals .ts-flash-panel.ts-flash-panel,
html body.light-theme main.ts-home section.ts-flash-deals .ts-flash-panel.ts-flash-panel {
    position: relative !important;
}

html body main.ts-home section.ts-flash-deals .ts-flash-actions,
html body.theme-dark main.ts-home section.ts-flash-deals .ts-flash-actions,
html body.light-theme main.ts-home section.ts-flash-deals .ts-flash-actions {
    position: absolute !important;
    top: 226px !important;
    right: 0 !important;
    left: auto !important;
    transform: none !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 20 !important;
}

html body main.ts-home section.ts-flash-deals #flashDeals.ts-flash-products,
html body.theme-dark main.ts-home section.ts-flash-deals #flashDeals.ts-flash-products,
html body.light-theme main.ts-home section.ts-flash-deals #flashDeals.ts-flash-products {
    grid-auto-columns: 180px !important;
    justify-content: start !important;
    gap: 10px !important;
    padding: 0 !important;
}

@media (max-width: 760px) {
    html body main.ts-home section.ts-flash-deals .ts-flash-actions,
    html body.theme-dark main.ts-home section.ts-flash-deals .ts-flash-actions,
    html body.light-theme main.ts-home section.ts-flash-deals .ts-flash-actions {
        top: auto !important;
        right: 14px !important;
        bottom: 14px !important;
    }

    html body main.ts-home section.ts-flash-deals #flashDeals.ts-flash-products,
    html body.theme-dark main.ts-home section.ts-flash-deals #flashDeals.ts-flash-products,
    html body.light-theme main.ts-home section.ts-flash-deals #flashDeals.ts-flash-products {
        grid-auto-columns: 118px !important;
        justify-content: start !important;
        padding: 0 48px 0 0 !important;
    }
}

/* 2026-08-29 flash-controls-above-strip-final */
html body main.ts-home section.ts-flash-deals .ts-flash-actions,
html body.theme-dark main.ts-home section.ts-flash-deals .ts-flash-actions,
html body.light-theme main.ts-home section.ts-flash-deals .ts-flash-actions {
    top: 180px !important;
    right: 0 !important;
}

@media (max-width: 760px) {
    html body main.ts-home section.ts-flash-deals .ts-flash-actions,
    html body.theme-dark main.ts-home section.ts-flash-deals .ts-flash-actions,
    html body.light-theme main.ts-home section.ts-flash-deals .ts-flash-actions {
        top: auto !important;
        right: 14px !important;
        bottom: 14px !important;
    }
}

/* 2026-08-29 home-product-name-12px-final */
html body main.ts-home a.product-card .product-name,
html body.theme-dark main.ts-home a.product-card .product-name,
html body.light-theme main.ts-home a.product-card .product-name,
html body main.ts-home .ts-composants-section .ts-composants-rail > a.product-card.product-card .product-name.product-name,
html body.theme-dark main.ts-home .ts-composants-section .ts-composants-rail > a.product-card.product-card .product-name.product-name,
html body.light-theme main.ts-home .ts-composants-section .ts-composants-rail > a.product-card.product-card .product-name.product-name {
    font-size: 12px !important;
    line-height: 1.24 !important;
    font-weight: 900 !important;
}

/* 2026-08-29 home-card-category-label-match-pc-gamer-final */
html body main.ts-home a.product-card .product-cat,
html body.theme-dark main.ts-home a.product-card .product-cat,
html body.light-theme main.ts-home a.product-card .product-cat,
html body main.ts-home .ts-composants-section .ts-composants-rail > a.product-card.product-card .product-cat,
html body.theme-dark main.ts-home .ts-composants-section .ts-composants-rail > a.product-card.product-card .product-cat,
html body.light-theme main.ts-home .ts-composants-section .ts-composants-rail > a.product-card.product-card .product-cat {
    color: rgba(247, 255, 248, .72) !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    font-weight: 500 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}

/* 2026-08-29 flash-title-normal-and-film-loop-final */
html body main.ts-home section.ts-flash-deals .ts-flash-copy h2#flashDealsTitle,
html body.theme-dark main.ts-home section.ts-flash-deals .ts-flash-copy h2#flashDealsTitle,
html body.light-theme main.ts-home section.ts-flash-deals .ts-flash-copy h2#flashDealsTitle {
    font-size: clamp(1.85rem, 3vw, 2.45rem) !important;
    line-height: 1.08 !important;
    font-weight: 900 !important;
}

html body main.ts-home section.ts-flash-deals .ts-flash-copy h2#flashDealsTitle::after,
html body.theme-dark main.ts-home section.ts-flash-deals .ts-flash-copy h2#flashDealsTitle::after,
html body.light-theme main.ts-home section.ts-flash-deals .ts-flash-copy h2#flashDealsTitle::after {
    width: 48px !important;
    height: 6px !important;
    margin: 12px auto 16px !important;
}

html body main.ts-home section.ts-flash-deals #flashDeals.ts-flash-products,
html body.theme-dark main.ts-home section.ts-flash-deals #flashDeals.ts-flash-products,
html body.light-theme main.ts-home section.ts-flash-deals #flashDeals.ts-flash-products {
    scroll-behavior: auto !important;
}

@media (max-width: 760px) {
    html body main.ts-home section.ts-flash-deals .ts-flash-copy h2#flashDealsTitle,
    html body.theme-dark main.ts-home section.ts-flash-deals .ts-flash-copy h2#flashDealsTitle,
    html body.light-theme main.ts-home section.ts-flash-deals .ts-flash-copy h2#flashDealsTitle {
        font-size: clamp(1.55rem, 7vw, 2rem) !important;
    }
}

/* 2026-08-29 flash-css-film-marquee-no-stop-final */
html body main.ts-home section.ts-flash-deals .ts-flash-panel.ts-flash-panel,
html body.theme-dark main.ts-home section.ts-flash-deals .ts-flash-panel.ts-flash-panel,
html body.light-theme main.ts-home section.ts-flash-deals .ts-flash-panel.ts-flash-panel {
    overflow: hidden !important;
}

html body main.ts-home section.ts-flash-deals .ts-flash-copy h2#flashDealsTitle,
html body.theme-dark main.ts-home section.ts-flash-deals .ts-flash-copy h2#flashDealsTitle,
html body.light-theme main.ts-home section.ts-flash-deals .ts-flash-copy h2#flashDealsTitle {
    font-size: clamp(1.85rem, 2.5vw, 2rem) !important;
    line-height: 1.08 !important;
}

html body main.ts-home section.ts-flash-deals #flashDeals.ts-flash-products,
html body.theme-dark main.ts-home section.ts-flash-deals #flashDeals.ts-flash-products,
html body.light-theme main.ts-home section.ts-flash-deals #flashDeals.ts-flash-products {
    width: max-content !important;
    max-width: none !important;
    overflow: visible !important;
    animation: gzFlashFilmRoll 26s linear infinite !important;
    will-change: transform !important;
}

html body main.ts-home section.ts-flash-deals #flashDeals.ts-flash-products:hover,
html body.theme-dark main.ts-home section.ts-flash-deals #flashDeals.ts-flash-products:hover,
html body.light-theme main.ts-home section.ts-flash-deals #flashDeals.ts-flash-products:hover {
    animation-play-state: running !important;
}

@keyframes gzFlashFilmRoll {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}

@media (max-width: 760px) {
    html body main.ts-home section.ts-flash-deals .ts-flash-copy h2#flashDealsTitle,
    html body.theme-dark main.ts-home section.ts-flash-deals .ts-flash-copy h2#flashDealsTitle,
    html body.light-theme main.ts-home section.ts-flash-deals .ts-flash-copy h2#flashDealsTitle {
        font-size: clamp(1.55rem, 7vw, 2rem) !important;
    }

    html body main.ts-home section.ts-flash-deals #flashDeals.ts-flash-products,
    html body.theme-dark main.ts-home section.ts-flash-deals #flashDeals.ts-flash-products,
    html body.light-theme main.ts-home section.ts-flash-deals #flashDeals.ts-flash-products {
        animation-duration: 22s !important;
    }
}

/* 2026-08-29 product-feature-cards-dark-green-gradient-final */
html body.template-product .gz-p-gallery .gz-p-features.gz-p-features,
html body.theme-dark.template-product .gz-p-gallery .gz-p-features.gz-p-features,
html body.light-theme.template-product .gz-p-gallery .gz-p-features.gz-p-features {
    gap: 10px !important;
}

html body.template-product .gz-p-gallery .gz-p-feature,
html body.theme-dark.template-product .gz-p-gallery .gz-p-feature,
html body.light-theme.template-product .gz-p-gallery .gz-p-feature {
    background: linear-gradient(145deg, #070d0a 0%, #111a15 62%, rgba(68, 214, 44, .18) 100%) !important;
    border: 1px solid rgba(68, 214, 44, .28) !important;
    color: #f7fff8 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05), 0 10px 22px rgba(0, 0, 0, .18) !important;
}

html body.template-product .gz-p-gallery .gz-p-feature-label,
html body.theme-dark.template-product .gz-p-gallery .gz-p-feature-label,
html body.light-theme.template-product .gz-p-gallery .gz-p-feature-label {
    color: rgba(247, 255, 248, .72) !important;
    font-weight: 800 !important;
}

html body.template-product .gz-p-gallery .gz-p-feature-value,
html body.theme-dark.template-product .gz-p-gallery .gz-p-feature-value,
html body.light-theme.template-product .gz-p-gallery .gz-p-feature-value {
    color: #ffffff !important;
    font-weight: 700 !important;
}

/* 2026-08-29 product-feature-cards-dark-green-gradient-force-final */
html body.template-product .gz-p-gallery .gz-p-features.gz-p-features > .gz-p-feature.gz-p-feature,
html body.theme-dark.template-product .gz-p-gallery .gz-p-features.gz-p-features > .gz-p-feature.gz-p-feature,
html body.light-theme.template-product .gz-p-gallery .gz-p-features.gz-p-features > .gz-p-feature.gz-p-feature {
    background: linear-gradient(145deg, #070d0a 0%, #111a15 62%, rgba(68, 214, 44, .22) 100%) !important;
    background-color: #101714 !important;
    border: 1px solid rgba(68, 214, 44, .32) !important;
    color: #f7fff8 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05), 0 10px 22px rgba(0, 0, 0, .22) !important;
}

html body.template-product .gz-p-gallery .gz-p-features.gz-p-features > .gz-p-feature.gz-p-feature .gz-p-feature-label,
html body.theme-dark.template-product .gz-p-gallery .gz-p-features.gz-p-features > .gz-p-feature.gz-p-feature .gz-p-feature-label,
html body.light-theme.template-product .gz-p-gallery .gz-p-features.gz-p-features > .gz-p-feature.gz-p-feature .gz-p-feature-label {
    color: rgba(247, 255, 248, .72) !important;
}

html body.template-product .gz-p-gallery .gz-p-features.gz-p-features > .gz-p-feature.gz-p-feature .gz-p-feature-value,
html body.theme-dark.template-product .gz-p-gallery .gz-p-features.gz-p-features > .gz-p-feature.gz-p-feature .gz-p-feature-value,
html body.light-theme.template-product .gz-p-gallery .gz-p-features.gz-p-features > .gz-p-feature.gz-p-feature .gz-p-feature-value {
    color: #ffffff !important;
}

/* 2026-08-29 checkout-page-dark-mode-overhaul */
body.theme-dark .checkout-page {
    background: #0a0a0a !important;
}

body.theme-dark .checkout-page h1 {
    color: #f5f5f5 !important;
}

body.theme-dark .checkout-info,
body.theme-dark .checkout-summary {
    background: #141414 !important;
    border: 1px solid #27272a !important;
    color: #f5f5f5 !important;
}

body.theme-dark .checkout-info h3,
body.theme-dark .checkout-summary h3 {
    color: #f5f5f5 !important;
    border-bottom: 1px solid #27272a !important;
    padding-bottom: 10px !important;
}

body.theme-dark .checkout-info label {
    color: #a1a1aa !important;
    font-weight: 500 !important;
}

body.theme-dark .checkout-info input[type="text"],
body.theme-dark .checkout-info input[type="email"],
body.theme-dark .checkout-info textarea {
    background: #1c1c1e !important;
    border: 1px solid #3f3f46 !important;
    color: #f5f5f5 !important;
    border-radius: 8px !important;
    padding: 12px 14px !important;
}

body.theme-dark .checkout-info input[type="text"]:focus,
body.theme-dark .checkout-info input[type="email"]:focus,
body.theme-dark .checkout-info textarea:focus {
    border-color: #22c55e !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(34, 197, 94, 0.15) !important;
}

body.theme-dark .checkout-info input::placeholder,
body.theme-dark .checkout-info textarea::placeholder {
    color: #52525b !important;
}

body.theme-dark .order-item {
    border-bottom-color: #27272a !important;
}

body.theme-dark .item-name {
    color: #d4d4d8 !important;
}

body.theme-dark .item-price,
body.theme-dark .item-qty {
    color: #a1a1aa !important;
}

body.theme-dark .summary-row {
    color: #a1a1aa !important;
}

body.theme-dark .summary-row.total {
    color: #f5f5f5 !important;
    border-top-color: #27272a !important;
    font-size: 18px !important;
}

body.theme-dark .btn-place-order,
body.theme-dark .btn-checkout {
    background: linear-gradient(135deg, #16a34a, #22c55e) !important;
    color: #ffffff !important;
    border: none !important;
    font-weight: 700 !important;
    border-radius: 10px !important;
    padding: 14px 24px !important;
    box-shadow: 0 6px 20px rgba(34, 197, 94, 0.35) !important;
    transition: all 0.2s !important;
}

body.theme-dark .btn-place-order:hover,
body.theme-dark .btn-checkout:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 8px 28px rgba(34, 197, 94, 0.45) !important;
}

body.theme-dark .secure-text {
    color: #71717a !important;
}

body.theme-dark .secure-text i {
    color: #22c55e !important;
}

body.theme-dark .payment-option {
    background: #1c1c1e !important;
    border: 1px solid #3f3f46 !important;
    border-radius: 10px !important;
    color: #f5f5f5 !important;
}

body.theme-dark .payment-option:hover {
    border-color: #22c55e !important;
}

body.theme-dark .payment-option input[type="radio"]:checked + .radio-custom {
    border-color: #22c55e !important;
    background: #22c55e !important;
}

body.theme-dark .payment-option input[type="radio"]:checked + .radio-custom::after {
    background: #ffffff !important;
}

body.theme-dark .payment-info strong {
    color: #f5f5f5 !important;
}

body.theme-dark .payment-info span {
    color: #a1a1aa !important;
}

body.theme-dark .breadcrumb {
    background: #141414 !important;
    border-bottom: 1px solid #27272a !important;
}

body.theme-dark .breadcrumb a {
    color: #a1a1aa !important;
}

body.theme-dark .breadcrumb a:hover {
    color: #22c55e !important;
}

body.theme-dark .breadcrumb .sep {
    color: #52525b !important;
}

body.theme-dark .breadcrumb span:last-child {
    color: #f5f5f5 !important;
}

body.theme-dark .error {
    color: #ef4444 !important;
}

/* 2026-08-29 cart-page-dark-mode */
body.theme-dark .cart-page {
    background: #0a0a0a !important;
}

body.theme-dark .cart-page h1 {
    color: #f5f5f5 !important;
}

body.theme-dark .empty-cart-page {
    background: #141414 !important;
    border: 1px solid #27272a !important;
    border-radius: 12px !important;
}

body.theme-dark .empty-cart-page h2 {
    color: #f5f5f5 !important;
}

body.theme-dark .empty-cart-page p {
    color: #a1a1aa !important;
}

/* 2026-08-29 final theme QA: home cards + cart/checkout */
html body main.ts-home a.product-card .product-cat,
html body main.ts-home a.product-card .product-cat-row,
html body .ts-home a.product-card .product-cat,
html body .ts-home a.product-card .product-cat-row {
    color: #3f4843 !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    font-weight: 500 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

html body.theme-dark main.ts-home a.product-card .product-cat,
html body.theme-dark main.ts-home a.product-card .product-cat-row,
html body.theme-dark .ts-home a.product-card .product-cat,
html body.theme-dark .ts-home a.product-card .product-cat-row {
    color: rgba(247, 255, 248, .72) !important;
}

html body.light-theme main.ts-home a.product-card .product-cat,
html body.light-theme main.ts-home a.product-card .product-cat-row,
html body.light-theme .ts-home a.product-card .product-cat,
html body.light-theme .ts-home a.product-card .product-cat-row,
html body:not(.theme-dark) main.ts-home a.product-card .product-cat,
html body:not(.theme-dark) main.ts-home a.product-card .product-cat-row,
html body:not(.theme-dark) .ts-home a.product-card .product-cat,
html body:not(.theme-dark) .ts-home a.product-card .product-cat-row {
    color: #3f4843 !important;
}

html body.theme-dark .breadcrumb,
html body.theme-dark section.cart-page,
html body.theme-dark section.checkout-page {
    background: #070b09 !important;
    color: #f7fff8 !important;
}

html body.theme-dark .checkout-page .container,
html body.theme-dark .cart-page .container {
    color: #f7fff8 !important;
}

html body.theme-dark .checkout-page h1,
html body.theme-dark .cart-page h1,
html body.theme-dark .checkout-info h3,
html body.theme-dark .checkout-summary h3,
html body.theme-dark .cart-summary h3,
html body.theme-dark .cart-item h4 {
    color: #ffffff !important;
}

html body.theme-dark .checkout-info,
html body.theme-dark .checkout-summary,
html body.theme-dark .cart-summary,
html body.theme-dark .cart-item,
html body.theme-dark .empty-cart-page {
    background: linear-gradient(145deg, #0b1110 0%, #121817 100%) !important;
    border: 1px solid rgba(68, 214, 44, .18) !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, .22) !important;
    color: #f7fff8 !important;
}

html body.theme-dark .checkout-info label,
html body.theme-dark .summary-row,
html body.theme-dark .item-name,
html body.theme-dark .item-qty,
html body.theme-dark .btn-continue,
html body.theme-dark .empty-cart-page p {
    color: rgba(247, 255, 248, .72) !important;
}

html body.theme-dark .checkout-info input[type="text"],
html body.theme-dark .checkout-info input[type="email"],
html body.theme-dark .checkout-info textarea,
html body.theme-dark .cart-item input[type="number"] {
    background: #0d1412 !important;
    border: 1px solid rgba(247, 255, 248, .14) !important;
    color: #ffffff !important;
}

html body.theme-dark .checkout-info input[type="text"]:focus,
html body.theme-dark .checkout-info input[type="email"]:focus,
html body.theme-dark .checkout-info textarea:focus,
html body.theme-dark .cart-item input[type="number"]:focus {
    border-color: rgba(68, 214, 44, .72) !important;
    box-shadow: 0 0 0 3px rgba(68, 214, 44, .16) !important;
}

html body.theme-dark .payment-option {
    background: #0d1412 !important;
    border: 1px solid rgba(247, 255, 248, .14) !important;
    color: #f7fff8 !important;
}

html body.theme-dark .payment-info strong,
html body.theme-dark .summary-row.total,
html body.theme-dark .item-total,
html body.theme-dark .item-price {
    color: #ffffff !important;
}

html body.theme-dark .payment-info span,
html body.theme-dark .secure-text {
    color: rgba(247, 255, 248, .62) !important;
}

html body.theme-dark .btn-place-order,
html body.theme-dark .btn-checkout {
    background: linear-gradient(135deg, #44d62c, #20c95a) !important;
    color: #030604 !important;
    border: 0 !important;
}

html body.light-theme section.cart-page,
html body.light-theme section.checkout-page,
html body:not(.theme-dark) section.cart-page,
html body:not(.theme-dark) section.checkout-page {
    background: #f3f6f4 !important;
    color: #101412 !important;
}

html body.light-theme .checkout-info,
html body.light-theme .checkout-summary,
html body.light-theme .cart-summary,
html body.light-theme .cart-item,
html body.light-theme .empty-cart-page,
html body:not(.theme-dark) .checkout-info,
html body:not(.theme-dark) .checkout-summary,
html body:not(.theme-dark) .cart-summary,
html body:not(.theme-dark) .cart-item,
html body:not(.theme-dark) .empty-cart-page {
    background: #ffffff !important;
    border: 1px solid rgba(16, 20, 18, .1) !important;
    color: #101412 !important;
}

html body.theme-dark section.checkout-page .checkout-summary button.btn-place-order[type="submit"],
html body.theme-dark section.checkout-page form.checkout-form button.btn-place-order[type="submit"],
html body.theme-dark section.cart-page .cart-summary a.btn-checkout {
    background: linear-gradient(135deg, #44d62c, #20c95a) !important;
    border-color: transparent !important;
    color: #030604 !important;
    box-shadow: 0 12px 28px rgba(68, 214, 44, .22) !important;
}

html body.theme-dark section.checkout-page .checkout-summary button.btn-place-order[type="submit"]:hover,
html body.theme-dark section.checkout-page form.checkout-form button.btn-place-order[type="submit"]:hover,
html body.theme-dark section.cart-page .cart-summary a.btn-checkout:hover {
    background: linear-gradient(135deg, #57eb3f, #2bd86a) !important;
    transform: translateY(-1px) !important;
}

/* 2026-08-29 composants light-mode category label final */
html body.light-theme main.ts-home section.ts-composants-section .ts-composants-rail > a.product-card.product-card .product-cat.product-cat,
html body.light-theme .ts-home section.ts-composants-section .ts-composants-rail > a.product-card.product-card .product-cat.product-cat,
html body:not(.theme-dark) main.ts-home section.ts-composants-section .ts-composants-rail > a.product-card.product-card .product-cat.product-cat,
html body:not(.theme-dark) .ts-home section.ts-composants-section .ts-composants-rail > a.product-card.product-card .product-cat.product-cat {
    color: #3f4843 !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    font-weight: 500 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* 2026-08-30 shop light-mode final override */
html body.light-theme.theme-dark.template-shop .ct-shop-page #productsGrid.products-grid > a.product-card.product-card,
html body.light-theme.template-shop .ct-shop-page #productsGrid.products-grid > a.product-card.product-card,
html body:not(.theme-dark).template-shop .ct-shop-page #productsGrid.products-grid > a.product-card.product-card {
    background: #ffffff !important;
    background-image: none !important;
    border: 1px solid #dfe6df !important;
    color: #071008 !important;
    box-shadow: 0 10px 26px rgba(15, 23, 42, .08) !important;
}

html body.light-theme.theme-dark.template-shop .ct-shop-page #productsGrid.products-grid > a.product-card.product-card .product-info,
html body.light-theme.template-shop .ct-shop-page #productsGrid.products-grid > a.product-card.product-card .product-info,
html body:not(.theme-dark).template-shop .ct-shop-page #productsGrid.products-grid > a.product-card.product-card .product-info {
    background: #ffffff !important;
    background-image: none !important;
    color: #071008 !important;
}

html body.light-theme.theme-dark.template-shop .ct-shop-page #productsGrid.products-grid > a.product-card.product-card .product-img,
html body.light-theme.template-shop .ct-shop-page #productsGrid.products-grid > a.product-card.product-card .product-img,
html body:not(.theme-dark).template-shop .ct-shop-page #productsGrid.products-grid > a.product-card.product-card .product-img {
    background: #f6f8f7 !important;
}

html body.light-theme.theme-dark.template-shop .ct-shop-page #productsGrid.products-grid > a.product-card.product-card .product-name,
html body.light-theme.theme-dark.template-shop .ct-shop-page #productsGrid.products-grid > a.product-card.product-card .product-cat,
html body.light-theme.template-shop .ct-shop-page #productsGrid.products-grid > a.product-card.product-card .product-name,
html body.light-theme.template-shop .ct-shop-page #productsGrid.products-grid > a.product-card.product-card .product-cat,
html body:not(.theme-dark).template-shop .ct-shop-page #productsGrid.products-grid > a.product-card.product-card .product-name,
html body:not(.theme-dark).template-shop .ct-shop-page #productsGrid.products-grid > a.product-card.product-card .product-cat {
    color: #071008 !important;
}

html body.light-theme.theme-dark.template-shop .ct-shop-page #productsGrid.products-grid > a.product-card.product-card .product-price .current,
html body.light-theme.template-shop .ct-shop-page #productsGrid.products-grid > a.product-card.product-card .product-price .current,
html body:not(.theme-dark).template-shop .ct-shop-page #productsGrid.products-grid > a.product-card.product-card .product-price .current {
    color: #009c18 !important;
}

html body.light-theme.theme-dark.template-shop .ct-shop-page #productsGrid.products-grid > a.product-card.product-card .product-price .old,
html body.light-theme.template-shop .ct-shop-page #productsGrid.products-grid > a.product-card.product-card .product-price .old,
html body:not(.theme-dark).template-shop .ct-shop-page #productsGrid.products-grid > a.product-card.product-card .product-price .old {
    color: #777f7a !important;
}

html body.light-theme.theme-dark.template-shop .ct-shop-page #filterSidebar,
html body.light-theme.theme-dark.template-shop .ct-shop-page #filterSidebar .filter-header,
html body.light-theme.theme-dark.template-shop .ct-shop-page #filterSidebar .filter-group,
html body.light-theme.theme-dark.template-shop .ct-shop-page #filterSidebar .filter-group-title,
html body.light-theme.theme-dark.template-shop .ct-shop-page #filterSidebar .filter-group-body,
html body.light-theme.theme-dark.template-shop .ct-shop-page #filterSidebar .price-slider-wrap,
html body.light-theme.template-shop .ct-shop-page #filterSidebar,
html body.light-theme.template-shop .ct-shop-page #filterSidebar .filter-header,
html body.light-theme.template-shop .ct-shop-page #filterSidebar .filter-group,
html body.light-theme.template-shop .ct-shop-page #filterSidebar .filter-group-title,
html body.light-theme.template-shop .ct-shop-page #filterSidebar .filter-group-body,
html body.light-theme.template-shop .ct-shop-page #filterSidebar .price-slider-wrap {
    background: #ffffff !important;
    background-image: none !important;
    color: #101412 !important;
}

html body.light-theme.theme-dark.template-shop .ct-shop-page #filterSidebar .filter-group,
html body.light-theme.template-shop .ct-shop-page #filterSidebar .filter-group {
    border-color: #dfe6df !important;
}

html body.light-theme.theme-dark.template-shop .ct-shop-page #filterSidebar .filter-group-title,
html body.light-theme.theme-dark.template-shop .ct-shop-page #filterSidebar .filter-list-item,
html body.light-theme.theme-dark.template-shop .ct-shop-page #filterSidebar .filter-list-label,
html body.light-theme.theme-dark.template-shop .ct-shop-page #filterSidebar .price-labels,
html body.light-theme.theme-dark.template-shop .ct-shop-page #filterSidebar .price-labels span,
html body.light-theme.template-shop .ct-shop-page #filterSidebar .filter-group-title,
html body.light-theme.template-shop .ct-shop-page #filterSidebar .filter-list-item,
html body.light-theme.template-shop .ct-shop-page #filterSidebar .filter-list-label,
html body.light-theme.template-shop .ct-shop-page #filterSidebar .price-labels,
html body.light-theme.template-shop .ct-shop-page #filterSidebar .price-labels span {
    color: #101412 !important;
}

html body.light-theme.theme-dark.template-shop .ct-shop-page #filterSidebar .price-slider-track,
html body.light-theme.template-shop .ct-shop-page #filterSidebar .price-slider-track {
    background: #cfd8d2 !important;
}

html body.light-theme.theme-dark.template-shop .ct-shop-page #filterSidebar .price-slider-range,
html body.light-theme.template-shop .ct-shop-page #filterSidebar .price-slider-range {
    background: #22c55e !important;
}

/* 2026-08-31 dark shop price filter readability */
html body.theme-dark.template-shop .ct-shop-page #filterSidebar .filter-group-body,
html body.theme-dark.template-shop .ct-shop-page #filterSidebar .price-labels,
html body.theme-dark.template-shop .ct-shop-page #filterSidebar .price-labels span,
html body.theme-dark.template-shop .ct-shop-page #filterSidebar .price-slider-wrap {
    background: #101513 !important;
    background-image: none !important;
    color: #edf2ef !important;
}

html body.theme-dark.template-shop .ct-shop-page #filterSidebar .price-labels span {
    border: 1px solid rgba(237, 242, 239, .2) !important;
    box-shadow: none !important;
}

html body.theme-dark.template-shop .ct-shop-page #filterSidebar .price-slider-wrap,
html body.theme-dark.template-shop .ct-shop-page #filterSidebar .price-slider-wrap *,
html body.theme-dark.template-shop .ct-shop-page #filterSidebar .price-slider-wrap::before,
html body.theme-dark.template-shop .ct-shop-page #filterSidebar .price-slider-wrap::after,
html body.theme-dark.template-shop .ct-shop-page #filterSidebar .filter-group-body label,
html body.theme-dark.template-shop .ct-shop-page #filterSidebar .filter-group-body span,
html body.theme-dark.template-shop .ct-shop-page #filterSidebar .filter-group-body small,
html body.theme-dark.template-shop .ct-shop-page #filterSidebar .filter-group-body output {
    color: #edf2ef !important;
}

html body.theme-dark.template-shop .ct-shop-page #filterSidebar input[type="number"],
html body.theme-dark.template-shop .ct-shop-page #filterSidebar input[type="text"],
html body.theme-dark.template-shop .ct-shop-page #filterSidebar .price-input,
html body.theme-dark.template-shop .ct-shop-page #filterSidebar .price-min,
html body.theme-dark.template-shop .ct-shop-page #filterSidebar .price-max {
    background: #0a0f0d !important;
    border-color: rgba(237, 242, 239, .38) !important;
    color: #ffffff !important;
}

html body.theme-dark.template-shop .ct-shop-page #filterSidebar input::placeholder {
    color: rgba(237, 242, 239, .62) !important;
}

html body.theme-dark.template-shop .ct-shop-page #filterSidebar .price-slider-track {
    background: #34413c !important;
}

html body.theme-dark.template-shop .ct-shop-page #filterSidebar .price-slider-range,
html body.theme-dark.template-shop .ct-shop-page #filterSidebar #priceRangeFill {
    background: #44d62c !important;
}

/* 2026-08-31 dark shop gz price widget readability */
html body.theme-dark.template-shop .ct-shop-page #filterSidebar .gz-price-widget,
html body.theme-dark.template-shop .ct-shop-page #filterSidebar .gz-price-slider-wrap,
html body.theme-dark.template-shop .ct-shop-page #filterSidebar .gz-price-inputs {
    color: #edf2ef !important;
}

html body.theme-dark.template-shop .ct-shop-page #filterSidebar .gz-price-bounds span {
    background: #1b231f !important;
    border: 1px solid rgba(237, 242, 239, .24) !important;
    color: #edf2ef !important;
}

html body.theme-dark.template-shop .ct-shop-page #filterSidebar .gz-price-bubble {
    background: #44d62c !important;
    border: 1px solid rgba(68, 214, 44, .75) !important;
    color: #061006 !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

html body.theme-dark.template-shop .ct-shop-page #filterSidebar .gz-price-bubble::after {
    border-top-color: #44d62c !important;
}

html body.theme-dark.template-shop .ct-shop-page #filterSidebar .gz-price-ticks,
html body.theme-dark.template-shop .ct-shop-page #filterSidebar .gz-price-ticks span,
html body.theme-dark.template-shop .ct-shop-page #filterSidebar .gz-price-input-group label {
    color: #dce7e1 !important;
    opacity: 1 !important;
}

html body.theme-dark.template-shop .ct-shop-page #filterSidebar .gz-price-input-group input {
    background: #0a0f0d !important;
    border: 1px solid rgba(237, 242, 239, .38) !important;
    color: #ffffff !important;
}

html body.theme-dark.template-shop .ct-shop-page #filterSidebar .gz-price-input-group input::placeholder {
    color: rgba(237, 242, 239, .62) !important;
}

html body.theme-dark.template-shop .ct-shop-page #filterSidebar .gz-price-track {
    background: #34413c !important;
}

html body.theme-dark.template-shop .ct-shop-page #filterSidebar .gz-price-fill,
html body.theme-dark.template-shop .ct-shop-page #filterSidebar #priceRangeFill {
    background: #44d62c !important;
}

/* 2026-08-31 price slider has one visual track */
html body.template-shop .ct-shop-page #filterSidebar .gz-price-track,
html body.theme-dark.template-shop .ct-shop-page #filterSidebar .gz-price-track,
html body.light-theme.template-shop .ct-shop-page #filterSidebar .gz-price-track {
    top: 20px !important;
    height: 4px !important;
    overflow: visible !important;
}

html body.template-shop .ct-shop-page #filterSidebar .gz-price-track .gz-price-fill,
html body.theme-dark.template-shop .ct-shop-page #filterSidebar .gz-price-track .gz-price-fill,
html body.light-theme.template-shop .ct-shop-page #filterSidebar .gz-price-track .gz-price-fill,
html body.template-shop .ct-shop-page #filterSidebar .gz-price-track #priceRangeFill,
html body.theme-dark.template-shop .ct-shop-page #filterSidebar .gz-price-track #priceRangeFill,
html body.light-theme.template-shop .ct-shop-page #filterSidebar .gz-price-track #priceRangeFill {
    top: 0 !important;
    bottom: auto !important;
    height: 4px !important;
}

html body.template-shop .ct-shop-page #filterSidebar input.gz-price-range::-webkit-slider-runnable-track,
html body.theme-dark.template-shop .ct-shop-page #filterSidebar input.gz-price-range::-webkit-slider-runnable-track,
html body.light-theme.template-shop .ct-shop-page #filterSidebar input.gz-price-range::-webkit-slider-runnable-track {
    height: 4px !important;
    background: transparent !important;
    border-color: transparent !important;
    color: transparent !important;
}

html body.template-shop .ct-shop-page #filterSidebar input.gz-price-range::-moz-range-track,
html body.theme-dark.template-shop .ct-shop-page #filterSidebar input.gz-price-range::-moz-range-track,
html body.light-theme.template-shop .ct-shop-page #filterSidebar input.gz-price-range::-moz-range-track {
    height: 4px !important;
    background: transparent !important;
    border-color: transparent !important;
    color: transparent !important;
}

/* 2026-08-31 shop cards keep primary image on hover */
html body.template-shop #productsGrid.products-grid > a.product-card .product-img .img-primary,
html body.theme-dark.template-shop #productsGrid.products-grid > a.product-card .product-img .img-primary,
html body.light-theme.template-shop #productsGrid.products-grid > a.product-card .product-img .img-primary {
    opacity: 1 !important;
    visibility: visible !important;
}

html body.template-shop #productsGrid.products-grid > a.product-card .product-img .img-hover,
html body.theme-dark.template-shop #productsGrid.products-grid > a.product-card .product-img .img-hover,
html body.light-theme.template-shop #productsGrid.products-grid > a.product-card .product-img .img-hover {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

/* 2026-08-31 brand logos use admin light/dark assets */
html body .product-brand-logo-wrap {
    position: relative !important;
    display: inline-grid !important;
    place-items: center !important;
    min-width: 44px !important;
    height: 16px !important;
    flex: 0 0 auto !important;
}

html body .product-brand-logo-wrap .product-brand-logo {
    grid-area: 1 / 1 !important;
    max-width: 58px !important;
    max-height: 16px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    transition: opacity .18s ease, visibility .18s ease, filter .18s ease !important;
}

html body .product-brand-logo-wrap.has-dark-logo .product-brand-logo-dark {
    opacity: 0 !important;
    visibility: hidden !important;
}

html body .product-card:hover .product-brand-logo-wrap.has-dark-logo .product-brand-logo-light {
    opacity: 0 !important;
    visibility: hidden !important;
}

html body .product-card:hover .product-brand-logo-wrap.has-dark-logo .product-brand-logo-dark {
    opacity: 1 !important;
    visibility: visible !important;
}

html body.theme-dark .product-brand-logo-wrap.has-dark-logo .product-brand-logo-light {
    opacity: 0 !important;
    visibility: hidden !important;
}

html body.theme-dark .product-brand-logo-wrap.has-dark-logo .product-brand-logo-dark {
    opacity: 1 !important;
    visibility: visible !important;
}

html body.theme-dark.template-shop #productsGrid.products-grid > a.product-card .product-brand-logo-wrap.has-dark-logo .product-brand-logo-light {
    opacity: 1 !important;
    visibility: visible !important;
}

html body.theme-dark.template-shop #productsGrid.products-grid > a.product-card .product-brand-logo-wrap.has-dark-logo .product-brand-logo-dark {
    opacity: 0 !important;
    visibility: hidden !important;
}

html body.theme-dark.template-shop #productsGrid.products-grid > a.product-card:hover .product-brand-logo-wrap.has-dark-logo .product-brand-logo-light {
    opacity: 0 !important;
    visibility: hidden !important;
}

html body.theme-dark.template-shop #productsGrid.products-grid > a.product-card:hover .product-brand-logo-wrap.has-dark-logo .product-brand-logo-dark {
    opacity: 1 !important;
    visibility: visible !important;
}

/* 2026-08-31 shop white cards keep the light brand logo */
html body.template-shop #productsGrid.products-grid > a.product-card .product-brand-logo-wrap.has-dark-logo .product-brand-logo-light,
html body.theme-dark.template-shop #productsGrid.products-grid > a.product-card .product-brand-logo-wrap.has-dark-logo .product-brand-logo-light,
html body.light-theme.template-shop #productsGrid.products-grid > a.product-card .product-brand-logo-wrap.has-dark-logo .product-brand-logo-light,
html body.template-shop #productsGrid.products-grid > a.product-card:hover .product-brand-logo-wrap.has-dark-logo .product-brand-logo-light,
html body.theme-dark.template-shop #productsGrid.products-grid > a.product-card:hover .product-brand-logo-wrap.has-dark-logo .product-brand-logo-light,
html body.light-theme.template-shop #productsGrid.products-grid > a.product-card:hover .product-brand-logo-wrap.has-dark-logo .product-brand-logo-light {
    opacity: 1 !important;
    visibility: visible !important;
}

html body.template-shop #productsGrid.products-grid > a.product-card .product-brand-logo-wrap.has-dark-logo .product-brand-logo-dark,
html body.theme-dark.template-shop #productsGrid.products-grid > a.product-card .product-brand-logo-wrap.has-dark-logo .product-brand-logo-dark,
html body.light-theme.template-shop #productsGrid.products-grid > a.product-card .product-brand-logo-wrap.has-dark-logo .product-brand-logo-dark,
html body.template-shop #productsGrid.products-grid > a.product-card:hover .product-brand-logo-wrap.has-dark-logo .product-brand-logo-dark,
html body.theme-dark.template-shop #productsGrid.products-grid > a.product-card:hover .product-brand-logo-wrap.has-dark-logo .product-brand-logo-dark,
html body.light-theme.template-shop #productsGrid.products-grid > a.product-card:hover .product-brand-logo-wrap.has-dark-logo .product-brand-logo-dark {
    opacity: 0 !important;
    visibility: hidden !important;
}

/* 2026-08-31 homepage dark product cards keep one brand logo on hover */
html body .ts-home .product-card .product-brand-logo-wrap.has-dark-logo .product-brand-logo-light,
html body main.ts-home .product-card .product-brand-logo-wrap.has-dark-logo .product-brand-logo-light,
html body .ts-home .product-card:hover .product-brand-logo-wrap.has-dark-logo .product-brand-logo-light,
html body main.ts-home .product-card:hover .product-brand-logo-wrap.has-dark-logo .product-brand-logo-light {
    opacity: 0 !important;
    visibility: hidden !important;
}

html body .ts-home .product-card .product-brand-logo-wrap.has-dark-logo .product-brand-logo-dark,
html body main.ts-home .product-card .product-brand-logo-wrap.has-dark-logo .product-brand-logo-dark,
html body .ts-home .product-card:hover .product-brand-logo-wrap.has-dark-logo .product-brand-logo-dark,
html body main.ts-home .product-card:hover .product-brand-logo-wrap.has-dark-logo .product-brand-logo-dark {
    opacity: 1 !important;
    visibility: visible !important;
}

/* 2026-08-31 mobile homepage banner stays shorter and open */
@media (max-width: 767px) {
    html body .ts-home .ct-hero.ts-slider,
    html body main.ts-home .ct-hero.ts-slider {
        width: 100% !important;
        height: clamp(380px, 112vw, 520px) !important;
        min-height: clamp(380px, 112vw, 520px) !important;
        max-height: none !important;
        background: #000000 !important;
        overflow: hidden !important;
    }

    html body .ts-home .ct-hero-track,
    html body main.ts-home .ct-hero-track,
    html body .ts-home .ct-hero-slide,
    html body main.ts-home .ct-hero-slide,
    html body .ts-home .ct-hero-slide picture,
    html body main.ts-home .ct-hero-slide picture {
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
    }

    html body .ts-home .ct-hero-slide img,
    html body main.ts-home .ct-hero-slide img,
    html body .ts-home .ct-hero-slide video,
    html body main.ts-home .ct-hero-slide video {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        max-height: none !important;
        object-fit: cover !important;
        object-position: center top !important;
        background: #000000 !important;
    }
}

/* 2026-08-31 shop product thumbnails fill the image box */
html body.template-shop #productsGrid.products-grid > a.product-card .product-img img,
html body.theme-dark.template-shop #productsGrid.products-grid > a.product-card .product-img img,
html body.light-theme.template-shop #productsGrid.products-grid > a.product-card .product-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
}

/* 2026-08-31 shop ajax filtering and clearer light background */
html body.template-shop .ct-shop-page {
    transition: opacity .16s ease !important;
}

html body.template-shop .ct-shop-page.is-ajax-loading {
    opacity: .62 !important;
    pointer-events: none !important;
}

html body.light-theme.template-shop main,
html body.light-theme.template-shop .products-page.ct-shop-page,
html body:not(.theme-dark).template-shop main,
html body:not(.theme-dark).template-shop .products-page.ct-shop-page {
    background: #f6f7f8 !important;
    box-shadow: none !important;
}

html body.light-theme.template-shop .breadcrumb,
html body:not(.theme-dark).template-shop .breadcrumb {
    background: #ffffff !important;
    box-shadow: none !important;
}


/* FINAL AUTHORITATIVE RULE (placed last on purpose): swap brand logo light/dark variant by theme for product page.
   Earlier duplicated/conflicting rules above target the old single .gz-p-brand-logo image; this targets the
   new .gz-p-brand-logo-light / .gz-p-brand-logo-dark images rendered in products/show.blade.php. */
html body.template-product .gz-p-brand-row .gz-p-brand-logo-dark,
html body.template-product.theme-dark.light-theme .gz-p-brand-row .gz-p-brand-logo-dark {
    display: none !important;
}
html body.template-product .gz-p-brand-row .gz-p-brand-logo-light {
    display: inline-block !important;
    background: #ffffff !important;
    padding: 4px 10px !important;
    border-radius: 6px !important;
    box-sizing: content-box !important;
}
html body.template-product.theme-dark .gz-p-brand-row .gz-p-brand-logo-light {
    display: none !important;
}
html body.template-product.theme-dark .gz-p-brand-row .gz-p-brand-logo-dark {
    display: inline-block !important;
}


/* Universal fix: brand logo on ANY product-card (including "Produits similaires" rail, which wasn't
   covered by the shop-grid/homepage-specific exceptions above) must follow theme only, never :hover */
html body .product-card .product-brand-logo-wrap.has-dark-logo .product-brand-logo-light,
html body .product-card:hover .product-brand-logo-wrap.has-dark-logo .product-brand-logo-light {
    opacity: 1 !important;
    visibility: visible !important;
}
html body .product-card .product-brand-logo-wrap.has-dark-logo .product-brand-logo-dark,
html body .product-card:hover .product-brand-logo-wrap.has-dark-logo .product-brand-logo-dark {
    opacity: 0 !important;
    visibility: hidden !important;
}
html body.theme-dark .product-card .product-brand-logo-wrap.has-dark-logo .product-brand-logo-light,
html body.theme-dark .product-card:hover .product-brand-logo-wrap.has-dark-logo .product-brand-logo-light {
    opacity: 0 !important;
    visibility: hidden !important;
}
html body.theme-dark .product-card .product-brand-logo-wrap.has-dark-logo .product-brand-logo-dark,
html body.theme-dark .product-card:hover .product-brand-logo-wrap.has-dark-logo .product-brand-logo-dark {
    opacity: 1 !important;
    visibility: visible !important;
}


/* Mobile fix: a @media(max-width:760px) rule earlier in this file forces img.gz-p-brand-logo to
   display:block with higher specificity than the light/dark theme-swap rule above, so on mobile
   BOTH logo variants were showing stacked/cramped. Override with matching+1 specificity, all widths. */
html body.template-product .gz-p-info-card .gz-p-meta-row.gz-p-meta-inline img.gz-p-brand-logo-dark {
    display: none !important;
}
html body.template-product .gz-p-info-card .gz-p-meta-row.gz-p-meta-inline img.gz-p-brand-logo-light {
    display: block !important;
    background: #ffffff !important;
    padding: 4px 10px !important;
    border-radius: 6px !important;
    box-sizing: content-box !important;
}

/* 2026-09-02 contact/shop theme polish */
html body.light-theme .gz-page-shell {
    background: #f6f8f7 !important;
    color: #071008 !important;
}

html body.light-theme .gz-page-hero {
    background:
        linear-gradient(135deg, rgba(68, 214, 44, .14), rgba(255, 255, 255, .72) 45%),
        linear-gradient(180deg, #ffffff 0%, #eef4f0 100%) !important;
    border-bottom-color: #dfe8df !important;
}

html body.light-theme .gz-page-copy h1,
html body.light-theme .gz-page-section-head h2,
html body.light-theme .gz-page-split h2,
html body.light-theme .gz-page-card h2,
html body.light-theme .gz-page-card h3,
html body.light-theme .gz-contact-panel strong {
    color: #071008 !important;
}

html body.light-theme .gz-page-copy p,
html body.light-theme .gz-page-card p {
    color: #3f4f46 !important;
}

html body.light-theme .gz-contact-panel span {
    color: #66756d !important;
}

html body.light-theme .gz-contact-panel > div,
html body.light-theme .gz-page-card,
html body.light-theme .gz-page-split {
    background: #ffffff !important;
    border-color: #dfe8df !important;
    box-shadow: 0 12px 28px rgba(15, 23, 42, .07) !important;
}

html body.light-theme .gz-page-btn-ghost {
    background: #ffffff !important;
    color: #071008 !important;
    border-color: #d8e1dc !important;
}

html body .gz-page-hero--contact .gz-page-copy h1 {
    font-size: clamp(2rem, 4.15vw, 3.65rem) !important;
    line-height: 1.02 !important;
    max-width: 650px !important;
}

html body .gz-page-hero--contact .gz-contact-panel strong {
    font-size: clamp(1.25rem, 2.15vw, 1.85rem) !important;
    line-height: 1.12 !important;
    overflow-wrap: anywhere !important;
}

html body .gz-page-hero--contact .gz-contact-panel > div {
    padding: 16px !important;
}

html body.template-shop .breadcrumb,
html body.theme-dark.template-shop .breadcrumb,
html body.light-theme.template-shop .breadcrumb {
    padding: 14px 0 !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
}

html body.template-shop .breadcrumb .container,
html body.theme-dark.template-shop .breadcrumb .container,
html body.light-theme.template-shop .breadcrumb .container {
    min-height: 18px !important;
    align-items: center !important;
}

html body.light-theme.template-shop #productsGrid.products-grid > a.product-card .product-brand-logo-wrap.has-dark-logo .product-brand-logo-light,
html body.light-theme.template-shop #productsGrid.products-grid > a.product-card:hover .product-brand-logo-wrap.has-dark-logo .product-brand-logo-light {
    opacity: 0 !important;
    visibility: hidden !important;
}

html body.light-theme.template-shop #productsGrid.products-grid > a.product-card .product-brand-logo-wrap.has-dark-logo .product-brand-logo-dark,
html body.light-theme.template-shop #productsGrid.products-grid > a.product-card:hover .product-brand-logo-wrap.has-dark-logo .product-brand-logo-dark {
    opacity: 1 !important;
    visibility: visible !important;
}

html body.template-shop #productsGrid.products-grid > a.product-card .product-brand-logo-wrap .product-brand-logo {
    filter: none !important;
    opacity: 1 !important;
}

/* Header search suggestions */
html body .gz-search {
    position: relative !important;
    z-index: 1300 !important;
}

html body .gz-search form {
    position: relative !important;
}

html body .gz-search-suggestions {
    position: absolute !important;
    top: calc(100% + 10px) !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 4000 !important;
    max-height: min(520px, calc(100vh - 150px)) !important;
    overflow-y: auto !important;
    padding: 10px !important;
    border: 1px solid rgba(68, 214, 44, .28) !important;
    border-radius: 8px !important;
    background: #07100c !important;
    box-shadow: 0 24px 60px rgba(0, 0, 0, .38) !important;
}

html body .gz-search-suggestions[hidden] {
    display: none !important;
}

html body .gz-search-suggest-section {
    display: grid !important;
    gap: 6px !important;
}

html body .gz-search-suggest-section + .gz-search-suggest-section {
    margin-top: 10px !important;
    padding-top: 10px !important;
    border-top: 1px solid rgba(255, 255, 255, .08) !important;
}

html body .gz-search-suggest-section > span {
    color: #44d62c !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
}

html body .gz-search-suggest-item {
    display: grid !important;
    grid-template-columns: 52px minmax(0, 1fr) auto !important;
    gap: 10px !important;
    align-items: center !important;
    min-height: 68px !important;
    padding: 8px !important;
    border-radius: 7px !important;
    text-decoration: none !important;
    color: #f7fff8 !important;
}

html body .gz-search-suggest-item:hover {
    background: rgba(68, 214, 44, .1) !important;
}

html body .gz-search-suggest-thumb {
    width: 52px !important;
    height: 52px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 7px !important;
    background: #ffffff !important;
    overflow: hidden !important;
}

html body .gz-search-suggest-thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
}

html body .gz-search-suggest-thumb i {
    color: #44d62c !important;
}

html body .gz-search-suggest-copy {
    min-width: 0 !important;
    display: grid !important;
    gap: 4px !important;
}

html body .gz-search-suggest-copy strong {
    color: inherit !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

html body .gz-search-suggest-copy small,
html body .gz-search-suggest-price {
    color: rgba(247, 255, 248, .62) !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
}

html body .gz-search-suggest-price {
    color: #44d62c !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
}

html body .gz-search-brand-row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

html body .gz-search-brand-row a,
html body .gz-search-all {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-height: 34px !important;
    padding: 0 12px !important;
    border-radius: 7px !important;
    text-decoration: none !important;
    font-weight: 900 !important;
}

html body .gz-search-brand-row a {
    background: rgba(255, 255, 255, .07) !important;
    color: #f7fff8 !important;
}

html body .gz-search-brand-row a:hover {
    background: rgba(68, 214, 44, .16) !important;
}

html body .gz-search-brand-row small {
    color: #44d62c !important;
    font-size: 11px !important;
}

html body .gz-search-all {
    width: 100% !important;
    margin-top: 10px !important;
    background: #44d62c !important;
    color: #06120b !important;
}

html body .gz-search-empty {
    padding: 16px !important;
    color: rgba(247, 255, 248, .72) !important;
    font-size: 13px !important;
    text-align: center !important;
}

html body.light-theme .gz-search-suggestions {
    background: #ffffff !important;
    border-color: #d9e5dc !important;
    box-shadow: 0 22px 48px rgba(15, 23, 42, .18) !important;
}

html body.light-theme .gz-search-suggest-item {
    color: #071008 !important;
}

html body.light-theme .gz-search-suggest-item:hover {
    background: #eff8f0 !important;
}

html body.light-theme .gz-search-suggest-section + .gz-search-suggest-section {
    border-top-color: #edf1ee !important;
}

html body.light-theme .gz-search-suggest-copy small,
html body.light-theme .gz-search-empty {
    color: #65736b !important;
}

html body.light-theme .gz-search-brand-row a {
    background: #f3f6f4 !important;
    color: #071008 !important;
}

/* Home product cards: keep brand logos readable when light mode is active. */
html body.light-theme .ts-home .product-card .product-brand-logo-wrap.has-dark-logo .product-brand-logo-light,
html body.light-theme main.ts-home .product-card .product-brand-logo-wrap.has-dark-logo .product-brand-logo-light,
html body.light-theme .ts-home .product-card:hover .product-brand-logo-wrap.has-dark-logo .product-brand-logo-light,
html body.light-theme main.ts-home .product-card:hover .product-brand-logo-wrap.has-dark-logo .product-brand-logo-light {
    opacity: 1 !important;
    visibility: visible !important;
}

html body.light-theme .ts-home .product-card .product-brand-logo-wrap.has-dark-logo .product-brand-logo-dark,
html body.light-theme main.ts-home .product-card .product-brand-logo-wrap.has-dark-logo .product-brand-logo-dark,
html body.light-theme .ts-home .product-card:hover .product-brand-logo-wrap.has-dark-logo .product-brand-logo-dark,
html body.light-theme main.ts-home .product-card:hover .product-brand-logo-wrap.has-dark-logo .product-brand-logo-dark {
    opacity: 0 !important;
    visibility: hidden !important;
}

@media (max-width: 760px) {
    html body .gz-search-suggestions {
        top: calc(100% + 8px) !important;
        max-height: 70vh !important;
    }

    html body .gz-search-suggest-item {
        grid-template-columns: 46px minmax(0, 1fr) !important;
    }

    html body .gz-search-suggest-thumb {
        width: 46px !important;
        height: 46px !important;
    }

    html body .gz-search-suggest-price {
        grid-column: 2 !important;
        justify-self: start !important;
    }
}
html body.template-product.theme-dark .gz-p-info-card .gz-p-meta-row.gz-p-meta-inline img.gz-p-brand-logo-light {
    display: none !important;
}
html body.template-product.theme-dark .gz-p-info-card .gz-p-meta-row.gz-p-meta-inline img.gz-p-brand-logo-dark {
    display: block !important;
}


/* Match "Commander via WhatsApp" button size exactly to the "Commander" button (was rendering 62px vs 54px tall) */
html body.template-product .gz-p-order-actions .gz-p-whatsapp-btn {
    font-size: 13px !important;
    min-height: 54px !important;
    height: 54px !important;
}
html body.template-product .gz-p-order-actions .gz-p-whatsapp-btn i {
    font-size: 13px !important;
}

/* Footer payment image: keep it compact in the bottom bar. */
html body .footer.gz-footer .gz-footer-payments img,
html body.theme-dark .footer.gz-footer .gz-footer-payments img,
html body.light-theme .footer.gz-footer .gz-footer-payments img {
    width: min(100%, 460px) !important;
    max-height: 34px !important;
    object-fit: contain !important;
}

@media (max-width: 760px) {
    html body .footer.gz-footer .gz-footer-payments img,
    html body.theme-dark .footer.gz-footer .gz-footer-payments img,
    html body.light-theme .footer.gz-footer .gz-footer-payments img {
        width: min(100%, 340px) !important;
        max-height: 28px !important;
    }
}