/*
Theme Name: Blocksy Child
Theme URI: https://creativethemes.com/blocksy/
Description: Blocksy Child theme for Noroz.pk custom WooCommerce styling.
Author: Creative Themes
Template: blocksy
Version: 1.0.0
Text Domain: blocksy-child
*/


/* =========================================================
   NOROZ / BLOCKSY CHILD THEME CUSTOM CSS - CLEANED FINAL
   Purpose: WooCommerce + Blocksy styling for shop, archive,
            product, cart, checkout, thank-you, tracking,
            footer and homepage sections.
   Updated: 2026-05-31

   Notes:
   - Old duplicated homepage blocks removed.
   - Final mobile cart layout kept.
   - Track order Easypaisa mobile fix kept.
   - Homepage CSS scoped through .noroz-home / .home.
   - No PHP, no <style> tags.
   ========================================================= */

/* =========================================================
   00. DESIGN TOKENS
   ========================================================= */
:root {
    --nr-primary: #44056F;
    --nr-primary-hover: #2D034A;
    --nr-primary-soft: #F4EAFB;
    --nr-success: #16A34A;
    --nr-success-hover: #22C55E;
    --nr-success-soft: #F4EAFB;
    --nr-whatsapp: #2D034A;
    --nr-whatsapp-hover: #16A34A;
    --nr-green: var(--nr-primary);
    --nr-green-hover: var(--nr-primary-hover);
    --nr-green-soft: var(--nr-primary-soft);
    --nr-navy: #07111F;
    --nr-text: #334155;
    --nr-muted: #64748B;
    --nr-border: #E5E7EB;
    --nr-border-strong: #D8DEE8;
    --nr-soft-bg: #F8FAFC;
    --nr-white: #FFFFFF;
    --nr-red: #B21616;
    --nr-error: #DC2626;
    --nr-amber-bg: #FFF7ED;
    --nr-amber-border: #FED7AA;
    --nr-amber-text: #9A3412;
    --nr-amber-dark: #7C2D12;
    --nr-radius-card: 18px;
    --nr-radius-pill: 999px;
    --nr-shadow-soft: 0 8px 22px rgba(15, 23, 42, 0.035);
    --nr-shadow-hover: 0 14px 32px rgba(15, 23, 42, 0.08);
}

@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.001ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: 0.001ms !important;
    }
}

/* =========================================================
   01. GLOBAL PAGE / ARCHIVE SPACING
   ========================================================= */
.ct-page-title,
header.entry-header,
.ct-page-title .ct-container,
.ct-page-title .ct-container-inner {
    height: auto !important;
    min-height: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.ct-page-title,
header.entry-header {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.ct-page-title h1,
.ct-page-title .page-title,
.woocommerce-products-header__title,
.archive .page-title {
    margin: 0 !important;
    color: var(--nr-navy) !important;
    font-weight: 900 !important;
    letter-spacing: 0.4px !important;
    line-height: 1.2 !important;
}

.entry-content,
#main > .ct-container {
    padding-top: 20px !important;
}

/* =========================================================
   02. SHOP SEO INTRO + MICRO TRUST STRIP
   ========================================================= */
.ct-shop-seo-intro,
.ct-shop-category-nav-shell,
.ct-empty-category-message,
.ct-track-order-hero,
.ct-track-order-form-card,
.ct-track-order-info-card,
.ct-track-result-card,
.ct-parcel-tracking-card,
.ct-thankyou-hero,
.ct-thankyou-next-steps {
    background: var(--nr-white);
    border: 1px solid var(--nr-border);
    box-shadow: var(--nr-shadow-soft);
}

.ct-shop-seo-intro {
    width: 100%;
    margin: 0 0 18px;
    padding: 20px 22px;
    border-radius: var(--nr-radius-card);
    text-align: center;
}

.ct-shop-seo-intro h2 {
    max-width: 850px;
    margin: 0 auto 7px;
    color: var(--nr-navy);
    font-size: 21px;
    font-weight: 900;
    line-height: 1.3;
}

.ct-shop-seo-intro p {
    max-width: 850px;
    margin: 0 auto;
    color: var(--nr-muted);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.6;
}

.ct-shop-micro-trust-strip {
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    max-width: 100%;
    margin: 0 auto 12px;
    padding: 8px 12px;
    gap: 10px;
    flex-wrap: wrap;
    background: var(--nr-white);
    border: 1px solid var(--nr-border);
    border-radius: var(--nr-radius-pill);
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.03);
}

.ct-shop-micro-trust-strip > span,
.ct-single-trust-badge {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    border-radius: var(--nr-radius-pill);
    background: var(--nr-soft-bg);
    border: 1px solid var(--nr-border);
    color: var(--nr-text);
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
}

.ct-shop-micro-trust-strip > span {
    min-height: 28px;
    padding: 6px 13px;
    font-size: 12px;
}

.ct-shop-micro-trust-strip > span:first-child,
.ct-single-trust-badge:first-child {
    background: var(--nr-green-soft);
    border-color: rgba(68, 5, 111, 0.14);
    color: var(--nr-green);
}

.ct-shop-micro-trust-strip > span > span {
    display: inline !important;
    min-height: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: inherit !important;
    font: inherit !important;
}

.ct-shop-micro-trust-strip .ct-trust-mobile { display: none !important; }
.ct-shop-micro-trust-strip .ct-trust-desktop { display: inline !important; }

@media (max-width: 768px) {
    .ct-shop-seo-intro {
        margin-bottom: 15px;
        padding: 16px 14px;
        border-radius: 16px;
    }

    .ct-shop-seo-intro h2 { font-size: 17px; }
    .ct-shop-seo-intro p { font-size: 13px; }

    .ct-shop-micro-trust-strip {
        display: grid !important;
        grid-template-columns: repeat(4, 1fr) !important;
        width: 100% !important;
        margin: 0 0 10px !important;
        padding: 7px !important;
        gap: 5px !important;
        border-radius: 14px !important;
    }

    .ct-shop-micro-trust-strip > span {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 27px !important;
        padding: 6px 4px !important;
        font-size: 11px !important;
        text-align: center !important;
    }

    .ct-shop-micro-trust-strip .ct-trust-desktop { display: none !important; }
    .ct-shop-micro-trust-strip .ct-trust-mobile { display: inline !important; }
}

@media (max-width: 380px) {
    .ct-shop-micro-trust-strip > span {
        padding: 6px 3px !important;
        font-size: 10px !important;
    }
}

/* =========================================================
   03. SHOP CATEGORY CHIPS
   ========================================================= */
.ct-shop-category-nav-shell {
    position: relative;
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr) 28px;
    align-items: center;
    width: 100%;
    margin: 0 0 22px;
    padding: 9px;
    gap: 6px;
    border-radius: var(--nr-radius-card);
}

.ct-shop-category-chips-wrap {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 10px;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 2px 4px;
    scroll-behavior: smooth;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.ct-shop-category-chips-wrap::-webkit-scrollbar { display: none; }

.ct-shop-category-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    min-height: 36px;
    padding: 8px 14px;
    border-radius: var(--nr-radius-pill);
    background: var(--nr-soft-bg);
    border: 1px solid var(--nr-border);
    color: var(--nr-navy) !important;
    font-size: 13px;
    font-weight: 800;
    line-height: 1;
    text-decoration: none !important;
    white-space: nowrap;
    transition: all 0.2s ease;
}

.ct-shop-category-chip:hover {
    background: var(--nr-white);
    border-color: rgba(68, 5, 111, 0.35);
    color: var(--nr-green) !important;
    transform: translateY(-1px);
}

.ct-shop-category-chip.active {
    background: var(--nr-green);
    border-color: var(--nr-green);
    color: var(--nr-white) !important;
}

.ct-chip-arrow {
    z-index: 3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    padding: 0;
    border: 1px solid var(--nr-border-strong);
    border-radius: var(--nr-radius-pill);
    background: var(--nr-soft-bg);
    color: var(--nr-navy);
    cursor: pointer;
    font-size: 18px;
    font-weight: 900;
    line-height: 1;
    transition: all 0.2s ease;
}

.ct-chip-arrow:hover {
    background: var(--nr-navy);
    border-color: var(--nr-navy);
    color: var(--nr-white);
    transform: translateY(-1px);
}

.ct-chip-arrow.is-disabled {
    opacity: 0.35;
    pointer-events: none;
}

.ct-shop-category-nav-shell.ct-chip-no-overflow {
    grid-template-columns: minmax(0, 1fr);
}

.ct-shop-category-nav-shell.ct-chip-no-overflow .ct-chip-arrow,
.ct-shop-category-nav-shell.ct-chip-no-overflow::before,
.ct-shop-category-nav-shell.ct-chip-no-overflow::after {
    display: none;
}

.ct-shop-category-nav-shell::before,
.ct-shop-category-nav-shell::after {
    content: "";
    position: absolute;
    top: 9px;
    bottom: 9px;
    z-index: 1;
    width: 14px;
    pointer-events: none;
}

.ct-shop-category-nav-shell::before {
    left: 42px;
    background: linear-gradient(90deg, rgba(255,255,255,0.92) 0%, rgba(255,255,255,0) 100%);
}

.ct-shop-category-nav-shell::after {
    right: 42px;
    background: linear-gradient(270deg, rgba(255,255,255,0.92) 0%, rgba(255,255,255,0) 100%);
}

@media (max-width: 768px) {
    .ct-shop-category-nav-shell {
        grid-template-columns: 26px minmax(0, 1fr) 26px;
        margin-bottom: 18px;
        padding: 8px;
        gap: 5px;
        border-radius: 16px;
    }

    .ct-chip-arrow {
        width: 26px;
        height: 26px;
        font-size: 17px;
    }

    .ct-shop-category-chip {
        min-height: 34px;
        padding: 8px 12px;
        font-size: 12.5px;
    }

    .ct-shop-category-nav-shell::before { left: 36px; width: 10px; }
    .ct-shop-category-nav-shell::after { right: 36px; width: 10px; }
}

@media (max-width: 480px) {
    .ct-shop-category-nav-shell {
        grid-template-columns: 24px minmax(0, 1fr) 24px;
        padding: 7px;
    }

    .ct-chip-arrow {
        width: 24px;
        height: 24px;
        font-size: 16px;
    }

    .ct-shop-category-chip {
        padding: 8px 11px;
        font-size: 12px;
    }
}

/* =========================================================
   04. EMPTY CATEGORY MESSAGE
   ========================================================= */
.ct-empty-category-message {
    width: 100%;
    margin: 22px 0 35px;
    padding: 28px 22px;
    border-radius: var(--nr-radius-card);
    text-align: center;
}

.ct-empty-category-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    margin: 0 auto 12px;
    background: var(--nr-soft-bg);
    border: 1px solid var(--nr-border);
    border-radius: var(--nr-radius-pill);
    font-size: 20px;
}

.ct-empty-category-message h3 {
    margin: 0 0 8px;
    color: var(--nr-navy);
    font-size: 18px;
    font-weight: 900;
    line-height: 1.3;
}

.ct-empty-category-message p {
    max-width: 560px;
    margin: 0 auto 16px;
    color: var(--nr-muted);
    font-size: 14px;
    line-height: 1.55;
}

.ct-empty-category-message a,
.ct-global-wa-btn,
.ct-track-order-submit,
.ct-track-online-btn,
.ct-parcel-track-btn,
.ct-thankyou-whatsapp-btn,
.woocommerce-checkout #place_order {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: var(--nr-radius-pill) !important;
    background: var(--nr-green) !important;
    border: 1px solid var(--nr-green) !important;
    color: var(--nr-white) !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    transition: all 0.22s ease !important;
}

.ct-empty-category-message a {
    min-height: 40px;
    padding: 10px 18px;
    font-size: 13px;
}

.ct-empty-category-message a:hover,
.ct-global-wa-btn:hover,
.ct-track-order-submit:hover,
.ct-track-online-btn:hover,
.ct-parcel-track-btn:hover,
.ct-thankyou-whatsapp-btn:hover,
.woocommerce-checkout #place_order:hover {
    background: var(--nr-green-hover) !important;
    border-color: var(--nr-green-hover) !important;
    color: var(--nr-white) !important;
    transform: translateY(-1px) !important;
}

@media (max-width: 600px) {
    .ct-empty-category-message {
        padding: 22px 15px;
        border-radius: 16px;
    }

    .ct-empty-category-message h3 { font-size: 16px; }
    .ct-empty-category-message p { font-size: 13px; }
    .ct-empty-category-message a { width: 100%; }
}

/* =========================================================
   05. SHOP / ARCHIVE SORTING + PRODUCT CARDS
   ========================================================= */
.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-ordering {
    margin-top: 0 !important;
    margin-bottom: 16px !important;
}

.woocommerce .woocommerce-result-count {
    float: right !important;
    margin-left: 14px !important;
    color: var(--nr-muted) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.25px !important;
    line-height: 40px !important;
    text-transform: uppercase !important;
}

.woocommerce .woocommerce-ordering { float: right !important; }

.woocommerce .woocommerce-ordering select,
.woocommerce-ordering select,
select.orderby {
    min-height: 40px !important;
    padding: 0 36px 0 14px !important;
    background-color: var(--nr-white) !important;
    border: 1px solid var(--nr-border-strong) !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    color: var(--nr-navy) !important;
    cursor: pointer !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    outline: none !important;
}

.woocommerce .woocommerce-ordering select:hover,
.woocommerce .woocommerce-ordering select:focus,
.woocommerce-ordering select:hover,
.woocommerce-ordering select:focus,
select.orderby:hover,
select.orderby:focus {
    border-color: rgba(68, 5, 111, 0.35) !important;
}

.woocommerce ul.products,
.wc-block-grid__products { gap: 26px !important; }
.woocommerce ul.products { clear: both !important; margin-top: 12px !important; }

.woocommerce ul.products li.product,
.ct-products-container .product,
[data-products] .product {
    overflow: hidden !important;
    padding: 14px !important;
    background: var(--nr-white) !important;
    border: 1px solid var(--nr-border) !important;
    border-radius: var(--nr-radius-card) !important;
    box-shadow: var(--nr-shadow-soft) !important;
    transition: all 0.25s ease !important;
}

.woocommerce ul.products li.product:hover,
.ct-products-container .product:hover,
[data-products] .product:hover {
    border-color: rgba(68, 5, 111, 0.22) !important;
    box-shadow: var(--nr-shadow-hover) !important;
    transform: translateY(-3px) !important;
}

.woocommerce ul.products li.product a img,
.ct-products-container .product img,
[data-products] .product img {
    width: auto !important;
    max-width: 92% !important;
    max-height: 210px !important;
    margin: 0 auto 16px !important;
    padding: 8px !important;
    background: var(--nr-white) !important;
    border: 1px solid rgba(226, 232, 240, 0.95) !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.07) !important;
    object-fit: contain !important;
    object-position: center center !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
}

.woocommerce ul.products li.product:hover a img,
.ct-products-container .product:hover img,
[data-products] .product:hover img {
    border-color: rgba(68, 5, 111, 0.22) !important;
    box-shadow: 0 12px 24px rgba(15, 23, 42, 0.10) !important;
    transform: translateY(-2px) scale(1.025) !important;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2,
.ct-products-container .product .woocommerce-loop-product__title,
[data-products] .product .woocommerce-loop-product__title {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    min-height: 40px !important;
    margin: 0 0 8px !important;
    color: var(--nr-navy) !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
}

.ct-curved-card .entry-title,
.products .product h3 {
    display: -webkit-box !important;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    min-height: 1.2em !important;
    color: var(--nr-navy) !important;
    line-height: 1.2em !important;
    text-overflow: ellipsis !important;
    white-space: normal !important;
}

.woocommerce ul.products li.product .product-categories,
.woocommerce ul.products li.product .posted_in,
.ct-products-container .product .product-categories,
[data-products] .product .product-categories {
    margin-bottom: 12px !important;
    color: var(--nr-muted) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.35px !important;
    text-transform: uppercase !important;
}

.woocommerce ul.products li.product .price,
.ct-products-container .product .price,
[data-products] .product .price {
    display: block !important;
    margin: 6px 0 14px !important;
    color: var(--nr-green) !important;
    font-size: 15px !important;
    font-weight: 900 !important;
}

.woocommerce ul.products li.product .price del,
.ct-products-container .product .price del,
[data-products] .product .price del {
    color: #94a3b8 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    opacity: 1 !important;
}

.woocommerce ul.products li.product .price ins,
.ct-products-container .product .price ins,
[data-products] .product .price ins {
    color: var(--nr-green) !important;
    font-weight: 900 !important;
    text-decoration: none !important;
}

.woocommerce ul.products li.product .button,
.ct-products-container .product .button,
[data-products] .product .button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 42px !important;
    background: var(--nr-green) !important;
    border: 1px solid var(--nr-green) !important;
    border-radius: var(--nr-radius-pill) !important;
    color: var(--nr-white) !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    transition: all 0.22s ease !important;
}

.woocommerce ul.products li.product .button:hover,
.ct-products-container .product .button:hover,
[data-products] .product .button:hover {
    background: var(--nr-green-hover) !important;
    border-color: var(--nr-green-hover) !important;
    transform: translateY(-1px) !important;
}

.woocommerce span.onsale,
.ct-woo-card-extra .onsale {
    padding: 5px 9px !important;
    background: #eaf2ff !important;
    border-radius: var(--nr-radius-pill) !important;
    color: #174a8b !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    letter-spacing: 0.2px !important;
}

@media (max-width: 768px) {
    .woocommerce .woocommerce-result-count { display: none !important; }

    .woocommerce .woocommerce-ordering {
        float: none !important;
        width: 100% !important;
        margin: 0 0 14px !important;
        padding: 0 !important;
    }

    .woocommerce .woocommerce-ordering::before,
    .woocommerce .woocommerce-ordering::after {
        display: none !important;
        content: none !important;
    }

    .woocommerce .woocommerce-ordering select,
    .woocommerce-ordering select,
    select.orderby {
        width: 100% !important;
        height: 40px !important;
        padding: 0 44px 0 16px !important;
        border: 1px solid rgba(68, 5, 111, 0.35) !important;
        font-size: 12.5px !important;
        font-weight: 700 !important;
        line-height: 40px !important;
        text-align: left !important;
        text-align-last: left !important;
    }

    .woocommerce ul.products,
    .ct-products-container { gap: 18px !important; }

    .woocommerce ul.products { margin-top: 10px !important; }

    .woocommerce ul.products li.product,
    .ct-products-container .product,
    [data-products] .product {
        margin-bottom: 18px !important;
        padding: 12px !important;
        border-radius: 16px !important;
    }

    .woocommerce ul.products li.product .ct-image-container,
    .ct-products-container .product .ct-image-container,
    [data-products] .product .ct-image-container {
        height: 130px !important;
        min-height: 130px !important;
        margin-bottom: 14px !important;
        padding: 8px !important;
    }

    .woocommerce ul.products li.product .ct-image-container img,
    .ct-products-container .product .ct-image-container img,
    [data-products] .product .ct-image-container img,
    .woocommerce ul.products li.product a img,
    .ct-products-container .product img,
    [data-products] .product img {
        max-width: 88% !important;
        max-height: 112px !important;
        object-fit: contain !important;
        object-position: center center !important;
    }

    .woocommerce ul.products li.product .woocommerce-loop-product__title,
    .ct-products-container .product .woocommerce-loop-product__title,
    [data-products] .product .woocommerce-loop-product__title {
        min-height: auto !important;
        margin-bottom: 10px !important;
        font-size: 14px !important;
        line-height: 1.35 !important;
    }

    .woocommerce ul.products li.product .price,
    .ct-products-container .product .price,
    [data-products] .product .price {
        margin: 6px 0 10px !important;
        font-size: 14.5px !important;
    }

    .woocommerce ul.products li.product .button,
    .ct-products-container .product .button,
    [data-products] .product .button {
        min-height: 40px !important;
        font-size: 13px !important;
    }
}

@media (max-width: 480px) {
    .woocommerce ul.products li.product,
    .ct-products-container .product,
    [data-products] .product { padding: 11px !important; }

    .woocommerce ul.products li.product .ct-image-container,
    .ct-products-container .product .ct-image-container,
    [data-products] .product .ct-image-container {
        height: 122px !important;
        min-height: 122px !important;
        padding: 7px !important;
    }

    .woocommerce ul.products li.product .ct-image-container img,
    .ct-products-container .product .ct-image-container img,
    [data-products] .product .ct-image-container img,
    .woocommerce ul.products li.product a img,
    .ct-products-container .product img,
    [data-products] .product img {
        max-height: 104px !important;
    }

    .woocommerce ul.products li.product .price,
    .ct-products-container .product .price,
    [data-products] .product .price { font-size: 14px !important; }
}

/* =========================================================
   06. SINGLE PRODUCT IMAGE, CTA, TRUST BADGES
   ========================================================= */
.single-product .woocommerce-product-gallery,
.single-product .woocommerce-product-gallery__wrapper,
.single-product .woocommerce-product-gallery__image {
    background: var(--nr-white) !important;
    border-radius: var(--nr-radius-card) !important;
}

.single-product .woocommerce-product-gallery { overflow: hidden !important; }

.single-product .woocommerce-product-gallery__image {
    border: 1px solid rgba(226, 232, 240, 0.85) !important;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.035) !important;
}

.single-product .woocommerce-product-gallery__image img,
.single-product .woocommerce-product-gallery img.wp-post-image {
    background: var(--nr-white) !important;
    border-radius: 16px !important;
    object-fit: contain !important;
    object-position: center center !important;
}

.single-product .woocommerce-product-gallery__trigger {
    width: 38px !important;
    height: 38px !important;
    background: rgba(255, 255, 255, 0.92) !important;
    border: 1px solid var(--nr-border) !important;
    border-radius: var(--nr-radius-pill) !important;
    box-shadow: 0 6px 16px rgba(15, 23, 42, 0.07) !important;
}

.single-product .flex-control-thumbs {
    display: flex !important;
    gap: 10px !important;
    margin-top: 12px !important;
}

.single-product .flex-control-thumbs li {
    width: 58px !important;
    height: 58px !important;
    overflow: hidden !important;
    background: var(--nr-white) !important;
    border: 1px solid var(--nr-border) !important;
    border-radius: 10px !important;
    transition: all 0.2s ease !important;
}

.single-product .flex-control-thumbs li img {
    width: 100% !important;
    height: 100% !important;
    padding: 3px !important;
    border-radius: 9px !important;
    opacity: 0.72 !important;
    object-fit: contain !important;
    transition: all 0.2s ease !important;
}

.single-product .flex-control-thumbs li img.flex-active,
.single-product .flex-control-thumbs li:hover img { opacity: 1 !important; }

.single-product .flex-control-thumbs li:has(img.flex-active),
.single-product .flex-control-thumbs li:hover {
    border-color: rgba(68, 5, 111, 0.45) !important;
    box-shadow: 0 6px 14px rgba(15, 23, 42, 0.07) !important;
}

.single-product div.product form.cart .ct-cart-actions,
.single-product div.product form.variations_form .ct-cart-actions {
    display: grid !important;
    grid-template-columns: minmax(260px, 1.1fr) minmax(180px, 0.75fr);
    align-items: center !important;
    gap: 12px !important;
    margin-top: 14px !important;
}

.single-product div.product .single_add_to_cart_button,
.single-product div.product .single_add_to_cart_button.button,
.single-product div.product button.single_add_to_cart_button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 46px !important;
    min-height: 46px !important;
    padding: 0 34px !important;
    background: var(--nr-green) !important;
    border: 1px solid var(--nr-green) !important;
    border-radius: var(--nr-radius-pill) !important;
    box-shadow: 0 8px 18px rgba(68, 5, 111, 0.14) !important;
    color: var(--nr-white) !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 46px !important;
    opacity: 1 !important;
    text-transform: none !important;
    visibility: visible !important;
    white-space: nowrap !important;
    transition: all 0.22s ease !important;
}

.single-product div.product .single_add_to_cart_button:hover {
    background: var(--nr-green-hover) !important;
    border-color: var(--nr-green-hover) !important;
    color: var(--nr-white) !important;
    box-shadow: 0 12px 24px rgba(68, 5, 111, 0.18) !important;
    transform: translateY(-1px) !important;
}

.single-product div.product form.cart .added_to_cart.wc-forward,
.single-product div.product form.variations_form .added_to_cart.wc-forward,
.single-product div.product .ct-cart-actions .added_to_cart.wc-forward {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 46px !important;
    min-height: 46px !important;
    padding: 0 26px !important;
    margin-left: 0 !important;
    background: var(--nr-white) !important;
    border: 1px solid var(--nr-border-strong) !important;
    border-radius: var(--nr-radius-pill) !important;
    color: var(--nr-navy) !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 46px !important;
    text-decoration: none !important;
    transition: all 0.22s ease !important;
}

.single-product div.product form.cart .added_to_cart.wc-forward:hover,
.single-product div.product form.variations_form .added_to_cart.wc-forward:hover,
.single-product div.product .ct-cart-actions .added_to_cart.wc-forward:hover {
    background: var(--nr-navy) !important;
    border-color: var(--nr-navy) !important;
    color: var(--nr-white) !important;
    transform: translateY(-1px) !important;
}

.single_add_to_cart_button.ct-disabled-purchase-btn,
.single_add_to_cart_button:disabled,
.single_add_to_cart_button.ct-disabled-purchase-btn:hover,
.single_add_to_cart_button:disabled:hover {
    background: var(--nr-border) !important;
    border-color: var(--nr-border) !important;
    box-shadow: none !important;
    color: var(--nr-muted) !important;
    cursor: not-allowed !important;
    opacity: 1 !important;
    transform: none !important;
}

.ct-single-product-trust-badges {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    width: 100%;
    margin: 8px 0 16px !important;
    gap: 7px !important;
}

.ct-single-trust-badge {
    min-height: 30px !important;
    padding: 6px 10px !important;
    gap: 6px;
    font-size: 11.5px !important;
    transition: all 0.2s ease;
}

.ct-single-trust-badge:hover {
    background: var(--nr-white);
    border-color: rgba(68, 5, 111, 0.28);
    transform: translateY(-1px);
}

@media (max-width: 768px) {
    .single-product .woocommerce-product-gallery,
    .single-product .woocommerce-product-gallery__image { border-radius: 16px !important; }

    .single-product .woocommerce-product-gallery__image img,
    .single-product .woocommerce-product-gallery img.wp-post-image { border-radius: 14px !important; }

    .single-product .flex-control-thumbs {
        gap: 8px !important;
        margin-top: 10px !important;
        overflow-x: auto !important;
        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
    }

    .single-product .flex-control-thumbs::-webkit-scrollbar { display: none !important; }

    .single-product .flex-control-thumbs li {
        flex: 0 0 52px !important;
        width: 52px !important;
        height: 52px !important;
    }

    .single-product div.product form.cart .ct-cart-actions,
    .single-product div.product form.variations_form .ct-cart-actions {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        gap: 9px !important;
        margin-top: 12px !important;
    }

    .single-product div.product .single_add_to_cart_button,
    .single-product div.product form.cart .added_to_cart.wc-forward,
    .single-product div.product form.variations_form .added_to_cart.wc-forward,
    .single-product div.product .ct-cart-actions .added_to_cart.wc-forward {
        width: 100% !important;
        max-width: 100% !important;
        height: 46px !important;
        min-height: 46px !important;
        font-size: 14px !important;
    }

    .ct-single-product-trust-badges {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        margin: 9px 0 16px !important;
        gap: 7px !important;
    }

    .ct-single-trust-badge {
        width: 100% !important;
        min-height: 34px !important;
        padding: 7px 8px !important;
        font-size: 11px !important;
        text-align: center !important;
    }

    .ct-single-trust-badge span {
        display: inline-block !important;
        overflow: hidden !important;
        max-width: 100% !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }
}

@media (max-width: 380px) {
    .ct-single-trust-badge {
        padding: 7px 6px !important;
        font-size: 10.3px !important;
    }
}

/* =========================================================
   07. VARIATIONS + BUNDLE MATRIX
   ========================================================= */
.variations_form.cart .variations th.label label {
    display: block;
    color: var(--nr-green) !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    text-transform: uppercase;
}

.variations_form.cart .variations td.value select {
    min-height: 36px !important;
    padding: 0 10px !important;
    border: 1px solid var(--nr-border-strong) !important;
    border-radius: 8px !important;
    font-size: 13px !important;
}

#ct-product-bundle-matrix-root {
    width: 100% !important;
    margin: 20px 0 25px !important;
    clear: both !important;
    font-family: inherit !important;
}

.ct-matrix-main-label,
.ct-matrix-grid-layout,
.ct-matrix-card-option,
.ct-card-flex-row,
.ct-card-radio-selection,
.ct-card-info-pane,
.ct-card-pricing-pane {
    box-sizing: border-box !important;
}

.ct-matrix-main-label {
    display: block !important;
    margin-bottom: 12px !important;
    color: var(--nr-navy) !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
}

.ct-matrix-grid-layout {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    gap: 12px !important;
}

.ct-matrix-card-option {
    position: relative !important;
    padding: 14px 16px !important;
    background: var(--nr-white) !important;
    border: 2px solid #e2e8f0 !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    user-select: none !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.ct-matrix-card-option:hover {
    background: var(--nr-soft-bg) !important;
    border-color: #cbd5e1 !important;
}

.ct-matrix-card-option.ct-selected-active-tier {
    background: #fffdfd !important;
    border-color: var(--nr-red) !important;
    box-shadow: 0 4px 15px rgba(178, 22, 22, 0.05) !important;
}

.ct-card-flex-row {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    gap: 14px !important;
}

.ct-card-radio-selection {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    width: 20px !important;
    height: 20px !important;
    border: 2px solid #cbd5e1 !important;
    border-radius: 50% !important;
    transition: all 0.15s ease !important;
}

.ct-matrix-card-option.ct-selected-active-tier .ct-card-radio-selection {
    border-color: var(--nr-red) !important;
}

.ct-custom-radio-dot {
    width: 10px !important;
    height: 10px !important;
    background-color: transparent !important;
    border-radius: 50% !important;
    transition: all 0.15s ease !important;
}

.ct-matrix-card-option.ct-selected-active-tier .ct-custom-radio-dot {
    background-color: var(--nr-red) !important;
}

.ct-card-info-pane { flex-grow: 1 !important; }

.ct-tier-title {
    display: block !important;
    color: #1e293b !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

.ct-tier-sub-text {
    display: block !important;
    margin-top: 2px !important;
    color: var(--nr-muted) !important;
    font-size: 11.5px !important;
}

.ct-card-pricing-pane {
    display: flex !important;
    flex-direction: column !important;
    text-align: right !important;
}

.ct-tier-total-price {
    color: var(--nr-navy) !important;
    font-size: 15px !important;
    font-weight: 800 !important;
}

.ct-matrix-card-option.ct-selected-active-tier .ct-tier-total-price,
.ct-card-sale-price,
.ct-cs-grid-price,
.ct-cs-grid-price .amount,
.ct-metric-highlight {
    color: var(--nr-red) !important;
}

.ct-tier-unit-price {
    margin-top: 1px !important;
    color: var(--nr-muted) !important;
    font-size: 11px !important;
    font-weight: 500 !important;
}

.ct-card-premium-badge {
    position: absolute !important;
    top: -10px !important;
    left: 14px !important;
    padding: 2px 8px !important;
    border-radius: 4px !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08) !important;
    color: var(--nr-white) !important;
    font-size: 9.5px !important;
    font-weight: 900 !important;
    letter-spacing: 0.5px !important;
}

.ct-badge-green { background: linear-gradient(135deg, var(--nr-green), #2D034A) !important; }
.ct-badge-blue { background: linear-gradient(135deg, #2563eb, #1d4ed8) !important; }

.single-product div.product form.cart .quantity { display: none !important; }

.ct-card-regular-price {
    display: block !important;
    color: #94a3b8 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    text-decoration: line-through !important;
}

.ct-card-sale-price {
    display: block !important;
    font-size: 17px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
}

.ct-card-saving-pill,
.ct-card-hype-pill {
    display: inline-block !important;
    margin-top: 5px !important;
    padding: 3px 7px !important;
    border-radius: var(--nr-radius-pill) !important;
    font-size: 11px !important;
    font-weight: 800 !important;
}

.ct-card-saving-pill {
    background: #f0fdf4 !important;
    color: #166534 !important;
}

.ct-card-hype-pill {
    margin-right: 4px !important;
    background: var(--nr-amber-bg) !important;
    color: var(--nr-amber-text) !important;
}

@media (max-width: 480px) {
    .ct-matrix-card-option { padding: 12px !important; }
    .ct-card-flex-row { gap: 10px !important; }
    .ct-tier-title { font-size: 13px !important; }
    .ct-tier-sub-text { font-size: 10.5px !important; }
    .ct-tier-total-price { font-size: 14px !important; }
    .ct-card-premium-badge { left: 10px !important; font-size: 8.5px !important; }
}

/* =========================================================
   08. STICKY CART BAR
   ========================================================= */
#ct-sticky-cart-bar {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    z-index: 99999 !important;
    width: 100% !important;
    padding: 12px 0 !important;
    background: linear-gradient(135deg, rgba(255,255,255,0.98), rgba(248,250,252,1)) !important;
    border-top: 1px solid rgba(226, 232, 240, 0.9) !important;
    box-shadow: 0 -8px 24px rgba(15, 23, 42, 0.08) !important;
    backdrop-filter: blur(8px) !important;
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease !important;
}

.ct-sticky-cart-hidden {
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translateY(100%) !important;
}

.ct-sticky-cart-visible {
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
}

.ct-sticky-cart-container {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
    gap: 20px !important;
}

.ct-sticky-product-info,
.ct-sticky-actions {
    display: flex !important;
    align-items: center !important;
}

.ct-sticky-product-info { gap: 12px !important; }

.ct-sticky-thumb {
    width: 44px !important;
    height: 44px !important;
    object-fit: cover !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 6px !important;
}

.ct-sticky-text {
    display: flex !important;
    flex-direction: column !important;
}

.ct-sticky-title {
    color: #0f172a !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}

.ct-sticky-price {
    color: var(--nr-green) !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

.ct-sticky-simple-form { margin: 0 !important; padding: 0 !important; }

.ct-sticky-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 42px !important;
    padding: 0 30px !important;
    background-color: var(--nr-green) !important;
    border: 0 !important;
    border-radius: var(--nr-radius-pill) !important;
    color: var(--nr-white) !important;
    cursor: pointer !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    gap: 6px !important;
    letter-spacing: 0.3px !important;
    line-height: 42px !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    transition: background-color 0.2s ease, transform 0.2s ease !important;
}

.ct-sticky-btn:hover {
    background-color: var(--nr-green-hover) !important;
    color: var(--nr-white) !important;
    transform: translateY(-1px) !important;
}

.ct-sticky-btn .ct-btn-svg {
    display: inline-block !important;
    flex-shrink: 0 !important;
    width: 16px !important;
    height: 16px !important;
    color: var(--nr-white) !important;
}

@media (max-width: 600px) {
    #ct-sticky-cart-bar { padding: 10px 0 !important; }

    .ct-sticky-cart-container {
        flex-direction: column !important;
        padding: 0 15px !important;
        gap: 10px !important;
    }

    .ct-sticky-product-info {
        width: 100% !important;
        padding-bottom: 8px !important;
        gap: 10px !important;
        border-bottom: 1px dashed #e2e8f0 !important;
    }

    .ct-sticky-thumb { width: 36px !important; height: 36px !important; }
    .ct-sticky-title { font-size: 12.5px !important; }
    .ct-sticky-actions,
    .ct-sticky-simple-form,
    .ct-sticky-btn { width: 100% !important; }
    .ct-sticky-btn { height: 44px !important; font-size: 13.5px !important; line-height: 44px !important; }
}

/* =========================================================
   09. CART DASHBOARD, WHATSAPP BRIDGES, CROSS-SELL
   ========================================================= */
#ct-cart-top-centered-master-zone {
    display: block !important;
    clear: both !important;
    width: 100% !important;
    margin-bottom: 25px !important;
}

#ct-cart-conversion-dashboard,
#ct-checkout-trust-panel,
#ct-cart-wa-bridge-container,
#ct-cart-cross-sell-wrapper.ct-breathing-premium-container {
    background: var(--nr-white) !important;
    border: 1px solid #e2e8f0 !important;
}

#ct-cart-conversion-dashboard {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    padding: 20px !important;
    gap: 16px !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.04) !important;
}

.ct-shipping-status-text {
    margin: 0 0 10px !important;
    color: #1e293b !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-align: center !important;
}

.ct-metric-success {
    color: var(--nr-green) !important;
    font-weight: 800 !important;
}

.ct-progress-track-bar {
    width: 100% !important;
    height: 12px !important;
    background-color: #f1f5f9 !important;
    border-radius: var(--nr-radius-pill) !important;
}

.ct-progress-fill-status {
    height: 100% !important;
    background: linear-gradient(90deg, var(--nr-red) 0%, var(--nr-green) 100%) !important;
    border-radius: var(--nr-radius-pill) !important;
}

.ct-timer-module-wrap {
    padding: 12px 16px !important;
    background-color: #fff5f5 !important;
    border-left: 4px solid var(--nr-red) !important;
    border-radius: 0 6px 6px 0 !important;
}

.ct-timer-status-text {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    gap: 8px !important;
    color: #621111 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}

#ct-countdown-clock {
    padding: 2px 8px !important;
    background-color: var(--nr-red) !important;
    border-radius: 4px !important;
    color: var(--nr-white) !important;
    font-weight: 800 !important;
}

#ct-cart-wa-bridge-container {
    clear: both !important;
    width: 100% !important;
    margin: -15px 0 25px !important;
    padding: 15px !important;
    background: var(--nr-soft-bg) !important;
    border-radius: 8px !important;
    text-align: center !important;
}

#ct-cart-wa-bridge-container p,
#ct-checkout-help-bridge p {
    margin: 0 0 10px !important;
    color: var(--nr-text) !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
}

.ct-global-wa-btn {
    width: 100% !important;
    max-width: 450px !important;
    padding: 12px 20px !important;
    gap: 8px !important;
    background-color: var(--nr-green-hover) !important;
    border-color: var(--nr-green-hover) !important;
    box-shadow: 0 4px 12px rgba(68, 5, 111, 0.18) !important;
    font-size: 14px !important;
}

.ct-global-wa-btn:hover {
    background-color: var(--nr-green) !important;
    border-color: var(--nr-green) !important;
}

.ct-global-wa-btn:active { transform: scale(0.99) !important; }

#ct-checkout-live-pulse {
    display: flex !important;
    align-items: center !important;
    margin-top: 15px !important;
    padding: 8px 12px !important;
    gap: 10px !important;
    background-color: #f0fdf4 !important;
    border: 1px solid #bbf7d0 !important;
    border-radius: 6px !important;
}

#ct-checkout-live-pulse p {
    margin: 0 !important;
    color: #166534 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
}

.ct-pulse-bold {
    font-weight: 800 !important;
    text-decoration: underline !important;
}

.ct-pulse-light {
    color: #15803d !important;
    font-size: 11.5px !important;
    font-weight: 500 !important;
}

#ct-checkout-live-pulse .ct-pulse-dot {
    position: relative !important;
    flex-shrink: 0 !important;
    width: 8px !important;
    height: 8px !important;
    background-color: #22c55e !important;
    border-radius: 50% !important;
}

#ct-checkout-live-pulse .ct-pulse-dot::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background-color: #22c55e !important;
    border-radius: 50% !important;
    animation: ctPulseBlink 1.8s infinite ease-in-out !important;
}

@keyframes ctPulseBlink {
    0% { opacity: 1; transform: scale(1); }
    100% { opacity: 0; transform: scale(3.5); }
}

#ct-checkout-help-bridge {
    margin-top: 20px !important;
    padding-top: 15px !important;
    border-top: 1px dashed #e2e8f0 !important;
    text-align: center !important;
}

#ct-checkout-trust-panel {
    display: flex !important;
    flex-direction: column !important;
    margin-top: 15px !important;
    padding: 16px !important;
    gap: 14px !important;
    background: var(--nr-soft-bg) !important;
    border-radius: 8px !important;
}

.ct-badge-item {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    text-align: left !important;
}

.ct-badge-icon {
    margin-top: 2px !important;
    padding: 6px !important;
    background: var(--nr-white) !important;
    border-radius: 6px !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.03) !important;
    font-size: 22px !important;
    line-height: 1 !important;
}

.ct-badge-info h4 {
    margin: 0 0 2px !important;
    color: #1e293b !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

.ct-badge-info p {
    margin: 0 !important;
    color: var(--nr-muted) !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
}

.ct-left-panel-adjustment {
    display: block !important;
    float: left !important;
    clear: both !important;
    width: 100% !important;
    margin-top: 25px !important;
    margin-bottom: 10px !important;
    text-align: left !important;
}

#ct-cart-cross-sell-wrapper.ct-left-panel-adjustment .ct-cross-sell-card {
    max-width: 550px !important;
}

@keyframes borderBreathingGlow {
    0%, 100% { border-color: #e2e8f0; box-shadow: 0 4px 20px rgba(68, 5, 111, 0.06); }
    50% { border-color: rgba(68, 5, 111, 0.35); box-shadow: 0 4px 24px rgba(68, 5, 111, 0.15); }
}

#ct-cart-cross-sell-wrapper.ct-breathing-premium-container {
    clear: both !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin: 35px 0 20px !important;
    padding: 22px !important;
    border-radius: 14px !important;
    animation: borderBreathingGlow 3s infinite ease-in-out !important;
}

.ct-breathing-premium-container .ct-cross-sell-heading {
    margin: 0 !important;
    color: #0f172a !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    letter-spacing: -0.3px !important;
}

.ct-deal-badge-pulse {
    padding: 4px 10px !important;
    background: linear-gradient(135deg, #00c6ff, #0072ff) !important;
    border-radius: 30px !important;
    color: var(--nr-white) !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    letter-spacing: 0.8px !important;
}

.ct-breathing-premium-container .ct-cross-sell-subheading {
    margin: 4px 0 20px !important;
    color: #475569 !important;
    font-size: 13px !important;
}

.ct-breathing-premium-container .ct-highlight { color: var(--nr-green) !important; font-weight: 800 !important; }

.ct-cross-sell-products-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    width: 100% !important;
    gap: 16px !important;
}

.ct-cross-sell-column-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 14px !important;
    background: var(--nr-soft-bg) !important;
    border: 1px solid #f1f5f9 !important;
    border-radius: 10px !important;
    text-align: center !important;
    transition: all 0.2s ease-in-out !important;
}

.ct-cross-sell-column-card:hover {
    background: var(--nr-white) !important;
    border-color: #e2e8f0 !important;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.04) !important;
    transform: translateY(-4px) !important;
}

.ct-cs-grid-thumb img {
    width: 85px !important;
    height: 85px !important;
    margin-bottom: 12px !important;
    background: var(--nr-white) !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    object-fit: contain !important;
}

.ct-cs-grid-details {
    flex-grow: 1 !important;
    margin-bottom: 12px !important;
}

.ct-cs-grid-details h5 {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    min-height: 34px !important;
    margin: 0 0 6px !important;
    color: #1e293b !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}

.ct-cs-grid-price,
.ct-cs-grid-price .amount {
    font-size: 14px !important;
    font-weight: 800 !important;
}

.ct-cs-grid-btn {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 9px 14px !important;
    background: var(--nr-navy) !important;
    border: 0 !important;
    border-radius: var(--nr-radius-pill) !important;
    color: var(--nr-white) !important;
    font-size: 11.5px !important;
    font-weight: 800 !important;
    text-align: center !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.ct-cs-grid-btn:hover { background: var(--nr-green) !important; color: var(--nr-white) !important; }
.ct-cs-grid-btn.loading { background: #94a3b8 !important; }
.ct-cs-grid-btn.added { display: none !important; }

@media (max-width: 900px) {
    .ct-cross-sell-products-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 12px !important; }
}

@media (max-width: 600px) {
    #ct-cart-conversion-dashboard { padding: 14px !important; gap: 12px !important; }
    .ct-shipping-status-text { font-size: 14px !important; }
    .ct-timer-status-text { flex-direction: column !important; gap: 4px !important; font-size: 12.5px !important; }
    .ct-global-wa-btn { max-width: 100% !important; font-size: 13px !important; }
    #ct-cart-wa-bridge-container { margin-top: -10px !important; padding: 12px !important; }
    .ct-left-panel-adjustment { margin-top: 15px !important; }
    #ct-cart-cross-sell-wrapper.ct-left-panel-adjustment .ct-cross-sell-card { max-width: 100% !important; }
    #ct-cart-cross-sell-wrapper.ct-breathing-premium-container { padding: 14px !important; }
    .ct-cross-sell-products-grid { grid-template-columns: 1fr !important; gap: 10px !important; }
    .ct-cross-sell-column-card { flex-direction: row !important; padding: 10px !important; gap: 12px !important; text-align: left !important; }
    .ct-cs-grid-thumb img { width: 60px !important; height: 60px !important; margin-bottom: 0 !important; }
    .ct-cs-grid-details h5 { min-height: auto !important; margin-bottom: 2px !important; font-size: 12.5px !important; }
    .ct-cs-grid-btn { width: auto !important; padding: 8px 12px !important; font-size: 11px !important; }
}

/* =========================================================
   10. ADDED TO CART / VIEW CART FALLBACK
   ========================================================= */
.ct-cart-actions .added_to_cart.wc-forward,
#ct-master-sticky-bar .added_to_cart.wc-forward,
#ct-bar-view-cart-container .added_to_cart.wc-forward {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 44px !important;
    padding: 0 20px !important;
    margin-left: 10px !important;
    background-color: var(--nr-navy) !important;
    border-radius: var(--nr-radius-pill) !important;
    box-shadow: 0 4px 12px rgba(7, 17, 31, 0.16) !important;
    color: var(--nr-white) !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    letter-spacing: 0.3px !important;
    line-height: 44px !important;
    text-decoration: none !important;
    text-transform: none !important;
    white-space: nowrap !important;
    transition: background-color 0.2s ease, transform 0.2s ease !important;
}

.ct-cart-actions .added_to_cart.wc-forward:hover,
#ct-master-sticky-bar .added_to_cart.wc-forward:hover,
#ct-bar-view-cart-container .added_to_cart.wc-forward:hover {
    background-color: var(--nr-green) !important;
    color: var(--nr-white) !important;
}

.ct-cart-actions {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 5px !important;
}

@media (max-width: 600px) {
    .ct-cart-actions .added_to_cart.wc-forward {
        width: 100% !important;
        height: 46px !important;
        margin-top: 8px !important;
        margin-left: 0 !important;
        line-height: 46px !important;
    }
}

/* =========================================================
   11. CHECKOUT PAGE OPTIMIZATION
   ========================================================= */
@media (min-width: 992px) {
    .woocommerce-checkout form.checkout {
        display: grid !important;
        grid-template-columns: minmax(320px, 0.78fr) minmax(520px, 1.22fr) !important;
        gap: 36px !important;
        align-items: flex-start !important;
    }

    .woocommerce-checkout .col2-set,
    .woocommerce-checkout #order_review,
    .woocommerce-checkout .woocommerce-checkout-review-order {
        width: 100% !important;
        max-width: 100% !important;
    }

    .woocommerce-checkout #order_review {
        position: sticky !important;
        top: 24px !important;
        align-self: flex-start !important;
    }

    .woocommerce-checkout #ct-checkout-trust-panel {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    .woocommerce-checkout #ct-checkout-trust-panel .ct-badge-item {
        padding: 9px !important;
        border-radius: 12px !important;
        background: var(--nr-white) !important;
        border: 1px solid var(--nr-border) !important;
        min-width: 0 !important;
    }

    .woocommerce-checkout #ct-checkout-trust-panel .ct-badge-info h4 {
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .woocommerce-checkout #ct-checkout-trust-panel .ct-badge-info p {
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }
}

.woocommerce-checkout .woocommerce-billing-fields,
.woocommerce-checkout .woocommerce-shipping-fields,
.woocommerce-checkout .woocommerce-additional-fields,
.woocommerce-checkout #order_review {
    background: var(--nr-white) !important;
    border: 1px solid var(--nr-border) !important;
    border-radius: 16px !important;
    box-shadow: var(--nr-shadow-soft) !important;
}

.woocommerce-checkout .woocommerce-billing-fields,
.woocommerce-checkout .woocommerce-shipping-fields,
.woocommerce-checkout .woocommerce-additional-fields {
    padding: 18px !important;
}

.woocommerce-checkout #order_review { padding: 20px !important; }

.woocommerce-checkout h3,
.woocommerce-checkout #order_review_heading {
    margin-bottom: 14px !important;
    color: var(--nr-navy) !important;
    font-weight: 900 !important;
    letter-spacing: 0.2px !important;
}

.woocommerce-checkout .form-row { margin-bottom: 11px !important; }

.woocommerce-checkout .form-row label {
    margin-bottom: 5px !important;
    color: var(--nr-navy) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

.woocommerce-checkout input.input-text,
.woocommerce-checkout textarea,
.woocommerce-checkout select,
.woocommerce-checkout .select2-container .select2-selection--single {
    min-height: 40px !important;
    padding: 8px 12px !important;
    background: var(--nr-white) !important;
    border: 1px solid var(--nr-border-strong) !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    color: var(--nr-navy) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    outline: none !important;
}

.woocommerce-checkout input.input-text:focus,
.woocommerce-checkout textarea:focus,
.woocommerce-checkout select:focus,
.woocommerce-checkout .select2-container--open .select2-selection--single,
.woocommerce-checkout #billing_address_1:focus,
.woocommerce-checkout #billing_phone:focus {
    border-color: rgba(68, 5, 111, 0.45) !important;
    box-shadow: 0 0 0 3px rgba(68, 5, 111, 0.08) !important;
}

.woocommerce-checkout textarea {
    min-height: 88px !important;
    resize: vertical !important;
}

.woocommerce-checkout .optional {
    color: #94a3b8 !important;
    font-weight: 600 !important;
}

.woocommerce-checkout .form-row .description {
    display: block !important;
    margin-top: 5px !important;
    color: var(--nr-muted) !important;
    font-size: 11.3px !important;
    line-height: 1.35 !important;
    font-weight: 600 !important;
}

.woocommerce-checkout .form-row.woocommerce-invalid input.input-text,
.woocommerce-checkout .form-row.woocommerce-invalid select,
.woocommerce-checkout .form-row.woocommerce-invalid textarea {
    border-color: var(--nr-error) !important;
    box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.08) !important;
}

.woocommerce-checkout .form-row.woocommerce-validated input.input-text,
.woocommerce-checkout .form-row.woocommerce-validated select,
.woocommerce-checkout .form-row.woocommerce-validated textarea {
    border-color: rgba(68, 5, 111, 0.35) !important;
}

.woocommerce-checkout-review-order-table {
    width: 100% !important;
    border-collapse: collapse !important;
    table-layout: fixed !important;
}

.woocommerce-checkout-review-order-table thead th {
    padding: 0 0 12px !important;
    color: var(--nr-text) !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    border-bottom: 1px solid var(--nr-border) !important;
}

.woocommerce-checkout-review-order-table thead th.product-name,
.woocommerce-checkout-review-order-table .product-name { width: 72% !important; }

.woocommerce-checkout-review-order-table thead th.product-total,
.woocommerce-checkout-review-order-table .product-total {
    width: 28% !important;
    text-align: right !important;
    white-space: nowrap !important;
}

.woocommerce-checkout-review-order-table tbody tr.cart_item { border-bottom: 1px solid #eef2f7 !important; }
.woocommerce-checkout-review-order-table tbody tr.cart_item:last-child { border-bottom: 1px solid var(--nr-border) !important; }

.woocommerce-checkout-review-order-table tbody td {
    padding: 10px 0 !important;
    vertical-align: top !important;
    border: 0 !important;
}

.woocommerce-checkout-review-order-table .product-name {
    color: var(--nr-navy) !important;
    font-size: 12.4px !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
    padding-right: 16px !important;
}

.woocommerce-checkout-review-order-table .product-name a,
.woocommerce-checkout-review-order-table .product-name .ct-product-title {
    color: var(--nr-navy) !important;
    text-decoration: none !important;
}

.woocommerce-checkout-review-order-table .product-quantity {
    margin-left: 4px !important;
    color: var(--nr-green) !important;
    font-size: 11.5px !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
}

.woocommerce-checkout-review-order-table .product-total {
    color: var(--nr-navy) !important;
    font-size: 12.6px !important;
    font-weight: 900 !important;
}

.woocommerce-checkout-review-order-table .product-total .amount {
    color: #686c72 !important;
    font-weight: 900 !important;
}

.woocommerce-checkout-review-order-table del {
    display: block !important;
    color: #94a3b8 !important;
    font-size: 10.5px !important;
    font-weight: 500 !important;
    line-height: 1.15 !important;
}

.woocommerce-checkout-review-order-table ins {
    display: block !important;
    color: var(--nr-navy) !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
}

.woocommerce-checkout-review-order-table .product-total small,
.woocommerce-checkout-review-order-table .product-total .save,
.woocommerce-checkout-review-order-table .product-total [class*="save"],
.woocommerce-checkout-review-order-table .product-total [class*="saving"] {
    display: block !important;
    margin-top: 2px !important;
    color: var(--nr-green) !important;
    font-size: 10.6px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
}

.woocommerce-checkout-review-order-table .product-name small,
.woocommerce-checkout-review-order-table .product-name .wc-item-meta,
.woocommerce-checkout-review-order-table .product-name .variation {
    display: block !important;
    margin-top: 4px !important;
    color: var(--nr-muted) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
}

.woocommerce-checkout-review-order-table tfoot tr { border-top: 1px dashed var(--nr-border) !important; }

.woocommerce-checkout-review-order-table tfoot th,
.woocommerce-checkout-review-order-table tfoot td {
    padding: 10px 0 !important;
    color: var(--nr-text) !important;
    font-size: 12.5px !important;
    font-weight: 800 !important;
}

.woocommerce-checkout-review-order-table tfoot td { text-align: right !important; }

.woocommerce-checkout-review-order-table tfoot .cart-subtotal .amount,
.woocommerce-checkout-review-order-table tfoot .tax-total .amount {
    color: var(--nr-navy) !important;
    font-weight: 900 !important;
}

.woocommerce-checkout-review-order-table tfoot .order-total th,
.woocommerce-checkout-review-order-table tfoot .order-total td {
    color: var(--nr-navy) !important;
    font-size: 15px !important;
    font-weight: 900 !important;
}

.woocommerce-checkout-review-order-table tfoot .order-total .amount {
    color: var(--nr-green) !important;
    font-size: 17px !important;
    font-weight: 900 !important;
}

.woocommerce-checkout #shipping_method {
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
}

.woocommerce-checkout #shipping_method li {
    margin: 0 0 7px !important;
    padding: 0 !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
}

.woocommerce-checkout #shipping_method label {
    color: var(--nr-text) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

.woocommerce-checkout #shipping_method input[type="radio"],
.woocommerce-checkout #payment input[type="radio"],
.woocommerce-checkout input[type="checkbox"] {
    accent-color: var(--nr-green) !important;
}

.woocommerce-checkout #payment {
    margin-top: 14px !important;
    padding: 12px !important;
    background: var(--nr-white) !important;
    border: 1px solid var(--nr-border) !important;
    border-radius: 14px !important;
}

.woocommerce-checkout #payment ul.payment_methods {
    margin: 0 0 10px !important;
    padding: 0 0 10px !important;
    border-bottom: 1px dashed var(--nr-border) !important;
}

.woocommerce-checkout #payment ul.payment_methods li {
    color: var(--nr-navy) !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

.woocommerce-checkout #payment div.payment_box {
    margin: 8px 0 0 !important;
    padding: 10px 12px !important;
    background: var(--nr-soft-bg) !important;
    border: 1px solid var(--nr-border) !important;
    border-radius: 10px !important;
    color: #475569 !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
}

.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper {
    color: #475569 !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
}

.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper a {
    color: var(--nr-green) !important;
    font-weight: 800 !important;
}

.woocommerce-checkout #place_order {
    width: 100% !important;
    min-height: 48px !important;
    font-size: 14px !important;
    box-shadow: 0 8px 18px rgba(68, 5, 111, 0.14) !important;
}

.woocommerce-checkout #place_order:hover {
    box-shadow: 0 12px 24px rgba(68, 5, 111, 0.18) !important;
}

.woocommerce-checkout #ct-checkout-live-pulse {
    margin-top: 12px !important;
    padding: 7px 10px !important;
    border-radius: 10px !important;
}

.woocommerce-checkout #ct-checkout-live-pulse p {
    color: #166534 !important;
    font-size: 11.8px !important;
    line-height: 1.35 !important;
}

.woocommerce-checkout #ct-checkout-trust-panel {
    margin-top: 10px !important;
    padding: 10px !important;
    gap: 7px !important;
    border-radius: 12px !important;
    background: var(--nr-soft-bg) !important;
    border: 1px solid var(--nr-border) !important;
}

.woocommerce-checkout #ct-checkout-trust-panel .ct-badge-item {
    gap: 8px !important;
    align-items: center !important;
}

.woocommerce-checkout #ct-checkout-trust-panel .ct-badge-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    padding: 0 !important;
    background: var(--nr-white) !important;
    border: 1px solid var(--nr-border) !important;
    border-radius: var(--nr-radius-pill) !important;
    font-size: 14px !important;
}

.woocommerce-checkout #ct-checkout-trust-panel .ct-badge-info h4 {
    margin: 0 0 1px !important;
    color: var(--nr-navy) !important;
    font-size: 12.2px !important;
    font-weight: 900 !important;
}

.woocommerce-checkout #ct-checkout-trust-panel .ct-badge-info p {
    margin: 0 !important;
    color: var(--nr-muted) !important;
    font-size: 10.8px !important;
    line-height: 1.3 !important;
}

.woocommerce-checkout #ct-checkout-help-bridge {
    margin-top: 12px !important;
    padding-top: 12px !important;
    border-top: 1px dashed var(--nr-border) !important;
    text-align: center !important;
}

.woocommerce-checkout #ct-checkout-help-bridge p {
    margin: 0 0 8px !important;
    color: var(--nr-muted) !important;
    font-size: 11.8px !important;
    font-weight: 700 !important;
}

.woocommerce-checkout #ct-checkout-help-bridge .ct-global-wa-btn {
    max-width: 100% !important;
    min-height: 40px !important;
    padding: 10px 14px !important;
    background: var(--nr-white) !important;
    border: 1px solid rgba(68, 5, 111, 0.28) !important;
    box-shadow: none !important;
    color: var(--nr-green) !important;
    font-size: 12.5px !important;
}

.woocommerce-checkout #ct-checkout-help-bridge .ct-global-wa-btn svg { fill: var(--nr-green) !important; }

.woocommerce-checkout #ct-checkout-help-bridge .ct-global-wa-btn:hover {
    background: var(--nr-green-soft) !important;
    border-color: rgba(68, 5, 111, 0.45) !important;
    color: var(--nr-green) !important;
}

.woocommerce-checkout .ct-checkout-confirmation-note,
.woocommerce-checkout .ct-checkout-dispatch-note {
    margin: 10px 0 12px !important;
    padding: 10px 12px !important;
    background: #f0fdf4 !important;
    border: 1px solid #bbf7d0 !important;
    border-radius: 12px !important;
    color: #166534 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1.45 !important;
}

.woocommerce-checkout .ct-checkout-confirmation-note strong,
.woocommerce-checkout .ct-checkout-dispatch-note strong {
    color: var(--nr-green) !important;
    font-weight: 900 !important;
}

.woocommerce-checkout .ct-checkout-privacy-note {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    margin: 0 0 14px !important;
    padding: 12px 13px !important;
    background: var(--nr-soft-bg) !important;
    border: 1px solid var(--nr-border) !important;
    border-radius: 14px !important;
}

.woocommerce-checkout .ct-checkout-privacy-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    background: var(--nr-green-soft) !important;
    border: 1px solid rgba(68, 5, 111, 0.14) !important;
    border-radius: var(--nr-radius-pill) !important;
    font-size: 15px !important;
}

.woocommerce-checkout .ct-checkout-privacy-content strong {
    display: block !important;
    margin: 0 0 4px !important;
    color: var(--nr-navy) !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
}

.woocommerce-checkout .ct-checkout-privacy-content p {
    margin: 0 !important;
    color: var(--nr-muted) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1.45 !important;
}

.woocommerce-checkout .woocommerce-error,
.woocommerce-checkout .woocommerce-NoticeGroup-checkout .woocommerce-error {
    padding: 13px 15px !important;
    background: #fff5f5 !important;
    border: 1px solid #fecaca !important;
    border-left: 4px solid var(--nr-error) !important;
    border-radius: 12px !important;
    color: #7f1d1d !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
}

.woocommerce-checkout .woocommerce-error li { margin: 4px 0 !important; }

.woocommerce-checkout .woocommerce-message,
.woocommerce-checkout .woocommerce-info {
    padding: 13px 15px !important;
    background: #f0fdf4 !important;
    border: 1px solid #bbf7d0 !important;
    border-left: 4px solid var(--nr-green) !important;
    border-radius: 12px !important;
    color: #166534 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}

.woocommerce-checkout .woocommerce-form-coupon-toggle,
.woocommerce-checkout .checkout_coupon {
    display: none !important;
}

@media (max-width: 991px) {
    .woocommerce-checkout form.checkout { display: block !important; }
    .woocommerce-checkout #order_review { position: static !important; top: auto !important; }
    .woocommerce-checkout #ct-checkout-trust-panel { display: flex !important; flex-direction: column !important; }
}

@media (max-width: 768px) {
    .woocommerce-checkout .woocommerce-billing-fields,
    .woocommerce-checkout .woocommerce-shipping-fields,
    .woocommerce-checkout .woocommerce-additional-fields,
    .woocommerce-checkout #order_review {
        padding: 14px !important;
        border-radius: 14px !important;
    }

    .woocommerce-checkout input.input-text,
    .woocommerce-checkout textarea,
    .woocommerce-checkout select,
    .woocommerce-checkout .select2-container .select2-selection--single {
        min-height: 40px !important;
        font-size: 12.8px !important;
    }

    .woocommerce-checkout textarea { min-height: 84px !important; }

    .woocommerce-checkout-review-order-table thead th.product-name,
    .woocommerce-checkout-review-order-table .product-name { width: 68% !important; }

    .woocommerce-checkout-review-order-table thead th.product-total,
    .woocommerce-checkout-review-order-table .product-total { width: 32% !important; }

    .woocommerce-checkout-review-order-table .product-name {
        padding-right: 9px !important;
        font-size: 11.8px !important;
    }

    .woocommerce-checkout-review-order-table .product-total { font-size: 11.8px !important; }
    .woocommerce-checkout #place_order { min-height: 48px !important; font-size: 14px !important; }
    .woocommerce-checkout .ct-checkout-confirmation-note,
    .woocommerce-checkout .ct-checkout-dispatch-note { padding: 9px 10px !important; font-size: 11.7px !important; }
    .woocommerce-checkout .form-row .description { font-size: 11px !important; }
    .woocommerce-checkout .ct-checkout-privacy-note { padding: 11px !important; border-radius: 13px !important; }
    .woocommerce-checkout .ct-checkout-privacy-icon { width: 30px !important; height: 30px !important; min-width: 30px !important; font-size: 14px !important; }
    .woocommerce-checkout .ct-checkout-privacy-content strong { font-size: 12.5px !important; }
    .woocommerce-checkout .ct-checkout-privacy-content p { font-size: 11.5px !important; }
}

/* =========================================================
   12. THANK YOU / ORDER RECEIVED PAGE
   ========================================================= */
.woocommerce-order {
    max-width: 1180px;
    margin: 0 auto;
}

.woocommerce-order .woocommerce-thankyou-order-received { margin: 0 0 18px !important; }

.woocommerce-order > .woocommerce-message:empty,
.woocommerce-order > .woocommerce-info:empty,
.woocommerce-order > p:empty,
.woocommerce-order .woocommerce-notices-wrapper:empty,
.woocommerce-order .woocommerce-NoticeGroup:empty {
    display: none !important;
}

.ct-thankyou-hero {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    margin: 0 0 22px;
    padding: 24px;
    border-radius: 18px;
}

.ct-thankyou-hero-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    min-width: 48px;
    background: var(--nr-green);
    border-radius: var(--nr-radius-pill);
    box-shadow: 0 8px 18px rgba(68, 5, 111, 0.18);
    color: var(--nr-white);
    font-size: 24px;
    font-weight: 900;
}

.ct-thankyou-hero-content h2 {
    margin: 0 0 7px;
    color: var(--nr-navy);
    font-size: 24px;
    font-weight: 900;
    line-height: 1.25;
}

.ct-thankyou-hero-content p {
    margin: 0 0 16px;
    color: var(--nr-muted);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.55;
}

.ct-thankyou-summary-grid,
.ct-thankyou-steps-grid,
.ct-track-result-grid,
.ct-parcel-tracking-grid {
    display: grid;
    gap: 10px;
}

.ct-thankyou-summary-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0 0 16px; }
.ct-thankyou-steps-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.ct-track-result-grid,
.ct-parcel-tracking-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); margin-bottom: 14px; }

.ct-thankyou-summary-grid div,
.ct-thankyou-step,
.ct-track-result-grid div,
.ct-parcel-tracking-grid div {
    padding: 12px;
    background: var(--nr-soft-bg);
    border: 1px solid var(--nr-border);
    border-radius: 13px;
}

.ct-thankyou-summary-grid span,
.ct-track-result-grid span,
.ct-parcel-tracking-grid span,
.ct-track-date-box span,
.ct-track-total-box span {
    display: block;
    margin-bottom: 4px;
    color: var(--nr-muted);
    font-size: 11.5px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.25px;
}

.ct-thankyou-summary-grid strong,
.ct-track-result-grid strong,
.ct-parcel-tracking-grid strong,
.ct-track-date-box strong,
.ct-track-total-box strong {
    display: block;
    color: var(--nr-navy);
    font-size: 13.5px;
    font-weight: 900;
    word-break: break-word;
}

.ct-thankyou-whatsapp-btn {
    min-height: 44px;
    padding: 11px 22px;
    font-size: 14px;
    box-shadow: 0 8px 18px rgba(68, 5, 111, 0.14);
}

.ct-thankyou-next-steps {
    margin: 0 0 18px;
    padding: 20px;
    border-radius: 18px;
}

.ct-thankyou-next-steps h3,
.woocommerce-order .woocommerce-order-details__title,
.woocommerce-order .woocommerce-column__title {
    margin: 0 0 14px;
    color: var(--nr-navy);
    font-size: 18px;
    font-weight: 900;
}

.ct-thankyou-step { min-height: 112px !important; border-radius: 14px; }

.ct-thankyou-step span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    margin-bottom: 8px;
    background: var(--nr-green-soft);
    border-radius: var(--nr-radius-pill);
    color: var(--nr-green);
    font-size: 12px;
    font-weight: 900;
}

.ct-thankyou-step strong {
    display: block;
    margin-bottom: 4px;
    color: var(--nr-navy);
    font-size: 13.2px !important;
    font-weight: 900;
}

.ct-thankyou-step p {
    margin: 0;
    color: var(--nr-muted);
    font-size: 12px !important;
    font-weight: 600;
    line-height: 1.4;
}

.ct-thankyou-privacy-note,
.ct-thankyou-courier-note,
.ct-thankyou-whatsapp-guide {
    margin: 0 0 16px;
    padding: 14px 16px;
    border-radius: 14px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.5;
}

.ct-thankyou-privacy-note,
.ct-thankyou-whatsapp-guide {
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    color: #166534;
}

.ct-thankyou-privacy-note strong,
.ct-thankyou-whatsapp-guide strong {
    display: block;
    margin-bottom: 4px;
    color: var(--nr-green) !important;
    font-size: 13px;
    font-weight: 900;
}

.ct-thankyou-privacy-note p,
.ct-thankyou-whatsapp-guide p {
    margin: 0 0 11px !important;
    color: #166534 !important;
    font-size: 12.3px;
    font-weight: 600;
    line-height: 1.45;
}

.ct-thankyou-courier-note {
    background: var(--nr-white) !important;
    border: 1px dashed #cbd5e1;
    color: #475569;
    font-size: 12.3px !important;
}

.ct-thankyou-courier-note strong {
    color: var(--nr-navy);
    font-weight: 900;
}

.woocommerce-order .woocommerce-order-overview,
.woocommerce-order .woocommerce-table--order-details,
.woocommerce-order .woocommerce-customer-details address {
    background: var(--nr-white);
    border: 1px solid var(--nr-border) !important;
    border-radius: 16px;
    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.03);
}

.woocommerce-order .woocommerce-order-overview { padding: 16px !important; }
.woocommerce-order .woocommerce-table--order-details { width: 100% !important; overflow: hidden; table-layout: fixed !important; }

.woocommerce-order .woocommerce-table--order-details th,
.woocommerce-order .woocommerce-table--order-details td {
    padding: 12px 14px !important;
    border-color: #eef2f7 !important;
    font-size: 13px;
}

.woocommerce-order .woocommerce-table--order-details .product-name { width: 72% !important; }

.woocommerce-order .woocommerce-table--order-details .product-total,
.woocommerce-order .woocommerce-table--order-details tfoot td {
    width: 28% !important;
    text-align: right !important;
    white-space: nowrap !important;
}

.woocommerce-order .woocommerce-table--order-details tfoot tr:last-child th,
.woocommerce-order .woocommerce-table--order-details tfoot tr:last-child td {
    color: var(--nr-green);
    font-weight: 900;
}

.woocommerce-order .woocommerce-customer-details address {
    padding: 16px !important;
    color: var(--nr-text);
    line-height: 1.6;
}

.woocommerce-Price-amount,
.woocommerce-Price-amount.amount,
.woocommerce-Price-amount bdi,
.woocommerce-Price-currencySymbol,
.woocommerce-order .amount,
.woocommerce-order .amount bdi,
.woocommerce-checkout-review-order-table .amount,
.woocommerce-checkout-review-order-table .amount bdi,
.woocommerce-table--order-details .amount,
.woocommerce-table--order-details .amount bdi,
.woocommerce-order .woocommerce-order-overview li strong {
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
}

.woocommerce-Price-currencySymbol { display: inline !important; }

@media (max-width: 768px) {
    .ct-thankyou-hero {
        flex-direction: column;
        padding: 18px;
        gap: 12px;
        border-radius: 16px;
    }

    .ct-thankyou-hero-content h2 { font-size: 20px; }
    .ct-thankyou-summary-grid,
    .ct-thankyou-steps-grid,
    .ct-track-result-grid,
    .ct-parcel-tracking-grid { grid-template-columns: 1fr; }
    .ct-thankyou-whatsapp-btn { width: 100%; }
    .ct-thankyou-step { min-height: auto !important; }
    .ct-thankyou-next-steps { padding: 16px; border-radius: 16px; }
    .ct-thankyou-privacy-note,
    .ct-thankyou-courier-note,
    .ct-thankyou-whatsapp-guide { padding: 12px !important; border-radius: 13px; font-size: 12px; }
    .ct-thankyou-whatsapp-guide strong { font-size: 12.5px; }
    .ct-thankyou-whatsapp-guide p { font-size: 11.8px; }
    .ct-thankyou-whatsapp-guide .ct-thankyou-whatsapp-btn { width: 100% !important; }
    .woocommerce-order .woocommerce-table--order-details th,
    .woocommerce-order .woocommerce-table--order-details td { padding: 10px !important; font-size: 12px; }
    .woocommerce-order .woocommerce-table--order-details .product-name { width: 68% !important; }
    .woocommerce-order .woocommerce-table--order-details .product-total { width: 32% !important; }
}

/* =========================================================
   13. PARCEL TRACKING CARD + TRACK ORDER PAGE
   ========================================================= */
.ct-parcel-tracking-card,
.ct-track-result-card,
.ct-track-order-hero,
.ct-track-order-form-card,
.ct-track-order-info-card {
    border-radius: 18px;
}

.ct-parcel-tracking-card {
    margin: 22px 0;
    padding: 20px;
}

.ct-parcel-tracking-header,
.ct-track-order-hero {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.ct-parcel-tracking-header { margin-bottom: 14px; }

.ct-parcel-tracking-icon,
.ct-track-order-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--nr-green-soft);
    border: 1px solid rgba(68, 5, 111, 0.16);
    border-radius: var(--nr-radius-pill);
}

.ct-parcel-tracking-icon {
    width: 42px;
    height: 42px;
    min-width: 42px;
    font-size: 20px;
}

.ct-track-order-icon {
    width: 50px;
    height: 50px;
    min-width: 50px;
    font-size: 24px;
}

.ct-parcel-tracking-header h3,
.ct-track-order-hero h2,
.ct-track-order-form-card h3,
.ct-track-order-info-card h3,
.ct-track-result-card h3 {
    margin: 0 0 7px;
    color: var(--nr-navy);
    font-weight: 900;
    line-height: 1.25;
}

.ct-parcel-tracking-header h3 { font-size: 18px; }
.ct-track-order-hero h2 { font-size: 28px; }
.ct-track-order-form-card h3,
.ct-track-order-info-card h3,
.ct-track-result-card h3 { font-size: 18px; }

.ct-parcel-tracking-header p,
.ct-track-order-hero p,
.ct-track-result-header p {
    margin: 0;
    color: var(--nr-muted);
    font-weight: 600;
    line-height: 1.45;
}

.ct-parcel-tracking-header p { font-size: 13px; }
.ct-track-order-hero p { font-size: 14px; line-height: 1.55; }
.ct-track-result-header p { font-size: 12.5px; }

.ct-parcel-status-pill,
.ct-track-status-pill {
    display: inline-flex;
    width: fit-content;
    border-radius: var(--nr-radius-pill);
    font-weight: 900;
    line-height: 1;
}

.ct-parcel-status-pill {
    margin: 0 0 14px;
    padding: 7px 11px;
    background: var(--nr-soft-bg);
    border: 1px solid var(--nr-border);
    color: var(--nr-text);
    font-size: 12px;
}

.ct-track-status-pill {
    padding: 8px 11px;
    background: var(--nr-soft-bg);
    border: 1px solid var(--nr-border);
    color: var(--nr-text);
    font-size: 12px;
}

.ct-parcel-status-pending,
.ct-track-status-pending,
.ct-parcel-status-advance,
.ct-track-status-advance {
    background: var(--nr-amber-bg) !important;
    border-color: var(--nr-amber-border) !important;
    color: var(--nr-amber-text) !important;
}

.ct-parcel-status-confirmed,
.ct-track-status-confirmed {
    background: #eff6ff !important;
    border-color: #bfdbfe !important;
    color: #1d4ed8 !important;
}

.ct-parcel-status-dispatched,
.ct-track-status-dispatched {
    background: var(--nr-green-soft) !important;
    border-color: rgba(68, 5, 111, 0.18) !important;
    color: var(--nr-green) !important;
}

.ct-parcel-status-delivered,
.ct-track-status-delivered {
    background: #f0fdf4 !important;
    border-color: #bbf7d0 !important;
    color: #166534 !important;
}

.ct-parcel-status-hold,
.ct-track-status-hold {
    background: #fff5f5 !important;
    border-color: #fecaca !important;
    color: #b91c1c !important;
}

.ct-parcel-note,
.ct-parcel-pending-box,
.ct-track-note,
.ct-track-pending-card {
    margin-top: 12px;
    padding: 12px 13px;
    background: var(--nr-soft-bg);
    border: 1px dashed #cbd5e1;
    border-radius: 13px;
    color: #475569;
    font-size: 12.5px;
    font-weight: 600;
    line-height: 1.45;
}

.ct-parcel-pending-box strong,
.ct-track-pending-card strong {
    display: block;
    margin-bottom: 4px;
    color: var(--nr-navy);
    font-size: 13px;
    font-weight: 900;
}

.ct-parcel-pending-box p,
.ct-track-pending-card p { margin: 0; }

.ct-parcel-track-btn,
.ct-track-online-btn {
    min-height: 42px;
    padding: 10px 18px;
    font-size: 13px;
    box-shadow: 0 8px 18px rgba(68, 5, 111, 0.14);
}

.ct-track-order-page {
    max-width: 1180px;
    margin: 0 auto;
}

.ct-track-order-hero {
    margin: 0 0 22px;
    padding: 24px;
    gap: 16px;
    border-radius: 20px;
}

.ct-track-order-layout {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap: 20px;
    margin-bottom: 22px;
}

.ct-track-order-form-card,
.ct-track-order-info-card,
.ct-track-result-card {
    padding: 22px;
}

.ct-track-field { margin-bottom: 14px; }

.ct-track-field label {
    display: block;
    margin-bottom: 6px;
    color: var(--nr-navy);
    font-size: 12.5px;
    font-weight: 900;
}

.ct-track-field input {
    width: 100%;
    min-height: 44px;
    padding: 10px 13px;
    background: var(--nr-white);
    border: 1px solid var(--nr-border-strong);
    border-radius: 12px;
    box-shadow: none;
    color: var(--nr-navy);
    font-size: 13px;
    font-weight: 700;
    outline: none;
}

.ct-track-field input:focus {
    border-color: rgba(68, 5, 111, 0.45);
    box-shadow: 0 0 0 3px rgba(68, 5, 111, 0.08);
}

.ct-track-field span {
    display: block;
    margin-top: 5px;
    color: var(--nr-muted);
    font-size: 11.5px;
    font-weight: 600;
    line-height: 1.35;
}

.ct-track-order-submit {
    width: 100%;
    min-height: 46px;
    font-size: 14px;
    cursor: pointer;
    box-shadow: 0 8px 18px rgba(68, 5, 111, 0.14);
}

.ct-track-order-error {
    margin-top: 14px;
    padding: 12px 13px;
    background: #fff5f5;
    border: 1px solid #fecaca;
    border-radius: 12px;
    color: #7f1d1d;
    font-size: 12.5px;
    font-weight: 800;
    line-height: 1.45;
}

.ct-track-order-help-box {
    margin-top: 14px;
    padding: 12px 13px;
    background: var(--nr-soft-bg);
    border: 1px dashed #cbd5e1;
    border-radius: 12px;
    color: #475569;
    font-size: 12px;
    line-height: 1.45;
}

.ct-track-order-help-box strong {
    display: block;
    margin-bottom: 3px;
    color: var(--nr-navy);
    font-weight: 900;
}

.ct-track-steps {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.ct-track-steps div {
    padding: 13px;
    background: var(--nr-soft-bg);
    border: 1px solid var(--nr-border);
    border-radius: 14px;
}

.ct-track-steps span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    margin-bottom: 8px;
    background: var(--nr-green-soft);
    border-radius: var(--nr-radius-pill);
    color: var(--nr-green);
    font-size: 12px;
    font-weight: 900;
}

.ct-track-steps strong {
    display: block;
    margin-bottom: 4px;
    color: var(--nr-navy);
    font-size: 12.8px;
    font-weight: 900;
}

.ct-track-steps p {
    margin: 0;
    color: var(--nr-muted);
    font-size: 11.8px;
    font-weight: 600;
    line-height: 1.4;
}

.ct-track-privacy-note {
    margin-top: 12px;
    padding: 13px;
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    border-radius: 14px;
}

.ct-track-privacy-note strong {
    display: block;
    margin-bottom: 3px;
    color: var(--nr-green);
    font-size: 13px;
    font-weight: 900;
}

.ct-track-privacy-note p {
    margin: 0;
    color: #166534;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.45;
}

.ct-track-result-card { margin-top: 20px; }

.ct-track-result-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 14px;
}

.ct-track-small-label {
    display: inline-flex;
    margin-bottom: 5px;
    padding: 5px 9px;
    background: var(--nr-green-soft);
    border-radius: var(--nr-radius-pill);
    color: var(--nr-green);
    font-size: 11px;
    font-weight: 900;
}

.ct-track-result-header h3 {
    margin-bottom: 5px;
    font-size: 22px;
}

.ct-track-header-meta {
    display: flex !important;
    align-items: stretch !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    min-width: 360px !important;
}

.ct-track-date-box,
.ct-track-total-box {
    min-width: 160px !important;
    padding: 13px 15px !important;
    background: var(--nr-soft-bg) !important;
    border: 1px solid var(--nr-border) !important;
    border-radius: 14px !important;
    text-align: right !important;
}

.ct-track-total-box strong {
    color: var(--nr-green) !important;
    font-size: 16px;
    white-space: nowrap;
}

.ct-track-status-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 14px;
}

.ct-track-whatsapp-help {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    margin-top: 10px;
    padding: 10px 18px;
    background: var(--nr-white);
    border: 1px solid rgba(68, 5, 111, 0.28);
    border-radius: var(--nr-radius-pill);
    color: var(--nr-green) !important;
    font-size: 13px;
    font-weight: 900;
    text-decoration: none !important;
    transition: all 0.22s ease;
}

.ct-track-whatsapp-help:hover {
    background: var(--nr-green-soft);
    color: var(--nr-green) !important;
    transform: translateY(-1px);
}

.ct-track-advance-card ~ .ct-track-whatsapp-help {
    background: var(--nr-green) !important;
    border-color: var(--nr-green) !important;
    box-shadow: 0 8px 18px rgba(68, 5, 111, 0.14) !important;
    color: var(--nr-white) !important;
}

.ct-track-advance-card ~ .ct-track-whatsapp-help:hover {
    background: var(--nr-green-hover) !important;
    border-color: var(--nr-green-hover) !important;
    color: var(--nr-white) !important;
}

.ct-track-order-page .amount,
.ct-track-order-page .woocommerce-Price-amount,
.ct-track-order-page .woocommerce-Price-amount bdi,
.ct-track-order-page .woocommerce-Price-currencySymbol {
    white-space: nowrap !important;
}

/* Advance payment card + Easypaisa row */
.ct-track-advance-card {
    margin: 0 0 14px !important;
    padding: 16px !important;
    background: var(--nr-amber-bg) !important;
    border: 1px solid var(--nr-amber-border) !important;
    border-radius: 14px !important;
    color: var(--nr-amber-text) !important;
}

.ct-track-advance-card strong {
    display: block !important;
    margin-bottom: 8px !important;
    color: var(--nr-amber-dark) !important;
    font-size: 14px !important;
    font-weight: 900 !important;
}

.ct-track-advance-card p {
    margin: 0 0 10px !important;
    color: var(--nr-amber-text) !important;
    font-size: 12.8px !important;
    font-weight: 700 !important;
    line-height: 1.55 !important;
}

.ct-track-advance-card p:last-child { margin-bottom: 0 !important; }

.ct-track-advance-card .ct-track-advance-number-wrap {
    display: inline-flex !important;
    align-items: center !important;
    width: fit-content !important;
    max-width: 100% !important;
    margin: 10px 0 13px !important;
    padding: 7px 9px !important;
    gap: 10px !important;
    background: var(--nr-white) !important;
    border: 1px solid #fdba74 !important;
    border-radius: var(--nr-radius-pill) !important;
}

.ct-track-advance-card .ct-track-easypaisa-label {
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
    gap: 7px !important;
    white-space: nowrap !important;
}

.ct-track-advance-card .ct-track-easypaisa-label img,
.ct-track-advance-card img[src*="easypaisa-payment"] {
    display: inline-block !important;
    width: 54px !important;
    height: 24px !important;
    min-width: 54px !important;
    max-width: 54px !important;
    max-height: 24px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    object-fit: contain !important;
}

.ct-track-advance-card .ct-track-easypaisa-label span {
    display: inline-block !important;
    margin: 0 !important;
    color: var(--nr-amber-dark) !important;
    font-size: 11.5px !important;
    font-weight: 900 !important;
    letter-spacing: 0.3px !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

.ct-track-advance-card .ct-track-advance-number {
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 7px 12px !important;
    background: var(--nr-amber-bg) !important;
    border: 1px solid #fdba74 !important;
    border-radius: var(--nr-radius-pill) !important;
    color: var(--nr-navy) !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    letter-spacing: 0.3px !important;
    white-space: nowrap !important;
}

.ct-track-result-grid:empty { display: none !important; }

@media (max-width: 768px) {
    .ct-parcel-tracking-card,
    .ct-track-order-form-card,
    .ct-track-order-info-card,
    .ct-track-result-card,
    .ct-track-advance-card {
        padding: 16px !important;
        border-radius: 16px;
    }

    .ct-parcel-track-btn,
    .ct-track-online-btn,
    .ct-track-whatsapp-help { width: 100%; }

    .ct-parcel-tracking-header h3 { font-size: 16px; }
    .ct-parcel-tracking-header p,
    .ct-parcel-note,
    .ct-parcel-pending-box { font-size: 12px; }

    .ct-track-order-hero {
        flex-direction: column;
        padding: 18px;
        border-radius: 16px;
    }

    .ct-track-order-hero h2 { font-size: 22px; }
    .ct-track-order-layout { grid-template-columns: 1fr; }
    .ct-track-steps { grid-template-columns: 1fr; }
    .ct-track-result-header { flex-direction: column; }

    .ct-track-header-meta {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        width: 100% !important;
        min-width: 0 !important;
        gap: 8px !important;
    }

    .ct-track-date-box,
    .ct-track-total-box {
        min-width: 0 !important;
        text-align: left !important;
    }
}

@media (max-width: 480px) {
    .ct-track-advance-card .ct-track-advance-number-wrap {
        display: flex !important;
        justify-content: space-between !important;
        width: 100% !important;
        border-radius: 16px !important;
    }

    .ct-track-advance-card .ct-track-easypaisa-label img,
    .ct-track-advance-card img[src*="easypaisa-payment"] {
        width: 48px !important;
        min-width: 48px !important;
    }

    .ct-track-advance-card .ct-track-easypaisa-label span { font-size: 10.8px !important; }

    .ct-track-advance-card .ct-track-advance-number {
        padding: 7px 10px !important;
        font-size: 13px !important;
    }
}

/* =========================================================
   14. HEADER / FOOTER IMPORTANT LINKS
   Requires menu item CSS classes: ds-menu-track, ds-menu-whatsapp
   ========================================================= */
.ct-header .ds-menu-track > a,
.ct-header .ds-menu-whatsapp > a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 30px !important;
    padding: 6px 10px !important;
    border-radius: var(--nr-radius-pill) !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

.ct-header .ds-menu-track > a {
    background: var(--nr-primary-soft) !important;
    border: 1px solid rgba(68, 5, 111, 0.16) !important;
    color: var(--nr-primary) !important;
}

.ct-header .ds-menu-whatsapp > a {
    gap: 6px !important;
    background: var(--nr-white) !important;
    border: 1px solid rgba(22, 163, 74, 0.30) !important;
    color: var(--nr-whatsapp-hover) !important;
}

.ct-header .ds-menu-whatsapp > a::before {
    content: "✆" !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 18px !important;
    height: 18px !important;
    border-radius: var(--nr-radius-pill) !important;
    background: var(--nr-success-soft) !important;
    color: var(--nr-whatsapp-hover) !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}

.ct-header .ds-menu-track > a:hover {
    background: var(--nr-primary) !important;
    border-color: var(--nr-primary) !important;
    color: var(--nr-white) !important;
}

.ct-header .ds-menu-whatsapp > a:hover {
    background: var(--nr-whatsapp-hover) !important;
    border-color: var(--nr-whatsapp-hover) !important;
    color: var(--nr-white) !important;
}

.footer-help-links {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
}

.footer-help-links a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    transition: opacity 0.2s ease, transform 0.2s ease !important;
}

.footer-help-links a:hover {
    opacity: 0.75 !important;
    transform: translateY(-1px) !important;
}

.footer-whatsapp-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 18px !important;
    height: 18px !important;
    border-radius: var(--nr-radius-pill) !important;
    background: var(--nr-success-soft) !important;
    color: var(--nr-whatsapp-hover) !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}

@media (max-width: 768px) {
    .ct-header .ds-menu-track > a,
    .ct-header .ds-menu-whatsapp > a {
        display: flex !important;
        width: fit-content !important;
        margin: 4px 0 !important;
    }
}

@media (max-width: 600px) {
    .footer-help-links {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 4px !important;
    }
}

/* =========================================================
   15. NOROZ SEMANTIC COLOR OVERRIDES
   Purple = primary brand. Green remains for WhatsApp/success.
   ========================================================= */
.ct-global-wa-btn,
.ct-thankyou-whatsapp-btn,
.ct-track-advance-card ~ .ct-track-whatsapp-help {
    background: var(--nr-whatsapp) !important;
    border-color: var(--nr-whatsapp) !important;
    color: var(--nr-white) !important;
}

.ct-global-wa-btn:hover,
.ct-thankyou-whatsapp-btn:hover,
.ct-track-advance-card ~ .ct-track-whatsapp-help:hover {
    background: var(--nr-whatsapp-hover) !important;
    border-color: var(--nr-whatsapp-hover) !important;
    color: var(--nr-white) !important;
}

.woocommerce-checkout #ct-checkout-help-bridge .ct-global-wa-btn {
    background: var(--nr-white) !important;
    border-color: rgba(22, 163, 74, 0.28) !important;
    color: var(--nr-whatsapp-hover) !important;
}

.woocommerce-checkout #ct-checkout-help-bridge .ct-global-wa-btn:hover {
    background: var(--nr-success-soft) !important;
    border-color: rgba(22, 163, 74, 0.45) !important;
    color: var(--nr-whatsapp-hover) !important;
}

.ct-parcel-status-dispatched,
.ct-track-status-dispatched,
.ct-parcel-status-delivered,
.ct-track-status-delivered {
    background: var(--nr-success-soft) !important;
    border-color: rgba(22, 163, 74, 0.20) !important;
    color: var(--nr-success) !important;
}

.ct-track-privacy-note,
.ct-thankyou-privacy-note,
.ct-thankyou-whatsapp-guide,
.woocommerce-checkout .ct-checkout-confirmation-note,
.woocommerce-checkout .ct-checkout-dispatch-note,
.woocommerce-checkout .woocommerce-message,
.woocommerce-checkout .woocommerce-info {
    background: var(--nr-success-soft) !important;
    border-color: rgba(22, 163, 74, 0.20) !important;
}

.ct-track-privacy-note strong,
.ct-thankyou-privacy-note strong,
.ct-thankyou-whatsapp-guide strong,
.woocommerce-checkout .ct-checkout-confirmation-note strong,
.woocommerce-checkout .ct-checkout-dispatch-note strong {
    color: var(--nr-success) !important;
}
/* =========================================================
   NOROZ FOOTER WIDGETS
   Purple brand footer with readable links
   ========================================================= */

.site-footer,
.ct-footer {
    background: #2d034a !important;
    color: #ffffff !important;
}

.noroz-footer-widget {
    color: rgba(255, 255, 255, 0.88) !important;
}

.noroz-footer-widget h3 {
    margin: 0 0 16px !important;
    color: #ffffff !important;
    font-size: 17px !important;
    font-weight: 900 !important;
    letter-spacing: 0.2px !important;
}

.noroz-footer-widget p {
    margin: 0 0 16px !important;
    max-width: 310px !important;
    color: rgba(255, 255, 255, 0.82) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.7 !important;
}

.noroz-footer-links,
.noroz-footer-contact,
.noroz-footer-trust-list {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.noroz-footer-links li,
.noroz-footer-contact li,
.noroz-footer-trust-list li {
    margin: 0 0 10px !important;
    color: rgba(255, 255, 255, 0.86) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
}

.noroz-footer-contact li {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
}

.noroz-footer-widget a {
    color: rgba(255, 255, 255, 0.88) !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.noroz-footer-widget a:hover {
    color: #ffffff !important;
    opacity: 0.78 !important;
    transform: translateX(2px) !important;
}

.noroz-footer-action-row {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
    margin: 16px 0 12px !important;
    padding-top: 14px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.14) !important;
}

.noroz-footer-chip {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 32px !important;
    padding: 7px 11px !important;
    border-radius: 999px !important;
    background: rgba(244, 234, 251, 0.12) !important;
    border: 1px solid rgba(244, 234, 251, 0.20) !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}

.noroz-footer-whatsapp {
    background: rgba(22, 163, 74, 0.16) !important;
    border-color: rgba(34, 197, 94, 0.30) !important;
}

.noroz-footer-chip:hover {
    background: #44056f !important;
    border-color: #44056f !important;
    opacity: 1 !important;
    transform: translateY(-1px) !important;
}

.noroz-footer-view-all {
    display: inline-flex !important;
    margin-top: 4px !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 900 !important;
}

.noroz-footer-small {
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.14) !important;
    color: rgba(255, 255, 255, 0.72) !important;
    font-size: 12.5px !important;
    line-height: 1.55 !important;
}

/* Footer bottom/copyright readability */
.ct-footer .ct-footer-copyright,
.ct-footer .ct-footer-copyright p,
.ct-footer [data-row*="bottom"] {
    color: rgba(255, 255, 255, 0.70) !important;
}

/* Mobile */
@media (max-width: 768px) {
    .noroz-footer-widget {
        margin-bottom: 24px !important;
    }

    .noroz-footer-widget h3 {
        margin-bottom: 12px !important;
        font-size: 16px !important;
    }

    .noroz-footer-widget p,
    .noroz-footer-links li,
    .noroz-footer-contact li,
    .noroz-footer-trust-list li {
        font-size: 13px !important;
    }

    .noroz-footer-action-row {
        align-items: flex-start !important;
    }

    .noroz-footer-chip {
        width: fit-content !important;
    }
}
/* =========================================================
   NOROZ COPYRIGHT BAR - SMALL CLEAN VERSION
   ========================================================= */

.noroz-copyright-bar {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    padding: 7px 0 !important;
    color: rgba(255, 255, 255, 0.68) !important;
    font-size: 11.5px !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
    text-align: center !important;
}

.noroz-copy-text {
    font-size: 11.5px !important;
    font-weight: 400 !important;
}

.noroz-copy-text strong {
    color: #ffffff !important;
    font-size: 11.8px !important;
    font-weight: 700 !important;
}

.noroz-copyright-links {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    flex-wrap: wrap !important;
}

.noroz-copyright-links a {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 0 8px !important;
    color: rgba(255, 255, 255, 0.74) !important;
    font-size: 11.5px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    transition: color 0.2s ease, opacity 0.2s ease !important;
}

.noroz-copyright-links a:not(:last-child)::after {
    content: "" !important;
    position: absolute !important;
    right: 0 !important;
    width: 1px !important;
    height: 10px !important;
    background: rgba(255, 255, 255, 0.18) !important;
}

.noroz-copyright-links a:hover {
    color: #ffffff !important;
    opacity: 1 !important;
}

.ct-footer [data-row*="bottom"],
.ct-footer .ct-footer-copyright,
.site-footer [data-row*="bottom"] {
    background: #24033b !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* Mobile */
@media (max-width: 768px) {
    .noroz-copyright-bar {
        flex-direction: column !important;
        gap: 5px !important;
        padding: 9px 0 !important;
        font-size: 11px !important;
    }

    .noroz-copy-text,
    .noroz-copyright-links a {
        font-size: 11px !important;
    }

    .noroz-copyright-links a {
        padding: 0 7px !important;
    }
}

/* =========================================================
   NOROZ CART PRICE DISPLAY FIX
   Show saving only near subtotal/delete area
   Hide duplicate unit price column on cart
   ========================================================= */

/* Hide unit price column on cart page */
.woocommerce-cart table.cart th.product-price,
.woocommerce-cart table.cart td.product-price {
    display: none !important;
}

/* Keep quantity centered after hiding unit price */
.woocommerce-cart table.cart td.product-quantity {
    text-align: center !important;
    vertical-align: middle !important;
}

/* Right subtotal price block */
.woocommerce-cart table.cart td.product-subtotal {
    text-align: right !important;
    vertical-align: middle !important;
}

/* Price/saving display */
.noroz-cart-saving-price {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    justify-content: center !important;
    gap: 2px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
}

.noroz-cart-saving-price del {
    display: block !important;
    color: #94a3b8 !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 1.15 !important;
    text-decoration-thickness: 1.5px !important;
    opacity: 1 !important;
}

.noroz-cart-saving-price ins {
    display: block !important;
    color: #111827 !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
}

.noroz-cart-saving-price small {
    display: block !important;
    color: #16a34a !important;
    font-size: 10.8px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
}

/* Checkout item total saving display */
.woocommerce-checkout-review-order-table .product-total {
    text-align: right !important;
    vertical-align: top !important;
}

.woocommerce-checkout-review-order-table .product-total .noroz-cart-saving-price {
    align-items: flex-end !important;
}

/* Total savings row in cart and checkout */
.noroz-total-savings-row th,
.noroz-total-savings-row td {
    color: #16a34a !important;
    font-weight: 900 !important;
}

.noroz-total-savings-row td {
    text-align: right !important;
}

.noroz-total-savings-row strong {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    color: #16a34a !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
}

/* Hide update cart button because quantity auto-updates */
.woocommerce-cart button[name="update_cart"] {
    display: none !important;
}

/* Keep Rs. and amount in one line */
.woocommerce-cart .amount,
.woocommerce-cart .amount bdi,
.woocommerce-cart .woocommerce-Price-amount,
.woocommerce-cart .woocommerce-Price-amount bdi,
.woocommerce-cart .woocommerce-Price-currencySymbol,
.woocommerce-checkout .amount,
.woocommerce-checkout .amount bdi,
.woocommerce-checkout .woocommerce-Price-amount,
.woocommerce-checkout .woocommerce-Price-amount bdi,
.woocommerce-checkout .woocommerce-Price-currencySymbol {
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
}

/* Mobile */
@media (max-width: 768px) {
    .woocommerce-cart table.cart td.product-subtotal {
        text-align: right !important;
    }

    .noroz-cart-saving-price del {
        font-size: 10.5px !important;
    }

    .noroz-cart-saving-price ins {
        font-size: 14px !important;
    }

    .noroz-cart-saving-price small {
        font-size: 10.2px !important;
    }
}

/* =========================================================
   NOROZ CART MOBILE LAYOUT FIX - FINAL
   Fix duplicate quantity, keep one delete icon, show saving block
   ========================================================= */

@media (max-width: 768px) {
    /* Hide unit price column and any mobile duplicate price row */
    .woocommerce-cart table.cart th.product-price,
    .woocommerce-cart table.cart td.product-price,
    .woocommerce-cart table.cart td.product-price *,
    .woocommerce-cart table.cart .product-price,
    .woocommerce-cart table.cart .product-price * {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        max-height: 0 !important;
        overflow: hidden !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* Main cart item layout */
    .woocommerce-cart table.cart tr.cart_item {
        position: relative !important;
        display: grid !important;
        grid-template-columns: 76px 1fr auto !important;
        grid-template-areas:
            "thumb name subtotal"
            "thumb qty remove";
        align-items: center !important;
        gap: 10px 12px !important;
        padding: 18px 0 !important;
        border-bottom: 1px solid #e5e7eb !important;
    }

    /* Product image */
    .woocommerce-cart table.cart td.product-thumbnail {
        grid-area: thumb !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 76px !important;
        min-width: 76px !important;
        padding: 0 !important;
    }

    .woocommerce-cart table.cart td.product-thumbnail::before {
        display: none !important;
        content: "" !important;
    }

    .woocommerce-cart table.cart td.product-thumbnail img {
        width: 70px !important;
        max-width: 70px !important;
        height: 70px !important;
        max-height: 70px !important;
        object-fit: contain !important;
        border-radius: 10px !important;
        background: #ffffff !important;
    }

    /* Product title */
    .woocommerce-cart table.cart td.product-name {
        grid-area: name !important;
        display: block !important;
        padding: 0 !important;
        text-align: left !important;
    }

    .woocommerce-cart table.cart td.product-name::before {
        display: none !important;
        content: "" !important;
    }

    .woocommerce-cart table.cart td.product-name a {
        display: block !important;
        color: #111827 !important;
        font-size: 13.5px !important;
        font-weight: 850 !important;
        line-height: 1.35 !important;
    }

    /* Hide any duplicated quantity/remove injected inside product name */
    .woocommerce-cart table.cart td.product-name .quantity,
    .woocommerce-cart table.cart td.product-name .remove,
    .woocommerce-cart table.cart td.product-name a.remove,
    .woocommerce-cart table.cart td.product-name .product-remove,
    .woocommerce-cart table.cart td.product-name .product-quantity,
    .woocommerce-cart table.cart td.product-name .ct-cart-item-actions,
    .woocommerce-cart table.cart td.product-name .product-mobile-actions {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        overflow: hidden !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Quantity: keep only the real quantity column */
    .woocommerce-cart table.cart td.product-quantity {
        grid-area: qty !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        padding: 0 !important;
        text-align: left !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .woocommerce-cart table.cart td.product-quantity::before {
        display: none !important;
        content: "" !important;
    }

    .woocommerce-cart table.cart td.product-quantity .quantity {
        display: inline-flex !important;
        margin: 0 !important;
    }

    /* Hide duplicated quantity controls except the first visible one */
    .woocommerce-cart table.cart tr.cart_item .quantity:nth-of-type(n+2) {
        display: none !important;
    }

    /* Subtotal/saving block top right */
    .woocommerce-cart table.cart td.product-subtotal {
        grid-area: subtotal !important;
        display: flex !important;
        align-items: flex-start !important;
        justify-content: flex-end !important;
        width: auto !important;
        min-width: 86px !important;
        padding: 0 !important;
        text-align: right !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .woocommerce-cart table.cart td.product-subtotal::before {
        display: none !important;
        content: "" !important;
    }

    .woocommerce-cart table.cart td.product-subtotal .noroz-cart-saving-price {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-end !important;
        justify-content: center !important;
        gap: 2px !important;
        white-space: nowrap !important;
    }

    .woocommerce-cart table.cart td.product-subtotal .noroz-cart-saving-price del {
        display: block !important;
        color: #94a3b8 !important;
        font-size: 10.5px !important;
        font-weight: 600 !important;
        line-height: 1.1 !important;
        opacity: 1 !important;
    }

    .woocommerce-cart table.cart td.product-subtotal .noroz-cart-saving-price ins {
        display: block !important;
        color: #111827 !important;
        font-size: 14px !important;
        font-weight: 950 !important;
        line-height: 1.15 !important;
        text-decoration: none !important;
    }

    .woocommerce-cart table.cart td.product-subtotal .noroz-cart-saving-price small {
        display: block !important;
        color: #16a34a !important;
        font-size: 10.2px !important;
        font-weight: 950 !important;
        line-height: 1.15 !important;
    }

    /* Remove/delete icon: keep only real remove column */
    .woocommerce-cart table.cart td.product-remove {
        grid-area: remove !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        padding: 0 !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .woocommerce-cart table.cart td.product-remove::before {
        display: none !important;
        content: "" !important;
    }

    .woocommerce-cart table.cart td.product-remove a.remove {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 30px !important;
        height: 30px !important;
        margin: 0 !important;
        color: #64748b !important;
        font-size: 18px !important;
        line-height: 1 !important;
        text-decoration: none !important;
    }

    /* Hide extra remove icons outside product-remove column */
    .woocommerce-cart table.cart tr.cart_item > *:not(.product-remove) a.remove {
        display: none !important;
    }

    /* Hide update cart button because cart auto-updates */
    .woocommerce-cart button[name="update_cart"] {
        display: none !important;
    }

    /* Keep Rs. and amount in one line */
    .woocommerce-cart table.cart .amount,
    .woocommerce-cart table.cart .amount bdi,
    .woocommerce-cart table.cart .woocommerce-Price-amount,
    .woocommerce-cart table.cart .woocommerce-Price-amount bdi,
    .woocommerce-cart table.cart .woocommerce-Price-currencySymbol {
        white-space: nowrap !important;
        word-break: keep-all !important;
        overflow-wrap: normal !important;
    }
}

@media (max-width: 420px) {
    .woocommerce-cart table.cart tr.cart_item {
        grid-template-columns: 70px 1fr auto !important;
        gap: 9px 10px !important;
    }

    .woocommerce-cart table.cart td.product-thumbnail {
        width: 70px !important;
        min-width: 70px !important;
    }

    .woocommerce-cart table.cart td.product-thumbnail img {
        width: 64px !important;
        max-width: 64px !important;
        height: 64px !important;
        max-height: 64px !important;
    }

    .woocommerce-cart table.cart td.product-name a {
        font-size: 13px !important;
    }

    .woocommerce-cart table.cart td.product-subtotal {
        min-width: 80px !important;
    }

    .woocommerce-cart table.cart td.product-subtotal .noroz-cart-saving-price ins {
        font-size: 13.5px !important;
    }

    .woocommerce-cart table.cart td.product-subtotal .noroz-cart-saving-price small {
        font-size: 9.8px !important;
    }
}

/* =========================================================
   NOROZ TRACK ORDER - EASYPAYSA MOBILE FIX
   Prevent Easypaisa number from cutting on small screens
   ========================================================= */

.ct-track-advance-card .ct-track-advance-number-wrap {
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.ct-track-advance-card .ct-track-easypaisa-label,
.ct-track-advance-card .ct-track-advance-number {
    box-sizing: border-box !important;
}

/* Mobile fix */
@media (max-width: 520px) {
    .ct-track-advance-card .ct-track-advance-number-wrap {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        width: 100% !important;
        max-width: 100% !important;
        gap: 8px !important;
        padding: 10px !important;
        border-radius: 14px !important;
    }

    .ct-track-advance-card .ct-track-easypaisa-label {
        width: 100% !important;
        justify-content: flex-start !important;
        gap: 8px !important;
    }

    .ct-track-advance-card .ct-track-easypaisa-label img,
    .ct-track-advance-card img[src*="easypaisa-payment"] {
        width: 54px !important;
        min-width: 54px !important;
        max-width: 54px !important;
        height: 24px !important;
        max-height: 24px !important;
        object-fit: contain !important;
    }

    .ct-track-advance-card .ct-track-easypaisa-label span {
        font-size: 11px !important;
        line-height: 1.2 !important;
        white-space: normal !important;
    }

    .ct-track-advance-card .ct-track-advance-number {
        width: 100% !important;
        justify-content: center !important;
        padding: 10px 12px !important;
        font-size: 15px !important;
        letter-spacing: 0.5px !important;
        text-align: center !important;
        white-space: nowrap !important;
    }
}

/* =========================================================
   HOMEPAGE HEADER SPACING FIX
   Prevent homepage hero from sitting under Blocksy header
   ========================================================= */
.home .site-main,
.home #main,
.home .entry-content {
    margin-top: 0 !important;
    padding-top: 18px !important;
}

.home .entry-content > *:first-child {
    margin-top: 0 !important;
}

@media (max-width: 768px) {
    .home .site-main,
    .home #main,
    .home .entry-content {
        padding-top: 12px !important;
    }
}


/* =========================================================
   21A. HOMEPAGE LEGACY COMPONENT COMPATIBILITY
   Updated: 2026-05-31
   Purpose: Keeps older homepage blocks styled if any Custom HTML
            still uses earlier class names.
   ========================================================= */

.home .noroz-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(320px, 0.75fr);
    align-items: center;
    gap: 24px;
    margin: 8px 0 26px;
    padding: 34px;
    background:
        radial-gradient(circle at top left, rgba(68, 5, 111, 0.10), transparent 34%),
        linear-gradient(135deg, #ffffff, #fbf7ff);
    border: 1px solid rgba(68, 5, 111, 0.10);
    border-radius: 28px;
    box-shadow: var(--nh-shadow);
}

.home .noroz-hero h1 {
    max-width: 760px;
    margin: 0 0 13px;
    color: var(--nh-text);
    font-size: clamp(30px, 4vw, 52px);
    font-weight: 950;
    letter-spacing: -1.4px;
    line-height: 1.05;
}

.home .noroz-hero p {
    max-width: 720px;
    margin: 0 0 20px;
    color: var(--nh-muted);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.65;
}

.home .noroz-home-search {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 720px;
    margin: 0 0 16px;
    padding: 7px;
    background: var(--nh-white);
    border: 1px solid var(--nh-border);
    border-radius: var(--nh-pill);
    box-shadow: 0 10px 26px rgba(17, 24, 39, 0.06);
}

.home .noroz-home-search input[type="search"] {
    flex: 1;
    min-width: 0;
    height: 44px;
    padding: 0 15px;
    background: transparent;
    border: 0;
    color: var(--nh-text);
    font-size: 14px;
    font-weight: 700;
    outline: 0;
}

.home .noroz-home-search button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 44px;
    padding: 0 22px;
    background: var(--nh-purple);
    border: 1px solid var(--nh-purple);
    border-radius: var(--nh-pill);
    color: #ffffff;
    cursor: pointer;
    font-size: 13px;
    font-weight: 900;
    transition: all 0.22s ease;
}

.home .noroz-home-search button:hover {
    background: var(--nh-purple-dark);
    border-color: var(--nh-purple-dark);
    transform: translateY(-1px);
}

.home .noroz-hero-trust,
.home .noroz-trust-strip {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.home .noroz-hero-trust span {
    display: inline-flex;
    padding: 7px 10px;
    background: rgba(255, 255, 255, 0.78);
    border: 1px solid var(--nh-border);
    border-radius: var(--nh-pill);
    color: var(--nh-muted);
    font-size: 12px;
    font-weight: 800;
}

.home .noroz-hero-card {
    padding: 22px;
    background: var(--nh-white);
    border: 1px solid rgba(68, 5, 111, 0.12);
    border-radius: 24px;
    box-shadow: var(--nh-shadow);
}

.home .noroz-hero-card-top {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
}

.home .noroz-hero-card-top span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    background: var(--nh-purple-soft);
    border-radius: var(--nh-pill);
    font-size: 20px;
}

.home .noroz-hero-card-top strong {
    color: var(--nh-text);
    font-size: 17px;
    font-weight: 950;
}

.home .noroz-hero-card ul {
    margin: 0 0 16px;
    padding: 0;
    list-style: none;
}

.home .noroz-hero-card li {
    margin-bottom: 10px;
    color: var(--nh-muted);
    font-size: 13.5px;
    font-weight: 700;
}

.home .noroz-hero-card li::before {
    content: "✓";
    margin-right: 8px;
    color: var(--nh-green);
    font-weight: 900;
}

.home .noroz-hero-card a,
.home .noroz-whatsapp-cta a {
    width: 100%;
    background: var(--nh-green);
    border: 1px solid var(--nh-green);
    color: #ffffff !important;
}

.home .noroz-hero-card a:hover,
.home .noroz-whatsapp-cta a:hover {
    background: var(--nh-green-hover);
    border-color: var(--nh-green-hover);
    transform: translateY(-1px);
}

.home .noroz-category-card > span,
.home .noroz-need-grid a > span,
.home .noroz-why-grid div > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    margin-bottom: 12px;
    background: var(--nh-purple-soft);
    border-radius: var(--nh-pill);
    font-size: 20px;
}

.home .noroz-trust-strip {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin: 0 0 30px;
}

.home .noroz-trust-strip div {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 58px;
    padding: 12px 14px;
    background: var(--nh-white);
    border: 1px solid var(--nh-border);
    border-radius: 16px;
    box-shadow: 0 8px 22px rgba(17, 24, 39, 0.035);
}

.home .noroz-trust-strip span {
    display: inline-flex;
    font-size: 20px;
}

.home .noroz-trust-strip strong {
    color: var(--nh-text);
    font-size: 13px;
    font-weight: 900;
    line-height: 1.25;
}

.home .noroz-need-grid a,
.home .noroz-why-grid div,
.home .noroz-steps-grid div,
.home .noroz-seo-card,
.home .noroz-faq-list details {
    background: var(--nh-white);
    border: 1px solid var(--nh-border);
    border-radius: var(--nh-radius);
    box-shadow: 0 8px 24px rgba(17, 24, 39, 0.035);
}

.home .noroz-need-grid a,
.home .noroz-why-grid div {
    color: inherit !important;
    text-decoration: none !important;
    transition: all 0.22s ease;
}

.home .noroz-need-grid a:hover,
.home .noroz-why-grid div:hover {
    border-color: rgba(68, 5, 111, 0.22);
    box-shadow: var(--nh-shadow);
    transform: translateY(-3px);
}

.home .noroz-need-grid a,
.home .noroz-steps-grid div,
.home .noroz-why-grid div {
    padding: 17px;
}

.home .noroz-need-grid strong {
    display: block;
    margin-bottom: 5px;
    color: var(--nh-text);
    font-size: 14px;
    font-weight: 950;
}

.home .noroz-need-grid p,
.home .noroz-steps-grid p,
.home .noroz-why-grid p {
    margin: 0;
    color: var(--nh-muted);
    font-size: 12.8px;
    font-weight: 600;
    line-height: 1.45;
}

.home .noroz-steps-grid,
.home .noroz-why-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.home .noroz-why-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.home .noroz-steps-section {
    margin-top: 28px;
}

.home .noroz-steps-grid span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    margin-bottom: 12px;
    background: var(--nh-purple);
    border-radius: var(--nh-pill);
    color: #ffffff;
    font-size: 13px;
    font-weight: 950;
}

.home .noroz-steps-grid h3,
.home .noroz-why-grid h3 {
    margin: 0 0 6px;
    color: var(--nh-text);
    font-size: 16px;
    font-weight: 950;
    line-height: 1.25;
}

.home .noroz-soft-note {
    margin: 14px 0 0;
    padding: 12px 14px;
    background: #fff7ed;
    border: 1px solid #fed7aa;
    border-radius: 14px;
    color: #9a3412;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.45;
    text-align: center;
}

.home .noroz-split-card {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(300px, 0.95fr);
    align-items: center;
    gap: 20px;
    margin: 0 0 28px;
    padding: 26px;
    background: linear-gradient(135deg, #ffffff, #fbf7ff);
    border: 1px solid rgba(68, 5, 111, 0.10);
    border-radius: 26px;
    box-shadow: var(--nh-shadow);
}

.home .noroz-split-card > div > span,
.home .noroz-whatsapp-cta span {
    display: inline-flex;
    width: fit-content;
    margin-bottom: 10px;
    padding: 6px 10px;
    background: var(--nh-purple-soft);
    border: 1px solid rgba(68, 5, 111, 0.10);
    border-radius: var(--nh-pill);
    color: var(--nh-purple);
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: 0.25px;
    text-transform: uppercase;
}

.home .noroz-split-card h2,
.home .noroz-whatsapp-cta h2,
.home .noroz-seo-card h2 {
    margin: 0 0 8px;
    color: var(--nh-text);
    font-size: clamp(22px, 3vw, 34px);
    font-weight: 950;
    letter-spacing: -0.6px;
    line-height: 1.18;
}

.home .noroz-split-card p,
.home .noroz-whatsapp-cta p,
.home .noroz-seo-card p {
    margin: 0;
    color: var(--nh-muted);
    font-size: 14.5px;
    font-weight: 600;
    line-height: 1.65;
}

.home .noroz-split-card p {
    margin-bottom: 18px;
}

.home .noroz-female-card {
    background: linear-gradient(135deg, #ffffff, #fff7fb);
}

.home .noroz-privacy-points {
    display: grid;
    gap: 10px;
}

.home .noroz-privacy-points div {
    padding: 14px;
    background: var(--nh-white);
    border: 1px solid var(--nh-border);
    border-radius: 16px;
    color: var(--nh-text);
    font-size: 13px;
}

.home .noroz-privacy-points strong {
    margin-left: 6px;
    font-weight: 900;
}

.home .noroz-whatsapp-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin: 0 0 28px;
    padding: 24px;
    background: var(--nh-purple-dark);
    border-radius: 26px;
    color: #ffffff;
}

.home .noroz-whatsapp-cta h2,
.home .noroz-whatsapp-cta p {
    color: #ffffff;
}

.home .noroz-whatsapp-cta p {
    opacity: 0.82;
}

.home .noroz-whatsapp-cta a {
    max-width: 240px;
    flex: 0 0 auto;
}

.home .noroz-seo-card {
    margin: 0 0 28px;
    padding: 24px;
}

.home .noroz-seo-card p {
    font-size: 14px;
}

.home .noroz-seo-card a {
    color: var(--nh-purple) !important;
    font-weight: 900;
    text-decoration: none !important;
}

.home .noroz-seo-card a:hover {
    color: var(--nh-purple-dark) !important;
    text-decoration: underline !important;
}

.home .noroz-faq-section {
    margin-bottom: 38px;
}

.home .noroz-faq-list {
    display: grid;
    gap: 10px;
}

.home .noroz-faq-list details {
    padding: 0;
    overflow: hidden;
}

.home .noroz-faq-list summary {
    cursor: pointer;
    padding: 15px 17px;
    color: var(--nh-text);
    font-size: 14px;
    font-weight: 950;
    list-style: none;
}

.home .noroz-faq-list summary::-webkit-details-marker {
    display: none;
}

.home .noroz-faq-list summary::after {
    content: "+";
    float: right;
    color: var(--nh-purple);
    font-size: 18px;
    font-weight: 950;
}

.home .noroz-faq-list details[open] summary::after {
    content: "–";
}

.home .noroz-faq-list details p {
    margin: 0;
    padding: 0 17px 16px;
    color: var(--nh-muted);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.55;
}

@media (max-width: 1024px) {
    .home .noroz-hero {
        grid-template-columns: 1fr;
    }

    .home .noroz-steps-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .home .noroz-hero {
        padding: 22px;
        border-radius: 22px;
    }

    .home .noroz-hero h1 {
        font-size: 31px;
        letter-spacing: -0.8px;
    }

    .home .noroz-hero p {
        font-size: 14px;
    }

    .home .noroz-home-search {
        flex-direction: column;
        padding: 8px;
        border-radius: 18px;
    }

    .home .noroz-home-search input[type="search"],
    .home .noroz-home-search button,
    .home .noroz-hero-actions,
    .home .noroz-btn {
        width: 100%;
    }

    .home .noroz-home-search button {
        margin-top: 6px;
    }

    .home .noroz-hero-actions,
    .home .noroz-whatsapp-cta {
        flex-direction: column;
    }

    .home .noroz-hero-card {
        padding: 18px;
        border-radius: 20px;
    }

    .home .noroz-trust-strip,
    .home .noroz-why-grid,
    .home .noroz-split-card,
    .home .noroz-steps-grid {
        grid-template-columns: 1fr;
    }

    .home .noroz-trust-strip div {
        min-height: 54px;
    }

    .home .noroz-split-card,
    .home .noroz-whatsapp-cta,
    .home .noroz-seo-card {
        padding: 20px;
        border-radius: 22px;
    }

    .home .noroz-whatsapp-cta {
        align-items: stretch;
    }

    .home .noroz-whatsapp-cta a {
        max-width: 100%;
        width: 100%;
    }
}

@media (max-width: 420px) {
    .home .noroz-hero h1 {
        font-size: 28px;
    }

    .home .noroz-split-card h2,
    .home .noroz-whatsapp-cta h2,
    .home .noroz-seo-card h2 {
        font-size: 22px;
    }
}


/* =========================================================
   NOROZ HOMEPAGE BODY - HERO + CATEGORIES + TRUST STRIP
   Premium, lightweight, conversion-focused homepage sections
   ========================================================= */

.noroz-home {
    --nh-purple: #44056f;
    --nh-purple-dark: #2d034a;
    --nh-purple-soft: #f4eafb;
    --nh-green: #16a34a;
    --nh-green-soft: #f0fdf4;
    --nh-green-hover: #22c55e;
    --nh-text: #111827;
    --nh-muted: #64748b;
    --nh-border: #e5e7eb;
    --nh-bg: #f8fafc;
    --nh-white: #ffffff;
    --nh-radius: 22px;
    --nh-pill: 999px;
    --nh-shadow: 0 14px 38px rgba(17, 24, 39, 0.07);
    max-width: 1180px;
    margin: 0 auto;
}

.noroz-home * {
    box-sizing: border-box;
}

 
/* =========================================================
   01. HERO SECTION
   ========================================================= */

.noroz-hero-pro {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
    align-items: center;
    gap: 26px;
    margin: 0 0 28px;
    padding: 34px;
    background:
        radial-gradient(circle at top left, rgba(68, 5, 111, 0.12), transparent 32%),
        linear-gradient(135deg, #ffffff 0%, #fbf7ff 100%);
    border: 1px solid rgba(68, 5, 111, 0.10);
    border-radius: 28px;
    box-shadow: var(--nh-shadow);
    overflow: hidden;
}

.noroz-eyebrow {
    display: inline-flex;
    width: fit-content;
    margin-bottom: 12px;
    padding: 7px 11px;
    background: var(--nh-purple-soft);
    border: 1px solid rgba(68, 5, 111, 0.12);
    border-radius: var(--nh-pill);
    color: var(--nh-purple);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.25px;
    line-height: 1;
    text-transform: uppercase;
}

.noroz-hero-content h1 {
    max-width: 760px;
    margin: 0 0 14px;
    color: var(--nh-text);
    font-size: clamp(31px, 4vw, 52px);
    font-weight: 950;
    letter-spacing: -1.35px;
    line-height: 1.05;
}

.noroz-hero-content p {
    max-width: 700px;
    margin: 0 0 22px;
    color: var(--nh-muted);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.65;
}

.noroz-hero-actions {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 14px;
}

.noroz-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 12px 22px;
    border-radius: var(--nh-pill);
    font-size: 14px;
    font-weight: 900;
    line-height: 1;
    text-decoration: none !important;
    transition: all 0.22s ease;
}

.noroz-btn-primary {
    background: var(--nh-purple);
    border: 1px solid var(--nh-purple);
    color: #ffffff !important;
    box-shadow: 0 10px 22px rgba(68, 5, 111, 0.18);
}

.noroz-btn-primary:hover {
    background: var(--nh-purple-dark);
    border-color: var(--nh-purple-dark);
    color: #ffffff !important;
    transform: translateY(-1px);
}

.noroz-btn-secondary {
    background: #ffffff;
    border: 1px solid rgba(68, 5, 111, 0.16);
    color: var(--nh-purple) !important;
}

.noroz-btn-secondary:hover {
    background: var(--nh-purple-soft);
    color: var(--nh-purple) !important;
    transform: translateY(-1px);
}

.noroz-hero-proof-line {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.noroz-hero-proof-line span {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding: 7px 10px 7px 24px;
    background: rgba(255, 255, 255, 0.84);
    border: 1px solid var(--nh-border);
    border-radius: var(--nh-pill);
    color: #475569;
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
}

.noroz-hero-proof-line span::before {
    content: "✓";
    position: absolute;
    left: 10px;
    color: var(--nh-green);
    font-weight: 900;
}

.noroz-hero-promise-card {
    position: relative;
    padding: 22px;
    background: #ffffff;
    border: 1px solid rgba(68, 5, 111, 0.12);
    border-radius: 24px;
    box-shadow: 0 14px 34px rgba(17, 24, 39, 0.08);
}

.noroz-hero-promise-card::before {
    content: "";
    position: absolute;
    inset: 14px -18px auto auto;
    width: 76px;
    height: 76px;
    background: var(--nh-purple-soft);
    border-radius: 50%;
    opacity: 0.8;
    z-index: 0;
}

.noroz-promise-header,
.noroz-promise-list,
.noroz-promise-link {
    position: relative;
    z-index: 1;
}

.noroz-promise-header {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 16px;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--nh-border);
}

.noroz-promise-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    min-width: 46px;
    background: var(--nh-purple-soft);
    border-radius: var(--nh-pill);
    font-size: 22px;
}

.noroz-promise-header strong {
    display: block;
    margin-bottom: 3px;
    color: var(--nh-text);
    font-size: 17px;
    font-weight: 950;
    line-height: 1.2;
}

.noroz-promise-header span {
    display: block;
    color: var(--nh-muted);
    font-size: 12.5px;
    font-weight: 700;
    line-height: 1.35;
}

.noroz-promise-list {
    display: grid;
    gap: 10px;
    margin-bottom: 16px;
}

.noroz-promise-list div {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px;
    background: var(--nh-bg);
    border: 1px solid var(--nh-border);
    border-radius: 15px;
}

.noroz-promise-list div > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    min-width: 30px;
    background: #ffffff;
    border: 1px solid var(--nh-border);
    border-radius: var(--nh-pill);
    font-size: 15px;
}

.noroz-promise-list p {
    margin: 0;
    color: var(--nh-muted);
    font-size: 12.3px;
    font-weight: 650;
    line-height: 1.42;
}

.noroz-promise-list strong {
    display: block;
    margin-bottom: 2px;
    color: var(--nh-text);
    font-size: 13px;
    font-weight: 950;
}

.noroz-promise-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 42px;
    padding: 10px 16px;
    background: #ffffff;
    border: 1px solid rgba(68, 5, 111, 0.16);
    border-radius: var(--nh-pill);
    color: var(--nh-purple) !important;
    font-size: 13px;
    font-weight: 900;
    text-decoration: none !important;
    transition: all 0.22s ease;
}

.noroz-promise-link:hover {
    background: var(--nh-purple);
    border-color: var(--nh-purple);
    color: #ffffff !important;
    transform: translateY(-1px);
}

/* =========================================================
   02. SHARED SECTION HEADINGS
   ========================================================= */

.noroz-section {
    margin: 0 0 30px !important;
}

.noroz-section-head {
    max-width: 760px !important;
    margin: 0 auto 18px !important;
    text-align: center !important;
}

.noroz-section-head span {
    display: inline-flex !important;
    width: fit-content !important;
    margin-bottom: 10px !important;
    padding: 6px 10px !important;
    background: var(--nh-purple-soft) !important;
    border: 1px solid rgba(68, 5, 111, 0.12) !important;
    border-radius: 999px !important;
    color: var(--nh-purple) !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: 0.25px !important;
    text-transform: uppercase !important;
}

.noroz-section-head h2 {
    margin: 0 0 8px !important;
    color: var(--nh-text) !important;
    font-size: clamp(22px, 3vw, 34px) !important;
    font-weight: 950 !important;
    letter-spacing: -0.6px !important;
    line-height: 1.18 !important;
}

.noroz-section-head p {
    margin: 0 !important;
    color: var(--nh-muted) !important;
    font-size: 14.5px !important;
    font-weight: 600 !important;
    line-height: 1.65 !important;
}

/* =========================================================
   03. CATEGORY CARDS
   ========================================================= */

.noroz-category-grid {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 12px !important;
}

.noroz-category-card {
    display: flex !important;
    flex-direction: column !important;
    min-height: 205px !important;
    padding: 17px !important;
    background: #ffffff !important;
    border: 1px solid var(--nh-border) !important;
    border-radius: 22px !important;
    box-shadow: 0 8px 24px rgba(17, 24, 39, 0.035) !important;
    color: inherit !important;
    text-decoration: none !important;
    transition: all 0.22s ease !important;
}

.noroz-category-card:hover {
    border-color: rgba(68, 5, 111, 0.24) !important;
    box-shadow: 0 14px 34px rgba(17, 24, 39, 0.07) !important;
    transform: translateY(-3px) !important;
}

.noroz-category-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    margin-bottom: 13px !important;
    background: var(--nh-purple-soft) !important;
    border: 1px solid rgba(68, 5, 111, 0.10) !important;
    border-radius: 999px !important;
    font-size: 20px !important;
}

.noroz-category-card h3 {
    margin: 0 0 7px !important;
    color: var(--nh-text) !important;
    font-size: 16px !important;
    font-weight: 950 !important;
    line-height: 1.25 !important;
}

.noroz-category-card p {
    margin: 0 !important;
    color: var(--nh-muted) !important;
    font-size: 12.8px !important;
    font-weight: 600 !important;
    line-height: 1.48 !important;
}

.noroz-category-card strong {
    margin-top: auto !important;
    padding-top: 13px !important;
    color: var(--nh-purple) !important;
    font-size: 12.5px !important;
    font-weight: 950 !important;
    line-height: 1.2 !important;
}

/* =========================================================
   04. TRUST / PRIVACY STRIP
   Different background + soft breathing effect
   ========================================================= */

.noroz-trust-strip-pro {
    position: relative !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin: 0 0 32px !important;
    padding: 16px !important;
    background:
        radial-gradient(circle at top left, rgba(68, 5, 111, 0.10), transparent 28%),
        linear-gradient(135deg, #2d034a 0%, #44056f 100%) !important;
    border: 1px solid rgba(68, 5, 111, 0.16) !important;
    border-radius: 24px !important;
    box-shadow: 0 14px 38px rgba(45, 3, 74, 0.16) !important;
    overflow: hidden !important;
}

.noroz-trust-strip-pro::before {
    content: "" !important;
    position: absolute !important;
    inset: -40px auto auto -40px !important;
    width: 120px !important;
    height: 120px !important;
    background: rgba(255, 255, 255, 0.10) !important;
    border-radius: 50% !important;
    pointer-events: none !important;
}

.noroz-trust-item {
    position: relative !important;
    z-index: 1 !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    min-height: 94px !important;
    padding: 15px !important;
    background: rgba(255, 255, 255, 0.96) !important;
    border: 1px solid rgba(255, 255, 255, 0.35) !important;
    border-radius: 18px !important;
    box-shadow: 0 8px 24px rgba(17, 24, 39, 0.05) !important;
    animation: norozTrustBreath 4.5s ease-in-out infinite !important;
    transition: all 0.22s ease !important;
}

.noroz-trust-item:nth-child(2) {
    animation-delay: 0.3s !important;
}

.noroz-trust-item:nth-child(3) {
    animation-delay: 0.6s !important;
}

.noroz-trust-item:nth-child(4) {
    animation-delay: 0.9s !important;
}

.noroz-trust-item:hover {
    background: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.78) !important;
    box-shadow: 0 14px 34px rgba(17, 24, 39, 0.12) !important;
    transform: translateY(-3px) !important;
}

.noroz-trust-item > span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    background: var(--nh-purple-soft) !important;
    border: 1px solid rgba(68, 5, 111, 0.10) !important;
    border-radius: 999px !important;
    font-size: 18px !important;
    line-height: 1 !important;
}

.noroz-trust-item:nth-child(2) > span,
.noroz-trust-item:nth-child(3) > span {
    background: var(--nh-green-soft) !important;
    border-color: rgba(22, 163, 74, 0.16) !important;
}

.noroz-trust-item strong {
    display: block !important;
    margin: 0 0 4px !important;
    color: var(--nh-text) !important;
    font-size: 13.5px !important;
    font-weight: 950 !important;
    line-height: 1.25 !important;
}

.noroz-trust-item p {
    margin: 0 !important;
    color: var(--nh-muted) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1.42 !important;
}

@keyframes norozTrustBreath {
    0%, 100% {
        box-shadow: 0 8px 24px rgba(17, 24, 39, 0.05);
    }

    50% {
        box-shadow: 0 12px 30px rgba(255, 255, 255, 0.18);
    }
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {
    .noroz-trust-item {
        animation: none !important;
    }
}

/* =========================================================
   05. RESPONSIVE
   ========================================================= */

@media (max-width: 1100px) {
    .noroz-category-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 1024px) {
    .noroz-trust-strip-pro {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 900px) {
    .noroz-hero-pro {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .noroz-home {
        padding: 0 2px;
    }

    .noroz-hero-pro {
        padding: 22px;
        border-radius: 22px;
        gap: 18px;
    }

    .noroz-hero-content h1 {
        font-size: 30px;
        letter-spacing: -0.8px;
    }

    .noroz-hero-content p {
        font-size: 14px;
        line-height: 1.6;
    }

    .noroz-hero-actions {
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
    }

    .noroz-btn {
        width: 100%;
    }

    .noroz-hero-proof-line {
        display: grid;
        grid-template-columns: 1fr;
        gap: 7px;
    }

    .noroz-hero-proof-line span {
        width: 100%;
    }

    .noroz-hero-promise-card {
        padding: 18px;
        border-radius: 20px;
    }

    .noroz-section {
        margin-bottom: 24px !important;
    }

    .noroz-section-head {
        margin-bottom: 15px !important;
    }

    .noroz-section-head h2 {
        font-size: 23px !important;
    }

    .noroz-section-head p {
        font-size: 13.5px !important;
    }

    .noroz-category-grid {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    .noroz-category-card {
        min-height: auto !important;
        padding: 15px !important;
        border-radius: 18px !important;
    }

    .noroz-category-icon {
        width: 40px !important;
        height: 40px !important;
        margin-bottom: 10px !important;
        font-size: 18px !important;
    }

    .noroz-trust-strip-pro {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        margin-bottom: 24px !important;
        padding: 12px !important;
        border-radius: 20px !important;
    }

    .noroz-trust-item {
        min-height: auto !important;
        padding: 14px !important;
        border-radius: 16px !important;
    }

    .noroz-trust-item > span {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
        font-size: 17px !important;
    }

    .noroz-trust-item strong {
        font-size: 13px !important;
    }

    .noroz-trust-item p {
        font-size: 11.8px !important;
    }
}

@media (max-width: 420px) {
    .noroz-hero-content h1 {
        font-size: 27px;
    }

    .noroz-eyebrow {
        font-size: 10px;
    }
}
/* =========================================================
   NOROZ HOMEPAGE TRUST STRIP SPACING REFINEMENT
   More space between category cards and trust section
   More internal padding inside trust strip
   ========================================================= */

/* Add breathing space after category section */
.noroz-category-section {
    margin-bottom: 38px !important;
}

/* Make trust strip feel more premium and less tight */
.noroz-trust-strip-pro {
    margin-top: 8px !important;
    margin-bottom: 36px !important;
    padding: 22px !important;
    gap: 14px !important;
    border-radius: 26px !important;
}

/* Slightly softer card padding inside the purple trust band */
.noroz-trust-item {
    padding: 17px !important;
    min-height: 104px !important;
    border-radius: 19px !important;
}

/* Make icon spacing feel balanced */
.noroz-trust-item > span {
    margin-top: 1px !important;
}

/* Mobile spacing */
@media (max-width: 768px) {
    .noroz-category-section {
        margin-bottom: 28px !important;
    }

    .noroz-trust-strip-pro {
        margin-top: 4px !important;
        margin-bottom: 28px !important;
        padding: 16px !important;
        gap: 12px !important;
        border-radius: 22px !important;
    }

    .noroz-trust-item {
        min-height: auto !important;
        padding: 15px !important;
        border-radius: 17px !important;
    }
}
/* =========================================================
   NOROZ HOMEPAGE SHOP BY NEED
   Customer-intent based navigation
   ========================================================= */

.noroz-need-section {
    margin-bottom: 34px !important;
}

.noroz-need-grid {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 12px !important;
}

.noroz-need-card {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    min-height: 178px !important;
    padding: 16px !important;
    background:
        linear-gradient(180deg, #ffffff 0%, #fbf7ff 100%) !important;
    border: 1px solid rgba(68, 5, 111, 0.10) !important;
    border-radius: 20px !important;
    box-shadow: 0 8px 24px rgba(17, 24, 39, 0.035) !important;
    color: inherit !important;
    text-decoration: none !important;
    overflow: hidden !important;
    transition: all 0.22s ease !important;
}

.noroz-need-card::after {
    content: "" !important;
    position: absolute !important;
    right: -30px !important;
    bottom: -30px !important;
    width: 90px !important;
    height: 90px !important;
    background: rgba(68, 5, 111, 0.06) !important;
    border-radius: 50% !important;
    transition: all 0.25s ease !important;
}

.noroz-need-card:hover {
    border-color: rgba(68, 5, 111, 0.24) !important;
    box-shadow: 0 14px 34px rgba(17, 24, 39, 0.07) !important;
    transform: translateY(-3px) !important;
}

.noroz-need-card:hover::after {
    transform: scale(1.15) !important;
    background: rgba(68, 5, 111, 0.09) !important;
}

.noroz-need-card > span {
    position: relative !important;
    z-index: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    height: 42px !important;
    margin-bottom: 13px !important;
    background: #ffffff !important;
    border: 1px solid rgba(68, 5, 111, 0.12) !important;
    border-radius: 999px !important;
    box-shadow: 0 8px 18px rgba(17, 24, 39, 0.04) !important;
    font-size: 19px !important;
}

.noroz-need-card div {
    position: relative !important;
    z-index: 1 !important;
}

.noroz-need-card strong {
    display: block !important;
    margin: 0 0 6px !important;
    color: #111827 !important;
    font-size: 14.5px !important;
    font-weight: 950 !important;
    line-height: 1.22 !important;
}

.noroz-need-card p {
    margin: 0 !important;
    color: #64748b !important;
    font-size: 12.4px !important;
    font-weight: 600 !important;
    line-height: 1.45 !important;
}

/* Green accent for care/support needs */
.noroz-need-card:nth-child(3),
.noroz-need-card:nth-child(4),
.noroz-need-card:nth-child(5) {
    background:
        linear-gradient(180deg, #ffffff 0%, #f8fffb 100%) !important;
}

.noroz-need-card:nth-child(3) > span,
.noroz-need-card:nth-child(4) > span,
.noroz-need-card:nth-child(5) > span {
    border-color: rgba(22, 163, 74, 0.14) !important;
}

/* Responsive */
@media (max-width: 1100px) {
    .noroz-need-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 768px) {
    .noroz-need-section {
        margin-bottom: 28px !important;
    }

    .noroz-need-grid {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    .noroz-need-card {
        min-height: auto !important;
        padding: 15px !important;
        border-radius: 18px !important;
    }

    .noroz-need-card > span {
        width: 40px !important;
        height: 40px !important;
        margin-bottom: 10px !important;
        font-size: 18px !important;
    }

    .noroz-need-card strong {
        font-size: 14px !important;
    }

    .noroz-need-card p {
        font-size: 12.2px !important;
    }
}
/* =========================================================
   NOROZ HOMEPAGE BEST SELLERS INTRO
   Product grid intro section before WooCommerce shortcode
   ========================================================= */

.noroz-products-intro-pro {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    gap: 18px !important;
    margin: 0 0 18px !important;
    padding: 22px !important;
    background:
        linear-gradient(135deg, #ffffff 0%, #fbf7ff 100%) !important;
    border: 1px solid rgba(68, 5, 111, 0.10) !important;
    border-radius: 24px !important;
    box-shadow: 0 10px 28px rgba(17, 24, 39, 0.045) !important;
}

.noroz-products-intro-pro span {
    display: inline-flex !important;
    width: fit-content !important;
    margin-bottom: 10px !important;
    padding: 6px 10px !important;
    background: #f4eafb !important;
    border: 1px solid rgba(68, 5, 111, 0.12) !important;
    border-radius: 999px !important;
    color: #44056f !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: 0.25px !important;
    text-transform: uppercase !important;
}

.noroz-products-intro-pro h2 {
    margin: 0 0 8px !important;
    color: #111827 !important;
    font-size: clamp(22px, 3vw, 34px) !important;
    font-weight: 950 !important;
    letter-spacing: -0.6px !important;
    line-height: 1.18 !important;
}

.noroz-products-intro-pro p {
    max-width: 680px !important;
    margin: 0 !important;
    color: #64748b !important;
    font-size: 14.5px !important;
    font-weight: 600 !important;
    line-height: 1.65 !important;
}

.noroz-products-intro-pro a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 40px !important;
    padding: 10px 16px !important;
    background: #ffffff !important;
    border: 1px solid rgba(68, 5, 111, 0.16) !important;
    border-radius: 999px !important;
    color: #44056f !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    transition: all 0.22s ease !important;
}

.noroz-products-intro-pro a:hover {
    background: #44056f !important;
    border-color: #44056f !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
}

/* Product grid after Best Sellers intro */
#noroz-best-sellers + .woocommerce,
#noroz-best-sellers + .wp-block-shortcode + .woocommerce,
.home .woocommerce.columns-4 {
    max-width: 1180px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Give shortcode product grid better spacing */
.home .woocommerce ul.products {
    margin-top: 0 !important;
    margin-bottom: 34px !important;
}

/* Mobile */
@media (max-width: 768px) {
    .noroz-products-intro-pro {
        flex-direction: column !important;
        align-items: flex-start !important;
        margin-bottom: 15px !important;
        padding: 18px !important;
        border-radius: 20px !important;
    }

    .noroz-products-intro-pro h2 {
        font-size: 23px !important;
    }

    .noroz-products-intro-pro p {
        font-size: 13.5px !important;
    }

    .noroz-products-intro-pro a {
        width: 100% !important;
    }

    .home .woocommerce ul.products {
        margin-bottom: 28px !important;
    }
}
/* =========================================================
   NOROZ HOMEPAGE HOW ORDERING WORKS
   Interactive order flow section with light background
   ========================================================= */

.noroz-order-flow {
    position: relative !important;
    margin: 6px 0 36px !important;
    padding: 30px 24px !important;
    background:
        radial-gradient(circle at top right, rgba(68, 5, 111, 0.08), transparent 30%),
        linear-gradient(135deg, #f8fafc 0%, #fbf7ff 100%) !important;
    border: 1px solid rgba(68, 5, 111, 0.10) !important;
    border-radius: 28px !important;
    box-shadow: 0 14px 38px rgba(17, 24, 39, 0.055) !important;
    overflow: hidden !important;
}

.noroz-order-flow::before {
    content: "" !important;
    position: absolute !important;
    left: -60px !important;
    bottom: -60px !important;
    width: 150px !important;
    height: 150px !important;
    background: rgba(68, 5, 111, 0.06) !important;
    border-radius: 50% !important;
    pointer-events: none !important;
}

.noroz-flow-grid {
    position: relative !important;
    z-index: 1 !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 14px !important;
}

/* subtle connector line on desktop */
.noroz-flow-grid::before {
    content: "" !important;
    position: absolute !important;
    top: 38px !important;
    left: 11% !important;
    right: 11% !important;
    height: 2px !important;
    background: linear-gradient(90deg, rgba(68, 5, 111, 0.10), rgba(68, 5, 111, 0.28), rgba(68, 5, 111, 0.10)) !important;
    z-index: -1 !important;
}

.noroz-flow-card {
    position: relative !important;
    min-height: 235px !important;
    padding: 18px !important;
    background: rgba(255, 255, 255, 0.92) !important;
    border: 1px solid rgba(229, 231, 235, 0.95) !important;
    border-radius: 22px !important;
    box-shadow: 0 8px 24px rgba(17, 24, 39, 0.04) !important;
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease !important;
}

.noroz-flow-card:hover {
    border-color: rgba(68, 5, 111, 0.22) !important;
    box-shadow: 0 14px 34px rgba(17, 24, 39, 0.075) !important;
    transform: translateY(-4px) !important;
}

.noroz-flow-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 50px !important;
    height: 50px !important;
    margin-bottom: 13px !important;
    background: #f4eafb !important;
    border: 1px solid rgba(68, 5, 111, 0.12) !important;
    border-radius: 999px !important;
    box-shadow: 0 8px 18px rgba(68, 5, 111, 0.06) !important;
    font-size: 22px !important;
}

.noroz-flow-step {
    display: inline-flex !important;
    margin-bottom: 9px !important;
    padding: 5px 9px !important;
    background: #ffffff !important;
    border: 1px solid rgba(68, 5, 111, 0.12) !important;
    border-radius: 999px !important;
    color: #44056f !important;
    font-size: 10.5px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    letter-spacing: 0.3px !important;
    text-transform: uppercase !important;
}

.noroz-flow-card h3 {
    margin: 0 0 7px !important;
    color: #111827 !important;
    font-size: 15.5px !important;
    font-weight: 950 !important;
    line-height: 1.25 !important;
}

.noroz-flow-card p {
    margin: 0 !important;
    color: #64748b !important;
    font-size: 12.6px !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
}

/* Alternate soft green accent for delivery/payment cards */
.noroz-flow-card:nth-child(3) .noroz-flow-icon,
.noroz-flow-card:nth-child(4) .noroz-flow-icon {
    background: #f0fdf4 !important;
    border-color: rgba(22, 163, 74, 0.16) !important;
}

.noroz-order-note {
    position: relative !important;
    z-index: 1 !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    margin: 18px auto 0 !important;
    max-width: 760px !important;
    padding: 14px 16px !important;
    background: #fff7ed !important;
    border: 1px solid #fed7aa !important;
    border-radius: 18px !important;
    color: #9a3412 !important;
}

.noroz-order-note-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    background: #ffffff !important;
    border: 1px solid #fed7aa !important;
    border-radius: 999px !important;
    font-size: 18px !important;
}

.noroz-order-note strong {
    display: block !important;
    margin: 0 0 4px !important;
    color: #7c2d12 !important;
    font-size: 13.5px !important;
    font-weight: 950 !important;
    line-height: 1.25 !important;
}

.noroz-order-note p {
    margin: 0 !important;
    color: #9a3412 !important;
    font-size: 12.5px !important;
    font-weight: 650 !important;
    line-height: 1.45 !important;
}

/* Responsive */
@media (max-width: 1024px) {
    .noroz-flow-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .noroz-flow-grid::before {
        display: none !important;
    }

    .noroz-flow-card {
        min-height: 205px !important;
    }
}

@media (max-width: 768px) {
    .noroz-order-flow {
        margin-bottom: 28px !important;
        padding: 22px 16px !important;
        border-radius: 22px !important;
    }

    .noroz-flow-grid {
        grid-template-columns: 1fr !important;
        gap: 11px !important;
    }

    .noroz-flow-card {
        min-height: auto !important;
        padding: 16px !important;
        border-radius: 18px !important;
    }

    .noroz-flow-icon {
        width: 44px !important;
        height: 44px !important;
        margin-bottom: 11px !important;
        font-size: 20px !important;
    }

    .noroz-flow-card h3 {
        font-size: 14.5px !important;
    }

    .noroz-flow-card p {
        font-size: 12.2px !important;
    }

    .noroz-order-note {
        padding: 13px !important;
        border-radius: 16px !important;
    }

    .noroz-order-note-icon {
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        font-size: 16px !important;
    }
}

/* =========================================================
   NOROZ HOMEPAGE PRIVATE / DISCREET DELIVERY SECTION
   Premium split section with stronger privacy messaging
   ========================================================= */

.noroz-private-section {
    display: grid !important;
    grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.95fr) !important;
    align-items: center !important;
    gap: 26px !important;
    margin: 44px 0 38px !important;
    padding: 30px !important;
    background:
        radial-gradient(circle at top right, rgba(22, 163, 74, 0.08), transparent 26%),
        linear-gradient(135deg, #ffffff 0%, #f8fffb 100%) !important;
    border: 1px solid rgba(22, 163, 74, 0.12) !important;
    border-radius: 30px !important;
    box-shadow: 0 16px 42px rgba(17, 24, 39, 0.055) !important;
    overflow: hidden !important;
}

.noroz-private-label {
    display: inline-flex !important;
    width: fit-content !important;
    margin-bottom: 12px !important;
    padding: 7px 11px !important;
    background: #f0fdf4 !important;
    border: 1px solid rgba(22, 163, 74, 0.16) !important;
    border-radius: 999px !important;
    color: #16a34a !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    letter-spacing: 0.25px !important;
    text-transform: uppercase !important;
}

.noroz-private-content h2 {
    max-width: 680px !important;
    margin: 0 0 12px !important;
    color: #111827 !important;
    font-size: clamp(24px, 3.4vw, 40px) !important;
    font-weight: 950 !important;
    letter-spacing: -0.75px !important;
    line-height: 1.12 !important;
}

.noroz-private-content p {
    max-width: 680px !important;
    margin: 0 0 20px !important;
    color: #64748b !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.68 !important;
}

.noroz-private-actions {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
}

.noroz-private-visual {
    position: relative !important;
}

.noroz-parcel-card {
    position: relative !important;
    padding: 20px !important;
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 26px !important;
    box-shadow: 0 14px 34px rgba(17, 24, 39, 0.07) !important;
}

.noroz-parcel-card::before {
    content: "" !important;
    position: absolute !important;
    top: -28px !important;
    right: -28px !important;
    width: 105px !important;
    height: 105px !important;
    background: rgba(22, 163, 74, 0.08) !important;
    border-radius: 50% !important;
    pointer-events: none !important;
}

.noroz-parcel-box {
    position: relative !important;
    z-index: 1 !important;
    display: grid !important;
    place-items: center !important;
    min-height: 150px !important;
    margin-bottom: 14px !important;
    padding: 22px !important;
    background:
        linear-gradient(135deg, #f8fafc 0%, #f4eafb 100%) !important;
    border: 1px dashed rgba(68, 5, 111, 0.20) !important;
    border-radius: 22px !important;
    text-align: center !important;
}

.noroz-parcel-box span {
    display: inline-flex !important;
    margin-bottom: 10px !important;
    font-size: 38px !important;
}

.noroz-parcel-box strong {
    display: block !important;
    margin-bottom: 5px !important;
    color: #111827 !important;
    font-size: 18px !important;
    font-weight: 950 !important;
    line-height: 1.2 !important;
}

.noroz-parcel-box small {
    display: block !important;
    color: #64748b !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
}

.noroz-private-checks {
    position: relative !important;
    z-index: 1 !important;
    display: grid !important;
    gap: 10px !important;
}

.noroz-private-checks div {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    padding: 12px !important;
    background: #f8fafc !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 16px !important;
}

.noroz-private-checks div > span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 999px !important;
    font-size: 15px !important;
}

.noroz-private-checks p {
    margin: 0 !important;
    color: #64748b !important;
    font-size: 12.4px !important;
    font-weight: 600 !important;
    line-height: 1.45 !important;
}

.noroz-private-checks strong {
    display: block !important;
    margin-bottom: 2px !important;
    color: #111827 !important;
    font-size: 13px !important;
    font-weight: 950 !important;
}

/* Mobile */
@media (max-width: 900px) {
    .noroz-private-section {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 768px) {
    .noroz-private-section {
        margin: 34px 0 30px !important;
        padding: 22px !important;
        border-radius: 24px !important;
        gap: 20px !important;
    }

    .noroz-private-content h2 {
        font-size: 24px !important;
    }

    .noroz-private-content p {
        font-size: 13.8px !important;
    }

    .noroz-private-actions {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 8px !important;
    }

    .noroz-private-actions .noroz-btn {
        width: 100% !important;
    }

    .noroz-parcel-card {
        padding: 16px !important;
        border-radius: 22px !important;
    }

    .noroz-parcel-box {
        min-height: 130px !important;
        padding: 18px !important;
        border-radius: 18px !important;
    }

    .noroz-parcel-box span {
        font-size: 32px !important;
    }
}
/* =========================================================
   NOROZ HOMEPAGE FEMALE CARE HIGHLIGHT
   Soft editorial section, visually different from other blocks
   ========================================================= */

.noroz-female-highlight {
    position: relative !important;
    margin: 46px 0 38px !important;
    padding: 30px !important;
    background:
        radial-gradient(circle at top left, rgba(244, 114, 182, 0.10), transparent 28%),
        radial-gradient(circle at bottom right, rgba(68, 5, 111, 0.08), transparent 30%),
        linear-gradient(135deg, #fff7fb 0%, #fbf7ff 48%, #ffffff 100%) !important;
    border: 1px solid rgba(244, 114, 182, 0.18) !important;
    border-radius: 30px !important;
    box-shadow: 0 16px 42px rgba(17, 24, 39, 0.055) !important;
    overflow: hidden !important;
}

.noroz-female-highlight::before {
    content: "" !important;
    position: absolute !important;
    top: -55px !important;
    right: -55px !important;
    width: 160px !important;
    height: 160px !important;
    background: rgba(68, 5, 111, 0.06) !important;
    border-radius: 50% !important;
    pointer-events: none !important;
}

.noroz-female-badge {
    position: relative !important;
    z-index: 1 !important;
    display: inline-flex !important;
    margin-bottom: 16px !important;
    padding: 7px 11px !important;
    background: #ffffff !important;
    border: 1px solid rgba(244, 114, 182, 0.24) !important;
    border-radius: 999px !important;
    color: #44056f !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    letter-spacing: 0.25px !important;
    text-transform: uppercase !important;
}

.noroz-female-layout {
    position: relative !important;
    z-index: 1 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1.05fr) minmax(340px, 0.95fr) !important;
    align-items: center !important;
    gap: 28px !important;
}

.noroz-female-content h2 {
    max-width: 680px !important;
    margin: 0 0 12px !important;
    color: #111827 !important;
    font-size: clamp(24px, 3.4vw, 40px) !important;
    font-weight: 950 !important;
    letter-spacing: -0.75px !important;
    line-height: 1.12 !important;
}

.noroz-female-content p {
    max-width: 680px !important;
    margin: 0 0 18px !important;
    color: #64748b !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.68 !important;
}

.noroz-female-chips {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin: 0 0 18px !important;
}

.noroz-female-chips a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 34px !important;
    padding: 8px 12px !important;
    background: #ffffff !important;
    border: 1px solid rgba(68, 5, 111, 0.14) !important;
    border-radius: 999px !important;
    color: #44056f !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    transition: all 0.22s ease !important;
}

.noroz-female-chips a:hover {
    background: #44056f !important;
    border-color: #44056f !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
}

.noroz-female-actions {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
}

.noroz-female-feature-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
}

.noroz-female-feature-grid div {
    min-height: 150px !important;
    padding: 16px !important;
    background: rgba(255, 255, 255, 0.88) !important;
    border: 1px solid rgba(229, 231, 235, 0.92) !important;
    border-radius: 20px !important;
    box-shadow: 0 8px 24px rgba(17, 24, 39, 0.04) !important;
    transition: all 0.22s ease !important;
}

.noroz-female-feature-grid div:hover {
    background: #ffffff !important;
    border-color: rgba(68, 5, 111, 0.18) !important;
    box-shadow: 0 14px 34px rgba(17, 24, 39, 0.07) !important;
    transform: translateY(-3px) !important;
}

.noroz-female-feature-grid span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    height: 42px !important;
    margin-bottom: 12px !important;
    background: #fff7fb !important;
    border: 1px solid rgba(244, 114, 182, 0.22) !important;
    border-radius: 999px !important;
    font-size: 19px !important;
}

.noroz-female-feature-grid strong {
    display: block !important;
    margin: 0 0 6px !important;
    color: #111827 !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    line-height: 1.25 !important;
}

.noroz-female-feature-grid p {
    margin: 0 !important;
    color: #64748b !important;
    font-size: 12.4px !important;
    font-weight: 600 !important;
    line-height: 1.45 !important;
}

/* Make WhatsApp secondary button slightly green only in this section */
.noroz-female-actions .noroz-btn-secondary[href*="wa.me"] {
    border-color: rgba(22, 163, 74, 0.24) !important;
    color: #16a34a !important;
}

.noroz-female-actions .noroz-btn-secondary[href*="wa.me"]:hover {
    background: #f0fdf4 !important;
    border-color: rgba(22, 163, 74, 0.34) !important;
    color: #16a34a !important;
}

/* Mobile */
@media (max-width: 900px) {
    .noroz-female-layout {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 768px) {
    .noroz-female-highlight {
        margin: 34px 0 30px !important;
        padding: 22px !important;
        border-radius: 24px !important;
    }

    .noroz-female-content h2 {
        font-size: 24px !important;
    }

    .noroz-female-content p {
        font-size: 13.8px !important;
    }

    .noroz-female-actions {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 8px !important;
    }

    .noroz-female-actions .noroz-btn {
        width: 100% !important;
    }

    .noroz-female-feature-grid {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    .noroz-female-feature-grid div {
        min-height: auto !important;
        padding: 15px !important;
        border-radius: 18px !important;
    }
}
/* =========================================================
   NOROZ HOMEPAGE WHY NOROZ.PK SECTION
   Brand trust + SEO-friendly value proposition
   ========================================================= */

.noroz-why-section {
    margin: 46px 0 38px !important;
    padding: 30px !important;
    background:
        radial-gradient(circle at top left, rgba(68, 5, 111, 0.09), transparent 30%),
        linear-gradient(135deg, #f8fafc 0%, #ffffff 46%, #fbf7ff 100%) !important;
    border: 1px solid rgba(68, 5, 111, 0.10) !important;
    border-radius: 30px !important;
    box-shadow: 0 16px 42px rgba(17, 24, 39, 0.055) !important;
    overflow: hidden !important;
}

.noroz-why-layout {
    display: grid !important;
    grid-template-columns: minmax(320px, 0.9fr) minmax(0, 1.1fr) !important;
    gap: 18px !important;
    align-items: stretch !important;
}

.noroz-why-main-card {
    position: relative !important;
    min-height: 100% !important;
    padding: 24px !important;
    background: #44056f !important;
    border: 1px solid rgba(68, 5, 111, 0.18) !important;
    border-radius: 24px !important;
    box-shadow: 0 14px 34px rgba(68, 5, 111, 0.14) !important;
    overflow: hidden !important;
}

.noroz-why-main-card::after {
    content: "" !important;
    position: absolute !important;
    right: -45px !important;
    bottom: -45px !important;
    width: 150px !important;
    height: 150px !important;
    background: rgba(255, 255, 255, 0.09) !important;
    border-radius: 50% !important;
    pointer-events: none !important;
}

.noroz-why-icon {
    position: relative !important;
    z-index: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 52px !important;
    height: 52px !important;
    margin-bottom: 16px !important;
    background: rgba(255, 255, 255, 0.14) !important;
    border: 1px solid rgba(255, 255, 255, 0.22) !important;
    border-radius: 999px !important;
    font-size: 24px !important;
}

.noroz-why-main-card h3 {
    position: relative !important;
    z-index: 1 !important;
    margin: 0 0 12px !important;
    color: #ffffff !important;
    font-size: 24px !important;
    font-weight: 950 !important;
    letter-spacing: -0.45px !important;
    line-height: 1.18 !important;
}

.noroz-why-main-card p {
    position: relative !important;
    z-index: 1 !important;
    margin: 0 0 20px !important;
    color: rgba(255, 255, 255, 0.82) !important;
    font-size: 13.8px !important;
    font-weight: 600 !important;
    line-height: 1.65 !important;
}

.noroz-why-mini-stats {
    position: relative !important;
    z-index: 1 !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
}

.noroz-why-mini-stats div {
    padding: 11px 8px !important;
    background: rgba(255, 255, 255, 0.12) !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    border-radius: 14px !important;
    text-align: center !important;
}

.noroz-why-mini-stats strong {
    display: block !important;
    margin-bottom: 3px !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    line-height: 1.1 !important;
}

.noroz-why-mini-stats span {
    display: block !important;
    color: rgba(255, 255, 255, 0.74) !important;
    font-size: 10.5px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

.noroz-why-grid-pro {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
}

.noroz-why-grid-pro div {
    padding: 18px !important;
    background: rgba(255, 255, 255, 0.92) !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 22px !important;
    box-shadow: 0 8px 24px rgba(17, 24, 39, 0.035) !important;
    transition: all 0.22s ease !important;
}

.noroz-why-grid-pro div:hover {
    background: #ffffff !important;
    border-color: rgba(68, 5, 111, 0.20) !important;
    box-shadow: 0 14px 34px rgba(17, 24, 39, 0.07) !important;
    transform: translateY(-3px) !important;
}

.noroz-why-grid-pro span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    height: 42px !important;
    margin-bottom: 13px !important;
    background: #f4eafb !important;
    border: 1px solid rgba(68, 5, 111, 0.12) !important;
    border-radius: 999px !important;
    font-size: 19px !important;
}

.noroz-why-grid-pro div:nth-child(3) span,
.noroz-why-grid-pro div:nth-child(4) span {
    background: #f0fdf4 !important;
    border-color: rgba(22, 163, 74, 0.16) !important;
}

.noroz-why-grid-pro h3 {
    margin: 0 0 7px !important;
    color: #111827 !important;
    font-size: 15px !important;
    font-weight: 950 !important;
    line-height: 1.25 !important;
}

.noroz-why-grid-pro p {
    margin: 0 !important;
    color: #64748b !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    line-height: 1.48 !important;
}

/* Mobile */
@media (max-width: 900px) {
    .noroz-why-layout {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 768px) {
    .noroz-why-section {
        margin: 34px 0 30px !important;
        padding: 22px !important;
        border-radius: 24px !important;
    }

    .noroz-why-main-card {
        padding: 20px !important;
        border-radius: 20px !important;
    }

    .noroz-why-main-card h3 {
        font-size: 21px !important;
    }

    .noroz-why-main-card p {
        font-size: 13px !important;
    }

    .noroz-why-mini-stats {
        grid-template-columns: 1fr !important;
    }

    .noroz-why-grid-pro {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    .noroz-why-grid-pro div {
        padding: 16px !important;
        border-radius: 18px !important;
    }
}
/* =========================================================
   NOROZ HOMEPAGE SEO CONTENT SECTION
   Readable SEO block with internal category links
   ========================================================= */
.noroz-seo-content-section {
    display: grid !important;
    grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.65fr) !important;
    gap: 20px !important;
    align-items: stretch !important;
    margin: 44px 0 42px !important;
    padding: 30px !important;
    background:
        radial-gradient(circle at bottom left, rgba(68, 5, 111, 0.08), transparent 28%),
        linear-gradient(135deg, #ffffff 0%, #f8fafc 100%) !important;
    border: 1px solid rgba(68, 5, 111, 0.10) !important;
    border-radius: 30px !important;
    box-shadow: 0 16px 42px rgba(17, 24, 39, 0.055) !important;
}

.noroz-seo-content-main span {
    display: inline-flex !important;
    width: fit-content !important;
    margin-bottom: 12px !important;
    padding: 7px 11px !important;
    background: #f4eafb !important;
    border: 1px solid rgba(68, 5, 111, 0.12) !important;
    border-radius: 999px !important;
    color: #44056f !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    letter-spacing: 0.25px !important;
    text-transform: uppercase !important;
}

.noroz-seo-content-main h2 {
    margin: 0 0 13px !important;
    color: #111827 !important;
    font-size: clamp(24px, 3.2vw, 38px) !important;
    font-weight: 950 !important;
    letter-spacing: -0.75px !important;
    line-height: 1.14 !important;
}

.noroz-seo-content-main p {
    margin: 0 0 14px !important;
    color: #64748b !important;
    font-size: 14.2px !important;
    font-weight: 600 !important;
    line-height: 1.75 !important;
}

.noroz-seo-link-row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin-top: 18px !important;
}

.noroz-seo-link-row a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 34px !important;
    padding: 8px 12px !important;
    background: #ffffff !important;
    border: 1px solid rgba(68, 5, 111, 0.14) !important;
    border-radius: 999px !important;
    color: #44056f !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    transition: all 0.22s ease !important;
}

.noroz-seo-link-row a:hover {
    background: #44056f !important;
    border-color: #44056f !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
}

.noroz-seo-side-card {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    padding: 22px !important;
    background: #44056f !important;
    border-radius: 24px !important;
    box-shadow: 0 14px 34px rgba(68, 5, 111, 0.14) !important;
}

.noroz-seo-side-card strong {
    display: block !important;
    margin-bottom: 14px !important;
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 950 !important;
    line-height: 1.25 !important;
}

.noroz-seo-side-card ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.noroz-seo-side-card li {
    position: relative !important;
    margin: 0 0 11px !important;
    padding-left: 24px !important;
    color: rgba(255, 255, 255, 0.82) !important;
    font-size: 12.8px !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
}

.noroz-seo-side-card li::before {
    content: "✓" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    color: #86efac !important;
    font-weight: 950 !important;
}

@media (max-width: 900px) {
    .noroz-seo-content-section {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 768px) {
    .noroz-seo-content-section {
        margin: 34px 0 32px !important;
        padding: 22px !important;
        border-radius: 24px !important;
    }

    .noroz-seo-content-main h2 {
        font-size: 24px !important;
    }

    .noroz-seo-content-main p {
        font-size: 13.2px !important;
        line-height: 1.65 !important;
    }

    .noroz-seo-side-card {
        padding: 19px !important;
        border-radius: 20px !important;
    }

    .noroz-seo-link-row a {
        width: 100% !important;
        justify-content: flex-start !important;
        border-radius: 14px !important;
    }
}

/* =========================================================
   NOROZ HOMEPAGE FAQ SECTION
   SEO-focused 2-column FAQ accordion
   ========================================================= */

.noroz-faq-section {
    margin: 46px 0 42px !important;
    padding: 30px !important;
    background:
        radial-gradient(circle at top right, rgba(68, 5, 111, 0.08), transparent 28%),
        linear-gradient(135deg, #ffffff 0%, #f8fafc 48%, #fbf7ff 100%) !important;
    border: 1px solid rgba(68, 5, 111, 0.10) !important;
    border-radius: 30px !important;
    box-shadow: 0 16px 42px rgba(17, 24, 39, 0.055) !important;
}

.noroz-faq-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
    align-items: start !important;
}

.noroz-faq-column {
    display: grid !important;
    gap: 12px !important;
}

.noroz-faq-column details {
    background: rgba(255, 255, 255, 0.94) !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 18px !important;
    box-shadow: 0 8px 24px rgba(17, 24, 39, 0.035) !important;
    overflow: hidden !important;
    transition: all 0.22s ease !important;
}

.noroz-faq-column details:hover {
    border-color: rgba(68, 5, 111, 0.20) !important;
    box-shadow: 0 14px 34px rgba(17, 24, 39, 0.065) !important;
}

.noroz-faq-column details[open] {
    border-color: rgba(68, 5, 111, 0.24) !important;
    background: #ffffff !important;
}

.noroz-faq-column summary {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    cursor: pointer !important;
    padding: 16px 46px 16px 17px !important;
    color: #111827 !important;
    font-size: 13.8px !important;
    font-weight: 950 !important;
    line-height: 1.38 !important;
    list-style: none !important;
}

.noroz-faq-column summary::-webkit-details-marker {
    display: none !important;
}

.noroz-faq-column summary::after {
    content: "+" !important;
    position: absolute !important;
    right: 16px !important;
    top: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    height: 24px !important;
    background: #f4eafb !important;
    border: 1px solid rgba(68, 5, 111, 0.12) !important;
    border-radius: 999px !important;
    color: #44056f !important;
    font-size: 16px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    transform: translateY(-50%) !important;
}

.noroz-faq-column details[open] summary::after {
    content: "–" !important;
    background: #44056f !important;
    border-color: #44056f !important;
    color: #ffffff !important;
}

.noroz-faq-column details p {
    margin: 0 !important;
    padding: 0 17px 16px !important;
    color: #64748b !important;
    font-size: 12.7px !important;
    font-weight: 600 !important;
    line-height: 1.6 !important;
}

/* Add a small top divider only when opened */
.noroz-faq-column details[open] p {
    border-top: 1px dashed #e5e7eb !important;
    padding-top: 13px !important;
}

/* Mobile/tablet */
@media (max-width: 900px) {
    .noroz-faq-grid {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }
}

@media (max-width: 768px) {
    .noroz-faq-section {
        margin: 34px 0 32px !important;
        padding: 22px !important;
        border-radius: 24px !important;
    }

    .noroz-faq-column {
        gap: 10px !important;
    }

    .noroz-faq-column details {
        border-radius: 16px !important;
    }

    .noroz-faq-column summary {
        padding: 15px 43px 15px 15px !important;
        font-size: 13px !important;
    }

    .noroz-faq-column summary::after {
        right: 14px !important;
        width: 22px !important;
        height: 22px !important;
        font-size: 15px !important;
    }

    .noroz-faq-column details p {
        padding: 0 15px 15px !important;
        font-size: 12.3px !important;
    }

    .noroz-faq-column details[open] p {
        padding-top: 12px !important;
    }
}
/* =========================================================
   NOROZ HOMEPAGE WHATSAPP HELP CTA
   Conversion section for hesitant buyers
   ========================================================= */

.noroz-whatsapp-help-section {
    display: grid !important;
    grid-template-columns: minmax(0, 1.2fr) minmax(300px, 0.8fr) !important;
    align-items: center !important;
    gap: 24px !important;
    margin: 44px 0 38px !important;
    padding: 30px !important;
    background:
        radial-gradient(circle at top left, rgba(22, 163, 74, 0.12), transparent 28%),
        linear-gradient(135deg, #07111f 0%, #2d034a 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.10) !important;
    border-radius: 30px !important;
    box-shadow: 0 16px 42px rgba(17, 24, 39, 0.12) !important;
    overflow: hidden !important;
}

.noroz-whatsapp-help-content span {
    display: inline-flex !important;
    width: fit-content !important;
    margin-bottom: 12px !important;
    padding: 7px 11px !important;
    background: rgba(22, 163, 74, 0.14) !important;
    border: 1px solid rgba(34, 197, 94, 0.22) !important;
    border-radius: 999px !important;
    color: #86efac !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    letter-spacing: 0.25px !important;
    text-transform: uppercase !important;
}

.noroz-whatsapp-help-content h2 {
    max-width: 720px !important;
    margin: 0 0 12px !important;
    color: #ffffff !important;
    font-size: clamp(24px, 3.4vw, 40px) !important;
    font-weight: 950 !important;
    letter-spacing: -0.75px !important;
    line-height: 1.12 !important;
}

.noroz-whatsapp-help-content p {
    max-width: 720px !important;
    margin: 0 0 18px !important;
    color: rgba(255, 255, 255, 0.78) !important;
    font-size: 14.5px !important;
    font-weight: 600 !important;
    line-height: 1.65 !important;
}

.noroz-whatsapp-help-points {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

.noroz-whatsapp-help-points div {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 34px !important;
    padding: 8px 11px !important;
    background: rgba(255, 255, 255, 0.09) !important;
    border: 1px solid rgba(255, 255, 255, 0.13) !important;
    border-radius: 999px !important;
    color: rgba(255, 255, 255, 0.86) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
}

.noroz-whatsapp-help-card {
    padding: 22px !important;
    background: rgba(255, 255, 255, 0.96) !important;
    border: 1px solid rgba(255, 255, 255, 0.26) !important;
    border-radius: 24px !important;
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.16) !important;
    text-align: center !important;
}

.noroz-whatsapp-icon-large {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 58px !important;
    height: 58px !important;
    margin: 0 auto 14px !important;
    background: #f0fdf4 !important;
    border: 1px solid rgba(22, 163, 74, 0.18) !important;
    border-radius: 999px !important;
    font-size: 28px !important;
}

.noroz-whatsapp-help-card strong {
    display: block !important;
    margin: 0 0 8px !important;
    color: #111827 !important;
    font-size: 18px !important;
    font-weight: 950 !important;
    line-height: 1.25 !important;
}

.noroz-whatsapp-help-card p {
    margin: 0 0 16px !important;
    color: #64748b !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
}

.noroz-whatsapp-help-card a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 44px !important;
    padding: 11px 18px !important;
    background: #16a34a !important;
    border: 1px solid #16a34a !important;
    border-radius: 999px !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    transition: all 0.22s ease !important;
}

.noroz-whatsapp-help-card a:hover {
    background: #22c55e !important;
    border-color: #22c55e !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
}

/* Mobile */
@media (max-width: 900px) {
    .noroz-whatsapp-help-section {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 768px) {
    .noroz-whatsapp-help-section {
        margin: 34px 0 30px !important;
        padding: 22px !important;
        border-radius: 24px !important;
        gap: 18px !important;
    }

    .noroz-whatsapp-help-content h2 {
        font-size: 24px !important;
    }

    .noroz-whatsapp-help-content p {
        font-size: 13.5px !important;
    }

    .noroz-whatsapp-help-points {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .noroz-whatsapp-help-points div {
        width: 100% !important;
        border-radius: 14px !important;
        line-height: 1.25 !important;
    }

    .noroz-whatsapp-help-card {
        padding: 18px !important;
        border-radius: 20px !important;
    }
}