/* =========================================================
   MAZARI CUSTOM CSS — REVIEWED FOR CORE v5.0.0
   - Account / OTP / Thank-you / product cart icon / mobile-menu glow
     are owned by the two plugins and intentionally do not live here.
   - Cart and checkout visual rules are preserved because they are approved.
   - One obsolete duplicate desktop-centering block was removed; the final
     high-specificity block remains the single owner of desktop breakout.
   ========================================================= */

/* =========================================================
   MAZARI — REMOVE ALL WISHLIST / HEART BUTTONS
   ========================================================= */

/* صفحه اصلی + کاروسل‌ها */
.mzp-wish-btn,
.mzp-card-wish,

/* فروشگاه */
.mzs3-wish,
.mzs-wish,
.mzs-card-wish,

/* صفحه برندها */
.mzbp-wish,
.mzbp-card-wish,

/* صفحه محصول */
.mz-btn-wish,
.mzpe-wish,
.mzpe-wishlist,

/* WooCommerce / Wishlist plugins */
.yith-wcwl-add-to-wishlist,
.tinv-wraper,
.tinv-wishlist,
.woosw-btn,
.wishlist-button,
.add_to_wishlist {
    display: none !important;
}
/* حذف کامل سکشن برندهای قدیمی صفحه اصلی */
.mzp-brands-sec {
    display: none !important;
}
/* Mazari Contact — Subject Buttons */
.mc-subjects .mc-subj-btn{
    background: #c8a96e !important;
    color: #111827 !important;
    border-color: #c8a96e !important;
}

/* Hover */
.mc-subjects .mc-subj-btn:hover{
    background: #d8bd86 !important;
    color: #111827 !important;
    border-color: #d8bd86 !important;
}

/* گزینه انتخاب‌شده */
.mc-subjects .mc-subj-btn.active,
.mc-subjects .mc-subj-btn.is-active{
    background: #c8a96e !important;
    color: #111827 !important;
    border-color: #c8a96e !important;
}
/* ══════════════════════════════════════
   MAZARI BRANDS — A-Z FILTER PREMIUM
   ══════════════════════════════════════ */

#mzbrAlpha{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex-wrap:wrap !important;
    gap:8px !important;
    max-width:920px !important;
    margin:22px auto 32px !important;
    padding:0 18px !important;
    direction:ltr !important;
}

#mzbrAlpha .mzbr-alpha-btn{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    padding:0 !important;
    margin:0 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    background:linear-gradient(
        145deg,
        #0d1728 0%,
        #111827 55%,
        #1b2942 100%
    ) !important;

    color:#c8a96e !important;

    border:1px solid rgba(200,169,110,.34) !important;
    border-radius:11px !important;

    font-size:12px !important;
    font-weight:800 !important;
    line-height:1 !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.06),
        0 5px 14px rgba(17,24,39,.12) !important;

    cursor:pointer !important;
    position:relative !important;
    overflow:hidden !important;

    transition:
        transform .28s ease,
        border-color .28s ease,
        box-shadow .28s ease,
        color .28s ease !important;
}

/* نور متحرک روی دکمه */
#mzbrAlpha .mzbr-alpha-btn::before{
    content:"" !important;
    position:absolute !important;
    top:-40% !important;
    left:-80% !important;
    width:55% !important;
    height:180% !important;

    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.28),
        transparent
    ) !important;

    transform:rotate(20deg) !important;
    transition:left .5s ease !important;
    pointer-events:none !important;
}

/* Hover لوکس */
#mzbrAlpha .mzbr-alpha-btn:hover{
    color:#f0d598 !important;
    border-color:#c8a96e !important;

    transform:translateY(-4px) scale(1.06) !important;

    box-shadow:
        0 0 0 3px rgba(200,169,110,.08),
        0 12px 26px rgba(17,24,39,.22),
        0 0 20px rgba(200,169,110,.16) !important;
}

#mzbrAlpha .mzbr-alpha-btn:hover::before{
    left:130% !important;
}

/* دکمه فعال */
#mzbrAlpha .mzbr-alpha-btn.active,
#mzbrAlpha .mzbr-alpha-btn.is-active{
    background:linear-gradient(
        135deg,
        #d8bd82,
        #c8a96e
    ) !important;

    color:#111827 !important;
    border-color:#d8bd82 !important;

    box-shadow:
        0 8px 24px rgba(200,169,110,.28),
        inset 0 1px 0 rgba(255,255,255,.35) !important;

    transform:translateY(-2px) !important;
}

/* موبایل */
@media(max-width:767px){

    #mzbrAlpha{
        justify-content:flex-start !important;
        flex-wrap:nowrap !important;
        overflow-x:auto !important;
        max-width:100% !important;
        padding:4px 16px 12px !important;
        margin:16px auto 24px !important;
        scrollbar-width:none !important;
        -webkit-overflow-scrolling:touch !important;
    }

    #mzbrAlpha::-webkit-scrollbar{
        display:none !important;
    }

    #mzbrAlpha .mzbr-alpha-btn{
        width:36px !important;
        height:36px !important;
        min-width:36px !important;
        flex:0 0 36px !important;
    }
}
/* ══════════════════════════════════════
   MAZARI SHOP — SORT BUTTON PREMIUM
   ══════════════════════════════════════ */

.mzs-sort-wrap{
    position:relative !important;
}

.mzs-sort-btn{
    min-width:128px !important;
    height:40px !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;

    padding:0 16px !important;

    background:linear-gradient(
        145deg,
        #0d1728 0%,
        #111827 55%,
        #1b2942 100%
    ) !important;

    color:#c8a96e !important;

    border:1px solid rgba(200,169,110,.34) !important;
    border-radius:12px !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.06),
        0 6px 18px rgba(17,24,39,.12) !important;

    cursor:pointer !important;
    overflow:hidden !important;
    position:relative !important;

    transition:
        transform .28s ease,
        border-color .28s ease,
        box-shadow .28s ease !important;
}

#mzsSortLabel{
    color:#c8a96e !important;
    font-size:12px !important;
    font-weight:800 !important;
}

.mzs-sort-btn svg{
    width:16px !important;
    height:16px !important;
    stroke:#c8a96e !important;
    transition:transform .28s ease !important;
}

/* نور عبوری */
.mzs-sort-btn::before{
    content:"" !important;
    position:absolute !important;
    top:-60% !important;
    left:-70% !important;

    width:45% !important;
    height:220% !important;

    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.26),
        transparent
    ) !important;

    transform:rotate(18deg) !important;
    transition:left .55s ease !important;
    pointer-events:none !important;
}

/* Hover */
.mzs-sort-btn:hover{
    transform:translateY(-3px) !important;
    border-color:#c8a96e !important;

    box-shadow:
        0 0 0 3px rgba(200,169,110,.07),
        0 12px 28px rgba(17,24,39,.20),
        0 0 20px rgba(200,169,110,.14) !important;
}

.mzs-sort-btn:hover::before{
    left:130% !important;
}

/* حرکت آیکن هنگام هاور */
.mzs-sort-btn:hover svg:last-child{
    transform:translateY(2px) !important;
}

/* حالت باز بودن منوی Sort */
.mzs-sort-btn.active,
.mzs-sort-btn[aria-expanded="true"]{
    background:linear-gradient(
        135deg,
        #d8bd82,
        #c8a96e
    ) !important;

    color:#111827 !important;
    border-color:#c8a96e !important;
}

.mzs-sort-btn.active #mzsSortLabel,
.mzs-sort-btn[aria-expanded="true"] #mzsSortLabel{
    color:#111827 !important;
}

.mzs-sort-btn.active svg,
.mzs-sort-btn[aria-expanded="true"] svg{
    stroke:#111827 !important;
}
/* MAZARI SHOP — فقط محصولات ۴ ستونه */

/* دسکتاپ */
@media (min-width: 1025px){
    #mzsGrid{
        display:grid !important;
        grid-template-columns:repeat(4, minmax(0,1fr)) !important;
        gap:16px !important;
        width:100% !important;
    }
}

/* تبلت */
@media (min-width:768px) and (max-width:1024px){
    #mzsGrid{
        grid-template-columns:repeat(3, minmax(0,1fr)) !important;
        gap:14px !important;
    }
}

/* موبایل */
@media (max-width:767px){
    #mzsGrid{
        grid-template-columns:repeat(2, minmax(0,1fr)) !important;
        gap:12px !important;
    }
}
/* ══════════════════════════════════════
   MAZARI — Carousel Prices Gold
   ══════════════════════════════════════ */

/* همه قیمت‌های داخل کاروسل‌های مازاری */
.mzp-sec .price,
.mzp-sec .price *,
.mzp-sec .woocommerce-Price-amount,
.mzp-sec .woocommerce-Price-amount *,
.mzp-sec ins,
.mzp-sec ins *,
.mzp-sec .sale .woocommerce-Price-amount,
.mzp-sec .sale .woocommerce-Price-amount *{
    color:#c8a96e !important;
}

/* قیمت قبلی در محصولات تخفیف‌دار */
.mzp-sec del,
.mzp-sec del *,
.mzp-sec del .woocommerce-Price-amount,
.mzp-sec del .woocommerce-Price-amount *{
    color:#9ca3af !important;
    opacity:.72 !important;
}
/* =========================================
   MAZARI FAQ — PREMIUM CATEGORY TABS
   ========================================= */

#fqTabs.fq-tabs{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex-wrap:wrap !important;
    gap:8px !important;

    width:100% !important;
    margin:18px auto 26px !important;
    padding:10px 12px !important;

    background:rgba(255,255,255,.88) !important;
    border:1px solid rgba(17,24,39,.07) !important;
    border-radius:16px !important;

    box-shadow:
        0 8px 24px rgba(17,24,39,.06),
        inset 0 1px 0 rgba(255,255,255,.9) !important;
}

/* تمام دکمه‌ها */
#fqTabs .fq-tab{
    appearance:none !important;
    -webkit-appearance:none !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;

    min-height:38px !important;
    padding:0 14px !important;
    margin:0 !important;

    background:#111827 !important;
    color:#c8a96e !important;

    border:1px solid rgba(200,169,110,.28) !important;
    border-radius:999px !important;

    font-size:11px !important;
    font-weight:800 !important;
    line-height:1 !important;

    cursor:pointer !important;
    box-shadow:none !important;

    position:relative !important;
    overflow:hidden !important;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease,
        color .25s ease !important;
}

/* متن + عدد داخل */
#fqTabs .fq-tab span,
#fqTabs .fq-tab .fq-tab-count{
    color:inherit !important;
}

/* آیکن */
#fqTabs .fq-tab svg{
    width:14px !important;
    height:14px !important;
    stroke:#c8a96e !important;
    flex-shrink:0 !important;
}

/* افکت نور */
#fqTabs .fq-tab::before{
    content:"" !important;
    position:absolute !important;
    top:-60% !important;
    left:-70% !important;

    width:45% !important;
    height:220% !important;

    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.24),
        transparent
    ) !important;

    transform:rotate(18deg) !important;
    transition:left .5s ease !important;
    pointer-events:none !important;
}

/* Hover */
#fqTabs .fq-tab:hover{
    transform:translateY(-2px) !important;
    border-color:#c8a96e !important;

    box-shadow:
        0 0 0 3px rgba(200,169,110,.07),
        0 10px 24px rgba(17,24,39,.16),
        0 0 18px rgba(200,169,110,.12) !important;
}

#fqTabs .fq-tab:hover::before{
    left:130% !important;
}

/* تب فعال */
#fqTabs .fq-tab.active,
#fqTabs .fq-tab.is-active{
    background:linear-gradient(135deg,#d8bd82,#c8a96e) !important;
    color:#111827 !important;
    border-color:#c8a96e !important;

    box-shadow:
        0 8px 20px rgba(200,169,110,.24),
        inset 0 1px 0 rgba(255,255,255,.35) !important;
}

#fqTabs .fq-tab.active svg,
#fqTabs .fq-tab.is-active svg{
    stroke:#111827 !important;
}

/* موبایل */
@media(max-width:767px){

    #fqTabs.fq-tabs{
        justify-content:flex-start !important;
        flex-wrap:nowrap !important;
        overflow-x:auto !important;

        padding:8px 10px 10px !important;
        margin:14px auto 20px !important;

        scrollbar-width:none !important;
        -webkit-overflow-scrolling:touch !important;
    }

    #fqTabs.fq-tabs::-webkit-scrollbar{
        display:none !important;
    }

    #fqTabs .fq-tab{
        flex:0 0 auto !important;
        min-height:36px !important;
        padding:0 13px !important;
        font-size:10.5px !important;
    }
}
/* =========================================
   MAZARI CART — REMOVE / CLEAR CART THEME
   ========================================= */

/* دکمه حذف محصول */
.mzcx-remove,
.mzcx-remove.remove{
    background:#111827 !important;
    color:#c8a96e !important;
    border:1px solid rgba(200,169,110,.35) !important;
    border-radius:50% !important;

    width:34px !important;
    height:34px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    box-shadow:
        0 6px 16px rgba(17,24,39,.14),
        inset 0 1px 0 rgba(255,255,255,.05) !important;

    transition:
        transform .25s ease,
        background .25s ease,
        color .25s ease,
        box-shadow .25s ease !important;
}

/* خود علامت × */
.mzcx-remove,
.mzcx-remove *{
    color:#c8a96e !important;
}

/* هاور حذف محصول */
.mzcx-remove:hover{
    background:#c8a96e !important;
    color:#111827 !important;
    border-color:#c8a96e !important;

    transform:translateY(-2px) scale(1.05) !important;

    box-shadow:
        0 10px 24px rgba(200,169,110,.25),
        0 0 0 4px rgba(200,169,110,.08) !important;
}

.mzcx-remove:hover *{
    color:#111827 !important;
}


/* =========================================
   دکمه حذف همه محصولات
   ========================================= */

.mzcx-clear-cart,
.mzcx-btn-danger{
    background:#111827 !important;
    color:#c8a96e !important;

    border:1px solid rgba(200,169,110,.35) !important;
    border-radius:12px !important;

    padding:11px 18px !important;

    font-weight:800 !important;
    font-size:12px !important;

    box-shadow:
        0 6px 18px rgba(17,24,39,.12),
        inset 0 1px 0 rgba(255,255,255,.05) !important;

    transition:
        transform .25s ease,
        background .25s ease,
        color .25s ease,
        box-shadow .25s ease !important;
}

/* Hover */
.mzcx-clear-cart:hover,
.mzcx-btn-danger:hover{
    background:#c8a96e !important;
    color:#111827 !important;
    border-color:#c8a96e !important;

    transform:translateY(-2px) !important;

    box-shadow:
        0 10px 24px rgba(200,169,110,.24),
        0 0 0 4px rgba(200,169,110,.07) !important;
}
/* =========================================
   MAZARI CHECKOUT — PLACE ORDER BUTTON
   ========================================= */

.woocommerce-checkout #place_order,
.mzcx-checkout #place_order{
    width:100% !important;
    min-height:58px !important;

    background:
        linear-gradient(
            135deg,
            #d9bd7c 0%,
            #c8a96e 52%,
            #b89458 100%
        ) !important;

    color:#0b1729 !important;

    border:1px solid rgba(255,255,255,.42) !important;
    border-radius:15px !important;

    font-size:14px !important;
    font-weight:900 !important;
    letter-spacing:-.15px !important;

    box-shadow:
        0 14px 30px rgba(200,169,110,.28),
        inset 0 1px 0 rgba(255,255,255,.48) !important;

    cursor:pointer !important;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        background .25s ease,
        color .25s ease !important;
}

/* Hover */
.woocommerce-checkout #place_order:hover,
.mzcx-checkout #place_order:hover{
    background:
        linear-gradient(
            135deg,
            #0b1729 0%,
            #14243f 55%,
            #1c3153 100%
        ) !important;

    color:#fff !important;

    transform:translateY(-2px) !important;

    box-shadow:
        0 16px 34px rgba(11,23,41,.24),
        0 0 0 4px rgba(200,169,110,.09) !important;
}

/* موقع کلیک */
.woocommerce-checkout #place_order:active,
.mzcx-checkout #place_order:active{
    transform:translateY(0) scale(.99) !important;
}

/* فوکوس */
.woocommerce-checkout #place_order:focus,
.mzcx-checkout #place_order:focus{
    outline:none !important;
    box-shadow:
        0 14px 30px rgba(200,169,110,.28),
        0 0 0 4px rgba(200,169,110,.12) !important;
}
/* =====================================================
   MAZARI — LUXURY CHECKOUT COUPON
   ===================================================== */

/* کارت اصلی */
.mzcx-checkout-coupon{
    background:
        linear-gradient(145deg,#ffffff 0%,#fdfbf6 100%) !important;

    border:1px solid rgba(200,169,110,.25) !important;
    border-radius:20px !important;

    padding:16px !important;
    margin-bottom:16px !important;

    box-shadow:
        0 14px 38px rgba(11,23,41,.07),
        inset 0 1px 0 rgba(255,255,255,.9) !important;

    overflow:hidden !important;
}


/* ردیف داخلی */
.mzcx-checkout-coupon form,
.mzcx-checkout-coupon .checkout_coupon{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;

    margin:0 !important;
    padding:0 !important;

    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
}


/* حذف floatهای ووکامرس */
.mzcx-checkout-coupon .form-row{
    float:none !important;
    width:auto !important;
    margin:0 !important;
    padding:0 !important;
}


/* قسمت ورودی */
.mzcx-checkout-coupon .form-row-first{
    flex:1 1 auto !important;
}


/* input کد تخفیف */
.mzcx-checkout-coupon input#coupon_code_checkout,
.mzcx-checkout-coupon input[name="coupon_code"]{
    width:100% !important;
    height:52px !important;
    min-height:52px !important;

    padding:0 17px !important;

    background:#fff !important;
    color:#0b1729 !important;

    border:1px solid #e7dfd0 !important;
    border-radius:13px !important;

    font-size:13px !important;
    font-weight:600 !important;

    outline:none !important;

    box-shadow:
        inset 0 1px 2px rgba(11,23,41,.025) !important;

    transition:.25s ease !important;
}


/* placeholder */
.mzcx-checkout-coupon input::placeholder{
    color:#9ba1aa !important;
    opacity:1 !important;
}


/* فوکوس ورودی */
.mzcx-checkout-coupon input:focus{
    border-color:#c8a96e !important;

    box-shadow:
        0 0 0 4px rgba(200,169,110,.10) !important;
}


/* دکمه اعمال کد */
.mzcx-checkout-coupon button,
.mzcx-checkout-coupon .button{
    flex:0 0 auto !important;

    height:52px !important;
    min-height:52px !important;

    padding:0 24px !important;

    background:#0b1729 !important;
    color:#fff !important;

    border:1px solid #0b1729 !important;
    border-radius:13px !important;

    font-size:12px !important;
    font-weight:800 !important;

    cursor:pointer !important;

    box-shadow:
        0 9px 20px rgba(11,23,41,.14) !important;

    transition:.25s ease !important;
}


/* Hover */
.mzcx-checkout-coupon button:hover,
.mzcx-checkout-coupon .button:hover{
    background:
        linear-gradient(135deg,#d9bd7c,#c8a96e) !important;

    border-color:#c8a96e !important;
    color:#0b1729 !important;

    transform:translateY(-1px) !important;

    box-shadow:
        0 12px 25px rgba(200,169,110,.24) !important;
}


/* حذف کامل رنگ آبی/فیروزه‌ای قدیمی */
.mzcx-checkout-coupon *,
.mzcx-checkout-coupon *::before,
.mzcx-checkout-coupon *::after{
    border-top-color:initial;
}


/* علامت + بالای باکس */
.mzcx-checkout-coupon > span,
.mzcx-checkout-coupon > .mzcx-coupon-toggle{
    color:#c8a96e !important;
}


/* موبایل */
@media(max-width:767px){

    .mzcx-checkout-coupon{
        padding:13px !important;
        border-radius:17px !important;
    }

    .mzcx-checkout-coupon form,
    .mzcx-checkout-coupon .checkout_coupon{
        gap:8px !important;
    }

    .mzcx-checkout-coupon input#coupon_code_checkout,
    .mzcx-checkout-coupon input[name="coupon_code"]{
        height:50px !important;
        min-height:50px !important;
    }

    .mzcx-checkout-coupon button,
    .mzcx-checkout-coupon .button{
        height:50px !important;
        min-height:50px !important;
        padding:0 18px !important;
    }
}
/* =========================================================
   MAZARI — PREMIUM PAYMENT METHODS
   Checkout Payment UI
   ========================================================= */

/* باکس اصلی پرداخت */
.mzcx-checkout #payment,
.mzcx-checkout .woocommerce-checkout-payment{
    background:#fff !important;
    border:1px solid #e8e0d3 !important;
    border-radius:20px !important;
    padding:12px !important;
    margin-top:14px !important;
    overflow:hidden !important;

    box-shadow:
        0 14px 40px rgba(11,23,41,.055) !important;
}


/* لیست روش‌های پرداخت */
.mzcx-checkout #payment ul.payment_methods{
    list-style:none !important;
    margin:0 !important;
    padding:0 !important;

    display:flex !important;
    flex-direction:column !important;
    gap:10px !important;

    border:0 !important;
}


/* هر روش پرداخت = یک کارت */
.mzcx-checkout #payment ul.payment_methods > li{
    position:relative !important;

    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;

    width:100% !important;
    min-height:64px !important;

    margin:0 !important;
    padding:0 16px !important;

    background:#fdfcf9 !important;
    border:1px solid #e9e2d7 !important;
    border-radius:14px !important;

    box-sizing:border-box !important;

    transition:
        border-color .25s ease,
        background .25s ease,
        box-shadow .25s ease,
        transform .25s ease !important;
}


/* Hover کارت */
.mzcx-checkout #payment ul.payment_methods > li:hover{
    border-color:rgba(200,169,110,.55) !important;
    background:#fff !important;

    box-shadow:
        0 8px 22px rgba(11,23,41,.055) !important;

    transform:translateY(-1px) !important;
}


/* ========================================
   LABEL
   ======================================== */

.mzcx-checkout #payment ul.payment_methods > li > label{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:12px !important;

    width:calc(100% - 30px) !important;
    min-height:62px !important;

    margin:0 !important;
    padding:8px 0 !important;

    color:#172337 !important;

    font-size:13px !important;
    font-weight:700 !important;
    line-height:1.8 !important;

    cursor:pointer !important;
}


/* لوگوی درگاه‌ها */
.mzcx-checkout #payment ul.payment_methods > li > label img{
    display:block !important;

    width:auto !important;
    max-width:90px !important;
    height:34px !important;
    max-height:34px !important;

    object-fit:contain !important;

    margin:0 8px !important;
    vertical-align:middle !important;
}


/* ========================================
   RADIO — کاملاً سفارشی
   ======================================== */

.mzcx-checkout #payment ul.payment_methods > li > input[type="radio"]{
    appearance:none !important;
    -webkit-appearance:none !important;

    flex:0 0 18px !important;

    width:18px !important;
    height:18px !important;
    min-width:18px !important;

    margin:0 !important;

    background:#fff !important;

    border:1.5px solid #b8bdc5 !important;
    border-radius:50% !important;

    box-shadow:none !important;

    cursor:pointer !important;

    transition:.2s ease !important;
}


/* رادیو انتخاب‌شده */
.mzcx-checkout #payment ul.payment_methods > li > input[type="radio"]:checked{
    border:5px solid #0b1729 !important;
    background:#d4b46d !important;

    box-shadow:
        0 0 0 3px rgba(200,169,110,.13) !important;
}


/* ========================================
   روش انتخاب‌شده
   ======================================== */

.mzcx-checkout #payment ul.payment_methods > li:has(input[type="radio"]:checked){
    background:
        linear-gradient(135deg,#fff 0%,#fdf9ef 100%) !important;

    border-color:#d6ba7c !important;

    box-shadow:
        0 10px 28px rgba(11,23,41,.07),
        0 0 0 2px rgba(200,169,110,.07) !important;
}


/* ========================================
   توضیحات درگاه
   ======================================== */

.mzcx-checkout #payment .payment_box{
    width:100% !important;

    margin:0 0 12px 0 !important;
    padding:13px 15px !important;

    background:#f7f5f0 !important;

    border:0 !important;
    border-radius:11px !important;

    color:#626b78 !important;

    font-size:11.5px !important;
    font-weight:500 !important;
    line-height:2 !important;

    box-sizing:border-box !important;

    box-shadow:none !important;
}


/* حذف فلش زشت ووکامرس */
.mzcx-checkout #payment .payment_box::before{
    display:none !important;
    content:none !important;
}


/* متن توضیحات */
.mzcx-checkout #payment .payment_box p{
    margin:0 !important;
    padding:0 !important;

    font-size:11.5px !important;
    line-height:2 !important;

    color:#626b78 !important;
}


/* لینک‌ها */
.mzcx-checkout #payment .payment_box a{
    color:#b18b43 !important;
    font-weight:700 !important;
    text-decoration:none !important;
}


/* ========================================
   SNAPP PAY
   ======================================== */

.mzcx-checkout #payment li.payment_method_WC_Gateway_SnappPay{
    padding-top:0 !important;
}


/* اگر اسنپ‌پی داخل خودش بخش اضافه دارد */
.mzcx-checkout #payment li.payment_method_WC_Gateway_SnappPay .payment_box{
    margin-top:0 !important;
}


/* ========================================
   ZARINPAL
   ======================================== */

.mzcx-checkout #payment li.payment_method_zarinpal > label,
.mzcx-checkout #payment li[class*="zarin"] > label{
    min-height:62px !important;
}


/* ========================================
   PLACE ORDER
   ======================================== */

.mzcx-checkout #payment .place-order{
    margin:14px 0 0 !important;
    padding:0 !important;

    background:transparent !important;
    border:0 !important;
}


/* دکمه ثبت سفارش */
.mzcx-checkout #place_order{
    width:100% !important;
    height:58px !important;
    min-height:58px !important;

    margin:0 !important;
    padding:0 24px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    background:
        linear-gradient(135deg,#d9bd7c 0%,#c8a96e 100%) !important;

    color:#0b1729 !important;

    border:0 !important;
    border-radius:14px !important;

    font-size:13px !important;
    font-weight:900 !important;

    box-shadow:
        0 12px 25px rgba(200,169,110,.22) !important;

    cursor:pointer !important;

    transition:.25s ease !important;
}


/* Hover ثبت سفارش */
.mzcx-checkout #place_order:hover{
    background:#0b1729 !important;
    color:#fff !important;

    transform:translateY(-1px) !important;

    box-shadow:
        0 14px 30px rgba(11,23,41,.18) !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:767px){

    .mzcx-checkout #payment,
    .mzcx-checkout .woocommerce-checkout-payment{
        padding:10px !important;
        border-radius:17px !important;
    }

    .mzcx-checkout #payment ul.payment_methods{
        gap:8px !important;
    }

    .mzcx-checkout #payment ul.payment_methods > li{
        min-height:60px !important;
        padding:0 13px !important;
        border-radius:13px !important;
    }

    .mzcx-checkout #payment ul.payment_methods > li > label{
        min-height:58px !important;
        font-size:12px !important;
        gap:8px !important;
    }

    .mzcx-checkout #payment ul.payment_methods > li > label img{
        max-width:72px !important;
        height:30px !important;
    }

    .mzcx-checkout #payment .payment_box{
        padding:12px !important;
        margin-bottom:10px !important;
        font-size:11px !important;
        line-height:1.9 !important;
    }

    .mzcx-checkout #place_order{
        height:54px !important;
        min-height:54px !important;
        border-radius:13px !important;
    }
}
/* =========================================================
   MAZARI — ORDER REVIEW PREMIUM TABLE
   Navy Prices + Vazirmatn + Clean Separation
   ========================================================= */

/* فونت کل خلاصه سفارش */
.mzcx-checkout #order_review,
.mzcx-checkout #order_review *,
.mzcx-checkout table.shop_table,
.mzcx-checkout table.shop_table *{
    font-family:"Vazirmatn","Vazir",Tahoma,Arial,sans-serif !important;
}

/* کارت اصلی */
.mzcx-checkout #order_review{
    background:#fff !important;
    border:1px solid rgba(200,169,110,.22) !important;
    border-radius:20px !important;
    overflow:hidden !important;

    box-shadow:
        0 14px 40px rgba(11,23,41,.06) !important;
}

/* جدول */
.mzcx-checkout #order_review table.shop_table{
    width:100% !important;
    margin:0 !important;

    border:0 !important;
    border-collapse:separate !important;
    border-spacing:0 !important;

    background:#fff !important;
}


/* =========================================
   HEADER جدول
   ========================================= */

.mzcx-checkout #order_review table.shop_table thead th{
    background:#f7f4ee !important;
    color:#6b7280 !important;

    padding:15px 18px !important;

    border:0 !important;
    border-bottom:1px solid #e8e1d7 !important;

    font-size:11px !important;
    font-weight:800 !important;
    line-height:1.7 !important;
}


/* =========================================
   ردیف محصولات
   ========================================= */

.mzcx-checkout #order_review table.shop_table tbody tr{
    background:#fff !important;
}

.mzcx-checkout #order_review table.shop_table tbody td{
    padding:18px !important;

    border:0 !important;
    border-bottom:1px solid #eee9e1 !important;

    background:#fff !important;

    color:#172337 !important;

    font-size:12px !important;
    line-height:1.95 !important;

    vertical-align:middle !important;
}


/* نام محصول */
.mzcx-checkout #order_review td.product-name{
    color:#111827 !important;

    font-size:12.5px !important;
    font-weight:800 !important;
    line-height:2 !important;
}


/* تعداد محصول */
.mzcx-checkout #order_review .product-quantity{
    color:#8b93a1 !important;
    font-size:11px !important;
    font-weight:600 !important;
}


/* =========================================
   همه قیمت‌ها سورمه‌ای
   ========================================= */

.mzcx-checkout #order_review .woocommerce-Price-amount,
.mzcx-checkout #order_review .woocommerce-Price-amount bdi,
.mzcx-checkout #order_review .amount,
.mzcx-checkout #order_review td.product-total,
.mzcx-checkout #order_review td.product-total *{
    color:#0b1729 !important;

    font-weight:900 !important;
    font-size:12.5px !important;
}


/* واحد تومان */
.mzcx-checkout #order_review .woocommerce-Price-currencySymbol{
    color:#697386 !important;
    font-size:10px !important;
    font-weight:700 !important;
}


/* =========================================
   FOOTER / جمع‌ها
   ========================================= */

.mzcx-checkout #order_review table.shop_table tfoot tr{
    background:#fff !important;
}

.mzcx-checkout #order_review table.shop_table tfoot th,
.mzcx-checkout #order_review table.shop_table tfoot td{
    padding:17px 18px !important;

    border:0 !important;
    border-bottom:1px solid #eee9e1 !important;

    background:#fff !important;

    color:#374151 !important;

    font-size:12px !important;
    font-weight:750 !important;
    line-height:1.9 !important;

    vertical-align:middle !important;
}


/* عنوان‌ها */
.mzcx-checkout #order_review table.shop_table tfoot th{
    color:#283449 !important;
    font-weight:850 !important;
}


/* قیمت‌های footer */
.mzcx-checkout #order_review table.shop_table tfoot td .amount,
.mzcx-checkout #order_review table.shop_table tfoot td .woocommerce-Price-amount,
.mzcx-checkout #order_review table.shop_table tfoot td .woocommerce-Price-amount bdi{
    color:#0b1729 !important;
    font-weight:900 !important;
}


/* =========================================
   حمل و نقل
   ========================================= */

.mzcx-checkout #order_review tr.woocommerce-shipping-totals th,
.mzcx-checkout #order_review tr.woocommerce-shipping-totals td{
    background:#fbfaf7 !important;
}

.mzcx-checkout #order_review ul#shipping_method{
    margin:0 !important;
    padding:0 !important;

    list-style:none !important;

    display:flex !important;
    flex-direction:column !important;
    gap:7px !important;
}

.mzcx-checkout #order_review ul#shipping_method li{
    margin:0 !important;
    padding:0 !important;

    font-size:11.5px !important;
    line-height:1.8 !important;

    color:#5f6876 !important;
}

.mzcx-checkout #order_review ul#shipping_method label{
    font-family:"Vazirmatn","Vazir",Tahoma,sans-serif !important;

    color:#4b5563 !important;
    font-size:11.5px !important;
    font-weight:650 !important;
}


/* =========================================
   جمع نهایی
   ========================================= */

.mzcx-checkout #order_review tr.order-total th,
.mzcx-checkout #order_review tr.order-total td{
    background:
        linear-gradient(
            135deg,
            rgba(200,169,110,.13),
            rgba(200,169,110,.055)
        ) !important;

    padding-top:20px !important;
    padding-bottom:20px !important;

    border-bottom:0 !important;

    color:#0b1729 !important;
}

.mzcx-checkout #order_review tr.order-total th{
    font-size:13px !important;
    font-weight:950 !important;
}

.mzcx-checkout #order_review tr.order-total .woocommerce-Price-amount,
.mzcx-checkout #order_review tr.order-total .woocommerce-Price-amount bdi,
.mzcx-checkout #order_review tr.order-total .amount{
    color:#0b1729 !important;

    font-size:16px !important;
    font-weight:950 !important;
}


/* =========================================
   فاصله ستون‌ها
   ========================================= */

.mzcx-checkout #order_review th.product-name,
.mzcx-checkout #order_review td.product-name{
    width:67% !important;
    text-align:right !important;
}

.mzcx-checkout #order_review th.product-total,
.mzcx-checkout #order_review td.product-total{
    width:33% !important;
    text-align:left !important;
}


/* =========================================
   Hover خیلی ظریف روی محصولات
   ========================================= */

.mzcx-checkout #order_review tbody tr{
    transition:background .2s ease !important;
}

.mzcx-checkout #order_review tbody tr:hover td{
    background:#fcfbf8 !important;
}


/* =========================================
   موبایل
   ========================================= */

@media(max-width:767px){

    .mzcx-checkout #order_review{
        border-radius:17px !important;
    }

    .mzcx-checkout #order_review table.shop_table thead th{
        padding:13px !important;
        font-size:10.5px !important;
    }

    .mzcx-checkout #order_review table.shop_table tbody td,
    .mzcx-checkout #order_review table.shop_table tfoot th,
    .mzcx-checkout #order_review table.shop_table tfoot td{
        padding:14px 12px !important;
    }

    .mzcx-checkout #order_review td.product-name{
        font-size:11.5px !important;
        line-height:1.9 !important;
    }

    .mzcx-checkout #order_review .woocommerce-Price-amount,
    .mzcx-checkout #order_review .amount{
        font-size:11.5px !important;
    }

    .mzcx-checkout #order_review tr.order-total .woocommerce-Price-amount,
    .mzcx-checkout #order_review tr.order-total .amount{
        font-size:15px !important;
    }
}
/* =========================================================
   MAZARI — LUXURY BILLING / SHIPPING FORM
   Full Width + Persian + Navy + Vazirmatn
   ========================================================= */

/* کل پنل فرم */
.mzcx-checkout-main,
.mzcx-checkout-main .mzcx-panel{
    width:100% !important;
    max-width:none !important;
}

.mzcx-checkout-main .mzcx-panel{
    background:#fff !important;
    border:1px solid rgba(200,169,110,.20) !important;
    border-radius:24px !important;

    padding:36px 38px 42px !important;

    box-shadow:
        0 22px 60px rgba(11,23,41,.07),
        inset 0 1px 0 rgba(255,255,255,.9) !important;

    direction:rtl !important;
}


/* فونت کل فرم */
.mzcx-checkout-main,
.mzcx-checkout-main *{
    font-family:"Vazirmatn","Vazir",Tahoma,Arial,sans-serif !important;
}


/* عنوان */
.mzcx-checkout-main .mzcx-panel-title{
    color:#0b1729 !important;

    font-size:21px !important;
    font-weight:900 !important;
    line-height:1.8 !important;

    padding:0 15px 20px 0 !important;
    margin:0 0 30px !important;

    border-bottom:1px solid #eee8df !important;

    position:relative !important;
}

.mzcx-checkout-main .mzcx-panel-title::before{
    content:"" !important;

    position:absolute !important;
    right:0 !important;
    top:5px !important;

    width:4px !important;
    height:25px !important;

    border-radius:99px !important;

    background:linear-gradient(
        180deg,
        #dec78e,
        #c8a96e
    ) !important;
}


/* =========================================================
   حذف Grid و ستون‌های فشرده ووکامرس/Elementor
   ========================================================= */

.mzcx-checkout-main .e-checkout__container,
.mzcx-checkout-main #customer_details,
.mzcx-checkout-main .col2-set,
.mzcx-checkout-main .woocommerce-billing-fields,
.mzcx-checkout-main .woocommerce-billing-fields__field-wrapper{
    display:block !important;

    width:100% !important;
    max-width:none !important;

    margin:0 !important;
    padding:0 !important;

    float:none !important;
}


/* هر فیلد = یک ردیف کامل */
.mzcx-checkout-main .form-row,
.mzcx-checkout-main .form-row-first,
.mzcx-checkout-main .form-row-last,
.mzcx-checkout-main .form-row-wide{
    display:block !important;

    width:100% !important;
    max-width:none !important;

    float:none !important;
    clear:both !important;

    margin:0 0 20px !important;
    padding:0 !important;
}


/* حتی نام و نام خانوادگی تمام عرض */
.mzcx-checkout-main #billing_first_name_field,
.mzcx-checkout-main #billing_last_name_field{
    width:100% !important;
    float:none !important;
}


/* =========================================================
   LABEL
   ========================================================= */

.mzcx-checkout-main .form-row label{
    display:block !important;

    width:100% !important;

    margin:0 0 8px !important;

    color:#172337 !important;

    font-size:12.5px !important;
    font-weight:800 !important;
    line-height:1.8 !important;

    text-align:right !important;
}


/* ستاره اجباری */
.mzcx-checkout-main .required{
    color:#c8a96e !important;
}


/* =========================================================
   INPUTS
   ========================================================= */

.mzcx-checkout-main input.input-text,
.mzcx-checkout-main textarea,
.mzcx-checkout-main select,
.mzcx-checkout-main .select2-container,
.mzcx-checkout-main .select2-selection--single{
    width:100% !important;
    max-width:none !important;
    box-sizing:border-box !important;
}


.mzcx-checkout-main input.input-text,
.mzcx-checkout-main select,
.mzcx-checkout-main .select2-selection--single{
    height:56px !important;
    min-height:56px !important;

    padding:0 18px !important;

    background:#fcfbf8 !important;

    border:1px solid #e7e1d7 !important;
    border-radius:15px !important;

    color:#0b1729 !important;

    font-size:13.5px !important;
    font-weight:550 !important;

    text-align:right !important;

    outline:none !important;
    box-shadow:none !important;

    transition:
        background .25s ease,
        border-color .25s ease,
        box-shadow .25s ease !important;
}


/* textarea */
.mzcx-checkout-main textarea{
    min-height:135px !important;

    padding:17px 18px !important;

    background:#fcfbf8 !important;

    border:1px solid #e7e1d7 !important;
    border-radius:15px !important;

    color:#0b1729 !important;

    font-size:13px !important;
    line-height:2 !important;

    resize:vertical !important;
}


/* Focus */
.mzcx-checkout-main input.input-text:focus,
.mzcx-checkout-main textarea:focus,
.mzcx-checkout-main select:focus,
.mzcx-checkout-main .select2-container--open .select2-selection--single{
    background:#fff !important;

    border-color:#c8a96e !important;

    box-shadow:
        0 0 0 4px rgba(200,169,110,.10),
        0 8px 24px rgba(11,23,41,.04) !important;
}


/* placeholder */
.mzcx-checkout-main input::placeholder,
.mzcx-checkout-main textarea::placeholder{
    color:#9da3ad !important;
    opacity:1 !important;
}


/* =========================================================
   SELECT2
   ========================================================= */

.mzcx-checkout-main .select2-container{
    display:block !important;
}

.mzcx-checkout-main .select2-selection__rendered{
    color:#0b1729 !important;

    line-height:54px !important;

    padding:0 !important;

    text-align:right !important;
}

.mzcx-checkout-main .select2-selection__arrow{
    height:54px !important;
    left:14px !important;
    right:auto !important;
}


/* =========================================================
   فارسی‌سازی Labelهای انگلیسی باقی‌مانده
   ========================================================= */

/* First Name */
.mzcx-checkout-main label[for="billing_first_name"]{
    font-size:0 !important;
}
.mzcx-checkout-main label[for="billing_first_name"]::after{
    content:"نام *" !important;
    font-size:12.5px !important;
    color:#172337 !important;
}


/* Last Name */
.mzcx-checkout-main label[for="billing_last_name"]{
    font-size:0 !important;
}
.mzcx-checkout-main label[for="billing_last_name"]::after{
    content:"نام خانوادگی *" !important;
    font-size:12.5px !important;
    color:#172337 !important;
}


/* Country */
.mzcx-checkout-main label[for="billing_country"]{
    font-size:0 !important;
}
.mzcx-checkout-main label[for="billing_country"]::after{
    content:"کشور / منطقه *" !important;
    font-size:12.5px !important;
    color:#172337 !important;
}


/* Address */
.mzcx-checkout-main label[for="billing_address_1"]{
    font-size:0 !important;
}
.mzcx-checkout-main label[for="billing_address_1"]::after{
    content:"آدرس کامل *" !important;
    font-size:12.5px !important;
    color:#172337 !important;
}


/* City */
.mzcx-checkout-main label[for="billing_city"]{
    font-size:0 !important;
}
.mzcx-checkout-main label[for="billing_city"]::after{
    content:"شهر *" !important;
    font-size:12.5px !important;
    color:#172337 !important;
}


/* Province */
.mzcx-checkout-main label[for="billing_state"]{
    font-size:0 !important;
}
.mzcx-checkout-main label[for="billing_state"]::after{
    content:"استان *" !important;
    font-size:12.5px !important;
    color:#172337 !important;
}


/* Postcode */
.mzcx-checkout-main label[for="billing_postcode"]{
    font-size:0 !important;
}
.mzcx-checkout-main label[for="billing_postcode"]::after{
    content:"کد پستی *" !important;
    font-size:12.5px !important;
    color:#172337 !important;
}


/* Phone */
.mzcx-checkout-main label[for="billing_phone"]{
    font-size:0 !important;
}
.mzcx-checkout-main label[for="billing_phone"]::after{
    content:"شماره موبایل *" !important;
    font-size:12.5px !important;
    color:#172337 !important;
}


/* Email */
.mzcx-checkout-main label[for="billing_email"]{
    font-size:0 !important;
}
.mzcx-checkout-main label[for="billing_email"]::after{
    content:"ایمیل *" !important;
    font-size:12.5px !important;
    color:#172337 !important;
}


/* =========================================================
   Order notes
   ========================================================= */

.mzcx-checkout-main label[for="order_comments"]{
    font-size:0 !important;
}

.mzcx-checkout-main label[for="order_comments"]::after{
    content:"یادداشت سفارش" !important;

    font-size:12.5px !important;
    color:#172337 !important;
    font-weight:800 !important;
}


/* =========================================================
   موبایل
   ========================================================= */

@media(max-width:767px){

    .mzcx-checkout-main .mzcx-panel{
        padding:25px 18px 28px !important;
        border-radius:20px !important;
    }

    .mzcx-checkout-main .mzcx-panel-title{
        font-size:17px !important;
        margin-bottom:24px !important;
    }

    .mzcx-checkout-main .form-row{
        margin-bottom:17px !important;
    }

    .mzcx-checkout-main input.input-text,
    .mzcx-checkout-main select,
    .mzcx-checkout-main .select2-selection--single{
        height:52px !important;
        min-height:52px !important;

        border-radius:14px !important;

        font-size:13px !important;
    }

    .mzcx-checkout-main textarea{
        min-height:115px !important;
        border-radius:14px !important;
    }
}
/* ==========================================
   MAZARI — SNAPP PAY DARK FIX
   ========================================== */

.mz-snapp-wrap,
.mz-snapp-wrap .snapppay-widget,
.mz-snapp-wrap div.snapppay-widget{
    background:#0b1423 !important;
    background-color:#0b1423 !important;
    background-image:none !important;

    border:1px solid rgba(200,169,110,.28) !important;
    border-radius:14px !important;

    box-shadow:
        0 12px 30px rgba(11,20,35,.14),
        inset 0 1px 0 rgba(255,255,255,.04) !important;

    overflow:hidden !important;
}

/* محتوای داخلی */
.mz-snapp-wrap .snapppay-widget-content{
    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;

    color:#fff !important;
}

/* عنوان و مبلغ */
.mz-snapp-wrap .snapppay-widget-title,
.mz-snapp-wrap .snapppay-widget-title *,
.mz-snapp-wrap .woocommerce-Price-amount,
.mz-snapp-wrap .woocommerce-Price-amount bdi,
.mz-snapp-wrap .amount{
    color:#fff !important;
}

/* توضیحات پایین */
.mz-snapp-wrap .snapppay-widget-description,
.mz-snapp-wrap .snapppay-widget-description *{
    color:rgba(255,255,255,.65) !important;
}

/* تصویر/لوگو */
.mz-snapp-wrap .snapppay-widget-image{
    background:transparent !important;
}

/* پاک کردن رنگ‌های تزریقی خود پلاگین */
.mz-snapp-wrap .snapppay-widget > div{
    border-color:transparent !important;
}

/* خود Wrapper هم دیگر نوار آبی یا کرم نداشته باشد */
.mz-snapp-wrap{
    padding:0 !important;
}
/* =========================================
   MAZARI PRODUCT TABS — LUXURY NAVY / GOLD
   ========================================= */

.mzpe-tab-nav{
    display:grid !important;
    grid-template-columns:repeat(4,1fr) !important;

    gap:8px !important;

    padding:8px !important;

    background:#f7f4ee !important;

    border:1px solid rgba(200,169,110,.22) !important;
    border-radius:16px !important;

    box-shadow:
        0 10px 30px rgba(11,23,41,.05) !important;

    overflow:hidden !important;
}


/* هر تب */
.mzpe-tab-btn{
    min-height:52px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;

    background:#fff !important;

    color:#0b1729 !important;

    border:1px solid rgba(11,23,41,.08) !important;
    border-radius:11px !important;

    font-size:12px !important;
    font-weight:800 !important;

    font-family:"Vazirmatn","Vazir",Tahoma,sans-serif !important;

    cursor:pointer !important;

    position:relative !important;
    overflow:hidden !important;

    transition:
        transform .22s ease,
        background .22s ease,
        border-color .22s ease,
        color .22s ease,
        box-shadow .22s ease !important;
}


/* آیکن */
.mzpe-tab-btn svg{
    width:16px !important;
    height:16px !important;

    stroke:currentColor !important;

    opacity:.72 !important;

    transition:.22s ease !important;
}


/* Hover */
.mzpe-tab-btn:hover{
    background:#111827 !important;

    color:#fff !important;

    border-color:#111827 !important;

    transform:translateY(-2px) !important;

    box-shadow:
        0 10px 24px rgba(17,24,39,.14) !important;
}

.mzpe-tab-btn:hover svg{
    color:#c8a96e !important;
    opacity:1 !important;
}


/* Active */
.mzpe-tab-btn.active{
    background:
        linear-gradient(
            135deg,
            #111827 0%,
            #18263f 100%
        ) !important;

    color:#fff !important;

    border-color:#c8a96e !important;

    box-shadow:
        0 12px 26px rgba(17,24,39,.16),
        inset 0 -2px 0 #c8a96e !important;

    transform:none !important;
}


/* آیکن تب فعال */
.mzpe-tab-btn.active svg{
    color:#c8a96e !important;
    stroke:#c8a96e !important;
    opacity:1 !important;
}


/* خط طلایی خیلی ظریف پایین Active */
.mzpe-tab-btn.active::after{
    content:"" !important;

    position:absolute !important;
    bottom:0 !important;
    right:18% !important;
    left:18% !important;

    height:2px !important;

    background:
        linear-gradient(
            90deg,
            transparent,
            #c8a96e,
            transparent
        ) !important;
}


/* حذف هر رنگ قدیمی صورتی/آبی */
.mzpe-tab-btn[style],
.mzpe-tab-btn.active[style]{
    background-image:none !important;
}


/* موبایل */
@media(max-width:767px){

    .mzpe-tab-nav{
        grid-template-columns:repeat(2,1fr) !important;
        gap:7px !important;
        padding:7px !important;
        border-radius:14px !important;
    }

    .mzpe-tab-btn{
        min-height:48px !important;

        font-size:11px !important;

        padding:8px 6px !important;
    }

    .mzpe-tab-btn svg{
        width:15px !important;
        height:15px !important;
    }
}
/* =========================================
   MAZARI PRODUCT SPECS — LUXURY NAVY STYLE
   هماهنگ با تب‌های بالای صفحه محصول
   ========================================= */

.mzpe-specs{
    display:grid !important;
    gap:10px !important;
    padding:8px !important;

    background:#f7f4ee !important;
    border:1px solid rgba(200,169,110,.20) !important;
    border-radius:18px !important;

    box-shadow:
        0 12px 32px rgba(11,23,41,.05) !important;
}


/* هر ردیف مشخصات */
.mzpe-spec-row{
    display:grid !important;
    grid-template-columns:170px 1fr !important;
    align-items:stretch !important;

    min-height:54px !important;

    background:#fff !important;

    border:1px solid rgba(11,23,41,.08) !important;
    border-radius:12px !important;

    overflow:hidden !important;

    transition:
        transform .22s ease,
        border-color .22s ease,
        box-shadow .22s ease !important;
}


/* ستون عنوان مشخصه */
.mzpe-spec-key{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:8px !important;

    padding:0 18px !important;

    background:
        linear-gradient(
            135deg,
            #111827 0%,
            #18263f 100%
        ) !important;

    color:#c8a96e !important;

    font-family:"Vazirmatn","Vazir",Tahoma,sans-serif !important;
    font-size:12px !important;
    font-weight:800 !important;

    border-left:1px solid rgba(200,169,110,.18) !important;
}


/* آیکن عنوان */
.mzpe-spec-key svg{
    width:15px !important;
    height:15px !important;

    stroke:#c8a96e !important;
    color:#c8a96e !important;

    opacity:.95 !important;
}


/* مقدار */
.mzpe-spec-val{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;

    padding:0 20px !important;

    background:#fff !important;

    color:#111827 !important;

    font-family:"Vazirmatn","Vazir",Tahoma,sans-serif !important;
    font-size:13px !important;
    font-weight:650 !important;

    line-height:1.9 !important;
}


/* Hover کل ردیف */
.mzpe-spec-row:hover{
    transform:translateY(-2px) !important;

    border-color:rgba(200,169,110,.50) !important;

    box-shadow:
        0 10px 24px rgba(17,24,39,.09) !important;
}


/* موقع Hover سورمه‌ای کمی زنده‌تر شود */
.mzpe-spec-row:hover .mzpe-spec-key{
    background:
        linear-gradient(
            135deg,
            #0b1729 0%,
            #203453 100%
        ) !important;
}


/* مقدار هم خیلی ظریف تغییر کند */
.mzpe-spec-row:hover .mzpe-spec-val{
    background:#fcfbf8 !important;
}


/* موبایل */
@media(max-width:767px){

    .mzpe-specs{
        gap:8px !important;
        padding:7px !important;
        border-radius:15px !important;
    }

    .mzpe-spec-row{
        grid-template-columns:120px 1fr !important;
        min-height:50px !important;
        border-radius:10px !important;
    }

    .mzpe-spec-key{
        padding:0 11px !important;
        font-size:10.5px !important;
        gap:6px !important;
    }

    .mzpe-spec-val{
        padding:0 12px !important;
        font-size:11.5px !important;
    }

    .mzpe-spec-key svg{
        width:13px !important;
        height:13px !important;
    }
}
/* MAZARI ADD TO CART */

/* حالت عادی — سورمه‌ای */
#mzAddToCart.mz-btn-cart {
    background: #0b1729 !important;
    background-image: none !important;
    color: #fff !important;
    border: 1px solid #162844 !important;
    box-shadow: 0 7px 18px rgba(11,23,41,.16) !important;
    transition: all .2s ease !important;
}

/* هاور — همچنان سورمه‌ای */
#mzAddToCart.mz-btn-cart:hover,
#mzAddToCart.mz-btn-cart:focus {
    background: #14243d !important;
    background-image: none !important;
    color: #fff !important;
    border-color: #c8a96e !important;
}

/* فقط زمان کلیک — طلایی شامپاینی */
#mzAddToCart.mz-btn-cart:active {
    background: linear-gradient(
        135deg,
        #dfc78f 0%,
        #c8a96e 50%,
        #b89250 100%
    ) !important;

    color: #0b1729 !important;
    border-color: #e6d19e !important;

    box-shadow:
        0 5px 18px rgba(200,169,110,.35),
        inset 0 1px 0 rgba(255,255,255,.35) !important;

    transform: scale(.985) !important;
}
.mz-persian-name{
    color:#0b172a !important;
    font-weight:700 !important;
    font-size:15px !important;
    line-height:1.8 !important;
    opacity:1 !important;
    letter-spacing:-0.2px !important;
}
/* Related Products title — Mobile */
@media (max-width: 767px){

    .mzpe-related-title{
        font-size: 11px !important;
        line-height: 1.6 !important;
        font-weight: 700 !important;
        white-space: nowrap !important;
    }

    .mzpe-related-head{
        margin-bottom: 10px !important;
        align-items: center !important;
    }

    .mzpe-see-all{
        font-size: 9px !important;
        white-space: nowrap !important;
    }
}
/* Related title — Mobile EXTRA SMALL */
@media (max-width: 767px){

    .mzpe-related-title{
        font-size: 10px !important;
        line-height: 1.3 !important;
        font-weight: 700 !important;
        white-space: nowrap !important;
        margin: 0 !important;
    }

    .mzpe-related-head{
        min-height: 0 !important;
        padding: 0 4px !important;
        margin: 0 0 7px !important;
        gap: 5px !important;
    }

    .mzpe-see-all{
        font-size: 8px !important;
        line-height: 1 !important;
    }
}
/* =========================================
   MAZARI PRODUCT TITLE — HARD OVERRIDE
========================================= */

body.single-product #mzProductWrap .mz-info-panel h1.mz-title,
body.single-product #mzProductWrap h1.mz-title,
#mzProductWrap .mz-info-panel > h1.mz-title{
    font-size: 22px !important;
    line-height: 1.28 !important;
    font-weight: 750 !important;
    letter-spacing: -0.6px !important;

    margin: 10px 0 8px !important;
    padding: 0 !important;

    max-width: 100% !important;
    width: 100% !important;

    white-space: normal !important;
    word-break: normal !important;

    color: #0b172a !important;
}

/* Tablet */
@media screen and (max-width: 1024px){

    body.single-product #mzProductWrap .mz-info-panel h1.mz-title,
    body.single-product #mzProductWrap h1.mz-title{
        font-size: 19px !important;
        line-height: 1.3 !important;
    }
}

/* Mobile */
@media screen and (max-width: 767px){

    body.single-product #mzProductWrap .mz-info-panel h1.mz-title,
    body.single-product #mzProductWrap h1.mz-title{
        font-size: 15px !important;
        line-height: 1.35 !important;
        font-weight: 700 !important;
        letter-spacing: -0.25px !important;

        margin-top: 6px !important;
        margin-bottom: 5px !important;
    }
}
/* =========================================
   MAZARI — PRODUCT PAGE SCROLL STABILITY
========================================= */

body.single-product {
    overflow-x: hidden !important;
}

body.single-product #mzProductWrap,
body.single-product .mz-product-wrap,
body.single-product .mz-product-grid,
body.single-product .mz-img-panel,
body.single-product .mz-info-panel,
body.single-product .mzpe-wrap,
body.single-product .mzpe-inner,
body.single-product .mzpe-related {
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* جلوگیری از پرش افقی عناصر */
body.single-product #mzProductWrap *,
body.single-product .mzpe-wrap * {
    box-sizing: border-box;
}

/* تصاویر باعث تغییر عرض صفحه نشوند */
body.single-product #mzProductWrap img,
body.single-product .mzpe-wrap img {
    max-width: 100% !important;
}

/* موبایل */
@media (max-width: 767px) {

    html,
    body.single-product {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: clip !important;
    }

    body.single-product #mzProductWrap,
    body.single-product .mzpe-wrap {
        width: 100% !important;
        max-width: 100vw !important;
        overflow-x: clip !important;
    }

    /* جلوگیری از تغییر ناگهانی اندازه متن هنگام اسکرول */
    body.single-product {
        -webkit-text-size-adjust: 100%;
        text-size-adjust: 100%;
    }
}
/* =========================================================
   MAZARI — LUXURY ARTICLE STYLE
   Global article typography / Elementor content
========================================================= */

.single-post,
.single-post .elementor,
.single-post .elementor-widget-text-editor,
.single-post .elementor-widget-theme-post-content{
    direction: rtl;
}

/* بدنه اصلی مقاله */
.single-post .elementor-widget-text-editor,
.single-post .elementor-widget-theme-post-content{
    color:#263248;
    font-family:"Vazirmatn","Vazir",Tahoma,sans-serif !important;
    font-size:16px;
    line-height:2.15;
    font-weight:400;
}

/* عرض خوانا برای متن */
.single-post .elementor-widget-text-editor > .elementor-widget-container,
.single-post .elementor-widget-theme-post-content > .elementor-widget-container{
    max-width:860px;
    margin:0 auto;
}

/* پاراگراف‌ها */
.single-post .elementor-widget-text-editor p,
.single-post .elementor-widget-theme-post-content p{
    margin:0 0 22px !important;
    color:#344056;
    font-size:16px;
    line-height:2.15;
}

/* تیتر اصلی داخل مقاله */
.single-post .elementor-widget-text-editor h2,
.single-post .elementor-widget-theme-post-content h2{
    position:relative;
    margin:42px 0 20px !important;
    padding:0 18px 0 0 !important;

    color:#0b172a !important;
    font-size:27px !important;
    line-height:1.65 !important;
    font-weight:800 !important;

    border-right:3px solid #c9a95f;
}

/* تیتر فرعی */
.single-post .elementor-widget-text-editor h3,
.single-post .elementor-widget-theme-post-content h3{
    margin:32px 0 16px !important;

    color:#0f1d33 !important;
    font-size:21px !important;
    line-height:1.7 !important;
    font-weight:800 !important;
}

/* H4 */
.single-post .elementor-widget-text-editor h4,
.single-post .elementor-widget-theme-post-content h4{
    margin:26px 0 13px !important;

    color:#b08c43 !important;
    font-size:17px !important;
    line-height:1.8 !important;
    font-weight:800 !important;
}

/* Bold */
.single-post .elementor-widget-text-editor strong,
.single-post .elementor-widget-theme-post-content strong{
    color:#0b172a;
    font-weight:800;
}

/* لینک */
.single-post .elementor-widget-text-editor a,
.single-post .elementor-widget-theme-post-content a{
    color:#b58f43 !important;
    text-decoration:none !important;
    font-weight:700;
    transition:.2s ease;
}

.single-post .elementor-widget-text-editor a:hover,
.single-post .elementor-widget-theme-post-content a:hover{
    color:#0b172a !important;
}

/* تصاویر داخل مقاله */
.single-post .elementor-widget-text-editor img,
.single-post .elementor-widget-theme-post-content img{
    display:block;
    max-width:100%;
    height:auto;

    margin:30px auto !important;

    border-radius:18px;

    box-shadow:
        0 16px 45px rgba(11,23,42,.08);

    border:
        1px solid rgba(201,169,95,.16);
}

/* لیست‌ها */
.single-post .elementor-widget-text-editor ul,
.single-post .elementor-widget-text-editor ol,
.single-post .elementor-widget-theme-post-content ul,
.single-post .elementor-widget-theme-post-content ol{
    margin:20px 0 28px !important;
    padding-right:25px !important;
}

.single-post .elementor-widget-text-editor li,
.single-post .elementor-widget-theme-post-content li{
    margin-bottom:11px;
    line-height:2;
    color:#344056;
}

.single-post .elementor-widget-text-editor li::marker,
.single-post .elementor-widget-theme-post-content li::marker{
    color:#c9a95f;
}

/* نقل قول */
.single-post .elementor-widget-text-editor blockquote,
.single-post .elementor-widget-theme-post-content blockquote{
    position:relative;

    margin:34px 0 !important;
    padding:24px 28px !important;

    background:
        linear-gradient(
            135deg,
            #fbf8f1,
            #fff
        );

    border:1px solid rgba(201,169,95,.24);
    border-right:4px solid #c9a95f;

    border-radius:16px;

    color:#263248;

    box-shadow:
        0 14px 36px rgba(11,23,42,.05);
}

/* جدول */
.single-post .elementor-widget-text-editor table,
.single-post .elementor-widget-theme-post-content table{
    width:100%;
    margin:30px 0 !important;

    border-collapse:separate;
    border-spacing:0;

    overflow:hidden;

    border:1px solid #e9e4db;
    border-radius:16px;

    background:#fff;

    box-shadow:
        0 12px 35px rgba(11,23,42,.04);
}

.single-post .elementor-widget-text-editor th,
.single-post .elementor-widget-theme-post-content th{
    background:#0b172a;
    color:#e2c77f;

    padding:15px 14px;

    font-weight:800;
}

.single-post .elementor-widget-text-editor td,
.single-post .elementor-widget-theme-post-content td{
    padding:14px;
    border-bottom:1px solid #eee9df;
    color:#344056;
}

/* خطوط جداکننده */
.single-post .elementor-widget-text-editor hr,
.single-post .elementor-widget-theme-post-content hr{
    border:0;
    height:1px;

    margin:38px 0;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(201,169,95,.55),
            transparent
        );
}

/* کاهش حس خام و فضای بیش از حد */
.single-post .elementor-widget-text-editor p:empty,
.single-post .elementor-widget-theme-post-content p:empty{
    display:none !important;
}

/* =========================================================
   MOBILE
========================================================= */
@media(max-width:767px){

    .single-post .elementor-widget-text-editor,
    .single-post .elementor-widget-theme-post-content{
        font-size:14px;
        line-height:2;
    }

    .single-post .elementor-widget-text-editor > .elementor-widget-container,
    .single-post .elementor-widget-theme-post-content > .elementor-widget-container{
        max-width:100%;
        padding-left:14px;
        padding-right:14px;
    }

    .single-post .elementor-widget-text-editor p,
    .single-post .elementor-widget-theme-post-content p{
        font-size:14px;
        line-height:2;
        margin-bottom:17px !important;
    }

    .single-post .elementor-widget-text-editor h2,
    .single-post .elementor-widget-theme-post-content h2{
        font-size:20px !important;
        line-height:1.65 !important;

        margin:30px 0 15px !important;

        padding-right:12px !important;

        border-right-width:2px;
    }

    .single-post .elementor-widget-text-editor h3,
    .single-post .elementor-widget-theme-post-content h3{
        font-size:17px !important;
        line-height:1.75 !important;

        margin:24px 0 12px !important;
    }

    .single-post .elementor-widget-text-editor h4,
    .single-post .elementor-widget-theme-post-content h4{
        font-size:15px !important;
    }

    .single-post .elementor-widget-text-editor img,
    .single-post .elementor-widget-theme-post-content img{
        margin:22px auto !important;
        border-radius:14px;
    }

    .single-post .elementor-widget-text-editor blockquote,
    .single-post .elementor-widget-theme-post-content blockquote{
        margin:24px 0 !important;
        padding:18px !important;
        border-radius:14px;
    }

    .single-post .elementor-widget-text-editor table,
    .single-post .elementor-widget-theme-post-content table{
        font-size:12px;
    }

    .single-post .elementor-widget-text-editor th,
    .single-post .elementor-widget-text-editor td,
    .single-post .elementor-widget-theme-post-content th,
    .single-post .elementor-widget-theme-post-content td{
        padding:10px 8px;
    }
}
/* =========================================
   MAZARI AI — HERO TEXT LUXURY FIX
   ========================================= */

#mza2-root .mza2-hero{
    background:
        radial-gradient(circle at 20% 20%, rgba(38,72,125,.28), transparent 38%),
        radial-gradient(circle at 85% 15%, rgba(200,169,110,.12), transparent 28%),
        linear-gradient(145deg,#07111f 0%,#09182c 48%,#050b15 100%) !important;

    border:1px solid rgba(200,169,110,.16) !important;
    box-shadow:
        0 22px 70px rgba(0,0,0,.28),
        inset 0 1px 0 rgba(255,255,255,.04) !important;
}


/* متن بالای عنوان */
#mza2-root .mza2-kicker{
    color:#d6b777 !important;
    font-weight:700 !important;
    font-size:11px !important;
    letter-spacing:.04em !important;
    opacity:1 !important;
}


/* عنوان اصلی */
#mza2-root .mza2-hero-copy h1{
    color:#ffffff !important;
    font-weight:800 !important;
    text-shadow:0 3px 22px rgba(0,0,0,.35) !important;
    opacity:1 !important;
}


/* توضیح زیر عنوان */
#mza2-root .mza2-hero-copy > p{
    color:rgba(235,240,248,.82) !important;
    font-weight:400 !important;
    line-height:2 !important;
    opacity:1 !important;
}


/* نوشته‌های وضعیت */
#mza2-root .mza2-status-row,
#mza2-root .mza2-status-row *{
    color:rgba(235,240,248,.78) !important;
}


/* نقطه سبز وضعیت */
#mza2-root .mza2-status-row::before{
    background:#57c785 !important;
    box-shadow:0 0 12px rgba(87,199,133,.65) !important;
}


/* اگر داخل عنوان کلمه طلایی وجود دارد */
#mza2-root .mza2-hero-copy h1 strong,
#mza2-root .mza2-hero-copy h1 span{
    color:#d3b36f !important;
}


/* موبایل */
@media(max-width:767px){

    #mza2-root .mza2-hero{
        border-radius:0 0 22px 22px !important;
    }

    #mza2-root .mza2-hero-copy{
        padding:34px 22px 30px !important;
        text-align:right !important;
    }

    #mza2-root .mza2-hero-copy h1{
        font-size:27px !important;
        line-height:1.55 !important;
        letter-spacing:-.5px !important;
    }

    #mza2-root .mza2-hero-copy > p{
        font-size:12px !important;
        line-height:1.95 !important;
        margin-top:12px !important;
    }

    #mza2-root .mza2-kicker{
        font-size:9px !important;
        margin-bottom:10px !important;
    }
}
/* Mazari — Hide Hero Text on Mobile */
@media (max-width: 767px) {

    #mzpBanner .mzp-slide-content,
    #mzpBanner .mzp-slide-text,
    #mzpBanner .mzp-slide-title,
    #mzpBanner .mzp-slide-sub,
    #mzpBanner .mzp-slide-btns {
        display: none !important;
    }

}
/* ==================================================
   MAZARI HOME — FINAL PRICE COLORS
   قیمت فعلی و تخفیف‌خورده: سورمه‌ای
   فقط قیمت قبلی: طلایی شامپاینی
   ================================================== */

/* تمام قیمت‌های کارت‌های مازاری → سورمه‌ای */
body.home .mzp-prod-card .mzp-card-body [class*="price"],
body.home .mzp-prod-card .mzp-card-body .amount,
body.home .mzp-prod-card .mzp-card-body .woocommerce-Price-amount,
body.home .mzp-prod-card .mzp-card-body ins,
body.home .mzp-prod-card .mzp-card-body ins *,
body.home .mzp-prod-card .mzp-card-body bdi {
    color: #0b1b33 !important;
}

/* قیمت نهایی کمی قوی‌تر */
body.home .mzp-prod-card .mzp-card-body ins,
body.home .mzp-prod-card .mzp-card-body ins .amount,
body.home .mzp-prod-card .mzp-card-body ins .woocommerce-Price-amount,
body.home .mzp-prod-card .mzp-card-body [class*="sale-price"],
body.home .mzp-prod-card .mzp-card-body [class*="current-price"],
body.home .mzp-prod-card .mzp-card-body [class*="final-price"] {
    color: #0b1b33 !important;
    font-weight: 800 !important;
    background: transparent !important;
    text-decoration: none !important;
}

/* فقط قیمت قبل از تخفیف → شامپاینی */
body.home .mzp-prod-card .mzp-card-body del,
body.home .mzp-prod-card .mzp-card-body del *,
body.home .mzp-prod-card .mzp-card-body [class*="old-price"],
body.home .mzp-prod-card .mzp-card-body [class*="regular-price"],
body.home .mzp-prod-card .mzp-card-body [class*="before-price"] {
    color: #c9a85f !important;
    opacity: .72 !important;
    font-weight: 500 !important;
    text-decoration-color: #c9a85f !important;
}

/* واحد تومان هم رنگ قیمت خودش را بگیرد */
body.home .mzp-prod-card .woocommerce-Price-currencySymbol {
    color: inherit !important;
}

/* جلوگیری از طلایی شدن قیمت توسط CSS قبلی پلاگین */
body.home .mzp-prod-card .mzp-card-body > *:not(del) .amount,
body.home .mzp-prod-card .mzp-card-body > *:not(del) .woocommerce-Price-amount {
    color: #0b1b33 !important;
}
/* ===== MAZARI SHOP - CLEAN PAGINATION ===== */

#mzsPagination.mzs-pagination{
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;

    margin: 18px auto 24px !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 5px !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* دکمه‌های صفحات */
#mzsPagination .mzs-page-btn{
    width: 30px !important;
    min-width: 30px !important;
    height: 30px !important;

    padding: 0 6px !important;
    margin: 0 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    border-radius: 8px !important;
    border: 1px solid rgba(8, 28, 52, .10) !important;
    background: #fff !important;

    color: #0b1c34 !important;
    font-size: 11px !important;
    line-height: 1 !important;

    box-shadow: none !important;
}

/* صفحه فعال */
#mzsPagination .mzs-page-btn.active{
    background: #0b1c34 !important;
    border-color: #0b1c34 !important;
    color: #fff !important;
}

/* سه نقطه */
#mzsPagination .mzs-page-dots{
    width: auto !important;
    margin: 0 2px !important;
    padding: 0 !important;
    color: #8b8b8b !important;
}

/* موبایل */
@media (max-width: 767px){

    #mzsPagination.mzs-pagination{
        margin: 12px auto 16px !important;
        padding: 0 6px !important;
        gap: 4px !important;
    }

    #mzsPagination .mzs-page-btn{
        width: 27px !important;
        min-width: 27px !important;
        height: 27px !important;
        padding: 0 4px !important;
        border-radius: 7px !important;
        font-size: 10px !important;
    }
}
/* Mazari Shop - Sort button same as Filter button */
#mzsSortBtn.mzs-sort-btn {
    background: linear-gradient(135deg, #17365f 0%, #07182d 100%) !important;
    color: #fff !important;
    border: 1px solid rgba(205, 166, 92, 0.28) !important;
    box-shadow: 0 6px 18px rgba(5, 20, 40, 0.16) !important;
}

#mzsSortBtn.mzs-sort-btn,
#mzsSortBtn.mzs-sort-btn span,
#mzsSortBtn.mzs-sort-btn svg {
    color: #fff !important;
    stroke: currentColor !important;
}

/* Hover */
#mzsSortBtn.mzs-sort-btn:hover {
    background: linear-gradient(135deg, #1d4779 0%, #091d36 100%) !important;
}
/* Mazari Shop — Pagination slightly larger */
#mzsPagination .mzs-page-btn {
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    padding: 0 !important;
    font-size: 13px !important;
    border-radius: 8px !important;
}

#mzsPagination {
    gap: 6px !important;
}
/* ===== Mazari Shop — Luxury Pagination ===== */

#mzsPagination {
    gap: 6px !important;
}
/* ============================================
   MAZARI CART + CHECKOUT — DESKTOP CENTER FIX
   override inline plugin CSS
   ============================================ */

@media screen and (min-width: 821px) {

    html body.woocommerce-cart .mzcx-cart,
    html body.woocommerce-checkout .mzcx-checkout {
        position: relative !important;

        left: auto !important;
        right: auto !important;
        transform: none !important;

        width: calc(100vw - 100px) !important;
        max-width: 1440px !important;

        margin-top: 40px !important;
        margin-bottom: 100px !important;

        /*
         * Full-bleed compensation:
         * wrapper is inside a narrow theme container.
         */
        margin-left: calc(
            (100% - min(1440px, calc(100vw - 100px))) / 2
        ) !important;

        margin-right: calc(
            (100% - min(1440px, calc(100vw - 100px))) / 2
        ) !important;
    }

    /* Checkout */
    html body.woocommerce-checkout .mzcx-checkout .mzcx-checkout-wrap {
        width: 100% !important;
        max-width: none !important;

        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 430px !important;
        gap: 28px !important;

        margin: 0 auto !important;
        transform: none !important;
        left: auto !important;
        right: auto !important;
    }

    /* Cart */
    html body.woocommerce-cart .mzcx-cart .mzcx-cart-grid {
        width: 100% !important;
        max-width: none !important;

        display: grid !important;
        grid-template-columns: 370px minmax(0, 1fr) !important;
        gap: 28px !important;

        margin: 0 auto !important;
        transform: none !important;
        left: auto !important;
        right: auto !important;
    }

    /* Neutralize narrow containers from theme / Elementor */
    html body.woocommerce-cart main,
    html body.woocommerce-cart .site-main,
    html body.woocommerce-cart .entry-content,
    html body.woocommerce-checkout main,
    html body.woocommerce-checkout .site-main,
    html body.woocommerce-checkout .entry-content {
        width: 100% !important;
        max-width: none !important;
        overflow: visible !important;
    }
}
/* Mazari Checkout - سفید کردن هدر اطلاعات ارسال */
body.woocommerce-checkout .mzcx-checkout-main .mzcx-panel-title {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #0b1729 !important;
    border: none !important;
    box-shadow: none !important;
}
/* همه دکمه‌ها */
#mzsPagination .mzs-page-btn {
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    padding: 0 !important;

    background: #ffffff !important;
    color: #0b1c34 !important;

    border: 1px solid rgba(11, 28, 52, 0.14) !important;
    border-radius: 9px !important;

    font-size: 13px !important;
    font-weight: 700 !important;

    box-shadow: 0 3px 10px rgba(7, 24, 45, 0.06) !important;
}

/* صفحه فعال */
#mzsPagination .mzs-page-btn.active {
    background: linear-gradient(
        135deg,
        #17365f 0%,
        #0b2748 45%,
        #07182d 100%
    ) !important;

    color: #e2c47c !important;
    border-color: rgba(205, 166, 92, 0.55) !important;

    box-shadow:
        0 6px 16px rgba(7, 24, 45, 0.20),
        inset 0 0 0 1px rgba(255,255,255,0.04) !important;
}

/* Hover */
#mzsPagination .mzs-page-btn:hover {
    background: #102b4d !important;
    color: #ffffff !important;
    border-color: rgba(205, 166, 92, 0.35) !important;
}

/* سه نقطه */
#mzsPagination .mzs-page-dots {
    color: #0b1c34 !important;
    font-weight: 700 !important;
}
#mzVolumePremium .mz-volume-chip {
    background: #0b1b33 !important;
    background-color: #0b1b33 !important;
    color: #fff !important;
    border-color: #0b1b33 !important;
}

#mzVolumePremium .mz-volume-chip span {
    color: #fff !important;
}