/* ==========================================================================
   RAINZON — Temu-style storefront skin (Nexa homepage)
   Loaded after aiz-core / custom-style / thecore, so it wins on equal
   specificity. Every rule is scoped to .aiz-nexa (the wrapper the layout
   prints for this homepage) — the admin panel and other themes are
   untouched.
   ========================================================================== */

.aiz-nexa {
    --temu: #FB7701;
    --temu-dark: #E06800;
    --temu-red: #FF4800;
    --temu-ink: #1A1A1A;
    --temu-muted: #767676;
    --temu-line: #EDEDED;
    --temu-bg: #F5F5F5;
    --temu-radius: 10px;
    background: #fff;
}

/* ---------- top promo strip ---------- */
.aiz-nexa header::before {
    content: "Free shipping on selected items   ·   Cash on delivery   ·   7-day easy returns";
    display: block;
    text-align: center;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .2px;
    padding: 7px 12px;
    background: linear-gradient(90deg, #FB7701 0%, #FF4800 100%);
}

/* ---------- header ---------- */
.aiz-nexa header .header-content-wrapper {
    padding: 12px 0;
    border-bottom: 1px solid var(--temu-line) !important;
}
.aiz-nexa .navbar-logo img { max-height: 46px; }
.aiz-nexa .nav-menu-list a,
.aiz-nexa .nav-menu-list .nav-item a { font-weight: 600 !important; color: var(--temu-ink) !important; }
.aiz-nexa .nav-menu-list a:hover,
.aiz-nexa .nav-menu-list .nav-item a:hover { color: var(--temu) !important; }
.aiz-nexa .all-category { background: var(--temu) !important; border-radius: 8px !important; }
.aiz-nexa .all-category i { color: #fff !important; }
.aiz-nexa #category-menu-bar:hover { background: var(--temu-dark) !important; }

/* search */
.aiz-nexa #search {
    border: 2px solid var(--temu) !important;
    border-radius: 999px !important;
    height: 44px;
    padding-left: 18px;
    box-shadow: none !important;
}
.aiz-nexa #search::placeholder { color: var(--temu-muted); }
.aiz-nexa .search-input-group .btn,
.aiz-nexa .search-input-group button { background: var(--temu) !important; color: #fff !important; border-radius: 999px !important; }

/* header action icons (cart / user) */
.aiz-nexa header .h-40px.rounded-circle,
.aiz-nexa header .nav-icon { color: var(--temu-ink); }

/* ---------- hero banners ---------- */
.aiz-nexa .hero-banner-carousel,
.aiz-nexa .hero-banner-wrapper,
.aiz-nexa .hero-banner-container { border-radius: var(--temu-radius); overflow: hidden; }
.aiz-nexa .aiz-carousel .slick-slide img { border-radius: var(--temu-radius); }

/* ---------- section headings ---------- */
.aiz-nexa h3.fs-16, .aiz-nexa h3.fs-20, .aiz-nexa .section-title {
    color: var(--temu-ink);
    font-weight: 800 !important;
    letter-spacing: -.2px;
}
.aiz-nexa .view-more-container a,
.aiz-nexa a.view-more { color: var(--temu) !important; font-weight: 700; }

/* ---------- product cards ---------- */
.aiz-nexa .single-product-item {
    background: #fff;
    border-radius: var(--temu-radius);
    padding-bottom: 10px;
    transition: box-shadow .2s ease, transform .2s ease;
}
.aiz-nexa .single-product-item:hover {
    box-shadow: 0 6px 20px rgba(0, 0, 0, .09);
    transform: translateY(-2px);
}
.aiz-nexa .product-card-wrapper { background: var(--temu-bg); border-radius: var(--temu-radius); }
.aiz-nexa .product-card-wrapper img { border-radius: var(--temu-radius); }

.aiz-nexa .product-title {
    font-size: 13px !important;
    line-height: 1.4;
    color: var(--temu-ink) !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 36px;
}
.aiz-nexa .product-title:hover { color: var(--temu) !important; }

/* price */
.aiz-nexa p.mt-2 span.fw-bold,
.aiz-nexa p.mt-2 span.fw-700 {
    color: var(--temu) !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    letter-spacing: -.3px;
}
.aiz-nexa p.mt-2 del,
.aiz-nexa p.mt-2 .text-gray,
.aiz-nexa p.mt-2 .text-secondary { color: #9a9a9a !important; font-size: 12.5px; font-weight: 400 !important; }

/* badges + action buttons */
.aiz-nexa .badges-wrapper span {
    background: var(--temu-red) !important;
    color: #fff !important;
    border-radius: 6px !important;
    font-weight: 700 !important;
}
.aiz-nexa .product-cart-btn {
    background: var(--temu) !important;
    border-radius: 0 0 var(--temu-radius) var(--temu-radius) !important;
}
.aiz-nexa .action-icon-btn { border-radius: 8px !important; }
.aiz-nexa .action-icon-btn:hover { background: var(--temu) !important; color: #fff !important; }

/* ---------- category tiles ---------- */
.aiz-nexa .home-category-banner,
.aiz-nexa .featured-category-item,
.aiz-nexa .category-item {
    border: 1px solid var(--temu-line);
    border-radius: var(--temu-radius);
    transition: border-color .2s ease, box-shadow .2s ease;
}
.aiz-nexa .home-category-banner:hover,
.aiz-nexa .featured-category-item:hover,
.aiz-nexa .category-item:hover {
    border-color: var(--temu);
    box-shadow: 0 4px 14px rgba(251, 119, 1, .12);
}
.aiz-nexa .home-category-banner::after { color: var(--temu) !important; }

/* ---------- buttons & links ---------- */
.aiz-nexa .btn-primary {
    background: var(--temu) !important;
    border-color: var(--temu) !important;
    border-radius: 8px !important;
    font-weight: 700;
}
.aiz-nexa .btn-primary:hover,
.aiz-nexa .btn-primary:focus {
    background: var(--temu-dark) !important;
    border-color: var(--temu-dark) !important;
}
.aiz-nexa a { text-decoration: none; }

/* flash / today's deal band */
.aiz-nexa .flash-deals-border-right,
.aiz-nexa .py-30px.flash-deals-border-right { border-color: var(--temu-line) !important; }
.aiz-nexa .flash-deal-title,
.aiz-nexa .todays-deal-title { color: var(--temu-red) !important; font-weight: 800 !important; }

/* ---------- footer ---------- */
.aiz-nexa footer { background: #111 !important; color: #fff !important; }
.aiz-nexa footer h4 { color: #fff !important; opacity: .95; }
.aiz-nexa footer a { color: #cfcfcf !important; }
.aiz-nexa footer a:hover { color: var(--temu) !important; }
.aiz-nexa footer .border-bottom { border-color: rgba(255, 255, 255, .12) !important; }

/* ---------- pagination / load more ---------- */
.aiz-nexa .pagination .page-link { border-radius: 8px !important; }
.aiz-nexa .pagination .page-item.active .page-link {
    background: var(--temu) !important;
    border-color: var(--temu) !important;
    color: #fff !important;
}
.aiz-nexa #view-more-container button,
.aiz-nexa #view-more-container a {
    border: 1px solid var(--temu) !important;
    color: var(--temu) !important;
    border-radius: 999px !important;
    font-weight: 700;
    padding: 8px 26px;
}
.aiz-nexa #view-more-container button:hover { background: var(--temu) !important; color: #fff !important; }

/* ---------- header search trigger (was --blue) ---------- */
.aiz-nexa .btn-search-trigger { background: var(--temu) !important; }
.aiz-nexa .btn-search-trigger:hover { background: var(--temu-dark) !important; }

/* ---------- section "View All" pills (bg-dark) ---------- */
.aiz-nexa a.bg-dark.rounded-pill,
.aiz-nexa a.bg-black.rounded-pill { background: var(--temu) !important; }

/* ---------- floating side buttons ---------- */
.aiz-nexa .aiz-floating-button,
.aiz-nexa .floating-buttons-section-control { background: var(--temu) !important; color: #fff !important; }
.aiz-nexa .aiz-floating-button:hover { background: var(--temu-dark) !important; }
.aiz-nexa .aiz-floating-button .circle { background: var(--temu) !important; }
.aiz-nexa .aiz-floating-button .circle:hover { background: var(--temu-dark) !important; }
.aiz-nexa .floating-buttons-section-control .circle { background: var(--temu) !important; }

/* ---------- alerts render OUTSIDE .aiz-nexa, so target them globally ---------- */
.aiz-cookie-alert .btn-primary,
.aiz-custom-alert .btn-primary {
    background: #FB7701 !important;
    border-color: #FB7701 !important;
    border-radius: 8px !important;
}
.website-popup .btn-primary { background: #FB7701 !important; border-color: #FB7701 !important; }

/* ---------- floating buttons + mobile bottom nav render OUTSIDE the wrapper ---------- */
.floating-buttons-section .circle,
.aiz-floating-button .circle { background: #FB7701 !important; }
.floating-buttons-section .circle:hover,
.aiz-floating-button .circle:hover { background: #E06800 !important; }
.aiz-mobile-bottom-nav .active,
.aiz-mobile-bottom-nav a.active { color: #FB7701 !important; }
#backToTop { background: #FB7701 !important; }

/* ==========================================================================
   POLISH PASS — denser cards, stronger headings, cleaner chrome
   ========================================================================== */

/* --- section headings get a Temu-style orange accent bar --- */
.aiz-nexa h5.fs-20.fw-bold {
    font-size: 21px !important;
    font-weight: 800 !important;
    color: var(--temu-ink) !important;
    letter-spacing: -.3px;
    position: relative;
    padding-left: 14px;
}
.aiz-nexa h5.fs-20.fw-bold::before {
    content: "";
    position: absolute;
    left: 0; top: 3px; bottom: 3px;
    width: 4px;
    border-radius: 2px;
    background: linear-gradient(180deg, #FB7701, #FF4800);
}
.aiz-nexa .featured-products-wrapper,
.aiz-nexa .best-selling-products-wrapper { padding-top: 26px !important; padding-bottom: 26px !important; }

/* --- sliders (featured products / best selling) --- */
.aiz-nexa .custom-product-slider .slick-slide > div { padding: 0 6px 12px; }
.aiz-nexa .custom-product-slider a.d-block.rounded-2 { background: var(--temu-bg); border-radius: 10px !important; }
.aiz-nexa .custom-product-slider .product-title { min-height: 36px; }

/* --- page rhythm --- */
.aiz-nexa #nexa-product-wrapper { padding-top: 12px !important; padding-bottom: 34px !important; }
.aiz-nexa .py-30px { padding-top: 24px !important; padding-bottom: 24px !important; }

/* --- buttons / inputs / cards --- */
.aiz-nexa .btn { border-radius: 8px; font-weight: 600; }
.aiz-nexa .btn.rounded-pill { border-radius: 999px !important; }
.aiz-nexa .form-control { border-radius: 8px; }
.aiz-nexa .card, .aiz-nexa .aiz-card-box { border: 1px solid var(--temu-line); border-radius: 10px; box-shadow: none; }
.aiz-nexa header .badge,
.aiz-nexa header .cart-count { background: var(--temu) !important; color: #fff !important; }

/* --- breadcrumbs --- */
.aiz-nexa .breadcrumb { background: transparent; padding-left: 0; font-size: 13px; }
.aiz-nexa .breadcrumb a { color: var(--temu-muted); }
.aiz-nexa .breadcrumb a:hover { color: var(--temu) !important; }

/* --- floating quick buttons: smaller + less intrusive --- */
.floating-buttons-section { opacity: .8; transition: opacity .2s ease; }
.floating-buttons-section:hover { opacity: 1; }
.floating-buttons-section .circle { width: 40px !important; height: 40px !important; }

/* --- park the quick-launch buttons at the bottom-left, away from the hero --- */
.floating-buttons-section { top: auto !important; bottom: 96px !important; }
@media (max-width: 767.98px) { .floating-buttons-section { bottom: 120px !important; } }

/* ==========================================================================
   MOBILE APP MODE  (phones, with a tablet bridge)
   Turns the storefront into an app-like shell: compact sticky header,
   bottom tab bar, dense 2-up product cards, sticky product CTA.
   ========================================================================== */

@media (max-width: 767.98px) {

    /* --- shell --- */
    .aiz-nexa { padding-bottom: 64px; }
    .aiz-nexa #backToTop { display: none !important; }
    .aiz-nexa .container,
    .aiz-nexa .layout-container { padding-left: 12px !important; padding-right: 12px !important; }
    .aiz-nexa #nexa-product-wrapper { padding-left: 10px !important; padding-right: 10px !important; padding-top: 8px !important; }

    /* --- promo strip + compact sticky header --- */
    .aiz-nexa header::before { font-size: 11px; padding: 6px 8px; letter-spacing: .1px; }
    .aiz-nexa header .header-content-wrapper { padding: 8px 0 !important; }
    .aiz-nexa .navbar-logo img { max-height: 30px; }
    .aiz-nexa header button { min-width: 40px; min-height: 40px; }
    .aiz-nexa .btn-search-trigger { width: 38px !important; height: 38px !important; border-radius: 999px !important; }

    /* --- bottom tab bar --- */
    .aiz-mobile-bottom-nav {
        height: 62px !important;
        background: #fff !important;
        border-top: 1px solid #EDEDED !important;
        box-shadow: 0 -2px 12px rgba(0, 0, 0, .06);
        padding-bottom: env(safe-area-inset-bottom);
        backdrop-filter: none !important;
    }
    .aiz-mobile-bottom-nav a {
        font-size: 11px !important;
        font-weight: 600 !important;
        color: #767676 !important;
        min-height: 52px;
        display: flex !important;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 2px;
        padding: 4px 0 !important;
    }
    .aiz-mobile-bottom-nav a i,
    .aiz-mobile-bottom-nav a svg { font-size: 21px !important; width: 21px; height: 21px; }
    .aiz-mobile-bottom-nav a.active,
    .aiz-mobile-bottom-nav a:hover { color: #FB7701 !important; }

    /* --- app-density product cards --- */
    .aiz-nexa .single-product-item { border-radius: 12px; padding-bottom: 8px; }
    .aiz-nexa .product-card-wrapper,
    .aiz-nexa .product-card-wrapper img { border-radius: 12px; }
    .aiz-nexa .product-title { font-size: 12.5px !important; min-height: 34px; line-height: 1.35; }
    .aiz-nexa p.mt-2 span.fw-bold { font-size: 16px !important; font-weight: 800 !important; }
    .aiz-nexa p.mt-2 del { font-size: 11.5px; }
    .aiz-nexa .products-wrapper-grid { grid-gap: 8px !important; gap: 8px !important; }
    .aiz-nexa .product-cart-btn { display: none !important; }        /* hover CTA is useless on touch */
    .aiz-nexa .action-icon-btn { width: 30px !important; height: 30px !important; }

    /* --- sections / headings --- */
    .aiz-nexa h5.fs-20.fw-bold { font-size: 17px !important; padding-left: 11px; }
    .aiz-nexa h5.fs-20.fw-bold::before { width: 3px; }
    .aiz-nexa .py-30px { padding-top: 16px !important; padding-bottom: 16px !important; }
    .aiz-nexa .featured-products-wrapper,
    .aiz-nexa .best-selling-products-wrapper { padding-top: 16px !important; padding-bottom: 16px !important; }
    .aiz-nexa a.bg-dark.rounded-pill { font-size: 11px !important; padding: 6px 14px !important; }

    /* --- category tiles: swipeable chips --- */
    .aiz-nexa .home-categories-section { overflow-x: auto; -webkit-overflow-scrolling: touch; }

    /* --- footer: compact, sits above the tab bar --- */
    .aiz-nexa footer { padding-top: 14px !important; padding-bottom: 74px !important; }
    .aiz-nexa footer h4 { margin-bottom: 8px !important; }
    .aiz-nexa footer .row > div { margin-bottom: 10px; }

    /* --- product page: sticky app CTA --- */
    .aiz-nexa form.product-details-page > div:has(button.bg-black) {
        position: fixed;
        left: 0; right: 0; bottom: 62px;
        z-index: 1030;
        margin: 0 !important;
        padding: 8px 12px;
        background: #fff;
        border-top: 1px solid #EDEDED;
        box-shadow: 0 -4px 14px rgba(0, 0, 0, .07);
    }
    .aiz-nexa form.product-details-page > div:has(button.bg-black) button {
        min-height: 44px;
        font-size: 14px;
    }
    .aiz-nexa form.product-details-page button.bg-soft-blue {
        background: #FB7701 !important;
        color: #fff !important;
        border-radius: 10px !important;
    }
    .aiz-nexa form.product-details-page button.bg-black {
        background: #1A1A1A !important;
        border-radius: 10px !important;
    }
}

/* tablets: same shell, roomier */
@media (min-width: 768px) and (max-width: 991.98px) {
    .aiz-nexa .product-cart-btn { display: none !important; }
    .aiz-nexa h5.fs-20.fw-bold { font-size: 19px !important; }
}

/* touch devices: no sticky hover states */
@media (hover: none) {
    .aiz-nexa .single-product-item:hover { transform: none; box-shadow: none; }
    .aiz-nexa .has-transition { transition: none !important; }
}

/* --- app mode refinements --- */
@media (max-width: 767.98px) {
    .aiz-mobile-bottom-nav { background-color: #fff !important; z-index: 1050 !important; }
    .aiz-nexa div.product-price strong,
    .aiz-nexa div.product-price .fs-24 { color: #FB7701 !important; }
    .aiz-nexa form.product-details-page > div:has(button.bg-black) {
        border-radius: 18px 18px 0 0;
        padding-top: 12px !important;
    }
    .aiz-nexa form.product-details-page > div:has(button.bg-black) strong.fs-24 { font-size: 22px !important; }
}

/* --- endless feed: hide the manual "Load More." button --- */
#view-more-container { display: none !important; }
#rz-feed-loading { display: none; }

/* ==========================================================================
   MOBILE APP MODE — round 2: richer tab bar + special product display
   ========================================================================== */

/* --- card meta (N sold / rating) --- */
.aiz-nexa .rz-card-meta {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 3px;
    font-size: 11.5px;
    color: #9a9a9a;
    line-height: 1;
}
.aiz-nexa .rz-rate { color: #FB7701; font-weight: 700; }
.aiz-nexa .rz-sold { color: #9a9a9a; }
.aiz-nexa .single-product-item .rz-card-meta,
.aiz-nexa .slick-slide .rz-card-meta { justify-content: flex-start; }

@media (max-width: 1199.98px) {
    .aiz-nexa .rz-card-meta { justify-content: center; font-size: 11px; }
}

@media (max-width: 767.98px) {

    /* --- five-tab bar: tighter type, brand-tinted active state --- */
    .aiz-mobile-bottom-nav .col { padding-left: 2px !important; padding-right: 2px !important; }
    .aiz-mobile-bottom-nav a { font-size: 10.5px !important; }
    .aiz-mobile-bottom-nav a span { font-size: 10.5px !important; font-weight: 600 !important; color: #767676; }
    .aiz-mobile-bottom-nav a.svg-active span,
    .aiz-mobile-bottom-nav a .text-primary { color: #FB7701 !important; }
    .aiz-mobile-bottom-nav a.svg-active svg path,
    .aiz-mobile-bottom-nav a.svg-active svg rect { fill: #FB7701 !important; }
    .aiz-mobile-bottom-nav .badge { background: #FB7701 !important; }

    /* --- special product display --- */
    .aiz-nexa .single-product-item {
        border: 1px solid #F0F0F0;
        border-radius: 14px;
        overflow: hidden;
    }
    .aiz-nexa .product-card-wrapper { border-radius: 14px 14px 0 0; }
    .aiz-nexa .single-product-item a.product-title { font-size: 12.5px !important; padding: 0 8px; }
    .aiz-nexa .single-product-item p.mt-2 { padding: 0 8px; margin-top: 4px !important; }
    .aiz-nexa .single-product-item p.mt-2 span.fw-bold { font-size: 17px !important; }
    .aiz-nexa .single-product-item .rz-card-meta { padding: 0 8px 8px; }

    /* badges: bigger, hard-edged like a native app */
    .aiz-nexa .badges-wrapper { top: 6px; left: 6px; }
    .aiz-nexa .badges-wrapper span {
        font-size: 11.5px !important;
        padding: 3px 7px !important;
        border-radius: 7px !important;
        box-shadow: 0 2px 6px rgba(0, 0, 0, .18);
    }

    /* quick-buy bubble on the tile: cart = solid orange pill, compare hidden */
    .aiz-nexa .aiz-p-hov-icon-mobile { right: 6px; bottom: 6px; }
    .aiz-nexa .aiz-p-hov-icon-mobile a:first-child {
        width: 34px; height: 34px;
        display: flex; align-items: center; justify-content: center;
        background: #FB7701;
        border-radius: 999px;
        box-shadow: 0 3px 10px rgba(251, 119, 1, .35);
    }
    .aiz-nexa .aiz-p-hov-icon-mobile a:first-child svg path { fill: #ffffff !important; }
    .aiz-nexa .aiz-p-hov-icon-mobile a:first-child:active { transform: scale(.94); }
    .aiz-nexa .aiz-p-hov-icon-mobile a:nth-child(2) { display: none !important; }
    .aiz-nexa .aiz-p-hov-icon-mobile a:last-child {
        width: 28px; height: 28px;
        display: flex; align-items: center; justify-content: center;
        background: rgba(255, 255, 255, .92);
        border-radius: 999px;
        box-shadow: 0 2px 6px rgba(0, 0, 0, .12);
    }

    /* image gets a soft app-style backdrop */
    .aiz-nexa .product-card-wrapper { background: linear-gradient(180deg, #FAFAFC 0%, #F4F4F7 100%); }
}

/* --- mobile quick actions on the product tile: cart = orange bubble --- */
@media (max-width: 767.98px) {
    .aiz-nexa .product-action-icons.d-sm-none {
        display: flex !important;
        gap: 6px;
        bottom: 6px;
        left: 50% !important;
        right: auto !important;
        transform: translateX(-50%);
        z-index: 4;
    }
    .aiz-nexa .product-action-icons.d-sm-none a {
        width: 32px !important;
        height: 32px !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
        background: #ffffff;
        border-radius: 999px !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, .12);
        margin: 0 !important;
    }
    .aiz-nexa .product-action-icons.d-sm-none a:first-child {
        background: #FB7701;
        box-shadow: 0 3px 10px rgba(251, 119, 1, .4);
    }
    .aiz-nexa .product-action-icons.d-sm-none a:first-child svg path { fill: #ffffff !important; }
    .aiz-nexa .product-action-icons.d-sm-none a:active { transform: scale(.93); }
}

/* --- slider cards: centred meta line --- */
.aiz-nexa .rz-card-meta-center { justify-content: center; gap: 6px; padding-bottom: 4px; }

/* --- cart bubble: match by action, not by position --- */
@media (max-width: 767.98px) {
    .aiz-nexa .product-action-icons.d-sm-none a[onclick*="AddToCart"],
    .aiz-nexa .product-action-icons.d-sm-none a[onclick*="addToCart"],
    .aiz-nexa .product-action-icons.d-sm-none a[onclick*="showLoginModal"] {
        background: #FB7701 !important;
        box-shadow: 0 3px 10px rgba(251, 119, 1, .4) !important;
    }
    .aiz-nexa .product-action-icons.d-sm-none a[onclick*="AddToCart"] svg path,
    .aiz-nexa .product-action-icons.d-sm-none a[onclick*="addToCart"] svg path,
    .aiz-nexa .product-action-icons.d-sm-none a[onclick*="showLoginModal"] svg path { fill: #ffffff !important; }
}

/* ==========================================================================
   SPECIAL PRODUCT PAGE — unique layout for product detail (desktop + mobile)
   ========================================================================== */

/* --- page canvas: warm band behind the top of the product --- */
.aiz-nexa .product-details { background: linear-gradient(180deg, #FFF6EF 0%, #FFFFFF 460px); }

/* ==========================================================================
   SPECIAL PRODUCT PAGE — unique layout for product detail (desktop + mobile)
   ========================================================================== */

/* --- page canvas: warm band behind the top of the product --- */
.aiz-nexa.product-details { background: linear-gradient(180deg, #FFF6EF 0%, #FFFFFF 460px); }
.aiz-nexa .product-details .pt-30px.pb-6 { padding-top: 26px !important; }
.aiz-nexa.product-details .pt-30px.pb-6 { padding-top: 26px !important; }
.aiz-nexa .product-details .pt-30px.pb-6 > .row { align-items: flex-start; }
.aiz-nexa.product-details .pt-30px.pb-6 > .row { align-items: flex-start; }

/* --- gallery --- */
.aiz-nexa .product-details .main-slider .swiper-slide,
.aiz-nexa .product-details .thumb-slider .swiper-slide {
    border-radius: 18px !important;
    border: 1px solid #F0E6DC !important;
    background: #FFFFFF !important;
    overflow: hidden;
}

/* --- gallery --- */
.aiz-nexa.product-details .main-slider .swiper-slide,
.aiz-nexa.product-details .thumb-slider .swiper-slide {
    border-radius: 18px !important;
    border: 1px solid #F0E6DC !important;
    background: #FFFFFF !important;
    overflow: hidden;
}
.aiz-nexa .product-details .main-slider { border-radius: 18px; }
.aiz-nexa.product-details .main-slider { border-radius: 18px; }
.aiz-nexa .product-details .thumb-container { border-radius: 12px; overflow: hidden; }
.aiz-nexa.product-details .thumb-container { border-radius: 12px; overflow: hidden; }
.aiz-nexa .product-details .thumb-slider .swiper-slide { border-radius: 12px !important; }
.aiz-nexa.product-details .thumb-slider .swiper-slide { border-radius: 12px !important; }
.aiz-nexa .product-details .thumb-slider .swiper-slide.swiper-slide-thumb-active,
.aiz-nexa .product-details .thumb-slider .swiper-slide.active {
    border-color: #FB7701 !important;
    box-shadow: 0 0 0 2px rgba(251, 119, 1, .18);
}
.aiz-nexa.product-details .thumb-slider .swiper-slide.swiper-slide-thumb-active,
.aiz-nexa.product-details .thumb-slider .swiper-slide.active {
    border-color: #FB7701 !important;
    box-shadow: 0 0 0 2px rgba(251, 119, 1, .18);
}
.aiz-nexa .product-details .img-preview-btn {
    background: rgba(26, 26, 26, .72) !important;
    backdrop-filter: blur(2px);
}
.aiz-nexa.product-details .img-preview-btn {
    background: rgba(26, 26, 26, .72) !important;
    backdrop-filter: blur(2px);
}

/* --- title + tabs of the info column --- */
.aiz-nexa .product-details h3.fs-20.fs-md-24,
.aiz-nexa .product-details h3.fs-20 {
    font-size: 27px !important;
    font-weight: 800 !important;
    line-height: 1.25;
    letter-spacing: -.5px;
    color: #1A1A1A;
}

/* --- title + tabs of the info column --- */
.aiz-nexa.product-details h3.fs-20.fs-md-24,
.aiz-nexa.product-details h3.fs-20 {
    font-size: 27px !important;
    font-weight: 800 !important;
    line-height: 1.25;
    letter-spacing: -.5px;
    color: #1A1A1A;
}
.aiz-nexa .product-details .product-price strong,
.aiz-nexa .product-details #chosen_price {
    color: #FB7701 !important;
    font-size: 34px !important;
    font-weight: 800 !important;
    letter-spacing: -1px;
}
.aiz-nexa.product-details .product-price strong,
.aiz-nexa.product-details #chosen_price {
    color: #FB7701 !important;
    font-size: 34px !important;
    font-weight: 800 !important;
    letter-spacing: -1px;
}

/* --- buy box becomes a real purchase card --- */
.aiz-nexa .product-details .border-dashed.border-1.border-soft-light {
    border: 1px solid #F1E7DE !important;
    border-radius: 18px !important;
    background: #fff;
    box-shadow: 0 10px 30px rgba(180, 120, 60, .08);
    padding: 20px !important;
}

/* --- buy box becomes a real purchase card --- */
.aiz-nexa.product-details .border-dashed.border-1.border-soft-light {
    border: 1px solid #F1E7DE !important;
    border-radius: 18px !important;
    background: #fff;
    box-shadow: 0 10px 30px rgba(180, 120, 60, .08);
    padding: 20px !important;
}
.aiz-nexa .product-details .border-dashed p .text-blue,
.aiz-nexa .product-details .border-dashed p.text-blue,
.aiz-nexa .product-details #available-quantity { color: #0F9D58 !important; font-weight: 700 !important; }
.aiz-nexa.product-details .border-dashed p .text-blue,
.aiz-nexa.product-details .border-dashed p.text-blue,
.aiz-nexa.product-details #available-quantity { color: #0F9D58 !important; font-weight: 700 !important; }

/* keep the orange CTA readable: the green "available" rule above must never win here */
.aiz-nexa .product-details .border-dashed button.add-to-cart,
.aiz-nexa .product-details form.product-details-page button.add-to-cart {
    background: #FB7701 !important;
    color: #ffffff !important;
}

/* keep the orange CTA readable: the green "available" rule above must never win here */
.aiz-nexa.product-details .border-dashed button.add-to-cart,
.aiz-nexa.product-details form.product-details-page button.add-to-cart {
    background: #FB7701 !important;
    color: #ffffff !important;
}
.aiz-nexa .product-details .border-dashed button.add-to-cart span,
.aiz-nexa .product-details .border-dashed button.add-to-cart * { color: #ffffff !important; }
.aiz-nexa.product-details .border-dashed button.add-to-cart span,
.aiz-nexa.product-details .border-dashed button.add-to-cart * { color: #ffffff !important; }
.aiz-nexa .product-details .border-dashed button.buy-now {
    background-color: #1A1A1A !important;
    color: #ffffff !important;
}
.aiz-nexa.product-details .border-dashed button.buy-now {
    background-color: #1A1A1A !important;
    color: #ffffff !important;
}
.aiz-nexa .product-details .border-dashed button.buy-now * {
    color: #ffffff !important;
    background-color: transparent !important;
}
.aiz-nexa.product-details .border-dashed button.buy-now * {
    color: #ffffff !important;
    background-color: transparent !important;
}

/* --- quantity stepper --- */
.aiz-nexa .product-details .input-group,
.aiz-nexa .product-details .qty-input,
.aiz-nexa .product-details input[name="quantity"] { border-radius: 12px !important; }

/* --- quantity stepper --- */
.aiz-nexa.product-details .input-group,
.aiz-nexa.product-details .qty-input,
.aiz-nexa.product-details input[name="quantity"] { border-radius: 12px !important; }

/* --- CTA buttons (desktop) --- */
.aiz-nexa .product-details button.add-to-cart {
    background: #FB7701 !important;
    color: #fff !important;
    border-radius: 14px !important;
    font-size: 15px !important;
    letter-spacing: .2px;
    box-shadow: 0 8px 20px rgba(251, 119, 1, .28);
    min-height: 54px;
}

/* --- CTA buttons (desktop) --- */
.aiz-nexa.product-details button.add-to-cart {
    background: #FB7701 !important;
    color: #fff !important;
    border-radius: 14px !important;
    font-size: 15px !important;
    letter-spacing: .2px;
    box-shadow: 0 8px 20px rgba(251, 119, 1, .28);
    min-height: 54px;
}
.aiz-nexa .product-details button.add-to-cart:hover { background: #E06800 !important; }
.aiz-nexa.product-details button.add-to-cart:hover { background: #E06800 !important; }
.aiz-nexa .product-details button.buy-now {
    background: #1A1A1A !important;
    color: #fff !important;
    border-radius: 14px !important;
    font-size: 15px !important;
    min-height: 54px;
}
.aiz-nexa.product-details button.buy-now {
    background: #1A1A1A !important;
    color: #fff !important;
    border-radius: 14px !important;
    font-size: 15px !important;
    min-height: 54px;
}
.aiz-nexa .product-details button.buy-now:hover { background: #000 !important; }
.aiz-nexa.product-details button.buy-now:hover { background: #000 !important; }

/* --- the highlights block --- */
.aiz-nexa .rz-highlights { margin-top: 16px; }
.aiz-nexa .rz-hl-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; }
.aiz-nexa .rz-chip {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 6px 12px; border-radius: 999px;
    font-size: 12.5px; font-weight: 700; line-height: 1;
    background: #F5F5F5; color: #4A4A4A;
}
.aiz-nexa .rz-chip em { font-style: normal; font-weight: 500; color: #8a8a8a; margin-left: 2px; }
.aiz-nexa .rz-chip-sale { background: linear-gradient(135deg, #FB7701, #FF4800); color: #fff; }
.aiz-nexa .rz-chip-rate { background: #FFF4E6; color: #C25C00; }
.aiz-nexa .rz-chip-ok { background: #EAF8EF; color: #0F9D58; }

.aiz-nexa .rz-stockbar { margin: 4px 0 14px; }
.aiz-nexa .rz-stockbar-head {
    display: flex; justify-content: space-between;
    font-size: 12.5px; font-weight: 700; color: #6b6b6b; margin-bottom: 6px;
}
.aiz-nexa .rz-stockbar-head i { color: #FB7701; }
.aiz-nexa .rz-stockbar-track {
    height: 8px; border-radius: 999px; background: #F1EDEA; overflow: hidden;
}
.aiz-nexa .rz-stockbar-track span {
    display: block; height: 100%; border-radius: 999px;
    background: linear-gradient(90deg, #FB7701, #FF4800);
}

.aiz-nexa .rz-trust { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.aiz-nexa .rz-trust-item {
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    gap: 6px; text-align: center;
    padding: 12px 6px; border-radius: 14px;
    background: #FCFAF8; border: 1px solid #F2EAE3;
    font-size: 12px; font-weight: 600; color: #4A4A4A;
}
.aiz-nexa .rz-trust-item i { font-size: 20px; color: #FB7701; }

/* --- info column sticky on desktop --- */
@media (min-width: 992px) {
    .aiz-nexa .product-details .pt-30px.pb-6 > .row > .col-lg-6:nth-child(2) {
        position: sticky; top: 96px;
    }
}

/* --- description / reviews tabs --- */
.aiz-nexa .product-details-nav-tab .nav-tab-header {
    border-bottom: 1px solid #F1EDEA !important;
    background: #fff !important;
}

/* --- description / reviews tabs --- */
.aiz-nexa.product-details-nav-tab .nav-tab-header {
    border-bottom: 1px solid #F1EDEA !important;
    background: #fff !important;
}
.aiz-nexa .product-details-nav-tab .nav-link {
    font-weight: 700 !important;
    font-size: 15px !important;
    color: #767676 !important;
    margin-right: 18px;
    position: relative;
}
.aiz-nexa.product-details-nav-tab .nav-link {
    font-weight: 700 !important;
    font-size: 15px !important;
    color: #767676 !important;
    margin-right: 18px;
    position: relative;
}
.aiz-nexa .product-details-nav-tab .nav-link.active { color: #FB7701 !important; }
.aiz-nexa.product-details-nav-tab .nav-link.active { color: #FB7701 !important; }
.aiz-nexa .product-details-nav-tab .nav-link.active::after {
    content: ""; position: absolute; left: 0; right: 0; bottom: -1px;
    height: 3px; border-radius: 3px 3px 0 0;
    background: linear-gradient(90deg, #FB7701, #FF4800);
}
.aiz-nexa.product-details-nav-tab .nav-link.active::after {
    content: ""; position: absolute; left: 0; right: 0; bottom: -1px;
    height: 3px; border-radius: 3px 3px 0 0;
    background: linear-gradient(90deg, #FB7701, #FF4800);
}

@media (max-width: 991.98px) {
    .aiz-nexa .product-details { background: linear-gradient(180deg, #FFF6EF 0%, #FFFFFF 300px); }
    .aiz-nexa.product-details { background: linear-gradient(180deg, #FFF6EF 0%, #FFFFFF 300px); }
    .aiz-nexa .product-details h3.fs-20 { font-size: 21px !important; }
    .aiz-nexa.product-details h3.fs-20 { font-size: 21px !important; }
    .aiz-nexa .product-details .product-price strong,
    .aiz-nexa .product-details #chosen_price { font-size: 27px !important; }
    .aiz-nexa.product-details .product-price strong,
    .aiz-nexa.product-details #chosen_price { font-size: 27px !important; }
    .aiz-nexa .rz-trust { grid-template-columns: repeat(2, 1fr); }
    .aiz-nexa .rz-trust-item { flex-direction: row; justify-content: flex-start; gap: 8px; text-align: left; padding: 10px 12px; }
    .aiz-nexa .product-details-nav-tab .nav-link { font-size: 13.5px !important; margin-right: 14px; white-space: nowrap; }
    .aiz-nexa.product-details-nav-tab .nav-link { font-size: 13.5px !important; margin-right: 14px; white-space: nowrap; }
    .aiz-nexa .product-details-nav-tab .nav-tab-header { overflow-x: auto; -webkit-overflow-scrolling: touch; }
    .aiz-nexa.product-details-nav-tab .nav-tab-header { overflow-x: auto; -webkit-overflow-scrolling: touch; }
    /* full-bleed gallery on phones */
    .aiz-nexa .product-details .pt-30px.pb-6 { padding-top: 0 !important; }
    /* full-bleed gallery on phones */
    .aiz-nexa.product-details .pt-30px.pb-6 { padding-top: 0 !important; }
    .aiz-nexa .product-details .main-slider .swiper-slide { border-radius: 0 0 18px 18px !important; border-left: 0 !important; border-right: 0 !important; }
    .aiz-nexa.product-details .main-slider .swiper-slide { border-radius: 0 0 18px 18px !important; border-left: 0 !important; border-right: 0 !important; }
}

/* --- the theme prints a second price panel above the buy box; slim it down --- */
.aiz-nexa .product-details form.product-details-page > h5.fs-16.fw-600.text-gray { display: none !important; }

/* --- the theme prints a second price panel above the buy box; slim it down --- */
.aiz-nexa.product-details form.product-details-page > h5.fs-16.fw-600.text-gray { display: none !important; }
.aiz-nexa .product-details form.product-details-page > .bg-light {
    background: #FCFAF8 !important;
    border: 1px dashed #EBD9C8;
    border-radius: 14px !important;
    padding: 10px 14px !important;
    margin-bottom: 4px;
}
.aiz-nexa.product-details form.product-details-page > .bg-light {
    background: #FCFAF8 !important;
    border: 1px dashed #EBD9C8;
    border-radius: 14px !important;
    padding: 10px 14px !important;
    margin-bottom: 4px;
}
.aiz-nexa .product-details form.product-details-page > .bg-light h6 {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #6F6155 !important;
}
.aiz-nexa.product-details form.product-details-page > .bg-light h6 {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #6F6155 !important;
}
.aiz-nexa .product-details form.product-details-page > .bg-light h6 span {
    color: #FB7701 !important;
    font-weight: 700 !important;
}
.aiz-nexa.product-details form.product-details-page > .bg-light h6 span {
    color: #FB7701 !important;
    font-weight: 700 !important;
}

/* ==========================================================================
   MOBILE-ONLY: new CTA style on the product page (Buy Now + Add to cart)
   Two pill buttons side by side in the sticky buy sheet, each with its own
   icon, gradient and shadow; the sheet clears the tab bar instead of hiding
   behind it.
   ========================================================================== */
@media (max-width: 767.98px) {

    /* pinned sheet must clear the 62px tab bar (+ iOS safe area) */
    .aiz-nexa form.product-details-page > div:has(button.bg-black) {
        bottom: calc(62px + env(safe-area-inset-bottom)) !important;
        padding: 10px 12px 12px !important;
    }

    /* shorten the sheet: availability + min qty share one line */
    .aiz-nexa form.product-details-page > div:has(button.bg-black) .d-flex.flex-column {
        flex-direction: row !important;
        align-items: center;
        gap: 14px;
    }
    .aiz-nexa form.product-details-page > div:has(button.bg-black) .d-flex.flex-column p {
        margin: 0 !important;
        font-size: 12.5px !important;
    }

    /* the two buttons */
    .aiz-nexa .product-details .border-dashed > .d-flex.flex-wrap.flex-md-nowrap {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        align-items: stretch;
        margin-top: 4px;
    }
    .aiz-nexa .product-details button.buy-now,
    .aiz-nexa .product-details button.add-to-cart {
        width: 100% !important;
        min-height: 50px;
        margin: 0 !important;
        border-radius: 999px !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        letter-spacing: .2px;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        padding-left: 34px !important;
        background-repeat: no-repeat !important;
        background-position: 18px center !important;
        background-size: 18px 18px !important;
        transition: transform .12s ease, box-shadow .2s ease;
    }
    .aiz-nexa .product-details button.add-to-cart {
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M7 18a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm10 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4zM3 3h2.2l1 2H21l-2.2 9.3a2 2 0 0 1-1.9 1.5H8.1a2 2 0 0 1-1.9-1.4L4 5.6 3.7 4H3z'/%3E%3C/svg%3E") 18px center / 18px 18px no-repeat,
                    linear-gradient(135deg, #FB7701 0%, #FF4800 100%) !important;
        box-shadow: 0 8px 18px rgba(251, 119, 1, .32) !important;
        color: #fff !important;
    }
    .aiz-nexa .product-details button.buy-now {
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FB7701'%3E%3Cpath d='M13 2 4.5 13.2H11l-1 8.8 8.5-11.2H12z'/%3E%3C/svg%3E") 18px center / 18px 18px no-repeat,
                    linear-gradient(135deg, #2A2A2E 0%, #131316 100%) !important;
        box-shadow: 0 8px 18px rgba(0, 0, 0, .22) !important;
        color: #fff !important;
    }
    .aiz-nexa .product-details button.buy-now *,
    .aiz-nexa .product-details button.add-to-cart * { color: #fff !important; }
    .aiz-nexa .product-details button.add-to-cart:active,
    .aiz-nexa .product-details button.buy-now:active { transform: scale(.97); }
    .aiz-nexa .product-details button.add-to-cart span,
    .aiz-nexa .product-details button.add-to-cart #add_to_cart_count { font-size: 13.5px !important; }
}

/* --- final word on the mobile CTA shape: real pills, icons kept --- */
@media (max-width: 767.98px) {
    .aiz-nexa .product-details .border-dashed button.add-to-cart,
    .aiz-nexa .product-details .border-dashed button.buy-now,
    .aiz-nexa .product-details form.product-details-page button.add-to-cart,
    .aiz-nexa .product-details form.product-details-page button.buy-now {
        border-radius: 999px !important;
        min-height: 54px !important;
        padding: 0 14px 0 38px !important;
        background-repeat: no-repeat !important;
        background-position: 16px center !important;
        background-size: 18px 18px !important;
    }
    .aiz-nexa .product-details .border-dashed button.add-to-cart {
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M7 18a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm10 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4zM3 3h2.2l1 2H21l-2.2 9.3a2 2 0 0 1-1.9 1.5H8.1a2 2 0 0 1-1.9-1.4L4 5.6 3.7 4H3z'/%3E%3C/svg%3E") 16px center / 18px 18px no-repeat,
                    linear-gradient(135deg, #FB7701 0%, #FF4800 100%) !important;
        box-shadow: 0 8px 18px rgba(251, 119, 1, .32) !important;
        color: #fff !important;
    }
    .aiz-nexa .product-details .border-dashed button.buy-now {
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FB7701'%3E%3Cpath d='M13 2 4.5 13.2H11l-1 8.8 8.5-11.2H12z'/%3E%3C/svg%3E") 16px center / 18px 18px no-repeat,
                    linear-gradient(135deg, #2A2A2E 0%, #131316 100%) !important;
        box-shadow: 0 8px 18px rgba(0, 0, 0, .22) !important;
        color: #fff !important;
    }
}

/* ==========================================================================
   MOBILE CTA — final override (must beat the theme's own .bg-soft-blue /
   .bg-black rules and the earlier background shorthands; kept last on purpose)
   ========================================================================== */
@media (max-width: 767.98px) {
    .aiz-nexa .product-details form.product-details-page button.add-to-cart,
    .aiz-nexa .product-details form.product-details-page button.bg-soft-blue,
    .aiz-nexa .product-details form.product-details-page button.bg-soft-blue:hover {
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M7 18a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm10 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4zM3 3h2.2l1 2H21l-2.2 9.3a2 2 0 0 1-1.9 1.5H8.1a2 2 0 0 1-1.9-1.4L4 5.6 3.7 4H3z'/%3E%3C/svg%3E") 16px center / 18px 18px no-repeat,
                    linear-gradient(135deg, #FB7701 0%, #FF4800 100%) !important;
        background-color: transparent !important;
        color: #ffffff !important;
        border: 0 !important;
        border-radius: 999px !important;
        min-height: 54px !important;
        padding: 0 14px 0 40px !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        box-shadow: 0 8px 18px rgba(251, 119, 1, .32) !important;
    }
    .aiz-nexa .product-details form.product-details-page button.buy-now,
    .aiz-nexa .product-details form.product-details-page button.bg-black,
    .aiz-nexa .product-details form.product-details-page button.bg-black:hover {
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FB7701'%3E%3Cpath d='M13 2 4.5 13.2H11l-1 8.8 8.5-11.2H12z'/%3E%3C/svg%3E") 16px center / 18px 18px no-repeat,
                    linear-gradient(135deg, #2A2A2E 0%, #131316 100%) !important;
        background-color: transparent !important;
        color: #ffffff !important;
        border: 0 !important;
        border-radius: 999px !important;
        min-height: 54px !important;
        padding: 0 14px 0 40px !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        box-shadow: 0 8px 18px rgba(0, 0, 0, .22) !important;
    }
    .aiz-nexa .product-details form.product-details-page button.add-to-cart *,
    .aiz-nexa .product-details form.product-details-page button.buy-now * { color: #ffffff !important; }
}

/* ==========================================================================
   DARAZ-STYLE PRODUCT PAGE  (last block wins; overrides the earlier Temu
   pills/icons on this page only — Daraz uses flat rectangular buttons)
   Palette: brand orange #F85606 · Buy-now blue #1A9CB7 · page #F5F5F5
   ========================================================================== */

.aiz-nexa .product-details { background: #F5F5F5 !important; }

/* ==========================================================================
   DARAZ-STYLE PRODUCT PAGE  (last block wins; overrides the earlier Temu
   pills/icons on this page only — Daraz uses flat rectangular buttons)
   Palette: brand orange #F85606 · Buy-now blue #1A9CB7 · page #F5F5F5
   ========================================================================== */

.aiz-nexa.product-details { background: #F5F5F5 !important; }
.aiz-nexa .product-details .pt-30px.pb-6 { background: #FFFFFF; padding-top: 16px !important; }
.aiz-nexa.product-details .pt-30px.pb-6 { background: #FFFFFF; padding-top: 16px !important; }

/* breadcrumb + inline links */
.aiz-nexa .product-details .breadcrumb { padding: 6px 0 10px; margin-bottom: 0; }

/* breadcrumb + inline links */
.aiz-nexa.product-details .breadcrumb { padding: 6px 0 10px; margin-bottom: 0; }
.aiz-nexa .product-details .breadcrumb a,
.aiz-nexa .product-details a.animate-underline-blue,
.aiz-nexa .product-details .text-blue { color: #1A9CB7 !important; }
.aiz-nexa.product-details .breadcrumb a,
.aiz-nexa.product-details a.animate-underline-blue,
.aiz-nexa.product-details .text-blue { color: #1A9CB7 !important; }
.aiz-nexa .product-details .breadcrumb a:hover { text-decoration: underline; }
.aiz-nexa.product-details .breadcrumb a:hover { text-decoration: underline; }

/* title + rating */
.aiz-nexa .product-details h3.fs-20.fs-md-24,
.aiz-nexa .product-details h3.fs-20 {
    font-size: 21px !important;
    font-weight: 500 !important;
    line-height: 1.45 !important;
    letter-spacing: 0 !important;
    color: #212121 !important;
}

/* title + rating */
.aiz-nexa.product-details h3.fs-20.fs-md-24,
.aiz-nexa.product-details h3.fs-20 {
    font-size: 21px !important;
    font-weight: 500 !important;
    line-height: 1.45 !important;
    letter-spacing: 0 !important;
    color: #212121 !important;
}
.aiz-nexa .product-details .la-star,
.aiz-nexa .product-details i.las.la-star,
.aiz-nexa .product-details .text-warning { color: #FFB800 !important; }
.aiz-nexa.product-details .la-star,
.aiz-nexa.product-details i.las.la-star,
.aiz-nexa.product-details .text-warning { color: #FFB800 !important; }
.aiz-nexa .product-details .text-gray,
.aiz-nexa .product-details .fs-14.fw-400.text-gray { color: #9E9E9E !important; }
.aiz-nexa.product-details .text-gray,
.aiz-nexa.product-details .fs-14.fw-400.text-gray { color: #9E9E9E !important; }

/* price block: single orange price, struck original, discount tag */
.aiz-nexa .product-details .product-price strong,
.aiz-nexa .product-details #chosen_price {
    color: #F85606 !important;
    font-size: 30px !important;
    font-weight: 600 !important;
    letter-spacing: -.5px;
}

/* price block: single orange price, struck original, discount tag */
.aiz-nexa.product-details .product-price strong,
.aiz-nexa.product-details #chosen_price {
    color: #F85606 !important;
    font-size: 30px !important;
    font-weight: 600 !important;
    letter-spacing: -.5px;
}
.aiz-nexa .product-details del,
.aiz-nexa .product-details .text-secondary { color: #9E9E9E !important; }
.aiz-nexa.product-details del,
.aiz-nexa.product-details .text-secondary { color: #9E9E9E !important; }
.aiz-nexa .product-details .rz-chip-sale { background: #FFF1EB !important; color: #F85606 !important; }
.aiz-nexa.product-details .rz-chip-sale { background: #FFF1EB !important; color: #F85606 !important; }

/* the unit-price strip the theme prints above the buy box */
.aiz-nexa .product-details form.product-details-page > .bg-light {
    background: #FAFAFA !important;
    border: 1px solid #EDEDED !important;
    border-radius: 4px !important;
    padding: 8px 12px !important;
}

/* the unit-price strip the theme prints above the buy box */
.aiz-nexa.product-details form.product-details-page > .bg-light {
    background: #FAFAFA !important;
    border: 1px solid #EDEDED !important;
    border-radius: 4px !important;
    padding: 8px 12px !important;
}
.aiz-nexa .product-details form.product-details-page > .bg-light h6 { font-size: 14px !important; color: #757575 !important; }
.aiz-nexa.product-details form.product-details-page > .bg-light h6 { font-size: 14px !important; color: #757575 !important; }
.aiz-nexa .product-details form.product-details-page > .bg-light h6 span { color: #F85606 !important; }
.aiz-nexa.product-details form.product-details-page > .bg-light h6 span { color: #F85606 !important; }

/* buy box: flat card, no cream / no shadow */
.aiz-nexa .product-details .border-dashed.border-1.border-soft-light {
    border: 1px solid #EDEDED !important;
    border-radius: 4px !important;
    background: #fff !important;
    box-shadow: none !important;
    padding: 16px !important;
}

/* buy box: flat card, no cream / no shadow */
.aiz-nexa.product-details .border-dashed.border-1.border-soft-light {
    border: 1px solid #EDEDED !important;
    border-radius: 4px !important;
    background: #fff !important;
    box-shadow: none !important;
    padding: 16px !important;
}
.aiz-nexa .product-details .border-dashed p .text-blue,
.aiz-nexa .product-details #available-quantity { color: #F85606 !important; font-weight: 600 !important; }
.aiz-nexa.product-details .border-dashed p .text-blue,
.aiz-nexa.product-details #available-quantity { color: #F85606 !important; font-weight: 600 !important; }

/* quantity stepper: flat bordered, like Daraz */
.aiz-nexa .product-details .input-group,
.aiz-nexa .product-details input[name="quantity"] { border-radius: 3px !important; border-color: #E0E0E0 !important; }

/* quantity stepper: flat bordered, like Daraz */
.aiz-nexa.product-details .input-group,
.aiz-nexa.product-details input[name="quantity"] { border-radius: 3px !important; border-color: #E0E0E0 !important; }

/* (legacy flat Daraz CTA block removed — superseded below) */

/* ---- CTAs: orange gradient cart + ink gradient buy-now (advanced skin) ---- */
.aiz-nexa.product-details form.product-details-page button.add-to-cart,
.aiz-nexa.product-details form.product-details-page button.bg-soft-blue,
.aiz-nexa.product-details .border-dashed button.add-to-cart,
.aiz-nexa .product-details form.product-details-page button.add-to-cart,
.aiz-nexa .product-details .border-dashed button.add-to-cart {
    background: linear-gradient(135deg, #FB7701, #FF4800) !important;
    background-image: linear-gradient(135deg, #FB7701, #FF4800) !important;
    color: #ffffff !important;
    border: 0 !important;
    border-radius: 13px !important;
    min-height: 50px !important;
    padding: 0 20px !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    box-shadow: 0 10px 22px rgba(255, 72, 0, .28) !important;
}
.aiz-nexa.product-details form.product-details-page button.buy-now,
.aiz-nexa.product-details form.product-details-page button.bg-black,
.aiz-nexa.product-details .border-dashed button.buy-now,
.aiz-nexa .product-details form.product-details-page button.buy-now,
.aiz-nexa .product-details .border-dashed button.buy-now {
    background: linear-gradient(135deg, #2C2C33, #131316) !important;
    background-image: linear-gradient(135deg, #2C2C33, #131316) !important;
    color: #ffffff !important;
    border: 0 !important;
    border-radius: 13px !important;
    min-height: 50px !important;
    padding: 0 20px !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    box-shadow: 0 10px 22px rgba(19, 19, 22, .24) !important;
}
.aiz-nexa.product-details form.product-details-page button.add-to-cart *,
.aiz-nexa.product-details form.product-details-page button.buy-now *,
.aiz-nexa .product-details form.product-details-page button.add-to-cart *,
.aiz-nexa .product-details form.product-details-page button.buy-now * {
    color: #ffffff !important;
    background-color: transparent !important;
    background-image: none !important;
}

/* ---- the info rows under the buy box, arranged like Daraz's right rail ---- */
.aiz-nexa .rz-highlights { margin-top: 14px; }
.aiz-nexa .rz-hl-chips { gap: 6px; margin-bottom: 10px; }
.aiz-nexa .rz-chip { border-radius: 3px !important; padding: 5px 10px; font-size: 12px; font-weight: 600; }
.aiz-nexa .rz-chip-rate { background: #FFF8E1 !important; color: #B26A00 !important; }
.aiz-nexa .rz-chip-ok { background: #F1F8F3 !important; color: #2E7D32 !important; }
.aiz-nexa .rz-stockbar-head { font-size: 12px; color: #757575; }
.aiz-nexa .rz-stockbar-track { height: 6px; background: #F0F0F0; }
.aiz-nexa .rz-stockbar-track span { background: #F85606; }

.aiz-nexa .rz-trust {
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    border: 1px solid #EDEDED;
    border-radius: 4px;
    overflow: hidden;
    background: #fff;
}
.aiz-nexa .rz-trust-item {
    flex-direction: row !important;
    justify-content: flex-start !important;
    text-align: left !important;
    gap: 10px;
    padding: 12px 14px !important;
    background: #fff !important;
    border: 0 !important;
    border-bottom: 1px solid #F5F5F5 !important;
    border-radius: 0 !important;
    font-size: 13px;
    font-weight: 500;
    color: #424242;
}
.aiz-nexa .rz-trust-item:last-child { border-bottom: 0 !important; }
.aiz-nexa .rz-trust-item i { font-size: 18px; color: #757575 !important; }

/* ---- gallery: square-ish frames with thin borders ---- */
.aiz-nexa .product-details .main-slider .swiper-slide,
.aiz-nexa .product-details .thumb-slider .swiper-slide {
    border: 1px solid #EDEDED !important;
    border-radius: 4px !important;
    background: #fff !important;
}

/* ---- gallery: square-ish frames with thin borders ---- */
.aiz-nexa.product-details .main-slider .swiper-slide,
.aiz-nexa.product-details .thumb-slider .swiper-slide {
    border: 1px solid #EDEDED !important;
    border-radius: 4px !important;
    background: #fff !important;
}
.aiz-nexa .product-details .thumb-slider .swiper-slide.swiper-slide-thumb-active,
.aiz-nexa .product-details .thumb-slider .swiper-slide.active {
    border-color: #F85606 !important;
    box-shadow: none !important;
}
.aiz-nexa.product-details .thumb-slider .swiper-slide.swiper-slide-thumb-active,
.aiz-nexa.product-details .thumb-slider .swiper-slide.active {
    border-color: #F85606 !important;
    box-shadow: none !important;
}
.aiz-nexa .product-details .img-preview-btn { background: rgba(0, 0, 0, .6) !important; }
.aiz-nexa.product-details .img-preview-btn { background: rgba(0, 0, 0, .6) !important; }

/* ---- tabs ---- */
.aiz-nexa .product-details-nav-tab .nav-link { color: #757575 !important; font-weight: 500 !important; }

/* ---- tabs ---- */
.aiz-nexa.product-details-nav-tab .nav-link { color: #757575 !important; font-weight: 500 !important; }
.aiz-nexa .product-details-nav-tab .nav-link.active { color: #F85606 !important; }
.aiz-nexa.product-details-nav-tab .nav-link.active { color: #F85606 !important; }
.aiz-nexa .product-details-nav-tab .nav-link.active::after { background: #F85606 !important; }
.aiz-nexa.product-details-nav-tab .nav-link.active::after { background: #F85606 !important; }
.aiz-nexa .product-details-nav-tab { background: #F5F5F5; }
.aiz-nexa.product-details-nav-tab { background: #F5F5F5; }

/* ---- MOBILE: Daraz-style flat two-button bar ---- */
@media (max-width: 767.98px) {
    .aiz-nexa .product-details { background: #F5F5F5 !important; }
    .aiz-nexa .product-details .pt-30px.pb-6 { padding-top: 0 !important; }
    .aiz-nexa .product-details h3.fs-20 { font-size: 18px !important; font-weight: 500 !important; }
    .aiz-nexa .product-details .product-price strong,
    .aiz-nexa .product-details #chosen_price { font-size: 26px !important; }

    /* the pinned sheet: white bar, two flat buttons, no icons */
    .aiz-nexa form.product-details-page > div:has(button.bg-black) {
        background: #fff !important;
        border-top: 1px solid #EDEDED !important;
        border-radius: 0 !important;
        box-shadow: 0 -2px 10px rgba(0, 0, 0, .06) !important;
        padding: 10px 12px !important;
        bottom: calc(62px + env(safe-area-inset-bottom)) !important;
    }
    .aiz-nexa .product-details .border-dashed > .d-flex.flex-wrap.flex-md-nowrap {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }
    /* icon-free gradient pills on phones (icon dropped, gradient kept) */
    .aiz-nexa .product-details form.product-details-page button.add-to-cart,
    .aiz-nexa .product-details .border-dashed button.add-to-cart,
    .aiz-nexa .product-details form.product-details-page button.bg-soft-blue {
        background-image: linear-gradient(135deg, #FB7701, #FF4800) !important;
        background-color: #FB7701 !important;
        border-radius: 12px !important;
        min-height: 48px !important;
        padding: 0 10px !important;
        font-size: 14.5px !important;
        width: 100% !important;
    }
    .aiz-nexa .product-details form.product-details-page button.buy-now,
    .aiz-nexa .product-details form.product-details-page button.bg-black,
    .aiz-nexa .product-details .border-dashed button.buy-now {
        background-image: linear-gradient(135deg, #2C2C33, #131316) !important;
        background-color: #17171F !important;
        border-radius: 12px !important;
        min-height: 48px !important;
        padding: 0 10px !important;
        font-size: 14.5px !important;
        width: 100% !important;
    }
    .aiz-nexa .product-details .main-slider .swiper-slide { border: 0 !important; border-radius: 0 !important; }
}

/* Daraz shows the price once — hide the theme's duplicate unit-price strip */
.aiz-nexa .product-details form.product-details-page > .bg-light { display: none !important; }

/* Daraz shows the price once — hide the theme's duplicate unit-price strip */
.aiz-nexa.product-details form.product-details-page > .bg-light { display: none !important; }

/* ==========================================================================
   FINISHING PASS — empty states, focus rings, micro-interactions
   ========================================================================== */

/* --- empty cart --- */
.aiz-nexa .rz-empty-cart { padding: 44px 18px !important; }
.aiz-nexa .rz-empty-icon {
    width: 76px; height: 76px; margin: 0 auto 14px;
    display: flex; align-items: center; justify-content: center;
    border-radius: 50%;
    background: linear-gradient(135deg, #FFF1E6, #FFE3D2);
    color: #FB7701;
    font-size: 34px;
}
.aiz-nexa .rz-empty-cart .rz-btn-primary {
    display: inline-flex; align-items: center; justify-content: center;
    min-height: 46px; padding: 0 26px;
    background: linear-gradient(135deg, #FB7701, #FF4800);
    color: #fff !important;
    border: 0; border-radius: 999px;
    font-size: 14.5px; font-weight: 700;
    box-shadow: 0 8px 18px rgba(251, 119, 1, .3);
    transition: transform .12s ease, box-shadow .2s ease;
}
.aiz-nexa .rz-empty-cart .rz-btn-primary:hover { transform: translateY(-1px); box-shadow: 0 10px 22px rgba(251, 119, 1, .38); }
.aiz-nexa .rz-empty-cart .rz-btn-primary:active { transform: scale(.97); }

/* --- buttons + inputs, consistent everywhere --- */
.aiz-nexa .btn { transition: transform .12s ease, box-shadow .2s ease, background-color .2s ease; }
.aiz-nexa .btn:active { transform: scale(.985); }
.aiz-nexa .form-control:focus,
.aiz-nexa select.form-control:focus,
.aiz-nexa textarea.form-control:focus {
    border-color: #FB7701 !important;
    box-shadow: 0 0 0 3px rgba(251, 119, 1, .14) !important;
}

/* --- cards: one consistent surface --- */
.aiz-nexa .card,
.aiz-nexa .aiz-card-box,
.aiz-nexa .border-soft-light.rounded-2 { border-color: #F0EDEA !important; }

/* --- images feel premium: gentle zoom on hover, crisp edges --- */
.aiz-nexa .single-product-item img,
.aiz-nexa .img-fit { backface-visibility: hidden; }
.aiz-nexa .single-product-item:hover .product-card-wrapper img { transform: scale(1.03); }
.aiz-nexa .single-product-item .product-card-wrapper img { transition: transform .35s ease; }

/* --- pagination + sort controls --- */
.aiz-nexa .pagination .page-item.active .page-link { box-shadow: 0 4px 10px rgba(251, 119, 1, .25); }

/* --- thin branded scrollbar (desktop only) --- */
@media (min-width: 992px) {
    .aiz-nexa ::-webkit-scrollbar { width: 10px; height: 10px; }
    .aiz-nexa ::-webkit-scrollbar-track { background: #FAFAFA; }
    .aiz-nexa ::-webkit-scrollbar-thumb { background: #E7DDD4; border-radius: 999px; border: 2px solid #FAFAFA; }
    .aiz-nexa ::-webkit-scrollbar-thumb:hover { background: #FB7701; }
}

/* --- skeleton-ish fade so long lists don't pop --- */
.rz-ready .aiz-nexa #nexa-product-wrapper,
.rz-ready .aiz-nexa .product-details { animation: rz-fade .28s ease-out both; }

/* --- skeleton-ish fade so long lists don't pop --- */
.rz-ready .aiz-nexa #nexa-product-wrapper,
.rz-ready .aiz-nexa.product-details { animation: rz-fade .28s ease-out both; }
@keyframes rz-fade { from { opacity: .55; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) {
    .rz-ready .aiz-nexa #nexa-product-wrapper,
    .rz-ready .aiz-nexa .product-details { animation: none; }
    .rz-ready .aiz-nexa #nexa-product-wrapper,
    .rz-ready .aiz-nexa.product-details { animation: none; }
}

/* --- footer: tidy rows, roomier links, orange hover --- */
.aiz-nexa footer .fs-14, .aiz-nexa footer .fs-13 { line-height: 1.9; }
.aiz-nexa footer a { transition: color .2s ease, padding-left .2s ease; }
.aiz-nexa footer a:hover { padding-left: 2px; }

/* ==========================================================================
   STORE / SELLER PAGE  (Inhouse Products, shop listing)
   Daraz-style store hero + toolbar + tighter grid.
   ========================================================================== */

.aiz-nexa .rz-store-page { padding: 22px 0 40px; background: #F5F5F5; }

/* --- hero --- */
.aiz-nexa .rz-store-hero {
    background: #fff;
    border: 1px solid #EFEFEF;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 16px;
}
.aiz-nexa .rz-store-hero-banner {
    height: 108px;
    background:
        radial-gradient(1200px 200px at 15% -40%, rgba(255, 255, 255, .35), transparent 60%),
        linear-gradient(120deg, #FB7701 0%, #FF4800 100%);
}
.aiz-nexa .rz-store-hero-body {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 0 22px 18px;
    margin-top: -34px;
    flex-wrap: wrap;
}
.aiz-nexa .rz-store-avatar {
    width: 78px; height: 78px;
    flex: 0 0 78px;
    display: flex; align-items: center; justify-content: center;
    border-radius: 18px;
    background: #fff;
    border: 3px solid #fff;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .12);
    color: #FB7701;
    font-size: 34px;
}
.aiz-nexa .rz-store-meta { flex: 1 1 320px; min-width: 0; }
.aiz-nexa .rz-store-name {
    font-size: 24px;
    font-weight: 800;
    letter-spacing: -.4px;
    color: #1A1A1A;
    margin: 0 0 8px;
}
.aiz-nexa .rz-store-badges { display: flex; flex-wrap: wrap; gap: 8px; }
.aiz-nexa .rz-badge {
    display: inline-flex; align-items: center; gap: 5px;
    padding: 5px 10px;
    border-radius: 999px;
    background: #FFF4EC;
    color: #C25C00;
    font-size: 12px;
    font-weight: 700;
}
.aiz-nexa .rz-badge i { font-size: 14px; color: #FB7701; }
.aiz-nexa .rz-store-stats { display: flex; gap: 10px; }
.aiz-nexa .rz-store-stats > div {
    min-width: 92px;
    padding: 10px 14px;
    border-radius: 12px;
    background: #FAFAFA;
    border: 1px solid #F1F1F1;
    text-align: center;
}
.aiz-nexa .rz-store-stats strong { display: block; font-size: 18px; font-weight: 800; color: #1A1A1A; line-height: 1.2; }
.aiz-nexa .rz-store-stats span { font-size: 11.5px; color: #8a8a8a; font-weight: 600; }

/* --- toolbar --- */
.aiz-nexa .rz-store-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    padding: 10px 14px;
    margin-bottom: 14px;
    background: #fff;
    border: 1px solid #EFEFEF;
    border-radius: 12px;
}
.aiz-nexa .rz-toolbar-count { font-size: 14px; color: #6b6b6b; }
.aiz-nexa .rz-toolbar-count strong { color: #1A1A1A; font-weight: 800; }
.aiz-nexa .rz-toolbar-sort { display: flex; align-items: center; gap: 8px; }
.aiz-nexa .rz-toolbar-sort label { margin: 0; font-size: 13px; color: #8a8a8a; font-weight: 600; }
.aiz-nexa .rz-toolbar-sort select {
    height: 40px;
    padding: 0 34px 0 14px;
    border: 1px solid #E6E6E6;
    border-radius: 10px;
    background-color: #fff;
    font-size: 13.5px;
    font-weight: 600;
    color: #2b2b2b;
    cursor: pointer;
}

/* --- grid --- */
/* the theme styles `.products-wrapper-grid` as a CSS grid, which collapses the
   Bootstrap `.col` widths (they resolve against the 209px track, not the row);
   keep the class for the infinite feed but force the flex layout back. */
.aiz-nexa .rz-store-grid.products-wrapper-grid,
.aiz-nexa .rz-store-grid {
    display: flex !important;
    flex-wrap: wrap !important;
    grid-template-columns: none !important;
    /* the grid version of this class adds a 16px gap; with percentage-width
       cols that gap pushes every item onto its own line — gutters come from
       the col padding instead. */
    gap: 0 !important;
}
.aiz-nexa .rz-store-grid > .col { padding: 8px; }
.aiz-nexa .rz-store-grid > .col > * {
    display: block;
    height: 100%;
    background: #fff;
    border: 1px solid #F0F0F0;
    border-radius: 12px;
    overflow: hidden;
    padding: 10px;
    transition: box-shadow .2s ease, transform .2s ease, border-color .2s ease;
}
.aiz-nexa .rz-store-grid > .col > *:hover {
    box-shadow: 0 10px 24px rgba(0, 0, 0, .08);
    border-color: #FFD9BD;
    transform: translateY(-2px);
}
.aiz-nexa .rz-store-page .product-title { font-size: 13px !important; }
.aiz-nexa .rz-store-page p.mt-2 span.fw-bold { font-size: 17px !important; }

/* the infinite feed replaces pagination here */
.aiz-nexa .rz-store-pagination { display: none !important; }
.aiz-nexa .rz-store-page #rz-feed-loading { color: #FB7701; }

@media (max-width: 767.98px) {
    .aiz-nexa .rz-store-page { padding: 12px 0 30px; }
    .aiz-nexa .rz-store-hero-banner { height: 84px; }
    .aiz-nexa .rz-store-hero-body { gap: 12px; padding: 0 14px 14px; margin-top: -28px; }
    .aiz-nexa .rz-store-avatar { width: 62px; height: 62px; flex-basis: 62px; border-radius: 14px; font-size: 26px; }
    .aiz-nexa .rz-store-name { font-size: 18px; margin-bottom: 6px; }
    .aiz-nexa .rz-badge { font-size: 11px; padding: 4px 8px; }
    .aiz-nexa .rz-store-stats { width: 100%; gap: 8px; }
    .aiz-nexa .rz-store-stats > div { flex: 1; min-width: 0; padding: 8px; }
    .aiz-nexa .rz-store-stats strong { font-size: 16px; }
    .aiz-nexa .rz-store-toolbar { padding: 10px 12px; }
    .aiz-nexa .rz-toolbar-sort { width: 100%; justify-content: space-between; }
    .aiz-nexa .rz-toolbar-sort select { flex: 1; max-width: 200px; }
}

/* --- card meta (N sold / ★ rating) sits on its own line under the price ---
   the theme's price row is a nowrap flex row (struck price + price), so the
   meta span is added there; wrap the row and give the meta a 100% basis. */
.aiz-nexa .product-card-wrapper .fs-14.d-flex.justify-content-center,
.aiz-nexa .aiz-card-box .fs-14.d-flex.justify-content-center { flex-wrap: wrap; row-gap: 2px; }
.aiz-nexa .rz-card-meta {
    flex: 0 0 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin-top: 3px;
    font-size: 11.5px;
    line-height: 1.4;
    white-space: nowrap;
}
.aiz-nexa .rz-card-meta .rz-sold { color: #9a9a9a; font-weight: 600; }
.aiz-nexa .rz-card-meta .rz-rate { color: #FB7701; font-weight: 700; }
.aiz-nexa .rz-card-meta .rz-sold + .rz-rate::before {
    content: ''; display: inline-block; width: 1px; height: 10px;
    background: #DCDCDC; margin-right: 6px; vertical-align: -1px;
}

/* ==========================================================================
   FULL-SCREEN PRODUCT GRID  (store / listing pages)
   Products should use the whole window: full-bleed container + a denser grid
   (6 / 5 / 4 / 3 / 2 per row) instead of a narrow strip with dead space.
   ========================================================================== */
@media (min-width: 1200px) {
    .aiz-nexa .rz-store-page > .container {
        max-width: 100% !important;
        width: 100% !important;
        padding-left: 20px;
        padding-right: 20px;
    }
}
.aiz-nexa .rz-store-grid > .col { padding: 8px !important; }

@media (min-width: 1400px) {
    .aiz-nexa .rz-store-grid > .col { flex: 0 0 16.6667% !important; max-width: 16.6667% !important; }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
    .aiz-nexa .rz-store-grid > .col { flex: 0 0 20% !important; max-width: 20% !important; }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .aiz-nexa .rz-store-grid > .col { flex: 0 0 25% !important; max-width: 25% !important; }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .aiz-nexa .rz-store-grid > .col { flex: 0 0 33.3333% !important; max-width: 33.3333% !important; }
}
@media (max-width: 767.98px) {
    .aiz-nexa .rz-store-grid > .col { flex: 0 0 50% !important; max-width: 50% !important; }
}

/* the hero + toolbar follow the grid to the same full width */
@media (min-width: 1200px) {
    .aiz-nexa .rz-store-page .rz-store-hero,
    .aiz-nexa .rz-store-page .rz-store-toolbar { border-radius: 14px; }
}

/* ==========================================================================
   FULL-SCREEN PRODUCT GRID — shop / category / search listings
   (same intent as the store page: products use the whole window, not a
   centred 1140px strip with dead space on the right)
   ========================================================================== */
@media (min-width: 1200px) {
    .aiz-nexa .container:has(#search-form) {
        max-width: 100% !important;
        width: 100% !important;
        padding-left: 18px;
        padding-right: 18px;
    }
}
@media (min-width: 1200px) {
    .aiz-nexa #products-row > .col { flex: 0 0 25% !important; max-width: 25% !important; }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .aiz-nexa #products-row > .col { flex: 0 0 25% !important; max-width: 25% !important; }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .aiz-nexa #products-row > .col { flex: 0 0 33.3333% !important; max-width: 33.3333% !important; }
}

/* hero without the store name — badges take its place next to the avatar */
.aiz-nexa .rz-store-meta { display: flex; align-items: center; padding-bottom: 4px; }
.aiz-nexa .rz-store-badges { gap: 10px; }

/* ==========================================================================
   LISTING PAGE HEADER + PROMO BANNER + FLASH DEAL CARDS
   ========================================================================== */
.aiz-nexa .rz-page-head {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 18px 20px;
    margin-bottom: 14px;
    background: #fff;
    border: 1px solid #EFEFEF;
    border-radius: 12px;
}
.aiz-nexa .rz-page-head-icon {
    width: 56px; height: 56px;
    flex: 0 0 56px;
    display: flex; align-items: center; justify-content: center;
    border-radius: 16px;
    font-size: 26px;
    color: var(--rz-tint, #FB7701);
    background: color-mix(in srgb, var(--rz-tint, #FB7701) 12%, #fff);
}
.aiz-nexa .rz-page-head-text { flex: 1 1 auto; min-width: 0; }
.aiz-nexa .rz-page-head-title {
    font-size: 22px;
    font-weight: 800;
    letter-spacing: -.4px;
    color: #1A1A1A;
    margin: 0;
}
.aiz-nexa .rz-page-head-sub { margin: 3px 0 0; font-size: 13px; color: #8a8a8a; }

.aiz-nexa .rz-promo-banner { border-radius: 12px; }
.aiz-nexa .rz-promo-banner img { border-radius: 12px; }

/* --- flash deal cards --- */
.aiz-nexa .rz-flash-grid { margin: 0 -8px; }
.aiz-nexa .rz-flash-grid > [class*="col-"] { padding: 8px; }
.aiz-nexa .rz-flash-card {
    display: block;
    height: 100%;
    background: #fff;
    border: 1px solid #F0F0F0;
    border-radius: 14px;
    overflow: hidden;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.aiz-nexa .rz-flash-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 14px 30px rgba(0, 0, 0, .10);
    border-color: #FFD9BD;
}
.aiz-nexa .rz-flash-media { position: relative; aspect-ratio: 16 / 9; overflow: hidden; background: #FAF6F2; }
.aiz-nexa .rz-flash-media img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.aiz-nexa .rz-flash-card:hover .rz-flash-media img { transform: scale(1.04); }
.aiz-nexa .rz-flash-count {
    position: absolute;
    left: 12px; top: 12px;
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 4px 12px rgba(0, 0, 0, .12);
    font-size: 12px;
    font-weight: 800;
    color: #FF4800;
    line-height: 1;
}
.aiz-nexa .rz-flash-body { padding: 14px 16px 16px; }
.aiz-nexa .rz-flash-title {
    font-size: 16px;
    font-weight: 700;
    color: #1A1A1A;
    margin: 0 0 8px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.aiz-nexa .rz-flash-cta {
    display: inline-flex; align-items: center; gap: 6px;
    font-size: 13px; font-weight: 700; color: #FB7701;
}
.aiz-nexa .rz-flash-card:hover .rz-flash-cta i { transform: translateX(3px); }
.aiz-nexa .rz-flash-cta i { transition: transform .2s ease; }

@media (max-width: 767.98px) {
    .aiz-nexa .rz-page-head { padding: 14px; gap: 12px; }
    .aiz-nexa .rz-page-head-icon { width: 46px; height: 46px; flex-basis: 46px; font-size: 22px; border-radius: 13px; }
    .aiz-nexa .rz-page-head-title { font-size: 18px; }
    .aiz-nexa .rz-page-head-sub { font-size: 12px; }
    .aiz-nexa .rz-page-head-stats { display: none; }
}

/* --- flash deal detail hero --- */
.aiz-nexa .rz-flash-hero {
    position: relative;
    min-height: 260px;
    margin-bottom: 14px;
    border-radius: 14px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: flex-end;
    box-shadow: 0 8px 22px rgba(0, 0, 0, .12);
}
.aiz-nexa .rz-flash-hero::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, .05) 0%, rgba(0, 0, 0, .45) 100%);
}
.aiz-nexa .rz-flash-hero-inner {
    position: relative;
    z-index: 2;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    flex-wrap: wrap;
    padding: 20px 24px;
}
.aiz-nexa .rz-flash-hero-title {
    margin: 0;
    color: #fff;
    font-size: 30px;
    font-weight: 800;
    letter-spacing: -.5px;
    text-shadow: 0 2px 10px rgba(0, 0, 0, .35);
}
.aiz-nexa .rz-flash-hero-timer {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 6px 18px rgba(0, 0, 0, .18);
}
.aiz-nexa .rz-flash-hero-label { font-size: 13px; font-weight: 700; color: #C25C00; white-space: nowrap; }
.aiz-nexa .rz-flash-hero-timer .aiz-count-down-circle { margin: 0; }

@media (max-width: 767.98px) {
    .aiz-nexa .rz-flash-hero { min-height: 200px; border-radius: 12px; }
    .aiz-nexa .rz-flash-hero-inner { padding: 14px; }
    .aiz-nexa .rz-flash-hero-title { font-size: 20px; }
}

/* compact countdown pill on the flash cards (uses a clock icon + "3d 3h left") */
.aiz-nexa .rz-flash-count {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 10px !important;
    font-size: 11.5px !important;
    font-weight: 800;
    letter-spacing: .2px;
    text-transform: none;
}
.aiz-nexa .rz-flash-count i { font-size: 13px; }

/* the detail hero keeps the big circle countdown — scale it to the pill */
.aiz-nexa .rz-flash-hero-timer .aiz-count-down-circle { transform: scale(.82); transform-origin: left center; }

/* footer: the empty logo band becomes a slim, centred branding bar */
.aiz-nexa .footer-widget.border-bottom {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
}
.aiz-nexa .footer-widget.border-bottom .row { align-items: center; }
.aiz-nexa .footer-widget.border-bottom img { max-height: 44px; width: auto; }

/* flash deal detail: clean banner band + title/timer bar (no overlap) */
.aiz-nexa .rz-flash-hero {
    min-height: 0 !important;
    aspect-ratio: 1200 / 380;
    max-height: 340px;
    margin-bottom: 12px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .10);
}
.aiz-nexa .rz-flash-hero::after { display: none; }
.aiz-nexa .rz-flash-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    flex-wrap: wrap;
    padding: 14px 18px;
    margin-bottom: 14px;
    background: #fff;
    border: 1px solid #EFEFEF;
    border-radius: 12px;
}
.aiz-nexa .rz-flash-bar-title {
    margin: 0;
    font-size: 22px;
    font-weight: 800;
    letter-spacing: -.4px;
    color: #1A1A1A;
}
.aiz-nexa .rz-flash-bar-timer {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 6px 14px;
    border-radius: 999px;
    background: #FFF6F0;
    border: 1px solid #FFE3D2;
}
.aiz-nexa .rz-flash-bar-timer { transform: none; }
.aiz-nexa .rz-flash-bar-timer .aiz-count-down-circle { transform: scale(.78); transform-origin: left center; }

@media (max-width: 767.98px) {
    .aiz-nexa .rz-flash-hero { aspect-ratio: 16 / 10; max-height: 240px; }
    .aiz-nexa .rz-flash-bar { padding: 12px 14px; }
    .aiz-nexa .rz-flash-bar-title { font-size: 18px; width: 100%; }
    .aiz-nexa .rz-flash-bar-timer { width: 100%; justify-content: center; }
}

/* footer branding band: was a tall empty black strip — make it a slim bar */
.aiz-nexa section.footer-widget.border-bottom { max-height: 76px; overflow: hidden; }
.aiz-nexa section.footer-widget.border-bottom .row { align-items: center !important; margin-bottom: 0 !important; }
.aiz-nexa section.footer-widget.border-bottom .row > * { padding-top: 0 !important; padding-bottom: 0 !important; }
.aiz-nexa section.footer-widget.border-bottom img { max-height: 38px; width: auto; }

/* ==========================================================================
   TODAY'S DEALS — designer band
   header chip + live countdown + gradient CTA, real deal cards with a
   discount badge, rating / sold meta, price pair and a grab button.
   ========================================================================== */
.aiz-nexa .rz-deals-wrap {
    background: linear-gradient(180deg, #FFFBF7 0%, #FFFFFF 42%);
    border: 1px solid #F6ECE4;
    border-radius: 18px;
    position: relative;
    overflow: hidden;
}
.aiz-nexa .rz-deals-wrap::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 3px;
    background: linear-gradient(90deg, #FB7701, #FF4800 45%, #FFB800);
}

/* --- head --- */
.aiz-nexa .rz-deals-head {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
    padding: 4px 4px 16px;
}
.aiz-nexa .rz-deals-chip {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: linear-gradient(135deg, #FB7701, #FF4800);
    color: #fff;
    font-size: 22px;
    box-shadow: 0 8px 18px rgba(251, 119, 1, .28);
}
.aiz-nexa .rz-deals-headtext { flex: 1 1 auto; min-width: 0; text-align: left; }
.aiz-nexa .rz-deals-title { font-size: 22px; font-weight: 800; letter-spacing: -.4px; color: #1A1A1A; margin: 0; }
.aiz-nexa .rz-deals-sub { font-size: 13px; color: #8A8A8A; }
.aiz-nexa .rz-deals-timer {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    border-radius: 999px;
    background: #FFF3EA;
    border: 1px solid #FFE0C7;
    color: #C25C00;
    font-size: 12.5px;
    font-weight: 700;
    white-space: nowrap;
}
.aiz-nexa .rz-deals-timer i { font-size: 15px; }
.aiz-nexa .rz-deals-timer b {
    font-variant-numeric: tabular-nums;
    color: #FF4800;
    font-weight: 800;
    letter-spacing: .5px;
}
.aiz-nexa .rz-deals-viewall {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 10px 18px;
    border-radius: 999px;
    background: linear-gradient(135deg, #FB7701, #FF4800);
    color: #fff !important;
    font-size: 13px;
    font-weight: 800;
    box-shadow: 0 8px 18px rgba(251, 119, 1, .26);
    transition: transform .18s ease, box-shadow .2s ease;
}
.aiz-nexa .rz-deals-viewall:hover { transform: translateY(-1px); box-shadow: 0 12px 24px rgba(251, 119, 1, .36); }
.aiz-nexa .rz-deals-viewall i { transition: transform .2s ease; }
.aiz-nexa .rz-deals-viewall:hover i { transform: translateX(3px); }

/* --- cards --- */
.aiz-nexa .rz-deals-slider { padding: 2px 2px 8px; }
.aiz-nexa .rz-deal-card {
    background: #fff;
    border: 1px solid #F1EAE4;
    border-radius: 16px;
    padding: 10px;
    margin: 0 6px 10px;
    text-align: center;
    transition: transform .25s cubic-bezier(.22, .8, .3, 1), box-shadow .25s ease, border-color .25s ease;
}
.aiz-nexa .rz-deal-card:hover {
    transform: translateY(-4px);
    border-color: #FFD9BD;
    box-shadow: 0 14px 30px rgba(46, 22, 0, .10);
}
.aiz-nexa .rz-deal-media {
    position: relative;
    display: block;
    border-radius: 12px;
    overflow: hidden;
    background: #FAF7F4;
    aspect-ratio: 1 / 1;
}
.aiz-nexa .rz-deal-media img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.aiz-nexa .rz-deal-card:hover .rz-deal-media img { transform: scale(1.05); }
.aiz-nexa .rz-deal-off {
    position: absolute;
    left: 8px;
    top: 8px;
    padding: 4px 9px;
    border-radius: 999px;
    background: linear-gradient(135deg, #FF4800, #FB7701);
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .2px;
    box-shadow: 0 4px 10px rgba(255, 72, 0, .32);
}
.aiz-nexa .rz-deal-body { padding: 10px 4px 2px; }
.aiz-nexa .rz-deal-name {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 34px;
    font-size: 13px;
    font-weight: 700;
    color: #2B2B2B;
    text-align: left;
    line-height: 1.3;
}
.aiz-nexa .rz-deal-name:hover { color: #FB7701; }
.aiz-nexa .rz-deal-meta {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 6px;
    font-size: 11.5px;
    font-weight: 600;
    color: #9A9A9A;
}
.aiz-nexa .rz-deal-rate { color: #FB7701; font-weight: 800; }
.aiz-nexa .rz-deal-price { display: flex; align-items: baseline; gap: 8px; margin-top: 6px; text-align: left; }
.aiz-nexa .rz-deal-now { font-size: 17px; font-weight: 800; color: #FF4800; letter-spacing: -.3px; }
.aiz-nexa .rz-deal-was { font-size: 12px; color: #A8A8A8; font-weight: 600; }
.aiz-nexa .rz-deal-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin-top: 10px;
    height: 38px;
    border-radius: 10px;
    background: #FFF3EA;
    color: #C25C00 !important;
    font-size: 12.5px;
    font-weight: 800;
    transition: background .2s ease, color .2s ease, transform .18s ease;
}
.aiz-nexa .rz-deal-btn:hover {
    background: linear-gradient(135deg, #FB7701, #FF4800);
    color: #fff !important;
    transform: translateY(-1px);
}

@media (max-width: 767.98px) {
    .aiz-nexa .rz-deals-head { gap: 10px; padding-bottom: 12px; }
    .aiz-nexa .rz-deals-chip { width: 38px; height: 38px; flex-basis: 38px; font-size: 18px; border-radius: 12px; }
    .aiz-nexa .rz-deals-title { font-size: 17px; }
    .aiz-nexa .rz-deals-sub { display: none; }
    .aiz-nexa .rz-deals-timer { padding: 6px 10px; font-size: 11.5px; order: 3; }
    .aiz-nexa .rz-deals-viewall { padding: 8px 14px; font-size: 12px; margin-left: auto; }
    .aiz-nexa .rz-deal-card { padding: 8px; margin: 0 4px 8px; border-radius: 14px; }
    .aiz-nexa .rz-deal-name { font-size: 12px; min-height: 32px; }
    .aiz-nexa .rz-deal-now { font-size: 15px; }
    .aiz-nexa .rz-deal-btn { height: 34px; font-size: 11.5px; }
}

/* ==========================================================================
   PERFECT SIZE PASS — uniform card geometry
   ========================================================================== */

/* deal cards: identical heights, CTA pinned to the bottom of every card */
.aiz-nexa .rz-deals-slider .slick-track { display: flex !important; }
.aiz-nexa .rz-deals-slider .slick-slide { height: auto !important; }
.aiz-nexa .rz-deals-slider .slick-slide > div { height: 100%; }
.aiz-nexa .rz-deal-card { display: flex; flex-direction: column; height: 100%; }
.aiz-nexa .rz-deal-body { display: flex; flex-direction: column; flex: 1 1 auto; }
.aiz-nexa .rz-deal-btn { margin-top: auto; }
.aiz-nexa .rz-deal-media { aspect-ratio: 1 / 1; }
.aiz-nexa .rz-deal-media img { object-fit: cover; }

/* featured categories: square tiles that match the source art (no cropping) */
.aiz-nexa .featured-categories-slider .img-aspect-ratio-250px {
    aspect-ratio: 1 / 1 !important;
    height: auto !important;
    border-radius: 16px !important;
    border: 1px solid #F2ECE7;
    background: #FDFCFB;
    box-shadow: 0 4px 14px rgba(46, 22, 0, .04);
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.aiz-nexa .featured-categories-slider .img-aspect-ratio-250px:hover {
    transform: translateY(-3px);
    border-color: #FFD9BD;
    box-shadow: 0 12px 26px rgba(46, 22, 0, .10);
}
.aiz-nexa .featured-categories-slider .img-aspect-ratio-250px img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* product grid cards: one media box size everywhere */
.aiz-nexa .single-product-item .img-aspect-ratio-320px,
.aiz-nexa .single-product-item .img-aspect-ratio-200px,
.aiz-nexa .home-product-card .img-aspect-ratio-320px {
    border-radius: 14px;
    overflow: hidden;
    background: #FBFAF9;
}

/* ==========================================================================
   ADVANCED HERO BANNER — layered art + glass copy layer
   ========================================================================== */
.aiz-nexa .hero-banner-container { position: relative; }
.aiz-nexa .rz-hero-overlay {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    padding: clamp(18px, 3.4vw, 60px);
    pointer-events: none;           /* the whole slide stays one click target */
    z-index: 2;
}
.aiz-nexa .rz-hero-copy { max-width: min(600px, 60%); display: flex; flex-direction: column; gap: 13px; }
.aiz-nexa .rz-hero-chip {
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 15px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .13);
    border: 1px solid rgba(255, 255, 255, .24);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .4px;
    text-transform: uppercase;
}
.aiz-nexa .rz-hero-chip i { color: #FFB800; font-size: 15px; }
.aiz-nexa .rz-hero-title {
    margin: 0;
    color: #fff;
    font-size: clamp(24px, 3.5vw, 52px);
    font-weight: 800;
    line-height: 1.04;
    letter-spacing: -1.2px;
    text-shadow: 0 2px 24px rgba(6, 4, 20, .45);
}
.aiz-nexa .rz-hero-title span {
    display: block;
    background: linear-gradient(100deg, #FFC53D, #FF7A00 48%, #FF4800);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.aiz-nexa .rz-hero-sub {
    margin: 0;
    color: rgba(255, 255, 255, .78);
    font-size: clamp(12.5px, 1.05vw, 15px);
    line-height: 1.55;
    max-width: 44ch;
}
.aiz-nexa .rz-hero-cta {
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-top: 4px;
    padding: 13px 27px;
    border-radius: 999px;
    background: linear-gradient(135deg, #FB7701, #FF4800);
    color: #fff;
    font-size: 15px;
    font-weight: 800;
    box-shadow: 0 16px 34px rgba(255, 72, 0, .38);
    transition: transform .2s ease, box-shadow .25s ease;
}
.aiz-nexa .hero-banner-wrapper:hover .rz-hero-cta { transform: translateY(-2px); box-shadow: 0 20px 40px rgba(255, 72, 0, .46); }
.aiz-nexa .rz-hero-cta i { transition: transform .2s ease; }
.aiz-nexa .hero-banner-wrapper:hover .rz-hero-cta i { transform: translateX(4px); }
.aiz-nexa .rz-hero-badges { display: flex; gap: 18px; flex-wrap: wrap; }
.aiz-nexa .rz-hero-badge { display: inline-flex; align-items: center; gap: 6px; color: rgba(255, 255, 255, .74); font-size: 12.5px; font-weight: 600; }
.aiz-nexa .rz-hero-badge i { color: #4ADE80; font-size: 14px; }

@keyframes rzHeroIn { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: none; } }
.aiz-nexa .slick-active .rz-hero-copy > * { animation: rzHeroIn .62s cubic-bezier(.22, .8, .3, 1) both; }
.aiz-nexa .slick-active .rz-hero-copy > *:nth-child(2) { animation-delay: .07s; }
.aiz-nexa .slick-active .rz-hero-copy > *:nth-child(3) { animation-delay: .14s; }
.aiz-nexa .slick-active .rz-hero-copy > *:nth-child(4) { animation-delay: .21s; }
.aiz-nexa .slick-active .rz-hero-copy > *:nth-child(5) { animation-delay: .28s; }

/* hero dots as gradient pills */
.aiz-nexa .hero-banner-carousel .slick-dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 18px;
    display: flex !important;
    justify-content: center;
    gap: 8px;
    z-index: 3;
}
.aiz-nexa .hero-banner-carousel .slick-dots li button {
    width: 24px;
    height: 4px;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: rgba(255, 255, 255, .38);
    font-size: 0;
    transition: width .25s ease, background .25s ease;
}
.aiz-nexa .hero-banner-carousel .slick-dots li.slick-active button {
    width: 42px;
    background: linear-gradient(90deg, #FB7701, #FFB800);
}

@media (max-width: 767.98px) {
    .aiz-nexa .rz-hero-overlay { align-items: flex-start; padding: 22px 18px; }
    .aiz-nexa .rz-hero-copy { max-width: 100%; gap: 9px; }
    .aiz-nexa .rz-hero-chip { font-size: 10.5px; padding: 6px 12px; }
    .aiz-nexa .rz-hero-title { font-size: 27px; letter-spacing: -.6px; }
    .aiz-nexa .rz-hero-sub { font-size: 12.5px; max-width: 28ch; }
    .aiz-nexa .rz-hero-cta { padding: 10px 21px; font-size: 13.5px; }
    .aiz-nexa .rz-hero-badges { gap: 12px; }
    .aiz-nexa .rz-hero-badge { font-size: 11.5px; }
}

/* ==========================================================================
   PRODUCT PAGE — FULL SKIN  (.rz-pdp gets the aiz-nexa class so every rule
   above applies here too; the wrapper on this page is .aiz-main-wrapper)
   ========================================================================== */
.rz-pdp { background: #F7F7F8; }
.rz-pdp .pt-30px { padding-top: 20px !important; }

.rz-pdp .breadcrumb { margin-bottom: 12px !important; padding: 2px 4px !important; gap: 6px; }
.rz-pdp .breadcrumb li { font-size: 12.5px !important; opacity: 1 !important; color: #8A8A8A !important; font-weight: 600; }
.rz-pdp .breadcrumb li a { color: #8A8A8A !important; }
.rz-pdp .breadcrumb li a:hover { color: #FB7701 !important; }
.rz-pdp .breadcrumb i { color: #CFCFCF !important; font-size: 11px !important; }

/* gallery */
.rz-pdp .product-slider-wrapper { background: #fff; border: 1px solid #F0EAE5; border-radius: 18px; padding: 14px; box-shadow: 0 6px 22px rgba(46, 22, 0, .05); }
.rz-pdp .thumb-container { border-radius: 14px; }
.rz-pdp .rounded-corner-8px { border-radius: 12px !important; border-color: #EFE9E4 !important; }
.rz-pdp .swiper-slide-thumb-active { border-color: #FB7701 !important; box-shadow: 0 0 0 2px rgba(251, 119, 1, .22); }

/* buy column -> card */
.rz-pdp .row > div.col-lg-6:last-of-type { background: #fff; border: 1px solid #F0EAE5; border-radius: 18px; padding: 20px 22px; box-shadow: 0 6px 22px rgba(46, 22, 0, .05); }
.rz-pdp .row > div.col-lg-6:last-of-type h1 { font-size: 23px !important; font-weight: 800 !important; letter-spacing: -.4px; line-height: 1.3; color: #1A1A1A; }

/* price block */
.rz-pdp .product-details-page .bg-light,
.rz-pdp .bg-light.rounded-2 { background: #FFFBF7 !important; border: 1px solid #FBE7D6; border-radius: 14px !important; }
.rz-pdp .bg-light h6 { color: #FF4800 !important; font-weight: 800 !important; font-size: 28px !important; letter-spacing: -.6px; }
.rz-pdp .bg-light h6 span { font-size: 14px !important; font-weight: 600 !important; color: #A6A6A6 !important; }
.rz-pdp .bg-light del { font-size: 14.5px !important; color: #A8A8A8 !important; padding-left: 0 !important; }
.rz-pdp .discount-badge { background: linear-gradient(135deg, #FF4800, #FB7701) !important; border-radius: 999px !important; padding: 5px 11px !important; font-size: 12px !important; font-weight: 800 !important; }

/* warranty rows -> trust chips */
.rz-pdp .warranty-section ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.rz-pdp .warranty-section li { background: #F6FBF8; border: 1px solid #E1F1E7; border-radius: 12px; padding: 10px 12px; }
.rz-pdp .warranty-section img { width: 16px; }
.rz-pdp .warranty-text { font-size: 12.5px !important; font-weight: 700 !important; color: #0E7A3C !important; padding-right: 0 !important; }

/* section nav + content cards */
.rz-pdp .nav-tab-header { background: #fff !important; border: 1px solid #F0EAE5; border-radius: 16px; box-shadow: 0 6px 22px rgba(46, 22, 0, .05); margin-bottom: 16px; }
.rz-pdp #tabLinks .nav-link { font-size: 14px !important; font-weight: 800 !important; color: #8A8A8A !important; }
.rz-pdp #tabLinks .nav-link.active { color: #FB7701 !important; }
.rz-pdp .tab-underline { height: 3px !important; border-radius: 999px; background: linear-gradient(90deg, #FB7701, #FFB800) !important; }
.rz-pdp section[id] { background: #fff; border: 1px solid #F0EAE5; border-radius: 18px; padding: 20px 22px; margin-bottom: 16px; box-shadow: 0 6px 22px rgba(46, 22, 0, .05); }
.rz-pdp section[id] > h3 { font-size: 18px !important; font-weight: 800 !important; }

/* mobile sticky buy bar */
#smart-bar.smart-bar { background: #fff !important; border-top: 1px solid #EFE9E4; box-shadow: 0 -10px 26px rgba(46, 22, 0, .10); border-radius: 16px 16px 0 0; padding: 9px 0; }
#smart-bar .btn, #smart-bar button { border-radius: 11px !important; font-weight: 800 !important; }

@media (max-width: 767.98px) {
    .rz-pdp .pt-30px { padding-top: 12px !important; }
    .rz-pdp .product-slider-wrapper { padding: 10px; border-radius: 16px; margin-bottom: 12px !important; }
    .rz-pdp .row > div.col-lg-6:last-of-type { padding: 14px; border-radius: 16px; }
    .rz-pdp .row > div.col-lg-6:last-of-type h1 { font-size: 19px !important; }
    .rz-pdp .bg-light { padding: 14px !important; }
    .rz-pdp .bg-light h6 { font-size: 24px !important; }
    .rz-pdp .warranty-section ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .rz-pdp .warranty-text { font-size: 11.5px !important; }
    .rz-pdp section[id] { padding: 16px; border-radius: 16px; }
    /* buy now + add to cart side by side */
    .rz-pdp .border-dashed > .d-flex.flex-wrap { display: grid !important; grid-template-columns: 1fr 1fr; gap: 8px; }
    .rz-pdp .border-dashed > .d-flex.flex-wrap > * { width: 100% !important; margin: 0 !important; }
    .rz-pdp .border-dashed button, .rz-pdp .border-dashed a { height: 46px; border-radius: 12px !important; font-size: 14px !important; }
}

/* rz-same-element-expansion */

/* ==========================================================================
   PRODUCT PAGE — final pass (wins over the earlier Daraz spec-list rules)
   ========================================================================== */
.aiz-nexa .rz-trust {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    overflow: visible !important;
}
.aiz-nexa .rz-trust-item {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 9px !important;
    text-align: left !important;
    padding: 11px 13px !important;
    border-radius: 12px !important;
    background: #FCFAF8 !important;
    border: 1px solid #F2EAE3 !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    color: #3E3E3E !important;
}
.aiz-nexa .rz-trust-item i { font-size: 19px !important; color: #FB7701 !important; flex-shrink: 0; }

/* deal / discount banner above the chips */
.aiz-nexa .product-details .bg-dark,
.aiz-nexa.product-details .bg-dark {
    background: linear-gradient(120deg, #221733 0%, #3B1D8F 100%) !important;
    border-radius: 12px !important;
}

/* the price panel sits in its own soft card */
.aiz-nexa.product-details form.product-details-page > .bg-light,
.aiz-nexa .product-details form.product-details-page > .bg-light {
    background: #FFFBF7 !important;
    border: 1px solid #FBE7D6 !important;
    border-radius: 16px !important;
}
.aiz-nexa.product-details .border-dashed.border-1,
.aiz-nexa .product-details .border-dashed.border-1 {
    border: 1px solid #F0EAE5 !important;
    border-radius: 16px !important;
    background: #fff !important;
    padding: 14px !important;
}

@media (max-width: 767.98px) {
    .aiz-nexa .rz-trust { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 7px !important; }
    .aiz-nexa .rz-trust-item { padding: 9px 11px !important; font-size: 11.5px !important; }
    .aiz-nexa .rz-trust-item i { font-size: 17px !important; }
}

/* ==========================================================================
   PRODUCT PAGE — CTA LOCK (beats the legacy flat Daraz button rules that set
   background-image:none !important; extra .rz-pdp class = higher specificity)
   ========================================================================== */
.rz-pdp form.product-details-page button.add-to-cart,
.rz-pdp form.product-details-page button.bg-soft-blue,
.rz-pdp .border-dashed button.add-to-cart {
    background-color: #FB7701 !important;
    background-image: linear-gradient(135deg, #FB7701, #FF4800) !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 13px !important;
    min-height: 50px !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    letter-spacing: .1px;
    box-shadow: 0 10px 22px rgba(255, 72, 0, .28) !important;
}
.rz-pdp form.product-details-page button.buy-now,
.rz-pdp form.product-details-page button.bg-black,
.rz-pdp .border-dashed button.buy-now {
    background-color: #17171F !important;
    background-image: linear-gradient(135deg, #2C2C33, #131316) !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 13px !important;
    min-height: 50px !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    letter-spacing: .1px;
    box-shadow: 0 10px 22px rgba(19, 19, 22, .24) !important;
}
.rz-pdp form.product-details-page button.add-to-cart *,
.rz-pdp form.product-details-page button.buy-now *,
.rz-pdp .border-dashed button.add-to-cart *,
.rz-pdp .border-dashed button.buy-now * {
    color: #fff !important;
    background: transparent !important;
    background-image: none !important;
}
.rz-pdp form.product-details-page button.add-to-cart:hover { background-image: linear-gradient(135deg, #FF8A1F, #FF5A16) !important; }
.rz-pdp form.product-details-page button.buy-now:hover { background-image: linear-gradient(135deg, #3A3A44, #1D1D22) !important; }

@media (max-width: 767.98px) {
    .rz-pdp .border-dashed > .d-flex.flex-wrap { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 8px !important; }
    .rz-pdp .border-dashed > .d-flex.flex-wrap > * { width: 100% !important; margin: 0 !important; }
    .rz-pdp form.product-details-page button.add-to-cart,
    .rz-pdp form.product-details-page button.buy-now,
    .rz-pdp .border-dashed button.add-to-cart,
    .rz-pdp .border-dashed button.buy-now {
        height: 48px !important;
        min-height: 48px !important;
        padding: 0 12px !important;
        border-radius: 12px !important;
        font-size: 14px !important;
    }
}

/* seller row on the product page */
.rz-pdp .seller-info, .rz-pdp form.product-details-page .d-flex.align-items-center.justify-content-between {
    background: #FFFDFB;
    border: 1px solid #F4EDE7;
    border-radius: 14px;
}
.rz-pdp .seller-info img, .rz-pdp form.product-details-page img[alt="seller"] {
    width: 46px;
    height: 46px;
    object-fit: contain;
    border-radius: 12px;
    background: #F7F5F3;
    border: 1px solid #EFE9E4;
    padding: 4px;
}

/* ==========================================================================
   PRODUCT PAGE — NEW STYLE
   ========================================================================== */
.rz-pdp .main-slider {
    background: radial-gradient(120% 120% at 50% 0%, #FFFFFF 0%, #FBF6F1 62%, #F5EEE7 100%);
    border: 1px solid #F1E9E2;
    border-radius: 20px;
    overflow: hidden;
}
.rz-pdp .main-slider .swiper-slide { background: transparent !important; border: 0 !important; }
.rz-pdp .swiper-button-prev, .rz-pdp .swiper-button-next {
    width: 38px; height: 38px; border-radius: 999px;
    background: rgba(255, 255, 255, .94);
    border: 1px solid #EFE7E0;
    box-shadow: 0 8px 18px rgba(46, 22, 0, .12);
}
.rz-pdp .swiper-button-prev::after, .rz-pdp .swiper-button-next::after { font-size: 13px; color: #3A3A3A; font-weight: 800; }

/* badge cluster on the stage */
.rz-pdp .rz-gal-badges { position: absolute; left: 14px; top: 14px; z-index: 5; display: flex; flex-direction: column; gap: 8px; pointer-events: none; }
.rz-pdp .rz-gal-badge { display: inline-flex; align-items: center; gap: 6px; padding: 7px 12px; border-radius: 999px; font-size: 12px; font-weight: 800; }
.rz-pdp .rz-gal-off { background: linear-gradient(135deg, #FF4800, #FB7701); color: #fff; box-shadow: 0 10px 20px rgba(255, 72, 0, .32); }
.rz-pdp .rz-gal-off em { font-style: normal; font-size: 10.5px; opacity: .88; }
.rz-pdp .rz-gal-soft { background: rgba(255, 255, 255, .94); color: #0E7A3C; border: 1px solid #E1F1E7; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }

/* thumbnails */
.rz-pdp .thumb-slider .swiper-slide {
    border-radius: 14px !important; border: 1px solid #EFE9E4 !important; background: #FCFAF8 !important; padding: 3px;
    transition: transform .2s ease, box-shadow .2s ease;
}
.rz-pdp .thumb-slider .swiper-slide:hover { transform: translateY(-2px); }
.rz-pdp .thumb-slider .swiper-slide-thumb-active { border-color: transparent !important; box-shadow: 0 0 0 2px #FB7701, 0 8px 16px rgba(251, 119, 1, .22) !important; }

/* save chip */
.rz-pdp .rz-chip-save { background: #FFF1F2 !important; color: #D6336C !important; }

/* deliver + pay card */
.rz-pdp .rz-deliver { margin-top: 12px; border: 1px solid #F1E9E2; border-radius: 16px; background: linear-gradient(180deg, #FFFFFF, #FCFAF8); padding: 12px 14px; }
.rz-pdp .rz-deliver-row { display: flex; align-items: center; gap: 10px; padding-bottom: 10px; border-bottom: 1px dashed #EFE7E0; }
.rz-pdp .rz-deliver-pin { width: 34px; height: 34px; flex: 0 0 34px; border-radius: 11px; display: flex; align-items: center; justify-content: center; background: #FFF3EA; color: #FB7701; font-size: 18px; }
.rz-pdp .rz-deliver-copy { display: flex; flex-direction: column; line-height: 1.25; }
.rz-pdp .rz-deliver-label { font-size: 10.5px; color: #9A9A9A; font-weight: 800; text-transform: uppercase; letter-spacing: .3px; }
.rz-pdp .rz-deliver-copy b { font-size: 13.5px; color: #2B2B2B; font-weight: 800; }
.rz-pdp .rz-deliver-eta { margin-left: auto; display: inline-flex; align-items: center; gap: 6px; padding: 6px 11px; border-radius: 999px; background: #F6FBF8; border: 1px solid #E1F1E7; color: #0E7A3C; font-size: 11.5px; font-weight: 800; white-space: nowrap; }
.rz-pdp .rz-pay { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; padding-top: 10px; }
.rz-pdp .rz-pay-label { font-size: 10.5px; color: #9A9A9A; font-weight: 800; text-transform: uppercase; letter-spacing: .3px; margin-right: 2px; }
.rz-pdp .rz-pay-chip { padding: 5px 11px; border-radius: 9px; background: #F7F5F3; border: 1px solid #EFE9E4; font-size: 11.5px; font-weight: 800; color: #4A4A4A; }
.rz-pdp .rz-pay-cod { background: #F6FBF8; border-color: #E1F1E7; color: #0E7A3C; }

/* sticky segmented section nav */
.rz-pdp .nav-tab-header { position: sticky; top: 78px; z-index: 20; }
.rz-pdp #tabLinks { gap: 6px; padding: 6px !important; }
.rz-pdp #tabLinks li { margin-right: 0 !important; }
.rz-pdp #tabLinks .nav-link { padding: 9px 15px !important; border-radius: 999px !important; font-size: 13.5px !important; font-weight: 800 !important; color: #7A7A7A !important; }
.rz-pdp #tabLinks .nav-link:hover { background: #FBF6F1; color: #3A3A3A !important; }
.rz-pdp #tabLinks .nav-link.active { background: linear-gradient(135deg, #FB7701, #FF4800) !important; color: #fff !important; }
.rz-pdp #tabLinks .tab-underline { display: none !important; }

/* reviews summary */
.rz-pdp .reviews-ratings-container { border: 0 !important; border-radius: 18px !important; background: linear-gradient(150deg, #FFF8F2, #FFFFFF 62%) !important; box-shadow: 0 6px 22px rgba(46, 22, 0, .05); }
.rz-pdp .reviews-ratings-container h4 { background: linear-gradient(135deg, #FB7701, #FF4800); -webkit-background-clip: text; background-clip: text; color: transparent !important; }
.rz-pdp .rating-point { border-radius: 10px !important; border-color: #EFE9E4 !important; }

/* sticky mobile bar (theme markup carries inline colors) */
#smart-bar.smart-bar {
    background: #fff !important;
    color: #1A1A1A !important;
    border-top: 1px solid #EFE9E4 !important;
    box-shadow: 0 -10px 26px rgba(46, 22, 0, .12) !important;
    border-radius: 18px 18px 0 0 !important;
    padding: 10px 14px !important;
}
#smart-bar img { border-radius: 12px !important; background: #F7F5F3; border: 1px solid #EFE9E4; }
#smart-bar .btn, #smart-bar button, #smart-bar a { border-radius: 12px !important; font-weight: 800 !important; }
#smart-bar * { color: #1A1A1A !important; }

@media (max-width: 767.98px) {
    .rz-pdp .nav-tab-header { top: 62px; }
    .rz-pdp .rz-gal-badge { padding: 6px 10px; font-size: 11px; }
    .rz-pdp .rz-deliver-eta { font-size: 11px; padding: 5px 9px; }
    .rz-pdp #tabLinks .nav-link { padding: 8px 12px !important; font-size: 12.5px !important; }
    .rz-pdp .main-slider { border-radius: 0 0 18px 18px; }
}

/* ==========================================================================
   PRODUCT PAGE — MOBILE-ONLY NEW STYLE (desktop untouched)
   App-sheet buy box, edge-to-edge gallery, chip rails, snap section nav and
   card carousels — everything below is inside the phone breakpoint.
   ========================================================================== */
@media (max-width: 767.98px) {
    .rz-pdp { background: #F4F4F6; }
    .rz-pdp .pt-30px { padding-top: 0 !important; }

    /* ---- gallery: edge-to-edge stage ---- */
    .rz-pdp .product-slider-wrapper { border: 0 !important; border-radius: 0 0 22px 22px !important; background: radial-gradient(120% 100% at 50% 0%, #FFFFFF 0%, #F8F2EB 100%) !important; padding: 0 0 12px !important; box-shadow: 0 10px 26px rgba(46, 22, 0, .07) !important; }
    .rz-pdp .product-slider-wrapper > .breadcrumb { padding: 12px 16px 0 !important; }
    .rz-pdp .main-slider { border: 0 !important; border-radius: 0 !important; background: transparent !important; }
    .rz-pdp .rz-gal-badges { left: 14px; top: 14px; gap: 7px; }
    .rz-pdp .rz-gal-badge { padding: 6px 11px; font-size: 11px; }
    .rz-pdp .thumb-container { padding: 0 16px !important; margin-top: 10px !important; }
    .rz-pdp .thumb-slider .swiper-slide { width: 56px !important; height: 56px !important; border-radius: 14px !important; }

    /* ---- buy box -> app sheet ---- */
    .rz-pdp .row > div.col-lg-6:last-of-type {
        margin: -16px 8px 0 !important;
        border: 0 !important;
        border-radius: 22px !important;
        padding: 14px 15px 18px !important;
        box-shadow: 0 -8px 26px rgba(46, 22, 0, .07) !important;
        position: relative;
        z-index: 3;
    }
    .rz-pdp .row > div.col-lg-6:last-of-type::before {
        content: '';
        display: block;
        width: 44px;
        height: 4px;
        margin: 0 auto 12px;
        border-radius: 999px;
        background: #E9E3DD;
    }
    .rz-pdp .row > div.col-lg-6:last-of-type h1 { font-size: 18px !important; line-height: 1.32 !important; letter-spacing: -.2px; }

    /* deal banner */
    .rz-pdp .product-details .bg-dark, .rz-pdp.product-details .bg-dark { border-radius: 14px !important; padding: 10px 12px !important; }

    /* ---- chips become a swipe rail ---- */
    .rz-pdp .rz-hl-chips {
        flex-wrap: nowrap !important;
        overflow-x: auto;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
        margin: 12px -15px 10px !important;
        padding: 2px 15px 6px !important;
    }
    .rz-pdp .rz-hl-chips::-webkit-scrollbar { display: none; }
    .rz-pdp .rz-chip { flex: 0 0 auto !important; font-size: 11.5px !important; padding: 6px 11px !important; }

    /* ---- trust row becomes a swipe rail ---- */
    .rz-pdp .rz-trust {
        display: flex !important;
        gap: 8px !important;
        overflow-x: auto;
        grid-template-columns: none !important;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
        margin: 4px -15px 0 !important;
        padding: 2px 15px 6px !important;
    }
    .rz-pdp .rz-trust::-webkit-scrollbar { display: none; }
    .rz-pdp .rz-trust-item { flex: 0 0 auto !important; white-space: nowrap; padding: 9px 13px !important; border-radius: 999px !important; background: #FCFAF8 !important; }

    /* ---- price panel as a deal card ---- */
    .rz-pdp form.product-details-page > .bg-light {
        background: linear-gradient(135deg, #FFF7F0 0%, #FFFDFB 100%) !important;
        border: 1px solid #FBE3CD !important;
        border-radius: 18px !important;
        padding: 14px !important;
    }
    .rz-pdp .bg-light h6 { font-size: 26px !important; letter-spacing: -.8px; }
    .rz-pdp .bg-light h6 span { font-size: 12.5px !important; }
    .rz-pdp .discount-badge { font-size: 11px !important; padding: 4px 9px !important; }

    /* ---- deliver / pay ---- */
    .rz-pdp .rz-deliver { border-radius: 18px !important; padding: 12px !important; }
    .rz-pdp .rz-pay { gap: 6px !important; }
    .rz-pdp .rz-pay-chip { font-size: 11px !important; padding: 5px 9px !important; }
    .rz-pdp .rz-deliver-eta { font-size: 10.5px !important; padding: 4px 8px !important; }

    /* ---- actions ---- */
    .rz-pdp .border-dashed.border-1 { border-radius: 18px !important; padding: 13px !important; }
    .rz-pdp form.product-details-page button.add-to-cart,
    .rz-pdp form.product-details-page button.buy-now,
    .rz-pdp .border-dashed button.add-to-cart,
    .rz-pdp .border-dashed button.buy-now {
        height: 50px !important;
        min-height: 50px !important;
        border-radius: 14px !important;
        font-size: 14.5px !important;
        letter-spacing: .2px;
    }
    .rz-pdp form.product-details-page button.buy-now { animation: rzBuyGlow 3.6s ease-in-out infinite; }
    @keyframes rzBuyGlow {
        0%, 100% { box-shadow: 0 10px 22px rgba(19, 19, 22, .22); }
        50% { box-shadow: 0 12px 28px rgba(251, 119, 1, .40); }
    }

    /* ---- section nav: snap rail ---- */
    .rz-pdp .nav-tab-header { border-radius: 16px !important; margin: 0 8px 12px !important; padding: 6px !important; }
    .rz-pdp #tabLinks {
        overflow-x: auto;
        flex-wrap: nowrap;
        scroll-snap-type: x proximity;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }
    .rz-pdp #tabLinks::-webkit-scrollbar { display: none; }
    .rz-pdp #tabLinks li { flex: 0 0 auto; scroll-snap-align: start; }
    .rz-pdp #tabLinks .nav-link { white-space: nowrap; }

    /* ---- content cards ---- */
    .rz-pdp section[id] { border: 0 !important; border-radius: 20px !important; margin: 0 8px 12px !important; padding: 14px !important; box-shadow: 0 6px 20px rgba(46, 22, 0, .05) !important; }
    .rz-pdp .related-product-container, .rz-pdp .reviews-ratings-container { border: 0 !important; border-radius: 20px !important; padding: 14px !important; }

    /* related products as compact app cards */
    .rz-pdp .related-product-container .carousel-box { background: #fff; }
    .rz-pdp .related-product-container .carousel-box .img { border-radius: 14px !important; background: #FAF7F4; }
    .rz-pdp .related-product-container .carousel-box h3 { font-size: 12.5px !important; }

    /* ---- room above the app nav / smart bar ---- */
    .rz-pdp { padding-bottom: 14px; }
}

/* ==========================================================================
   MOBILE APP SYSTEM  (professional application shell — phones only)
   Tokens · app bar · tab bar · cards · rails · sheets · tap feedback
   ========================================================================== */
@media (max-width: 767.98px) {
    :root {
        --rz-app-gutter: 12px;
        --rz-app-radius: 16px;
        --rz-app-radius-lg: 20px;
        --rz-app-hairline: #ECE6E1;
        --rz-app-text: #1A1A1A;
        --rz-app-muted: #8A8A8A;
        --rz-app-shadow: 0 6px 20px rgba(28, 16, 8, .06);
        --rz-app-shadow-lg: 0 14px 34px rgba(28, 16, 8, .10);
        --rz-app-bar: 56px;
        --rz-tabbar: 60px;
    }

    /* ---------- native feel: no tap flash, momentum scroll ---------- */
    html { -webkit-text-size-adjust: 100%; }
    body {
        -webkit-tap-highlight-color: transparent;
        overscroll-behavior-y: contain;
        background: #F4F5F7;
    }
    body.rz-app input, body.rz-app textarea { font-size: 16px; } /* no iOS zoom-on-focus */

    /* ---------- tap feedback ---------- */
    .rz-app a:active, .rz-app button:active,
    .rz-app .rz-deal-card:active, .rz-app .single-product-item:active {
        transform: scale(.975);
        transition: transform .08s ease;
    }
    .rz-app .btn, .rz-app button { transition: transform .12s ease, filter .12s ease; }

    /* ---------- content gutters ---------- */
    .rz-app .layout-container,
    .rz-app .container { padding-left: var(--rz-app-gutter) !important; padding-right: var(--rz-app-gutter) !important; }
    .rz-app main, .rz-app .aiz-main-wrapper { padding-bottom: calc(var(--rz-tabbar) + 18px + env(safe-area-inset-bottom)); }

    /* ---------- APP BAR ---------- */
    .rz-app header.rz-h7 { position: sticky; top: 0; z-index: 1040; }
    .rz-app header.rz-h7 .navbar,
    .rz-app header.rz-h7 .rz-h7-bar {
        height: var(--rz-app-bar);
        padding-top: env(safe-area-inset-top);
        background: rgba(255, 255, 255, .92) !important;
        -webkit-backdrop-filter: saturate(180%) blur(14px);
        backdrop-filter: saturate(180%) blur(14px);
        border-bottom: 1px solid var(--rz-app-hairline) !important;
        box-shadow: none !important;
    }
    .rz-app header.rz-h7 .rz-h7-logo img,
    .rz-app header.rz-h7 img { max-height: 30px !important; }
    .rz-app header.rz-h7 .rz-icon-btn,
    .rz-app header.rz-h7 a.d-flex.align-items-center.justify-content-center {
        width: 40px !important; height: 40px !important;
        border-radius: 50% !important;
        background: #F5F7F9 !important;
        color: #1A1A1A !important;
    }
    .rz-app header.rz-h7 .rz-icon-btn i { font-size: 19px !important; }

    /* ---------- TAB BAR ---------- */
    .rz-app .aiz-mobile-bottom-nav {
        height: calc(var(--rz-tabbar) + env(safe-area-inset-bottom)) !important;
        padding-bottom: env(safe-area-inset-bottom) !important;
        background: rgba(255, 255, 255, .97) !important;
        -webkit-backdrop-filter: saturate(180%) blur(14px);
        backdrop-filter: saturate(180%) blur(14px);
        border-top: 1px solid var(--rz-app-hairline) !important;
        box-shadow: 0 -6px 24px rgba(28, 16, 8, .07) !important;
    }
    .rz-app .aiz-mobile-bottom-nav a {
        display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px;
        height: 100%; color: #8A8A8A !important; font-size: 10.5px !important; font-weight: 700 !important;
        position: relative; padding: 0 !important;
    }
    .rz-app .aiz-mobile-bottom-nav a i { font-size: 22px !important; }
    .rz-app .aiz-mobile-bottom-nav a.active,
    .rz-app .aiz-mobile-bottom-nav a.svg-active { color: #FB7701 !important; }
    .rz-app .aiz-mobile-bottom-nav a.active::before,
    .rz-app .aiz-mobile-bottom-nav a.svg-active::before {
        content: ''; position: absolute; top: 6px; width: 22px; height: 3px; border-radius: 999px;
        background: linear-gradient(90deg, #FB7701, #FFB800);
    }
    .rz-app .aiz-mobile-bottom-nav a .badge {
        position: absolute; top: 6px; right: 50%; transform: translateX(16px);
        min-width: 17px; height: 17px; padding: 0 4px; border-radius: 999px;
        background: #FF4800 !important; color: #fff !important;
        font-size: 9.5px !important; font-weight: 800 !important; line-height: 17px;
        box-shadow: 0 3px 8px rgba(255, 72, 0, .35);
    }

    /* ---------- cards ---------- */
    .rz-app .aiz-nexa section,
    .rz-app .aiz-nexa .rz-deals-wrap,
    .rz-app .single-product-item,
    .rz-app .related-product-container,
    .rz-app .reviews-ratings-container {
        border-radius: var(--rz-app-radius) !important;
        border-color: var(--rz-app-hairline) !important;
        box-shadow: var(--rz-app-shadow) !important;
    }

    /* ---------- section headers ---------- */
    .rz-app .rz-deals-head { padding: 12px 2px 12px !important; }
    .rz-app .rz-deals-title { font-size: 17px !important; letter-spacing: -.3px; }
    .rz-app .rz-deals-chip { width: 36px !important; height: 36px !important; flex-basis: 36px !important; border-radius: 12px !important; font-size: 17px !important; }
    .rz-app .rz-deals-viewall { padding: 8px 13px !important; font-size: 12px !important; border-radius: 999px !important; }
    .rz-app .rz-deals-timer { padding: 6px 11px !important; font-size: 11.5px !important; }

    /* ---------- product rails: native snap scroll ---------- */
    .rz-app .rz-deals-slider, .rz-app .fd-product-slider, .rz-app .td-product-slider {
        overflow-x: auto !important;
        overflow-y: hidden;
        scroll-snap-type: x proximity;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        padding: 2px 0 10px !important;
    }
    .rz-app .rz-deals-slider::-webkit-scrollbar, .rz-app .fd-product-slider::-webkit-scrollbar { display: none; }
    .rz-app .rz-deals-slider .slick-track { display: flex !important; gap: 10px; }
    .rz-app .rz-deals-slider .slick-slide { width: 46% !important; flex: 0 0 46%; scroll-snap-align: start; }
    .rz-app .rz-deals-slider .slick-slide > div { height: 100%; }
    .rz-app .rz-deal-card { margin: 0 !important; border-radius: var(--rz-app-radius) !important; }
    .rz-app .rz-deal-btn { height: 42px !important; font-size: 12.5px !important; border-radius: 12px !important; }

    /* ---------- hero card ---------- */
    .rz-app .hero-banner-carousel { padding: 10px var(--rz-app-gutter) 0; }
    .rz-app .hero-banner-container { border-radius: var(--rz-app-radius-lg) !important; box-shadow: var(--rz-app-shadow-lg); }
    .rz-app .rz-hero-overlay { padding: 18px 16px !important; }
    .rz-app .rz-hero-title { font-size: 24px !important; }
    .rz-app .rz-hero-sub { max-width: 24ch !important; }

    /* ---------- list rows (app style) ---------- */
    .rz-app footer .accordion-header, .rz-app footer .footer-widget h6,
    .rz-app footer button.accordion-button { height: 48px; display: flex; align-items: center; }

    /* ---------- modals -> bottom sheets ---------- */
    .rz-app .modal-dialog { position: fixed; bottom: 0; left: 0; right: 0; margin: 0; max-width: 100%; }
    .rz-app .modal-content { border: 0 !important; border-radius: 22px 22px 0 0 !important; padding-top: 6px; box-shadow: 0 -12px 40px rgba(0, 0, 0, .22) !important; }
    .rz-app .modal-content::before { content: ''; display: block; width: 44px; height: 4px; margin: 6px auto 10px; border-radius: 999px; background: #E4DED8; }
    .rz-app .modal-backdrop.show { opacity: .42; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); }

    /* ---------- skeletons for lazy images ---------- */
    .rz-app img.lazyload:not(.lazyloaded) {
        background: linear-gradient(100deg, #F1F1F3 30%, #FAFAFB 50%, #F1F1F3 70%);
        background-size: 200% 100%;
        animation: rzShimmer 1.25s linear infinite;
    }
    @keyframes rzShimmer { from { background-position: 120% 0; } to { background-position: -60% 0; } }

    /* ---------- page transition ---------- */
    @keyframes rzAppIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
    .rz-app .aiz-main-wrapper > * { animation: rzAppIn .34s cubic-bezier(.22, .8, .3, 1) both; }
    .rz-app .aiz-main-wrapper > *:nth-child(2) { animation-delay: .04s; }
    .rz-app .aiz-main-wrapper > *:nth-child(3) { animation-delay: .08s; }
    body.rz-leaving .aiz-main-wrapper { opacity: .35; transform: scale(.995); transition: opacity .14s ease, transform .14s ease; }

    /* ---------- sticky action bar (buy now) ---------- */
    .rz-app .border-dashed.border-1.border-soft-light {
        background: rgba(255, 255, 255, .97) !important;
        -webkit-backdrop-filter: blur(12px);
        backdrop-filter: blur(12px);
    }
}

/* ---------- app-bar chrome (back, cart, in-bar title) ---------- */
@media (max-width: 767.98px) {
    .rz-app .header-content-wrapper { position: relative; }
    .rz-app .rz-hide-on-subpage { display: none !important; }

    .rz-app .rz-app-back {
        width: 40px; height: 40px; flex: 0 0 40px; margin-right: 10px;
        display: inline-flex; align-items: center; justify-content: center;
        border: 0; border-radius: 50%; background: #F5F7F9; color: #1A1A1A; font-size: 20px;
    }
    .rz-app .rz-app-back i { font-size: 20px; line-height: 1; }
    .rz-app .rz-app-back:active { transform: scale(.94); }

    .rz-app .rz-app-cart {
        position: relative; width: 40px; height: 40px; flex: 0 0 40px; margin-left: 10px;
        display: inline-flex; align-items: center; justify-content: center;
        border-radius: 50%; background: #F5F7F9; color: #1A1A1A; font-size: 20px;
    }
    .rz-app .rz-app-cart i { font-size: 20px; line-height: 1; }
    .rz-app .rz-app-cart:active { transform: scale(.94); }
    .rz-app .rz-app-cart-badge {
        position: absolute; top: -3px; right: -3px; min-width: 17px; height: 17px; padding: 0 4px;
        border-radius: 999px; background: linear-gradient(135deg, #FF4800, #FB7701); color: #fff;
        font-size: 9.5px; font-weight: 800; line-height: 17px; text-align: center;
        box-shadow: 0 3px 8px rgba(255, 72, 0, .35);
    }

    .rz-app .rz-app-title {
        position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
        max-width: 50%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
        font-size: 13.5px; font-weight: 800; color: #1A1A1A; opacity: 0;
        transition: opacity .2s ease; pointer-events: none;
    }
    .rz-app .rz-title-on .rz-app-title { opacity: 1; }
    .rz-app .rz-title-on .rz-h7-logo,
    .rz-app .rz-title-on .rz-h7-brand { opacity: 0; transition: opacity .2s ease; }
}

/* ---------- footer as an app list ---------- */
@media (max-width: 767.98px) {
    .rz-app footer.pt-3 { padding-top: 0 !important; }
    .rz-app .footer-widget { padding: 13px 0 !important; }
    .rz-app .footer-widget + .footer-widget { border-top: 1px solid rgba(255, 255, 255, .08); }
    .rz-app .footer-widget h6,
    .rz-app .footer-widget .footer-title,
    .rz-app .footer-widget strong {
        font-size: 13.5px !important;
        font-weight: 800 !important;
        letter-spacing: .2px;
    }
    .rz-app .footer-widget ul { margin: 0 !important; }
    .rz-app .footer-widget ul li { min-height: 40px; display: flex; align-items: center; }
    .rz-app .footer-widget ul li a,
    .rz-app .footer-widget p,
    .rz-app .footer-widget span { font-size: 13px !important; line-height: 1.55 !important; }
    .rz-app .footer-widget i { font-size: 17px !important; }
    .rz-app .footer-widget a:active { opacity: .6; }
}

/* ==========================================================================
   PRODUCT GALLERY + ZOOM VIEWER — size fixes
   Gallery shows the whole product (no cover crop) and the lightbox is a proper
   full-screen viewer above every bar, with safe-area aware controls.
   ========================================================================== */
.aiz-nexa .product-details .main-slider img,
.rz-pdp .main-slider img { object-fit: contain !important; }
.aiz-nexa .product-details .main-slider .swiper-slide,
.rz-pdp .main-slider .swiper-slide { background: #FBFAF9 !important; }

/* ---- lightbox (image preview / zoom) ---- */
.lightbox-modal { z-index: 3000 !important; background: rgba(12, 10, 9, .94) !important; }
.lightbox-toolbar {
    top: 0 !important;
    z-index: 3010 !important;
    padding: calc(env(safe-area-inset-top) + 12px) 14px 12px !important;
    display: flex;
    align-items: center;
    gap: 8px;
}
.lightbox-toolbar button, .lightbox-toolbar a, .lightbox-toolbar span[role="button"] {
    width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center;
    border-radius: 12px; background: rgba(255, 255, 255, .12); color: #fff; font-size: 18px;
    border: 1px solid rgba(255, 255, 255, .16);
}
.lightbox-content {
    max-width: min(92vw, 1180px) !important;
    max-height: min(76vh, 76dvh) !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 26px 70px rgba(0, 0, 0, .55);
    touch-action: pinch-zoom;
}
.lightbox-arrow {
    width: 46px !important; height: 46px !important; border-radius: 50% !important;
    background: rgba(255, 255, 255, .14) !important;
    border: 1px solid rgba(255, 255, 255, .24) !important;
    color: #fff !important;
}
.lightbox-arrow i { font-size: 22px !important; }

/* ---- the theme's own zoom modal ---- */
.modal-dialog-zoom { max-width: min(94vw, 1040px) !important; margin: 7vh auto !important; }
.modal-dialog-zoom .modal-content { border: 0 !important; border-radius: 18px !important; overflow: hidden; }
.modal-dialog-zoom img, .modal-dialog-zoom .modal-body img {
    max-width: 100% !important;
    max-height: 74vh !important;
    object-fit: contain !important;
    border-radius: 14px;
}

@media (max-width: 767.98px) {
    .lightbox-content { max-width: 94vw !important; max-height: 66dvh !important; border-radius: 12px; }
    .lightbox-arrow { width: 40px !important; height: 40px !important; }
    .lightbox-toolbar { gap: 6px !important; }
    .lightbox-toolbar button, .lightbox-toolbar a { width: 36px; height: 36px; font-size: 16px; }
    .modal-dialog-zoom { max-width: 100% !important; margin: 0 !important; }
    .modal-dialog-zoom .modal-content { border-radius: 20px 20px 0 0 !important; }
    .modal-dialog-zoom img { max-height: 62dvh !important; }
}

/* ---- lightbox: solid backdrop + zoomed image ready to pan ---- */
.lightbox-modal {
    background: rgba(10, 9, 8, .97) !important;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
}
.lightbox-content { touch-action: pinch-zoom; }
.lightbox-content[style*="scale(1."] { cursor: grab; }
.lightbox-content[style*="scale(2"], .lightbox-content[style*="scale(3"] { cursor: grab; }

/* ---- zoom viewer: hard size cap that beats the library's own sizing ---- */
html body .lightbox-modal .lightbox-content,
html body .lightbox-modal img.lightbox-content,
html body .lightbox-content {
    width: auto !important;
    height: auto !important;
    max-width: min(92vw, 1180px) !important;
    max-height: min(76vh, 76dvh) !important;
}
@media (max-width: 767.98px) {
    html body .lightbox-modal .lightbox-content,
    html body .lightbox-content { max-width: 94vw !important; max-height: 68dvh !important; }
}

/* ==========================================================================
   MOBILE PRODUCT PAGE — proper app buy bar (replaces the tall pinned block)
   ========================================================================== */
@media (max-width: 767.98px) {
    /* the price/QTY/CTA block belongs in the sheet — un-pin it */
    .rz-app form.product-details-page > div:has(button.bg-black),
    .aiz-nexa form.product-details-page > div:has(button.bg-black) {
        position: static !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        top: auto !important;
        z-index: auto !important;
        box-shadow: none !important;
        border-top: 0 !important;
        margin: 12px 0 0 !important;
        padding: 13px !important;
        background: #fff !important;
        border: 1px solid #F0EAE5 !important;
        border-radius: 18px !important;
    }

    /* keep page content clear of the tab bar */
    .rz-app main,
    .rz-app .aiz-main-wrapper { padding-bottom: calc(60px + env(safe-area-inset-bottom) + 16px) !important; }
}

/* ==========================================================================
   MOBILE APP PASS 2 — no horizontal wobble, app toolbars, tighter rhythm
   ========================================================================== */
@media (max-width: 767.98px) {
    /* ---- 1. kill horizontal overflow (was scrollWidth 710 vs 390 on listings) ---- */
    html, body { overflow-x: clip !important; max-width: 100% !important; }
    @supports not (overflow-x: clip) { html, body { overflow-x: hidden !important; } }
    .rz-app .aiz-main-wrapper,
    .rz-app main,
    .rz-app .layout-container { max-width: 100vw; overflow-x: clip; }
    .rz-app .row { max-width: 100%; }
    .rz-app .row > [class*="col"] { min-width: 0; }
    /* fixed layers should track the viewport, not the document */
    .rz-app .aiz-mobile-bottom-nav,
    .rz-app .overlay.overlay-fixed,
    .rz-app .aiz-top-menu-sidebar,
    .rz-app .left-offcanvas-md { max-width: 100vw !important; }

    /* ---- 2. listing toolbar -> swipeable chip rail ---- */
    .rz-app .container:has(#search-form) .row.align-items-center.gutters-5,
    .rz-app .container:has(#products-row) .row.align-items-center.gutters-5 {
        flex-wrap: nowrap !important;
        overflow-x: auto;
        overflow-y: hidden;
        gap: 8px;
        margin: 0 -12px 6px !important;
        padding: 2px 12px 10px !important;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }
    .rz-app .container:has(#search-form) .row.align-items-center.gutters-5::-webkit-scrollbar { display: none; }
    .rz-app .container:has(#search-form) .row.align-items-center.gutters-5 > [class*="col"] {
        flex: 0 0 auto !important;
        width: auto !important;
        max-width: none !important;
        margin-bottom: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .rz-app .container:has(#search-form) .row.align-items-center.gutters-5 .form-control,
    .rz-app .container:has(#search-form) .row.align-items-center.gutters-5 select {
        min-width: 132px;
        height: 38px;
        border-radius: 999px !important;
        border: 1px solid #ECE6E1 !important;
        background: #fff !important;
        font-size: 12.5px !important;
        font-weight: 700 !important;
        color: #4A4A4A !important;
        padding: 0 14px !important;
    }
    .rz-app .container:has(#search-form) .row.align-items-center.gutters-5 .btn,
    .rz-app .container:has(#search-form) .row.align-items-center.gutters-5 a.btn {
        height: 38px;
        border-radius: 999px !important;
        font-size: 12.5px !important;
        font-weight: 700 !important;
        white-space: nowrap;
    }

    /* ---- 3. section rhythm + headers ---- */
    .rz-app .aiz-nexa > .border-bottom { border-bottom: 0 !important; }
    .rz-app section + section,
    .rz-app .aiz-nexa > div + div { margin-top: 8px; }
    .rz-app h5.fs-20.fw-bold, .rz-app .section-title { font-size: 16px !important; letter-spacing: -.2px; }
    .rz-app .py-30px { padding-top: 14px !important; padding-bottom: 14px !important; }

    /* ---- 4. category tiles as an app rail ---- */
    .rz-app .featured-categories-slider .slick-track { gap: 10px; }
    .rz-app .featured-categories-slider .slick-slide { padding: 0 !important; }
    .rz-app .featured-categories-slider .img-aspect-ratio-250px { border-radius: 18px !important; }

    /* ---- 5. cards: consistent inner rhythm ---- */
    .rz-app .single-product-item { padding: 8px !important; }
    .rz-app .single-product-item .mt-3, .rz-app .single-product-item .mt-2 { margin-top: 8px !important; }
    .rz-app .single-product-item h3, .rz-app .single-product-item .fs-14 { font-size: 12.5px !important; line-height: 1.35 !important; }
    .rz-app .single-product-item .fw-700 { font-size: 14.5px !important; }

    /* ---- 6. tap targets: every primary control >= 44px ---- */
    .rz-app .btn:not(.btn-sm):not(.btn-link),
    .rz-app button.btn { min-height: 44px; }
    .rz-app .pagination a, .rz-app .page-link { min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; border-radius: 12px !important; }

    /* ---- 7. auth / form pages (own layout, no app shell) ---- */
    .aiz-nexa .login-card, .auth-card, .boxed-card { border-radius: 22px !important; }
}

/* ==========================================================================
   MOBILE APP PASS 2b — compact app footer
   ========================================================================== */
@media (max-width: 767.98px) {
    .rz-app footer { background: #17110D !important; padding-top: 0 !important; }
    /* brand band: slim */
    .rz-app .footer-widget:first-child { padding: 14px 0 12px !important; }
    .rz-app .footer-widget:first-child img { max-height: 30px !important; }
    .rz-app .footer-widget:first-child p,
    .rz-app .footer-widget:first-child span { font-size: 11.5px !important; line-height: 1.5 !important; }
    .rz-app .footer-widget:first-child .social-link,
    .rz-app .footer-widget:first-child a i { font-size: 17px !important; }

    /* link sections: two columns, 44px rows, hairline dividers */
    .rz-app footer .footer-widget:not(:first-child) { padding: 10px 0 6px !important; }
    .rz-app footer .footer-widget:not(:first-child) h6,
    .rz-app footer .footer-widget:not(:first-child) .footer-title { margin-bottom: 6px !important; }
    .rz-app footer .footer-widget ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 10px; }
    .rz-app footer .footer-widget ul li { min-height: 36px; }
    .rz-app footer .footer-widget ul li a { font-size: 12.5px !important; }
    .rz-app footer .footer-widget i { font-size: 16px !important; }
    .rz-app footer .border-bottom { border-color: rgba(255, 255, 255, .07) !important; }

    /* copyright strip */
    .rz-app footer .py-3:last-child, .rz-app footer .copyright { font-size: 11px !important; padding: 10px 0 6px !important; }
}

/* ---- mobile deal cards: no clipped prices on 3-up rails ---- */
@media (max-width: 767.98px) {
    .rz-app .rz-deal-price { flex-wrap: wrap !important; gap: 4px 6px !important; }
    .rz-app .rz-deal-now { font-size: 15px !important; }
    .rz-app .rz-deal-was { font-size: 11px !important; }
    .rz-app .rz-deal-name { font-size: 11.5px !important; min-height: 31px !important; }
    .rz-app .rz-deal-meta { font-size: 10.5px !important; gap: 6px !important; }
    .rz-app .rz-deal-btn { height: 38px !important; font-size: 11.5px !important; border-radius: 11px !important; }
    .rz-app .rz-deal-card { padding: 8px !important; }
    .rz-app .rz-deal-off { font-size: 10px !important; padding: 3px 7px !important; left: 6px !important; top: 6px !important; }
    .rz-app .rz-deals-slider { padding-bottom: 4px !important; }
}

/* app bar: while the in-bar page title is showing, hide the brand cluster
   (it used to overlap the title on real phones) */
@media (max-width: 767.98px) {
    .rz-app .header-content-wrapper.rz-title-on .d-flex.align-items-center.flex-shrink-0 > *:not(.rz-app-back) {
        opacity: 0 !important;
        pointer-events: none !important;
        transition: opacity .2s ease;
    }
    .rz-app .header-content-wrapper.rz-title-on .rz-app-title { max-width: 44%; }
}

/* ==========================================================================
   BRANDED LOADING STATE — replaces the theme's grey placeholder bars
   ========================================================================== */
img.lazyload:not(.lazyloaded) {
    background-image: linear-gradient(100deg, #FFF6EE 28%, #FFFDFB 50%, #FFF1E4 72%) !important;
    background-size: 200% 100% !important;
    animation: rzShimmer 1.6s linear infinite !important;
}

/* any tile waiting on its image gets the branded sheen + progress bar */
.rz-loading { position: relative; overflow: hidden; }
.rz-loading::after {
    content: '';
    position: absolute;
    inset: -10%;
    background: linear-gradient(105deg, transparent 32%, rgba(255, 255, 255, .78) 50%, transparent 68%);
    transform: translateX(-130%);
    animation: rzSheen 1.5s cubic-bezier(.4, 0, .2, 1) infinite;
    pointer-events: none;
    z-index: 2;
}
.rz-loading::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: -40%;
    height: 3px;
    width: 42%;
    border-radius: 999px;
    background: linear-gradient(90deg, transparent, #FB7701, #FFB800, transparent);
    animation: rzLoadBar 1.5s ease-in-out infinite;
    pointer-events: none;
    z-index: 3;
}
@keyframes rzSheen { 0% { transform: translateX(-130%); } 62%, 100% { transform: translateX(130%); } }
@keyframes rzLoadBar { 0% { left: -42%; } 100% { left: 100%; } }

/* the loading wordmark breathes gently */
.rz-loading .lazyload:not(.lazyloaded) { animation: rzShimmer 1.6s linear infinite, rzBreath 2s ease-in-out infinite; }
@keyframes rzBreath { 0%, 100% { opacity: 1; } 50% { opacity: .7; } }

/* loaded tiles: soft fade-in so the swap never flashes */
.rz-loaded img.lazyloaded, .rz-loaded .product-main-image {
    animation: rzFadeIn .32s ease both;
}
@keyframes rzFadeIn { from { opacity: .35; transform: scale(1.02); } to { opacity: 1; transform: none; } }

/* ==========================================================================
   MOBILE FOOTER — professional app footer (no gaps, no tall accordions)
   ========================================================================== */
@media (max-width: 767.98px) {
    /* one continuous dark surface */
    .rz-app footer,
    .rz-app footer > div,
    .rz-app footer .d-lg-none,
    .rz-app footer .footer-widget,
    .rz-app footer .aiz-accordion-wrap,
    .rz-app footer .aiz-accordion-panel,
    .rz-app footer .aiz-accordion-heading,
    .rz-app footer .container {
        background-color: #F7F8FA !important;
        border-radius: 0 !important;
        border-left: 0 !important;
        border-right: 0 !important;
        max-width: 100% !important;
    }
    .rz-app footer { padding: 0 0 calc(60px + env(safe-area-inset-bottom) + 8px) !important; }

    /* brand band */
    .rz-app footer .footer-widget:first-child { padding: 16px 12px !important; border-bottom: 1px solid rgba(255, 255, 255, .07) !important; }
    .rz-app footer .footer-widget:first-child img { max-height: 34px !important; }
    .rz-app footer .footer-widget:first-child p { margin: 8px 0 0 !important; color: #8A909C !important; font-size: 11.5px !important; }
    .rz-app footer .footer-widget:first-child a { margin-right: 10px; }

    /* accordion blocks become plain sections */
    .rz-app footer .aiz-accordion-wrap { border-bottom: 1px solid rgba(255, 255, 255, .06) !important; }
    .rz-app footer .aiz-accordion-heading { padding: 14px 12px 4px !important; min-height: 0 !important; }
    .rz-app footer .aiz-accordion-heading button {
        pointer-events: none;
        width: 100%;
        text-align: left;
        padding: 0 !important;
        font-size: 11.5px !important;
        font-weight: 800 !important;
        text-transform: uppercase;
        letter-spacing: .7px;
        color: #FB7701 !important;
        opacity: 1;
    }
    .rz-app footer .aiz-accordion-heading button::after,
    .rz-app footer .aiz-accordion-heading button::before,
    .rz-app footer .aiz-accordion-heading i,
    .rz-app footer .aiz-accordion-heading svg,
    .rz-app footer .aiz-accordion-heading .plus { display: none !important; }

    /* panels always open, links as a two-column list */
    .rz-app footer .aiz-accordion-panel,
    .rz-app footer .aiz-accordion-panel.collapse,
    .rz-app footer .aiz-accordion-panel.collapsing,
    .rz-app footer [class*="aiz-accordion-panel"] {
        display: block !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        visibility: visible !important;
        padding: 0 12px 12px !important;
    }
    .rz-app footer .aiz-accordion-panel ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 12px; margin: 0 !important; }
    .rz-app footer .aiz-accordion-panel ul li {
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        min-height: 34px;
        display: flex;
        align-items: center;
    }
    .rz-app footer .aiz-accordion-panel ul li a { font-size: 12.5px !important; color: #4B5160 !important; line-height: 1.4 !important; }
    .rz-app footer .aiz-accordion-panel ul li a:active { color: #FB7701 !important; }
    .rz-app footer .aiz-accordion-panel i { font-size: 16px !important; color: #FB7701 !important; }

    /* copyright strip */
    .rz-app footer .copyright, .rz-app footer .py-3:last-of-type {
        text-align: center;
        padding: 14px 12px 10px !important;
        font-size: 11.5px !important;
        color: #6E7480 !important;
    }
    /* desktop-only footer column markup stays hidden */
    .rz-app footer .d-lg-block, .rz-app footer .d-none.d-lg-block { display: none !important; }
}

/* ==========================================================================
   MOBILE FOOTER v2 — the footer blocks live in .aiz-main-wrapper (not inside
   <footer>), so they must be matched by class alone. One dark surface, no
   rounded cards, no gaps, compact rows, panels open as two-column lists.
   ========================================================================== */
@media (max-width: 767.98px) {
    .rz-app .footer-widget {
        background-color: #F7F8FA !important;
        background-image: none !important;
        border: 0 !important;
        border-radius: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow: visible !important;
    }
    .rz-app .footer-widget + .footer-widget { border-top: 1px solid rgba(255, 255, 255, .07) !important; }
    .rz-app .footer-widget .container { padding-left: 14px !important; padding-right: 14px !important; background: transparent !important; max-width: 100% !important; }

    /* brand band */
    .rz-app .footer-widget:first-of-type { padding: 15px 0 13px !important; }
    .rz-app .footer-widget:first-of-type img { max-height: 34px !important; width: auto !important; }
    .rz-app .footer-widget:first-of-type .row { margin: 0 !important; }
    .rz-app .footer-widget:first-of-type p,
    .rz-app .footer-widget:first-of-type .fs-13 { font-size: 11.5px !important; color: #8A909C !important; }

    /* accordion rows -> compact section headers */
    .rz-app .aiz-accordion-wrap { background: transparent !important; margin: 0 !important; border-bottom: 1px solid rgba(255, 255, 255, .05) !important; }
    .rz-app .aiz-accordion-heading,
    .rz-app .aiz-accordion-heading.container { padding: 0 !important; min-height: 0 !important; background: transparent !important; }
    .rz-app button.aiz-accordion {
        height: 44px !important;
        padding: 0 14px !important;
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        text-align: left !important;
        font-size: 11.5px !important;
        font-weight: 800 !important;
        letter-spacing: .7px !important;
        text-transform: uppercase !important;
        color: #FB7701 !important;
        background: transparent !important;
        border: 0 !important;
    }
    .rz-app button.aiz-accordion::after,
    .rz-app button.aiz-accordion i,
    .rz-app button.aiz-accordion svg,
    .rz-app button.aiz-accordion .plus { display: none !important; }

    /* panels permanently open, links in two columns */
    .rz-app .aiz-accordion-panel,
    .rz-app .aiz-accordion-panel.collapse,
    .rz-app .aiz-accordion-panel.collapsing {
        display: block !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        padding: 0 14px 10px !important;
        background: transparent !important;
    }
    .rz-app .aiz-accordion-panel .container { padding: 0 !important; }
    .rz-app .aiz-accordion-panel ul { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 14px; margin: 0 !important; }
    .rz-app .aiz-accordion-panel ul li {
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        min-height: 34px;
        display: flex !important;
        align-items: center !important;
    }
    .rz-app .aiz-accordion-panel ul li a { font-size: 12.5px !important; color: #4B5160 !important; }
    .rz-app .aiz-accordion-panel ul li a:active { color: #FB7701 !important; }

    /* desktop-only footer columns must stay hidden on the phone */
    .rz-app .footer-widget .d-none.d-lg-block,
    .rz-app .footer-widget .d-lg-block { display: none !important; }

    /* copyright */
    .rz-app .footer-widget:last-of-type { padding-bottom: 8px !important; }
    .rz-app .copyright { text-align: center; font-size: 11.5px !important; color: #6E7480 !important; padding: 12px 0 4px !important; }
}

/* footer sections must not inherit the generic app card radius */
@media (max-width: 767.98px) {
    .rz-app .aiz-nexa section.footer-widget,
    .rz-app section.footer-widget.footer-widget {
        border-radius: 0 !important;
        box-shadow: none !important;
        border-left: 0 !important;
        border-right: 0 !important;
        outline: 0 !important;
    }
}

/* the dark footer must run all the way down behind the tab bar (no white strip) */
@media (max-width: 767.98px) {
    .rz-app .aiz-main-wrapper { padding-bottom: 0 !important; }
    .rz-app .footer-widget:last-of-type { padding-bottom: calc(60px + env(safe-area-inset-bottom) + 12px) !important; }
    .rz-app .footer-widget:last-of-type::after { content: ''; display: block; height: 6px; }
    /* pages without the footer block still need clearance */
    .rz-app main { padding-bottom: calc(60px + env(safe-area-inset-bottom) + 16px) !important; }
}

/* ==========================================================================
   ALL-CATEGORIES PAGE — app-style browser (.rz-cat-*)
   ========================================================================== */
.rz-cat-page { padding: 10px 0 26px; }
.rz-cat-bar {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #fff;
    border: 1px solid #F0EAE5;
    border-radius: 16px;
    padding: 10px 14px;
    margin-bottom: 16px;
    box-shadow: 0 6px 22px rgba(46, 22, 0, .05);
}
.rz-cat-bar-ico {
    width: 36px; height: 36px; flex: 0 0 36px; border-radius: 11px;
    background: linear-gradient(135deg, #FFF3EA, #FFE8D6);
    color: #FB7701; font-size: 18px;
    display: flex; align-items: center; justify-content: center;
}
.rz-cat-search { flex: 1; min-width: 0; border: 0; outline: 0; background: transparent; font-size: 14px; font-weight: 600; color: #2B2B2B; }
.rz-cat-search::placeholder { color: #A8A8A8; font-weight: 500; }
.rz-cat-total { font-size: 12px; font-weight: 800; color: #8A8A8A; white-space: nowrap; }

.rz-cat-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; align-items: start; }
.rz-cat-card {
    background: #fff;
    border: 1px solid #F0EAE5;
    border-radius: 18px;
    padding: 14px 16px 4px;
    box-shadow: 0 6px 22px rgba(46, 22, 0, .05);
    transition: transform .25s cubic-bezier(.22, .8, .3, 1), box-shadow .25s ease, border-color .25s ease;
}
.rz-cat-card:hover { transform: translateY(-3px); border-color: #FFD9BD; box-shadow: 0 16px 36px rgba(46, 22, 0, .10); }
.rz-cat-card.rz-hide { display: none !important; }
.rz-cat-top { display: flex; align-items: center; gap: 12px; text-decoration: none; }
.rz-cat-icon {
    width: 52px; height: 52px; flex: 0 0 52px; border-radius: 14px;
    background: linear-gradient(135deg, #FFF6EE, #FFEDE0);
    border: 1px solid #F6E6D8; overflow: hidden;
    display: flex; align-items: center; justify-content: center;
}
.rz-cat-icon img { width: 34px; height: 34px; object-fit: contain; }
.rz-cat-icon i { font-size: 22px; color: #FB7701; }
.rz-cat-title { display: flex; flex-direction: column; line-height: 1.25; min-width: 0; }
.rz-cat-title b { font-size: 16px; font-weight: 800; color: #1A1A1A; letter-spacing: -.2px; }
.rz-cat-title em { font-style: normal; font-size: 11.5px; font-weight: 600; color: #9A9A9A; }
.rz-cat-go {
    margin-left: auto; width: 32px; height: 32px; flex: 0 0 32px; border-radius: 50%;
    background: #F7F5F3; color: #8A8A8A; font-size: 15px;
    display: flex; align-items: center; justify-content: center;
    transition: background .2s ease, color .2s ease, transform .2s ease;
}
.rz-cat-card:hover .rz-cat-go { background: linear-gradient(135deg, #FB7701, #FF4800); color: #fff; transform: translateX(2px); }
.rz-cat-body { margin-top: 12px; padding-top: 12px; border-top: 1px dashed #F1E9E2; }
.rz-cat-group + .rz-cat-group { margin-top: 4px; }
.rz-cat-group-title {
    display: inline-flex; align-items: center; gap: 5px;
    font-size: 13.5px; font-weight: 800; color: #3A3A3A;
    transition: color .18s ease;
}
.rz-cat-group-title:hover { color: #FB7701; }
.rz-cat-group-title i { font-size: 12px; opacity: .6; }
.rz-cat-chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 7px 0 10px; }
.rz-cat-chip {
    font-size: 12px; font-weight: 600; color: #5A5A5A;
    background: #F7F5F3; border: 1px solid #EFE9E4; border-radius: 999px;
    padding: 5px 11px; text-decoration: none;
    transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}
.rz-cat-chip:hover { background: #FFF3EA; border-color: #FFD9BD; color: #C25C00; transform: translateY(-1px); }
.rz-cat-empty { text-align: center; font-size: 13.5px; font-weight: 700; color: #8A8A8A; padding: 26px 0; }

@media (max-width: 991.98px) {
    .rz-cat-grid { grid-template-columns: 1fr; gap: 12px; }
}

@media (max-width: 767.98px) {
    .rz-cat-page { padding: 6px 0 18px; }
    .rz-cat-bar { position: sticky; top: 58px; z-index: 30; border-radius: 14px; padding: 9px 12px; margin-bottom: 12px; }
    .rz-cat-bar-ico { width: 32px; height: 32px; flex-basis: 32px; border-radius: 10px; font-size: 16px; }
    .rz-cat-search { font-size: 13.5px; }
    .rz-cat-total { font-size: 11px; }
    .rz-cat-card { border-radius: 16px; padding: 12px 13px 2px; }
    .rz-cat-icon { width: 46px; height: 46px; flex-basis: 46px; border-radius: 13px; }
    .rz-cat-icon img { width: 30px; height: 30px; }
    .rz-cat-title b { font-size: 15px; }
    .rz-cat-group-title { font-size: 13px; }
    .rz-cat-chip { font-size: 11.5px; padding: 5px 10px; }
    .rz-cat-chips { gap: 6px; margin: 6px 0 8px; }
}

/* ==========================================================================
   Mobile tab bar icons — one colour language (idle grey, active brand orange)
   The SVGs ship hard-coded greys; they now inherit currentColor.
   ========================================================================== */
.rz-app .aiz-mobile-bottom-nav a { color: #FB7701; }
.rz-app .aiz-mobile-bottom-nav a svg,
.rz-app .aiz-mobile-bottom-nav a svg *,
.rz-app .aiz-mobile-bottom-nav a svg path,
.rz-app .aiz-mobile-bottom-nav a svg g,
.rz-app .aiz-mobile-bottom-nav a svg rect,
.rz-app .aiz-mobile-bottom-nav a svg circle,
.rz-app .aiz-mobile-bottom-nav a svg polygon,
.rz-app .aiz-mobile-bottom-nav a svg use {
    fill: currentColor !important;
    stroke: none !important;
}
.rz-app .aiz-mobile-bottom-nav a, .rz-app .aiz-mobile-bottom-nav a span,
.rz-app .aiz-mobile-bottom-nav a .text-reset { color: #FB7701; }
.rz-app .aiz-mobile-bottom-nav a.text-primary,
.rz-app .aiz-mobile-bottom-nav a.active,
.rz-app .aiz-mobile-bottom-nav a:hover,
.rz-app .aiz-mobile-bottom-nav a.text-primary span,
.rz-app .aiz-mobile-bottom-nav a.active span,
.rz-app .aiz-mobile-bottom-nav a span.text-primary,
.rz-app .aiz-mobile-bottom-nav a:hover span {
    color: #FB7701 !important;
}
.rz-app .aiz-mobile-bottom-nav a svg { transition: color .18s ease, transform .18s ease; }
.rz-app .aiz-mobile-bottom-nav a:active svg { transform: scale(.92); }
/* the avatar tab reads as a person chip, not a grey dot */
.rz-app .aiz-mobile-bottom-nav a img.rounded-circle,
.rz-app .aiz-mobile-bottom-nav a img.size-20px {
    border: 1.5px solid #F1E6DA; box-shadow: 0 0 0 1px rgba(251, 119, 1, .12);
}
.rz-app .aiz-mobile-bottom-nav a.text-primary img.rounded-circle { border-color: #FB7701; }

/* the theme's text-secondary utility wins inside the tab bar; pin one idle grey */
.rz-app .aiz-mobile-bottom-nav a.text-secondary,
.rz-app .aiz-mobile-bottom-nav a .text-secondary,
.rz-app .aiz-mobile-bottom-nav a.text-secondary span,
.rz-app .aiz-mobile-bottom-nav a span.fs-10,
.rz-app .aiz-mobile-bottom-nav a .cart-count,
.rz-app .aiz-mobile-bottom-nav a svg { color: #FB7701 !important; }
.rz-app .aiz-mobile-bottom-nav a.text-primary,
.rz-app .aiz-mobile-bottom-nav a.text-primary span,
.rz-app .aiz-mobile-bottom-nav a span.text-primary,
.rz-app .aiz-mobile-bottom-nav a.text-primary svg,
.rz-app .aiz-mobile-bottom-nav a.active svg { color: #FB7701 !important; }
.rz-app .aiz-mobile-bottom-nav a.text-primary svg { transform: translateY(-1px); }

/* correction: the idle-grey rule must never capture the active tab's icon */
.rz-app .aiz-mobile-bottom-nav a.svg-active,
.rz-app .aiz-mobile-bottom-nav a.svg-active span,
.rz-app .aiz-mobile-bottom-nav a.svg-active svg,
.rz-app .aiz-mobile-bottom-nav a.svg-active svg *,
.rz-app .aiz-mobile-bottom-nav a.text-primary,
.rz-app .aiz-mobile-bottom-nav a.text-primary span,
.rz-app .aiz-mobile-bottom-nav a.text-primary svg,
.rz-app .aiz-mobile-bottom-nav a.text-primary svg * { color: #FB7701 !important; fill: #FB7701 !important; }
.rz-app .aiz-mobile-bottom-nav a:not(.svg-active):not(.text-primary) svg,
.rz-app .aiz-mobile-bottom-nav a:not(.svg-active):not(.text-primary) span.fs-10,
.rz-app .aiz-mobile-bottom-nav a:not(.svg-active):not(.text-primary) .cart-count { color: #FB7701 !important; fill: #FB7701 !important; }

/* the user wants every tab in the store's own colour, not a grey idle state */
.rz-app .aiz-mobile-bottom-nav a,
.rz-app .aiz-mobile-bottom-nav a span,
.rz-app .aiz-mobile-bottom-nav a .cart-count,
.rz-app .aiz-mobile-bottom-nav a svg,
.rz-app .aiz-mobile-bottom-nav a svg *,
.rz-app .aiz-mobile-bottom-nav a img.rounded-circle + span { color: #FB7701 !important; fill: #FB7701 !important; }
/* the current tab still reads as current: heavier label + a lifted icon */
.rz-app .aiz-mobile-bottom-nav a.svg-active span,
.rz-app .aiz-mobile-bottom-nav a.text-primary span { font-weight: 800 !important; }
.rz-app .aiz-mobile-bottom-nav a.svg-active svg { transform: translateY(-2px) scale(1.06); }
.rz-app .aiz-mobile-bottom-nav a:not(.svg-active) svg { opacity: .92; }
.rz-app .aiz-mobile-bottom-nav a { transition: opacity .18s ease; }
.rz-app .aiz-mobile-bottom-nav a:active { opacity: .72; }

/* ==========================================================================
   Mobile app chrome — finishing pass
   ========================================================================== */
.rz-app .aiz-mobile-bottom-nav {
    bottom: 0 !important; margin-bottom: 0 !important; border-radius: 0 !important;
    height: auto !important; min-height: 62px;
    padding: 3px 2px calc(6px + env(safe-area-inset-bottom, 0px)) !important;
    border-top: 1px solid #F1EDE7 !important;
    box-shadow: 0 -6px 22px rgba(28, 16, 8, .07) !important;
}
.rz-app .aiz-mobile-bottom-nav a { padding: 6px 2px 5px !important; min-height: 52px; }
.rz-app .aiz-mobile-bottom-nav a svg { width: 22px !important; height: 22px !important; }
.rz-app .aiz-mobile-bottom-nav a span, .rz-app .aiz-mobile-bottom-nav a .fs-10 {
    font-size: 10.5px !important; letter-spacing: .1px; margin-top: 4px !important;
}
/* never let the last block of a page hide behind the bar */
.rz-app body, .rz-app .aiz-main-wrapper { padding-bottom: calc(62px + env(safe-area-inset-bottom, 0px)) !important; }
.rz-app .footer-widget:last-of-type, .rz-app section.footer-widget:last-child {
    padding-bottom: calc(70px + env(safe-area-inset-bottom, 0px)) !important;
}
/* the smart bar sits on top of the tab bar, not under it */
.rz-app #smart-bar { bottom: calc(62px + env(safe-area-inset-bottom, 0px)) !important; }

/* tab labels: keep them on one line at 390px (My Account / Notifications were wrapping) */
.rz-app .aiz-mobile-bottom-nav a span, .rz-app .aiz-mobile-bottom-nav a .fs-10 {
    font-size: 9.5px !important; white-space: nowrap !important; letter-spacing: -.1px !important;
}
.rz-app .aiz-mobile-bottom-nav a { padding-left: 0 !important; padding-right: 0 !important; }

/* ==========================================================================
   Footer → light silver surface with brand-orange accents (mobile + desktop)
   ========================================================================== */
footer, .footer-widget, section.footer-widget,
.aiz-nexa section.footer-widget, .rz-app section.footer-widget.footer-widget,
.rz-app .footer-widget {
    background: linear-gradient(180deg, #FFFFFF 0%, #F8F9FB 55%, #F2F3F6 100%) !important;
    border-top: 1px solid #E9EAEF !important;
    color: #4B5160 !important;
}
.footer-widget + .footer-widget, .rz-app .footer-widget + .footer-widget { border-top: 1px solid #EFF0F4 !important; }
/* section headings */
.footer-widget h4, .footer-widget h5, .footer-widget .footer-title,
.rz-app button.aiz-accordion, .rz-app .aiz-accordion-heading {
    color: #FB7701 !important; background: transparent !important;
    text-transform: uppercase; letter-spacing: .6px; font-weight: 900 !important;
}
.rz-app button.aiz-accordion { border-color: #EFE9E1 !important; }
/* links and copy */
.footer-widget a, .rz-app .aiz-accordion-panel ul li a { color: #4B5160 !important; text-decoration: none !important; }
.footer-widget a:hover, .rz-app .aiz-accordion-panel ul li a:hover,
.rz-app .aiz-accordion-panel ul li a:active { color: #FB7701 !important; }
.footer-widget p, .footer-widget span, .footer-widget li, .footer-widget small, .footer-widget div { color: #8A909C !important; }
.footer-widget a p, .footer-widget a span { color: inherit !important; }
.footer-widget strong, .footer-widget b { color: #171326 !important; }
/* hairlines */
.footer-widget hr, .footer-widget .border-bottom, .footer-widget .border-top,
.footer-widget .border, .footer-widget li { border-color: #EFF0F4 !important; }
.rz-app .aiz-accordion-panel ul li { border-bottom: 1px solid #F1F2F5 !important; }
/* icons follow the accent */
.footer-widget i, .rz-app .aiz-accordion-panel ul li i { color: #FB7701 !important; }
.footer-widget svg, .footer-widget svg path, .footer-widget svg rect,
.footer-widget svg circle, .footer-widget svg g { fill: currentColor !important; }
.footer-widget .social a, .footer-widget .social a i, .footer-widget a i.la, .footer-widget a i.las {
    color: #FB7701 !important;
}
/* the bottom bar (copyright / language / payment strip) */
footer .text-white, footer h4, footer h6 { color: #171326 !important; }
footer a { color: #B94D00 !important; }
footer p, footer span, footer small, footer li { color: #8A909C !important; }
footer .border-top, footer .border-bottom { border-color: #E9EAEF !important; }
/* keep the seam tidy above the white mobile tab bar */
.rz-app .footer-widget:last-of-type { border-bottom: 0 !important; padding-bottom: calc(62px + env(safe-area-inset-bottom, 0px)) !important; }
.rz-app .footer-widget:last-of-type::after { display: none !important; }

/* the <footer> bottom bar must not keep white text on the light surface */
footer { color: #6E7480 !important; background: #F7F8FA !important; }
footer .text-white, footer h4, footer h5, footer h6, footer strong, footer b { color: #171326 !important; }
footer p, footer span, footer small, footer div, footer li, footer a { color: #6E7480 !important; }
footer a:hover { color: #FB7701 !important; }
footer .bg-dark, footer [class*="bg-dark"] { background: #F2F3F6 !important; }
footer .border-top, footer .border-bottom, footer hr { border-color: #E9EAEF !important; }
footer svg, footer svg path, footer svg rect, footer svg circle { fill: currentColor !important; }
footer .social a, footer .social i, footer i { color: #FB7701 !important; }

/* final catch: the theme's own text-white / heading classes on the light footer */
.footer-widget .text-white, .footer-widget [class*="text-white"],
.footer-widget h4, .footer-widget h5, .footer-widget h6, .footer-widget .footer-title,
.footer-widget button.aiz-accordion, .footer-widget button.aiz-accordion *,
.footer-widget .aiz-accordion-heading, .footer-widget .aiz-accordion-heading *,
.rz-app footer .aiz-accordion-heading, .rz-app footer .aiz-accordion-heading * {
    color: #FB7701 !important;
}
.footer-widget .aiz-accordion-panel ul li a, .footer-widget ul li a, .footer-widget a,
.rz-app footer .aiz-accordion-panel ul li a { color: #4B5160 !important; }
.footer-widget .copyright, .rz-app .copyright, .rz-app footer, footer { color: #6E7480 !important; }
.rz-app footer, .rz-app footer > div, .rz-app footer .d-lg-none, .rz-app footer .footer-widget,
.rz-app footer .aiz-accordion-wrap, .rz-app footer .aiz-accordion-panel, .rz-app footer .aiz-accordion-heading,
.rz-app footer .container, .rz-app .footer-widget, .rz-app section.footer-widget.footer-widget {
    background-color: #F7F8FA !important; background-image: none !important;
}

/* the footer uses the white logo variant — give it an orange chip so it stays visible on the light surface */
.footer-widget img[src*="logo"], .footer-widget a img, .rz-app .footer-widget img {
    background: linear-gradient(135deg, #FF9A2E, #FB7701 55%, #E06800) !important;
    border-radius: 12px !important;
    padding: 9px 11px !important;
    box-shadow: 0 10px 20px rgba(224, 104, 0, .22) !important;
    max-height: 46px !important;
    width: auto !important;
    object-fit: contain !important;
}

/* the early dark-skin rule `.aiz-nexa footer { background: #111 !important }` must lose to the light footer */
body .aiz-nexa footer, html body .aiz-nexa footer, body .aiz-nexa .footer-widget,
body .aiz-nexa section.footer-widget, body .aiz-nexa footer .footer-widget {
    background: #F7F8FA !important;
    background-color: #F7F8FA !important;
    background-image: none !important;
    color: #6E7480 !important;
}

/* the mobile accordion footer must not double the desktop headings */
@media (min-width: 768px) {
    .footer-widget .aiz-accordion-wrap, .footer-widget .aiz-accordion-heading,
    .footer-widget button.aiz-accordion, .footer-widget .d-lg-none { display: none !important; }
}

/* ==========================================================================
   Mobile offcanvas user sidebar (.aiz-mobile-side-nav) — same language as the
   panel: white/silver card, orange accents, compact rows
   ========================================================================== */
.aiz-mobile-side-nav { background: #FBFBFC !important; }
.aiz-mobile-side-nav .sidemnenu { padding: 12px 14px 26px !important; }
.aiz-mobile-side-nav .rzup-profile {
    background: #FFFFFF !important; border: 1px solid #E7E9EE !important; border-radius: 18px !important;
    padding: 16px 14px !important; text-align: center !important;
    box-shadow: 0 12px 28px rgba(23, 19, 38, .06), inset 0 1px 0 #fff !important;
}
.aiz-mobile-side-nav .rzup-profile-avatar {
    width: 74px !important; height: 74px !important; margin: 0 auto 10px !important;
    border-radius: 50% !important; overflow: hidden !important;
    border: 3px solid #FFE7D0 !important; box-shadow: 0 10px 22px rgba(224, 104, 0, .18) !important;
}
.aiz-mobile-side-nav .rzup-profile-avatar img,
.aiz-mobile-side-nav .rzup-profile img {
    width: 74px !important; height: 74px !important; max-width: 74px !important; max-height: 74px !important;
    border-radius: 50% !important; object-fit: cover !important; display: block !important; margin: 0 auto !important;
}
.aiz-mobile-side-nav .rzup-profile h4, .aiz-mobile-side-nav .rzup-profile b,
.aiz-mobile-side-nav .rzup-profile .fw-700 {
    color: #171326 !important; font-size: 17px !important; font-weight: 900 !important; margin: 0 !important;
}
.aiz-mobile-side-nav .rzup-profile-mail { color: #8A909C !important; font-size: 12px !important; margin-top: 2px !important; }
.aiz-mobile-side-nav .rzup-profile-meta { margin-top: 9px !important; display: flex !important; flex-wrap: wrap !important; gap: 6px !important; justify-content: center !important; }
.aiz-mobile-side-nav .rzup-chip {
    background: #FFF1E2 !important; color: #B94D00 !important; border: 1px solid #FBD9B4 !important;
    border-radius: 999px !important; padding: 4px 10px !important; font-size: 10.5px !important; font-weight: 800 !important;
}
.aiz-mobile-side-nav .rzup-chip i { color: #E06800 !important; }
.aiz-mobile-side-nav .rzup-tier { margin-top: 12px !important; text-align: left !important; }
.aiz-mobile-side-nav .rzup-tier-head {
    display: flex !important; justify-content: space-between !important; font-size: 10px !important; font-weight: 800 !important;
    text-transform: uppercase !important; letter-spacing: .4px !important; color: #8A909C !important; margin-bottom: 6px !important;
}
.aiz-mobile-side-nav .rzup-tier-head b { color: #B94D00 !important; font-size: 10px !important; }
.aiz-mobile-side-nav .rzup-tier-bar { height: 6px !important; border-radius: 999px !important; background: #F1EDE7 !important; overflow: hidden !important; }
.aiz-mobile-side-nav .rzup-tier-bar span { display: block !important; height: 100% !important; border-radius: 999px !important; background: linear-gradient(90deg, #FF9A2E, #FB7701 55%, #E06800) !important; }
.aiz-mobile-side-nav .rzup-profile-cta {
    display: flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important;
    width: 100% !important; margin-top: 12px !important; text-decoration: none !important;
    background: linear-gradient(135deg, #FF9A2E, #FB7701 55%, #E06800) !important; color: #fff !important;
    border-radius: 12px !important; padding: 11px 14px !important; font-size: 12.5px !important; font-weight: 900 !important;
    box-shadow: 0 12px 22px rgba(224, 104, 0, .24) !important;
}
.aiz-mobile-side-nav .rzup-profile-cta i { color: #fff !important; }
/* groups + rows */
.aiz-mobile-side-nav .rzup-nav-label, .aiz-mobile-side-nav .sidemnenu > span,
.aiz-mobile-side-nav .aiz-side-nav-item > .aiz-side-nav-link.d-flex.justify-content-between {
    font-size: 10px !important; font-weight: 900 !important; text-transform: uppercase !important;
    letter-spacing: 1.1px !important; color: #A9A4BC !important; padding: 12px 4px 6px !important;
}
.aiz-mobile-side-nav .rzup-nav-group { padding: 0 !important; }
.aiz-mobile-side-nav .aiz-side-nav-list { padding: 0 !important; }
.aiz-mobile-side-nav .aiz-side-nav-link {
    min-height: 46px !important; padding: 9px 12px !important; border-radius: 13px !important;
    font-size: 13.5px !important; color: #3E4453 !important; gap: 11px !important;
}
.aiz-mobile-side-nav .aiz-side-nav-icon {
    width: 32px !important; height: 32px !important; border-radius: 10px !important; flex: 0 0 32px !important;
    background: #FFF4E8 !important; color: #E06800 !important; font-size: 16px !important;
    display: inline-flex !important; align-items: center !important; justify-content: center !important;
}
.aiz-mobile-side-nav .aiz-side-nav-link.active, .aiz-mobile-side-nav .aiz-side-nav-link.aiz-side-nav-active {
    background: linear-gradient(120deg, #FF9A2E, #E06800) !important; color: #fff !important;
    box-shadow: 0 12px 22px rgba(224, 104, 0, .22) !important;
}
.aiz-mobile-side-nav .aiz-side-nav-link.active .aiz-side-nav-icon,
.aiz-mobile-side-nav .aiz-side-nav-link.aiz-side-nav-active .aiz-side-nav-icon {
    background: rgba(255, 255, 255, .22) !important; color: #fff !important;
}
.aiz-mobile-side-nav .rzup-nav-badge, .aiz-mobile-side-nav .aiz-side-nav-link .badge {
    background: linear-gradient(135deg, #FF9A2E, #E06800) !important; color: #fff !important; font-weight: 900 !important;
}
.aiz-mobile-side-nav .rzup-nav-foot { padding: 12px 0 16px !important; }
.aiz-mobile-side-nav .rzup-nav-store, .aiz-mobile-side-nav .rzup-signout {
    display: flex !important; align-items: center !important; justify-content: center !important; gap: 7px !important;
    border-radius: 12px !important; padding: 11px 12px !important; font-size: 12.5px !important; font-weight: 900 !important;
}
.aiz-mobile-side-nav .rzup-nav-store { background: #FFFFFF !important; color: #B94D00 !important; border: 1px solid #F6D8B4 !important; }
.aiz-mobile-side-nav .rzup-signout { background: linear-gradient(135deg, #EF4444, #B91C1C) !important; color: #fff !important; }

/* ==========================================================================
   PRODUCT PAGE — unique & simple
   One calm surface, quiet inline rows, brand palette only, flat buttons.
   ========================================================================== */
.product-details .card, .product-details .rounded-0.shadow-none.border,
.product-details .aiz-user-panel .card {
    border: 1px solid #E7E9EE !important; border-radius: 18px !important; box-shadow: none !important;
}
/* the rating/stock chip row duplicates the rating line + stock bar above it */
.product-details .rz-hl-chips { display: none !important; }

/* trust = one quiet inline row, not four boxes */
.product-details .rz-trust {
    display: flex !important; flex-wrap: wrap !important; gap: 8px 24px !important;
    background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
    padding: 13px 0 !important; border-top: 1px solid #F1F2F5 !important; border-bottom: 1px solid #F1F2F5 !important;
}
.product-details .rz-trust-item {
    background: transparent !important; border: 0 !important; padding: 0 !important; gap: 8px !important;
    font-size: 12.5px !important; font-weight: 600 !important; color: #4B5160 !important;
}
.product-details .rz-trust-item i { color: #FB7701 !important; font-size: 16px !important; }

/* deliver + pay: flat hairline block, plain pills */
.product-details .rz-deliver {
    background: #FCFCFD !important; border: 1px solid #EFF0F4 !important; border-radius: 14px !important;
    box-shadow: none !important; padding: 13px 15px !important;
}
.product-details .rz-deliver-label, .product-details .rz-pay-label {
    font-size: 10px !important; letter-spacing: .6px !important; text-transform: uppercase !important;
    color: #9AA0AD !important; font-weight: 800 !important;
}
.product-details .rz-deliver-copy, .product-details .rz-deliver-row { color: #4B5160 !important; }
.product-details .rz-deliver-eta { background: #FFF1E2 !important; color: #B94D00 !important; border: 0 !important; font-weight: 800 !important; }
.product-details .rz-pay-chip {
    background: #FFFFFF !important; border: 1px solid #E9EAEF !important; color: #4B5160 !important;
    border-radius: 999px !important; padding: 5px 11px !important; font-size: 11px !important; font-weight: 700 !important;
    box-shadow: none !important;
}
.product-details .rz-pay-chip.rz-pay-cod { background: #FFF1E2 !important; border-color: #FBD9B4 !important; color: #B94D00 !important; }

/* price is the focal point */
.product-details .product-price, .product-details #chosen_price {
    color: #FB7701 !important; font-weight: 900 !important; letter-spacing: -.6px !important;
}
.product-details del, .product-details .product-price del { color: #A9A4BC !important; }
.product-details .rz-stockbar-track { background: #F1F2F5 !important; border-radius: 999px !important; }
.product-details .rz-stockbar-track span { background: #FB7701 !important; border-radius: 999px !important; }
.product-details .rz-stockbar-head { font-size: 11px !important; color: #8A909C !important; }

/* qty stepper, flat */
.product-details .input-group, .product-details .qty-selector {
    border: 1px solid #E9EAEF !important; border-radius: 12px !important; overflow: hidden !important; background: #fff !important;
}
.product-details .input-group .btn, .product-details .qty-selector button { background: #fff !important; color: #4B5160 !important; box-shadow: none !important; }
.product-details .input-group input { border: 0 !important; font-weight: 800 !important; }

/* CTAs: two flat brand buttons (must name the theme's own colour classes) */
.product-details form.product-details-page button.buy-now, .product-details button.buy-now, .product-details button.bg-black {
    background: #171326 !important; background-image: none !important; color: #FFFFFF !important;
    border: 0 !important; border-radius: 12px !important; box-shadow: none !important;
    min-height: 48px !important; font-weight: 800 !important; font-size: 14.5px !important;
}
.product-details button.buy-now:hover, .product-details button.bg-black:hover { background: #262239 !important; }
.product-details form.product-details-page button.add-to-cart, .product-details button.add-to-cart,
.product-details button.bg-soft-blue, .product-details button.bg-primary {
    background: #FB7701 !important; background-image: none !important; color: #FFFFFF !important;
    border: 0 !important; border-radius: 12px !important; box-shadow: none !important;
    min-height: 48px !important; font-weight: 800 !important; font-size: 14.5px !important;
}
.product-details button.add-to-cart:hover, .product-details button.bg-soft-blue:hover { background: #E06800 !important; }

/* gallery: thin frames, single stage */
.product-details .main-slider { background: #FFFFFF !important; border: 1px solid #EFF0F4 !important; border-radius: 16px !important; }
.product-details .thumb-container { border: 1px solid #EFF0F4 !important; border-radius: 12px !important; }
.product-details .thumb-container.active, .product-details .thumb-container:hover { border-color: #FB7701 !important; }
.product-details .rz-gal-badge, .product-details .rz-gal-badges span {
    background: #FFFFFF !important; border: 1px solid #EFF0F4 !important; color: #4B5160 !important;
    box-shadow: none !important; font-weight: 700 !important;
}
/* section tabs stay simple */
.product-details .nav-tab-header { background: #FFFFFF !important; border-bottom: 1px solid #F1F2F5 !important; }
.product-details .nav-tab-header .nav-link { color: #6E7480 !important; font-weight: 700 !important; }
.product-details .nav-tab-header .nav-link.active { color: #FB7701 !important; }
.product-details h2, .product-details h5, .product-details .fs-16.fw-700 { color: #171326 !important; }

@media (max-width: 767.98px) {
    .product-details .rz-trust { gap: 8px 16px !important; padding: 12px 0 !important; }
    .product-details .rz-trust-item { font-size: 12px !important; }
    .product-details button.add-to-cart, .product-details button.buy-now { min-height: 50px !important; border-radius: 13px !important; }
    .product-details .rz-deliver { padding: 12px !important; }
}

/* decisive pass: beat the Daraz-era selectors by weight */
html body .product-details .product-price strong,
html body .product-details .product-price span,
html body .aiz-nexa .product-details .product-price strong,
html body .aiz-nexa.product-details .product-price strong,
html body .product-details #chosen_price,
html body .product-details del {
    color: #FB7701 !important;
}
html body .product-details del, html body .product-details .old-price { color: #A9A4BC !important; }
html body .product-details form.product-details-page button.buy-now,
html body .product-details form.product-details-page button.add-to-cart,
html body .rz-pdp form.product-details-page button.buy-now,
html body .rz-pdp form.product-details-page button.add-to-cart,
html body .aiz-nexa .product-details button.buy-now,
html body .aiz-nexa .product-details button.add-to-cart,
html body .aiz-nexa .product-details button.bg-black,
html body .aiz-nexa .product-details button.bg-soft-blue {
    background: #FB7701 !important; background-image: none !important; color: #FFFFFF !important;
    border: 0 !important; box-shadow: none !important; border-radius: 12px !important;
    min-height: 48px !important; font-weight: 800 !important;
}
html body .product-details form.product-details-page button.buy-now,
html body .rz-pdp form.product-details-page button.buy-now,
html body .aiz-nexa .product-details button.buy-now,
html body .aiz-nexa .product-details button.bg-black {
    background: #171326 !important;
}
html body .aiz-nexa .product-details button.buy-now:hover { background: #262239 !important; }
html body .aiz-nexa .product-details button.add-to-cart:hover,
html body .aiz-nexa .product-details button.bg-soft-blue:hover { background: #E06800 !important; }

/* ==========================================================================
   Featured Categories — "future" tile skin
   (gradient hairline frame, warm plate, brand dot on the label)
   ========================================================================== */
.aiz-nexa .featured-categories-slider .img-aspect-ratio-250px,
.aiz-nexa .featured-categories-slider .img-aspect-ratio-200px {
    background-origin: border-box !important;
    background-clip: padding-box, border-box !important;
    background-image: linear-gradient(#FFFFFF, #FFFFFF), linear-gradient(135deg, #FFB860, #FB7701 45%, #E06800) !important;
    border: 1.5px solid transparent !important;
    border-radius: 22px !important;
    box-shadow: 0 10px 24px rgba(224, 104, 0, .10), 0 2px 6px rgba(23, 19, 38, .04) !important;
    transition: transform .28s cubic-bezier(.2, .8, .3, 1), box-shadow .28s ease, background-image .28s ease !important;
}
.aiz-nexa .featured-categories-slider .img-aspect-ratio-250px:hover,
.aiz-nexa .featured-categories-slider .img-aspect-ratio-200px:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 18px 38px rgba(224, 104, 0, .20), 0 3px 10px rgba(23, 19, 38, .06) !important;
    background-image: linear-gradient(#FFFFFF, #FFFFFF), linear-gradient(135deg, #FF9A2E, #FB7701 40%, #C25100) !important;
}
/* warm plate inside the frame so the pastel source art reads as one family */
.aiz-nexa .featured-categories-slider .img-aspect-ratio-250px img,
.aiz-nexa .featured-categories-slider .img-aspect-ratio-200px img {
    border-radius: 20px !important;
    background: radial-gradient(circle at 50% 26%, #FFF6EC 0%, #FFFCF9 72%) !important;
}

/* label row: ink name + brand dot, warm sub-text */
.aiz-nexa .featured-categories-slider > div > .mt-3 a.text-reset,
.aiz-nexa .featured-categories-slider > div > div a.text-reset {
    color: #171326 !important;
    font-weight: 800 !important;
    letter-spacing: -.1px;
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    max-width: 100%;
}
.aiz-nexa .featured-categories-slider > div > .mt-3 a.text-reset::before,
.aiz-nexa .featured-categories-slider > div > div a.text-reset::before {
    content: "";
    width: 6px; height: 6px; border-radius: 50%;
    background: linear-gradient(135deg, #FF9A2E, #FB7701);
    flex: 0 0 6px;
}
.aiz-nexa .featured-categories-slider > div > .mt-3 a.text-reset:hover,
.aiz-nexa .featured-categories-slider > div > div a.text-reset:hover { color: #B94D00 !important; }
.aiz-nexa .featured-categories-slider .text-muted { color: #8A909C !important; font-weight: 600 !important; }

/* the "View All Categories" pill */
.aiz-nexa .layout-container .bg-dark.rounded-pill {
    background: linear-gradient(135deg, #FF9A2E, #FB7701 55%, #E06800) !important;
    box-shadow: 0 10px 20px rgba(224, 104, 0, .22) !important;
    display: inline-flex !important;
    align-items: center;
    gap: 7px;
    padding: 11px 18px !important;
    letter-spacing: .2px;
}
.aiz-nexa .layout-container .bg-dark.rounded-pill::after {
    content: "\f105";
    font-family: "Line Awesome Free", "Font Awesome 5 Free", sans-serif;
    font-weight: 900;
    font-size: 13px;
    line-height: 1;
    transition: transform .25s ease;
}
.aiz-nexa .layout-container .bg-dark.rounded-pill:hover::after { transform: translateX(3px); }

/* section header: kicker + tightening */
.aiz-nexa .layout-container h5.fs-20.fw-bold { letter-spacing: -.3px; }
.aiz-nexa .layout-container h5.fs-20.fw-bold + p { color: #8A909C !important; max-width: 260px; }

@media (max-width: 767px) {
    .rz-app .featured-categories-slider { margin-left: -2px; margin-right: -2px; }
    .rz-app .featured-categories-slider .slick-track { gap: 12px; }
    .rz-app .featured-categories-slider .img-aspect-ratio-250px {
        border-radius: 20px !important;
        box-shadow: 0 8px 18px rgba(224, 104, 0, .12) !important;
    }
    .rz-app .featured-categories-slider > div > .mt-3 a.text-reset,
    .rz-app .featured-categories-slider > div > div a.text-reset {
        font-size: 12.5px !important;
        gap: 5px;
        justify-content: center;
    }
    .rz-app .featured-categories-slider > div > .mt-3 a.text-reset::before,
    .rz-app .featured-categories-slider > div > div a.text-reset::before { width: 5px; height: 5px; flex: 0 0 5px; }
    .rz-app .layout-container .bg-dark.rounded-pill { padding: 10px 16px !important; font-size: 12.5px !important; }
}

/* category label row fix: keep the theme's truncation, dot stays inline */
.aiz-nexa .featured-categories-slider > div > .mt-3 a.text-reset,
.aiz-nexa .featured-categories-slider > div > div a.text-reset {
    display: block !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    text-align: center !important;
    max-width: 100% !important;
    color: #171326 !important;
    font-weight: 800 !important;
}
.aiz-nexa .featured-categories-slider > div > .mt-3 a.text-reset::before,
.aiz-nexa .featured-categories-slider > div > div a.text-reset::before {
    content: "" !important;
    display: inline-block !important;
    width: 6px !important; height: 6px !important;
    border-radius: 50% !important;
    margin-right: 6px !important;
    vertical-align: 1px !important;
    background: linear-gradient(135deg, #FF9A2E, #FB7701) !important;
}
@media (max-width: 767px) {
    .rz-app .featured-categories-slider > div > .mt-3 a.text-reset,
    .rz-app .featured-categories-slider > div > div a.text-reset { font-size: 12.5px !important; }
    .rz-app .featured-categories-slider > div > .mt-3 a.text-reset::before,
    .rz-app .featured-categories-slider > div > div a.text-reset::before {
        width: 5px !important; height: 5px !important; margin-right: 5px !important;
    }
}

/* ==========================================================================
   Featured categories — mobile rail spacing (gutters, header rhythm, pill)
   ========================================================================== */
@media (max-width: 767px) {
    /* real gutters: the theme zeroed slick-slide padding, so tiles touched */
    .rz-app .featured-categories-slider .slick-slide,
    .aiz-nexa .featured-categories-slider .slick-slide {
        padding: 0 5px !important;
    }
    .rz-app .featured-categories-slider .slick-track { gap: 0 !important; }
    .rz-app .featured-categories-slider .slick-list,
    .aiz-nexa .featured-categories-slider .slick-list {
        margin: 0 -5px !important;
        overflow: hidden !important;
    }
    .rz-app .featured-categories-slider { margin-left: 0 !important; margin-right: 0 !important; }
    .rz-app .featured-categories-slider .img-aspect-ratio-250px { margin: 3px 0 !important; }

    /* header rhythm: kill the dead space between the pill and the rail */
    .rz-app .layout-container h5.fs-20.fw-bold { margin-bottom: 3px !important; line-height: 1.25 !important; }
    .rz-app .layout-container h5.fs-20.fw-bold + p { margin-bottom: 9px !important; font-size: 12px !important; line-height: 1.35 !important; }
    .rz-app .layout-container .col-12.col-md-auto.mt-lg-4 { margin-top: 0 !important; padding-top: 0 !important; margin-bottom: 8px !important; }
    .rz-app .layout-container .col.mt-4.mt-md-0 { margin-top: 0 !important; }

    /* compact but still tappable pill */
    .rz-app .layout-container .bg-dark.rounded-pill {
        padding: 9px 15px !important;
        font-size: 12px !important;
        line-height: 1 !important;
        border-radius: 999px !important;
        gap: 6px;
        box-shadow: 0 8px 16px rgba(224, 104, 0, .20) !important;
    }
    .rz-app .layout-container .bg-dark.rounded-pill::after { font-size: 11px !important; }

    /* labels sit closer to the tile */
    .rz-app .featured-categories-slider + div,
    .rz-app .featured-categories-slider .mt-3 { margin-top: 8px !important; }
}

/* ==========================================================================
   Store listing pages (flash deal, today's deal, featured, best selling):
   one perfect card size — 4-up, equal heights, square image plate
   ========================================================================== */
.aiz-nexa .rz-store-page .rz-store-grid { row-gap: 18px; }

/* 4 columns from 992px up so a row of four products fills the width */
@media (min-width: 992px) {
    .aiz-nexa .rz-store-page .rz-store-grid > .col,
    .aiz-nexa .rz-store-page .rz-store-grid > [class*="col-"] {
        flex: 0 0 25% !important;
        max-width: 25% !important;
    }
}

/* equal-height cards: column layout with the price row pinned to the bottom */
.aiz-nexa .rz-store-page .rz-store-grid > .col { display: flex; }
.aiz-nexa .rz-store-page .rz-store-grid .aiz-card-box {
    display: flex; flex-direction: column; height: 100% !important;
    border-radius: 16px; overflow: hidden;
    border: 1px solid #EFEFEF; background: #FFFFFF;
    box-shadow: 0 4px 14px rgba(23, 19, 38, .04);
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.aiz-nexa .rz-store-page .rz-store-grid .aiz-card-box:hover {
    transform: translateY(-3px);
    border-color: #FFD9BD;
    box-shadow: 0 14px 30px rgba(224, 104, 0, .12);
}

/* square image plate, product art always contained and centred */
.aiz-nexa .rz-store-page .rz-store-grid .aiz-card-box > div:first-child,
.aiz-nexa .rz-store-page .rz-store-grid .aiz-card-box .img-fit {
    aspect-ratio: 1 / 1 !important;
    height: auto !important;
    border-radius: 14px !important;
    background: radial-gradient(circle at 50% 30%, #FFFDFB 0%, #FBFBFC 70%, #F7F8FA 100%) !important;
}
.aiz-nexa .rz-store-page .rz-store-grid .aiz-card-box .img-fit img,
.aiz-nexa .rz-store-page .rz-store-grid .aiz-card-box > div:first-child img {
    width: 100% !important; height: 100% !important;
    object-fit: contain !important;
    transition: transform .35s cubic-bezier(.2, .8, .3, 1);
}
.aiz-nexa .rz-store-page .rz-store-grid .aiz-card-box:hover .img-fit img { transform: scale(1.04); }

/* body: fixed two-line title so every card lines up, price pinned low */
.aiz-nexa .rz-store-page .rz-store-grid .aiz-card-box > .p-2,
.aiz-nexa .rz-store-page .rz-store-grid .aiz-card-box > .p-md-3 {
    display: flex; flex-direction: column; flex: 1 1 auto;
    padding: 10px 12px 12px !important;
}
.aiz-nexa .rz-store-page .rz-store-grid .product-title,
.aiz-nexa .rz-store-page .rz-store-grid .aiz-card-box h3 {
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
    overflow: hidden; min-height: 2.6em; margin-bottom: 6px !important;
    font-size: 13.5px !important; line-height: 1.3 !important; color: #171326 !important;
}
.aiz-nexa .rz-store-page .rz-store-grid .aiz-card-box .mt-2,
.aiz-nexa .rz-store-page .rz-store-grid .aiz-card-box .mt-3 { margin-top: auto !important; }
.aiz-nexa .rz-store-page .rz-store-grid .aiz-card-box .btn,
.aiz-nexa .rz-store-page .rz-store-grid .aiz-card-box .add-to-cart { border-radius: 10px !important; font-weight: 700 !important; }

@media (max-width: 991px) {
    .aiz-nexa .rz-store-page .rz-store-grid { row-gap: 12px; }
    .aiz-nexa .rz-store-page .rz-store-grid .aiz-card-box { border-radius: 14px; }
    .aiz-nexa .rz-store-page .rz-store-grid .product-title,
    .aiz-nexa .rz-store-page .rz-store-grid .aiz-card-box h3 { font-size: 12.5px !important; min-height: 2.5em; }
    .aiz-nexa .rz-store-page .rz-store-grid > .col { padding-left: 5px; padding-right: 5px; }
}

/* ==========================================================================

/* ==========================================================================

/* ==========================================================================
   Mobile hero banner: tighter type so the copy breathes (no geometry changes)
   ========================================================================== */
@media (max-width: 767px) {
    .aiz-nexa .rz-hero-overlay,
    .rz-app .rz-hero-overlay { padding: 16px 15px !important; }
    .aiz-nexa .rz-hero-copy,
    .rz-app .rz-hero-copy { gap: 7px !important; }

    .aiz-nexa .rz-hero-chip,
    .rz-app .rz-hero-chip { font-size: 10px !important; padding: 5px 10px !important; gap: 6px !important; }
    .aiz-nexa .rz-hero-chip i,
    .rz-app .rz-hero-chip i { font-size: 12px !important; }

    .aiz-nexa .rz-hero-title,
    .rz-app .rz-hero-title { font-size: 22px !important; line-height: 1.14 !important; letter-spacing: -.5px !important; }

    .aiz-nexa .rz-hero-sub,
    .rz-app .rz-hero-sub {
        font-size: 11.5px !important; line-height: 1.4 !important; max-width: 30ch !important;
        display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
    }
    .aiz-nexa .rz-hero-cta,
    .rz-app .rz-hero-cta { padding: 9px 17px !important; font-size: 12.5px !important; }
    .aiz-nexa .rz-hero-badges,
    .rz-app .rz-hero-badges { gap: 10px !important; }
    .aiz-nexa .rz-hero-badge,
    .rz-app .rz-hero-badge { font-size: 10.5px !important; }
    .aiz-nexa .rz-hero-badge i,
    .rz-app .rz-hero-badge i { font-size: 12px !important; }
}

/* mobile-only carousel (d-md-none): a 4:3 card instead of the tall upload ratio */
@media (max-width: 767px) {
    .aiz-nexa .hero-banner-carousel.d-md-none {
        aspect-ratio: 4 / 3 !important;
        height: auto !important;
        max-height: 300px !important;
    }
    .aiz-nexa .hero-banner-carousel.d-md-none .slick-list,
    .aiz-nexa .hero-banner-carousel.d-md-none .slick-track,
    .aiz-nexa .hero-banner-carousel.d-md-none .slick-slide,
    .aiz-nexa .hero-banner-carousel.d-md-none .slick-slide > div,
    .aiz-nexa .hero-banner-carousel.d-md-none .hero-banner-wrapper,
    .aiz-nexa .hero-banner-carousel.d-md-none .rz-hero-overlay { height: 100% !important; }
    .aiz-nexa .hero-banner-carousel.d-md-none .hero-banner-container { height: 100% !important; }
    .aiz-nexa .hero-banner-carousel.d-md-none .hero-banner-container img {
        width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: right center !important;
    }
    .aiz-nexa .rz-hero-sub,
    .rz-app .rz-hero-sub { font-size: 11px !important; max-width: 34ch !important; }
}

/* ==========================================================================

/* ==========================================================================
   Mobile home: Daraz-style icon grid above a short promo banner
   ========================================================================== */
.rz-icon-grid { display: none; }

@media (max-width: 767px) {
    /* --- icon grid --- */
    .rz-icon-grid {
        display: block; background: #FFFFFF; border-radius: 16px;
        padding: 14px 10px 10px; margin: 0 0 10px;
        box-shadow: 0 4px 14px rgba(23, 19, 38, .04);
    }
    .rz-icon-grid-head { display: flex; align-items: center; justify-content: space-between; padding: 0 4px 10px; }
    .rz-icon-grid-head strong { font-size: 13px; font-weight: 800; color: #171326; }
    .rz-icon-grid-head a { font-size: 11.5px; font-weight: 800; color: #B94D00; }
    .rz-icon-grid-track {
        display: grid; grid-auto-flow: column; grid-template-rows: repeat(2, auto);
        grid-auto-columns: 20%; row-gap: 12px;
        overflow-x: auto; scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch; scrollbar-width: none;
    }
    .rz-icon-grid-track::-webkit-scrollbar { height: 0; }
    .rz-icon-item { display: flex; flex-direction: column; align-items: center; gap: 7px; padding: 0 3px; text-align: center; scroll-snap-align: start; }
    .rz-icon-item .rz-icon-box {
        width: 54px; height: 54px; border-radius: 16px; overflow: hidden; flex: 0 0 54px;
        background: radial-gradient(circle at 50% 25%, #FFF6EC, #F7F8FA);
        display: flex; align-items: center; justify-content: center;
    }
    .rz-icon-item .rz-icon-box img { width: 100%; height: 100%; object-fit: cover; display: block; }
    .rz-icon-item b { font-size: 11px; font-weight: 700; color: #171326; line-height: 1.2; max-width: 72px;
        display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
    .rz-icon-grid-dots { display: flex; gap: 5px; justify-content: center; margin-top: 11px; }
    .rz-icon-grid-dots i { width: 6px; height: 6px; border-radius: 50%; background: #E3E5EA; transition: all .25s ease; }
    .rz-icon-grid-dots i.is-on { width: 16px; border-radius: 999px; background: linear-gradient(90deg, #FF9A2E, #FB7701); }

    /* --- short, wide promo banner (Daraz proportions) --- */
    .aiz-nexa .hero-banner-carousel.d-md-none { aspect-ratio: 2.15 / 1 !important; max-height: 190px !important; border-radius: 14px !important; }
    .aiz-nexa .hero-banner-carousel.d-md-none .rz-hero-overlay { padding: 13px 14px !important; }
    .aiz-nexa .hero-banner-carousel.d-md-none .rz-hero-copy { gap: 5px !important; max-width: 58% !important; }
    .aiz-nexa .hero-banner-carousel.d-md-none .rz-hero-chip { font-size: 9px !important; padding: 3px 8px !important; }
    .aiz-nexa .hero-banner-carousel.d-md-none .rz-hero-title { font-size: 17px !important; line-height: 1.12 !important; }
    .aiz-nexa .hero-banner-carousel.d-md-none .rz-hero-sub,
    .aiz-nexa .hero-banner-carousel.d-md-none .rz-hero-badges { display: none !important; }
    .aiz-nexa .hero-banner-carousel.d-md-none .rz-hero-cta { padding: 7px 14px !important; font-size: 11.5px !important; }
}

/* contrast scrim so the hero copy stays readable on a cover-cropped art */
@media (max-width: 767px) {
    .aiz-nexa .hero-banner-carousel.d-md-none .rz-hero-overlay {
        background: linear-gradient(90deg, rgba(12, 8, 22, .88) 0%, rgba(12, 8, 22, .62) 46%, rgba(12, 8, 22, .12) 76%, rgba(12, 8, 22, 0) 100%) !important;
    }
}

/* ==========================================================================
   Mobile home: Daraz-style icon grid above a short promo banner
   ========================================================================== */
.rz-icon-grid { display: none; }

@media (max-width: 767px) {
    /* --- icon grid --- */
    .rz-icon-grid {
        display: block; background: #FFFFFF; border-radius: 16px;
        padding: 14px 10px 10px; margin: 0 0 10px;
        box-shadow: 0 4px 14px rgba(23, 19, 38, .04);
    }
    .rz-icon-grid-head { display: flex; align-items: center; justify-content: space-between; padding: 0 4px 10px; }
    .rz-icon-grid-head strong { font-size: 13px; font-weight: 800; color: #171326; }
    .rz-icon-grid-head a { font-size: 11.5px; font-weight: 800; color: #B94D00; }
    .rz-icon-grid-track {
        display: grid; grid-auto-flow: column; grid-template-rows: repeat(2, auto);
        grid-auto-columns: 20%; row-gap: 12px;
        overflow-x: auto; scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch; scrollbar-width: none;
    }
    .rz-icon-grid-track::-webkit-scrollbar { height: 0; }
    .rz-icon-item { display: flex; flex-direction: column; align-items: center; gap: 7px; padding: 0 3px; text-align: center; scroll-snap-align: start; }
    .rz-icon-item .rz-icon-box {
        width: 54px; height: 54px; border-radius: 16px; overflow: hidden; flex: 0 0 54px;
        background: radial-gradient(circle at 50% 25%, #FFF6EC, #F7F8FA);
        display: flex; align-items: center; justify-content: center;
    }
    .rz-icon-item .rz-icon-box img { width: 100%; height: 100%; object-fit: cover; display: block; }
    .rz-icon-item b { font-size: 11px; font-weight: 700; color: #171326; line-height: 1.2; max-width: 72px;
        display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
    .rz-icon-grid-dots { display: flex; gap: 5px; justify-content: center; margin-top: 11px; }
    .rz-icon-grid-dots i { width: 6px; height: 6px; border-radius: 50%; background: #E3E5EA; transition: all .25s ease; }
    .rz-icon-grid-dots i.is-on { width: 16px; border-radius: 999px; background: linear-gradient(90deg, #FF9A2E, #FB7701); }

    /* --- short, wide promo banner (Daraz proportions) --- */
    .aiz-nexa .hero-banner-carousel.d-md-none { aspect-ratio: 2.15 / 1 !important; max-height: 190px !important; border-radius: 14px !important; }
    .aiz-nexa .hero-banner-carousel.d-md-none .rz-hero-overlay { padding: 13px 14px !important; }
    .aiz-nexa .hero-banner-carousel.d-md-none .rz-hero-copy { gap: 5px !important; max-width: 58% !important; }
    .aiz-nexa .hero-banner-carousel.d-md-none .rz-hero-chip { font-size: 9px !important; padding: 3px 8px !important; }
    .aiz-nexa .hero-banner-carousel.d-md-none .rz-hero-title { font-size: 17px !important; line-height: 1.12 !important; }
    .aiz-nexa .hero-banner-carousel.d-md-none .rz-hero-sub,
    .aiz-nexa .hero-banner-carousel.d-md-none .rz-hero-badges { display: none !important; }
    .aiz-nexa .hero-banner-carousel.d-md-none .rz-hero-cta { padding: 7px 14px !important; font-size: 11.5px !important; }
}

/* contrast scrim so the hero copy stays readable on a cover-cropped art */
@media (max-width: 767px) {
    .aiz-nexa .hero-banner-carousel.d-md-none .rz-hero-overlay {
        background: linear-gradient(90deg, rgba(12, 8, 22, .88) 0%, rgba(12, 8, 22, .62) 46%, rgba(12, 8, 22, .12) 76%, rgba(12, 8, 22, 0) 100%) !important;
    }
}

/* mobile home: banner removed — menu bar, then categories, then Today's Deals */
@media (max-width: 767px) {
    .aiz-nexa .hero-banner-carousel.d-md-none { display: none !important; }
    .aiz-nexa .rz-icon-grid { margin-top: 0 !important; }
}

/* ==========================================================================
   Mobile home: Daraz-style icon grid above a short promo banner
   ========================================================================== */
.rz-icon-grid { display: none; }

@media (max-width: 767px) {
    /* --- icon grid --- */
    .rz-icon-grid {
        display: block; background: #FFFFFF; border-radius: 16px;
        padding: 14px 10px 10px; margin: 0 0 10px;
        box-shadow: 0 4px 14px rgba(23, 19, 38, .04);
    }
    .rz-icon-grid-head { display: flex; align-items: center; justify-content: space-between; padding: 0 4px 10px; }
    .rz-icon-grid-head strong { font-size: 13px; font-weight: 800; color: #171326; }
    .rz-icon-grid-head a { font-size: 11.5px; font-weight: 800; color: #B94D00; }
    .rz-icon-grid-track {
        display: grid; grid-auto-flow: column; grid-template-rows: repeat(2, auto);
        grid-auto-columns: 20%; row-gap: 12px;
        overflow-x: auto; scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch; scrollbar-width: none;
    }
    .rz-icon-grid-track::-webkit-scrollbar { height: 0; }
    .rz-icon-item { display: flex; flex-direction: column; align-items: center; gap: 7px; padding: 0 3px; text-align: center; scroll-snap-align: start; }
    .rz-icon-item .rz-icon-box {
        width: 54px; height: 54px; border-radius: 16px; overflow: hidden; flex: 0 0 54px;
        background: radial-gradient(circle at 50% 25%, #FFF6EC, #F7F8FA);
        display: flex; align-items: center; justify-content: center;
    }
    .rz-icon-item .rz-icon-box img { width: 100%; height: 100%; object-fit: cover; display: block; }
    .rz-icon-item b { font-size: 11px; font-weight: 700; color: #171326; line-height: 1.2; max-width: 72px;
        display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
    .rz-icon-grid-dots { display: flex; gap: 5px; justify-content: center; margin-top: 11px; }
    .rz-icon-grid-dots i { width: 6px; height: 6px; border-radius: 50%; background: #E3E5EA; transition: all .25s ease; }
    .rz-icon-grid-dots i.is-on { width: 16px; border-radius: 999px; background: linear-gradient(90deg, #FF9A2E, #FB7701); }

    /* --- short, wide promo banner (Daraz proportions) --- */
    .aiz-nexa .hero-banner-carousel.d-md-none { aspect-ratio: 2.15 / 1 !important; max-height: 190px !important; border-radius: 14px !important; }
    .aiz-nexa .hero-banner-carousel.d-md-none .rz-hero-overlay { padding: 13px 14px !important; }
    .aiz-nexa .hero-banner-carousel.d-md-none .rz-hero-copy { gap: 5px !important; max-width: 58% !important; }
    .aiz-nexa .hero-banner-carousel.d-md-none .rz-hero-chip { font-size: 9px !important; padding: 3px 8px !important; }
    .aiz-nexa .hero-banner-carousel.d-md-none .rz-hero-title { font-size: 17px !important; line-height: 1.12 !important; }
    .aiz-nexa .hero-banner-carousel.d-md-none .rz-hero-sub,
    .aiz-nexa .hero-banner-carousel.d-md-none .rz-hero-badges { display: none !important; }
    .aiz-nexa .hero-banner-carousel.d-md-none .rz-hero-cta { padding: 7px 14px !important; font-size: 11.5px !important; }
}

/* contrast scrim so the hero copy stays readable on a cover-cropped art */
@media (max-width: 767px) {
    .aiz-nexa .hero-banner-carousel.d-md-none .rz-hero-overlay {
        background: linear-gradient(90deg, rgba(12, 8, 22, .88) 0%, rgba(12, 8, 22, .62) 46%, rgba(12, 8, 22, .12) 76%, rgba(12, 8, 22, 0) 100%) !important;
    }
}

/* mobile home: banner removed — menu bar, then categories, then Today's Deals */
@media (max-width: 767px) {
    .aiz-nexa .hero-banner-carousel.d-md-none { display: none !important; }
    .aiz-nexa .rz-icon-grid { margin-top: 0 !important; }
}

/* ==========================================================================
   Reverted on request: back to the banner + the original category rail.
   (the Daraz-style icon grid stays off; the old featured-categories design returns)
   ========================================================================== */
.rz-icon-grid { display: none !important; }
@media (max-width: 767px) {
    .aiz-nexa .hero-banner-carousel.d-md-none { display: block !important; }
}

/* ==========================================================================

/* ==========================================================================
   Today's Deals — "unique" refresh (matches the approved mock): orange icon
   square, solid View All pill, cream countdown, warm product cards
   ========================================================================== */
.aiz-nexa .rz-deals-head {
    display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
    padding: 4px 0 16px; border-bottom: 0 !important;
}
.aiz-nexa .rz-deals-chip {
    width: 48px; height: 48px; flex: 0 0 48px; border-radius: 15px;
    display: inline-flex; align-items: center; justify-content: center;
    background: linear-gradient(140deg, #FF9A2E, #FB7701 55%, #E06800) !important;
    box-shadow: 0 10px 20px rgba(224, 104, 0, .26);
}
.aiz-nexa .rz-deals-chip i { color: #FFFFFF !important; font-size: 23px !important; line-height: 1; }
.aiz-nexa .rz-deals-headtext { flex: 1 1 auto; min-width: 0; text-align: left; }
.aiz-nexa .rz-deals-title { font-size: 23px !important; font-weight: 800 !important; color: #171326 !important; letter-spacing: -.5px !important; margin: 0 !important; }
.aiz-nexa .rz-deals-viewall {
    display: inline-flex !important; align-items: center; gap: 8px;
    background: linear-gradient(135deg, #FF9A2E, #FB7701 55%, #E06800) !important;
    color: #FFFFFF !important; border: 0 !important; border-radius: 999px !important;
    padding: 12px 21px !important; font-size: 13.5px !important; font-weight: 800 !important;
    box-shadow: 0 12px 24px rgba(224, 104, 0, .26) !important; text-decoration: none !important;
}
.aiz-nexa .rz-deals-viewall:hover { transform: translateY(-1px); box-shadow: 0 16px 30px rgba(224, 104, 0, .32) !important; }
.aiz-nexa .rz-deals-viewall i, .aiz-nexa .rz-deals-viewall .las { transition: transform .2s ease; }
.aiz-nexa .rz-deals-viewall:hover i { transform: translateX(3px); }

.aiz-nexa .rz-deals-timer {
    display: inline-flex !important; align-items: center; gap: 8px;
    background: #FFF7F0 !important; border: 1px solid #FBD9B4 !important;
    border-radius: 999px !important; padding: 10px 18px !important;
    color: #E06800 !important; font-size: 13.5px !important; font-weight: 700 !important;
}
.aiz-nexa .rz-deals-timer i { color: #FB7701 !important; font-size: 16px !important; }
.aiz-nexa .rz-deals-timer b, .aiz-nexa .rz-deals-timer strong { font-weight: 800 !important; color: #C25100 !important; letter-spacing: .2px; }

/* --- cards --- */
.aiz-nexa .rz-deal-card {
    background: #FFFFFF !important; border: 1px solid #EFEFEF !important; border-radius: 18px !important;
    padding: 10px !important; display: flex; flex-direction: column; height: 100%;
    box-shadow: 0 6px 18px rgba(23, 19, 38, .05) !important;
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.aiz-nexa .rz-deal-card:hover { transform: translateY(-3px); border-color: #FFD9BD !important; box-shadow: 0 16px 32px rgba(224, 104, 0, .14) !important; }
.aiz-nexa .rz-deal-media {
    position: relative; display: block; border-radius: 14px !important; overflow: hidden;
    background: radial-gradient(circle at 50% 26%, #FDFBF9 0%, #FAF7F4 70%, #F6F3F0 100%) !important;
    aspect-ratio: 1 / 1;
}
.aiz-nexa .rz-deal-media img { width: 100% !important; height: 100% !important; object-fit: contain !important; padding: 6px; transition: transform .35s cubic-bezier(.2,.8,.3,1); }
.aiz-nexa .rz-deal-card:hover .rz-deal-media img { transform: scale(1.05); }
.aiz-nexa .rz-deal-off {
    position: absolute; left: 8px; top: 8px; z-index: 2;
    background: linear-gradient(135deg, #FF9A2E, #FB7701) !important; color: #FFFFFF !important;
    border-radius: 999px !important; padding: 5px 11px !important; font-size: 12px !important; font-weight: 800 !important;
    box-shadow: 0 6px 14px rgba(224, 104, 0, .28);
}
.aiz-nexa .rz-deal-body { display: flex; flex-direction: column; flex: 1 1 auto; padding: 11px 4px 2px !important; gap: 7px; }
.aiz-nexa .rz-deal-name {
    color: #171326 !important; font-size: 13.5px !important; font-weight: 800 !important; line-height: 1.3 !important;
    text-decoration: none !important; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 2.6em;
}
.aiz-nexa .rz-deal-meta { display: flex; align-items: center; gap: 9px; flex-wrap: wrap; }
.aiz-nexa .rz-deal-rate { color: #FB7701 !important; font-size: 12.5px !important; font-weight: 800 !important; display: inline-flex; align-items: center; gap: 4px; }
.aiz-nexa .rz-deal-rate .las { color: #FB7701 !important; font-size: 13px !important; }
.aiz-nexa .rz-deal-sold { color: #8A909C !important; font-size: 12.5px !important; font-weight: 600 !important; }
.aiz-nexa .rz-deal-price { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; margin-top: auto; }
.aiz-nexa .rz-deal-now { color: #FB7701 !important; font-size: 18px !important; font-weight: 800 !important; letter-spacing: -.3px; }
.aiz-nexa .rz-deal-was { color: #A6ABB5 !important; font-size: 12.5px !important; font-weight: 600 !important; text-decoration: line-through !important; }
.aiz-nexa .rz-deal-btn {
    display: flex !important; align-items: center; justify-content: center; gap: 8px;
    background: #FFF6EE !important; color: #B94D00 !important; border: 1px solid #FDE7D3 !important;
    border-radius: 12px !important; padding: 11px 12px !important; font-size: 13px !important; font-weight: 800 !important;
    text-decoration: none !important; transition: background .2s ease, transform .2s ease, box-shadow .2s ease;
}
.aiz-nexa .rz-deal-btn .las { font-size: 15px; color: inherit !important; }
.aiz-nexa .rz-deal-btn:hover { background: linear-gradient(135deg, #FF9A2E, #FB7701) !important; color: #FFFFFF !important; border-color: transparent !important; box-shadow: 0 10px 20px rgba(224, 104, 0, .24); }

/* section heading with the orange bar (Featured Categories and friends) */
.aiz-nexa .layout-container h5.fs-20.fw-bold { position: relative; padding-left: 14px; }
.aiz-nexa .layout-container h5.fs-20.fw-bold::before {
    content: ""; position: absolute; left: 0; top: .18em; width: 5px; height: 1.05em; border-radius: 999px;
    background: linear-gradient(180deg, #FF9A2E, #FB7701 60%, #E06800);
}
.aiz-nexa .layout-container .col-12.col-md-auto { padding-left: 0 !important; }

@media (max-width: 767px) {
    .aiz-nexa .rz-deals-head { gap: 10px; padding-bottom: 12px; }
    .aiz-nexa .rz-deals-chip { width: 40px; height: 40px; flex: 0 0 40px; border-radius: 13px; }
    .aiz-nexa .rz-deals-chip i { font-size: 20px !important; }
    .aiz-nexa .rz-deals-title { font-size: 19px !important; }
    .aiz-nexa .rz-deals-viewall { padding: 10px 16px !important; font-size: 12.5px !important; margin-left: auto; }
    .aiz-nexa .rz-deals-timer { order: 3; padding: 8px 14px !important; font-size: 12.5px !important; }
    .aiz-nexa .rz-deal-card { border-radius: 16px !important; padding: 8px !important; }
    .aiz-nexa .rz-deal-name { font-size: 12.5px !important; }
    .aiz-nexa .rz-deal-now { font-size: 16px !important; }
    .aiz-nexa .rz-deal-btn { padding: 10px 8px !important; font-size: 12px !important; }
    .aiz-nexa .layout-container h5.fs-20.fw-bold { font-size: 18px !important; }
}

/* keep the card action on one line at small widths */
@media (max-width: 767px) {
    .aiz-nexa .rz-deal-btn { white-space: nowrap !important; font-size: 11.5px !important; gap: 5px !important; padding: 10px 6px !important; }
    .aiz-nexa .rz-deal-btn .las { font-size: 13px !important; }
}

/* ==========================================================================

/* ==========================================================================
   Deal cards — one rigid, identical size for every product
   image (1:1) / title (2 lines) / meta (1 line) / spacer / price / button
   ========================================================================== */
.aiz-nexa .rz-deals-slider .slick-track { align-items: stretch !important; }
.aiz-nexa .rz-deals-slider .slick-slide { display: flex !important; height: auto !important; }
.aiz-nexa .rz-deals-slider .slick-slide > div { display: flex !important; width: 100% !important; height: 100% !important; }
.aiz-nexa .rz-deal-card { width: 100% !important; height: 100% !important; }

/* the card's own grid of rows */
.aiz-nexa .rz-deal-body {
    display: flex !important; flex-direction: column !important;
    flex: 1 1 auto; gap: 7px !important; padding: 11px 4px 2px !important;
}
.aiz-nexa .rz-deal-media { aspect-ratio: 1 / 1 !important; height: auto !important; }

.aiz-nexa .rz-deal-name { min-height: 2.6em !important; max-height: 2.6em !important; }

/* meta always a single line: rating + sold never wrap, long counts ellipsize */
.aiz-nexa .rz-deal-meta {
    flex-wrap: nowrap !important; overflow: hidden !important;
    min-height: 18px; align-items: center; gap: 8px !important;
}
.aiz-nexa .rz-deal-rate, .aiz-nexa .rz-deal-sold { white-space: nowrap !important; }
.aiz-nexa .rz-deal-sold { overflow: hidden; text-overflow: ellipsis; flex: 0 1 auto; }

/* price row pinned to the bottom, then the button under it */
.aiz-nexa .rz-deal-price {
    margin-top: auto !important; display: flex !important; align-items: baseline !important;
    gap: 8px !important; min-height: 26px; flex-wrap: nowrap !important;
}
.aiz-nexa .rz-deal-now { line-height: 1.1 !important; }
.aiz-nexa .rz-deal-btn { margin-top: 0 !important; min-height: 40px; }

@media (max-width: 767px) {
    .aiz-nexa .rz-deal-body { gap: 6px !important; padding: 9px 3px 2px !important; }
    .aiz-nexa .rz-deal-name { min-height: 2.5em !important; max-height: 2.5em !important; }
    .aiz-nexa .rz-deal-price { min-height: 22px; }
    .aiz-nexa .rz-deal-btn { min-height: 36px; }
}

/* let the rating keep its space so the sold count shows in full */
.aiz-nexa .rz-deal-rate { flex: 0 0 auto !important; }
.aiz-nexa .rz-deal-meta { font-size: 12px !important; gap: 7px !important; }
@media (max-width: 767px) {
    .aiz-nexa .rz-deal-rate, .aiz-nexa .rz-deal-sold { font-size: 11.5px !important; }
    .aiz-nexa .rz-deal-meta { gap: 6px !important; }
}