:root {
	--wd-cat-brd-radius: 50%;
	--wd-text-font: IRansansX;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 15px;
	--wd-title-font: IRansansX;
	--wd-title-font-weight: 700;
	--wd-title-color: #242424;
	--wd-entities-title-font: IRansansX;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: IRansansX;
	--wd-widget-title-font: IRansansX;
	--wd-widget-title-font-weight: 700;
	--wd-widget-title-transform: capitalize;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: IRansansX;
	--wd-header-el-font-weight: 600;
	--wd-header-el-transform: capitalize;
	--wd-header-el-font-size: 14px;
	--wd-brd-radius: 10px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(130,36,227);
	--wd-alternative-color: rgb(224,234,240);
	--btn-default-transform: none;
	--btn-default-bgcolor: rgb(30,115,190);
	--btn-default-bgcolor-hover: rgb(3,103,191);
	--btn-accented-transform: none;
	--btn-accented-bgcolor: rgb(221,51,51);
	--btn-accented-bgcolor-hover: rgb(221,24,24);
	--btn-transform: none;
	--btn-color: rgb(255,255,255);
	--btn-bgcolor: rgb(221,51,51);
	--btn-color-hover: rgb(255,255,255);
	--btn-bgcolor-hover: rgb(221,24,24);
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: rgb(51,51,51);
	--wd-link-color-hover: #242424;
	--wd-sticky-btn-height: 95px;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: rgb(245,154,87);
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 480px;
}
:is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg, :is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg :is(.wd-product,.wd-cat) {
	--wd-prod-bg:rgb(255,255,255);
	--wd-bordered-bg:rgb(255,255,255);
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center top;
}
.wd-footer {
	background-color: rgb(247,247,245);
	background-image: none;
}
html .product-image-summary-wrap .summary-inner > .price, html .wd-single-price .price {
	font-family: IRansansX;	font-weight: 700;
	color: rgb(0,0,0);
}
html .wd-product .price {
	font-family: IRansansX;	font-weight: 800;
	color: rgb(0,0,0);
}
html .product.wd-cat .wd-entities-title, html .product.wd-cat.cat-design-replace-title .wd-entities-title, html .wd-masonry-first .wd-cat:first-child .wd-entities-title {
	font-family: IRansansX;	font-weight: 700;
	color: rgb(0,0,0);
}
:is(.page, .search-no-results, .error404) :is(.wd-page-content, .whb-header) {
	background-color: 30, 58, 95;
	background-image: none;
	background-repeat: repeat;
}
.woodmart-archive-shop:not(.single-product) :is(.wd-page-content, .whb-header) {
	background-color: rgb(240,240,241);
	background-image: none;
	background-repeat: repeat;
}
.single-product :is(.wd-page-content, .whb-header) {
	background-color: rgb(240,240,241);
	background-image: none;
	background-repeat: repeat;
}
.woodmart-archive-blog :is(.wd-page-content, .whb-header) {
	background-image: url(https://mtest.moblak.com/wp-content/uploads/2023/04/wd-furniture-background.jpg);
	background-repeat: repeat;
}
.single-post :is(.wd-page-content, .whb-header) {
	background-image: url(https://mtest.moblak.com/wp-content/uploads/2023/04/wd-furniture-background.jpg);
	background-repeat: repeat;
}
html .cart-actions .button[name="apply_coupon"] {
	color: rgb(255,255,255);
	background: rgb(30,115,190);
}
html .cart-actions .button[name="apply_coupon"]:hover {
	color: rgb(255,255,255);
	background: rgb(9,106,191);
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-placeholder-color: rgb(119,119,119)7;
	--wd-form-bg: rgb(255,255,255);
}
.wd .product-label.out-of-stock {
	color: rgb(119,119,119);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
.woocommerce-product-gallery {
	--wd-gallery-gap: 20px;
}

@media (max-width: 1024px) {
	:root {
		--wd-sticky-btn-height: 95px;
	}
	.woocommerce-product-gallery {
		--wd-gallery-gap: 20px;
	}

}

@media (max-width: 768.98px) {
	:root {
		--wd-sticky-btn-height: 42px;
	}
	.woocommerce-product-gallery {
		--wd-gallery-gap: 10px;
	}

}
:root{
--wd-container-w: 1600px;
--wd-form-brd-radius: 5px;
--btn-default-color: #fff;
--btn-default-color-hover: #fff;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
}

@media (min-width: 1600px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: C8B77A;
}

.pwb-text-before-brands-links {
    color: var(--color-gray-800);
    font-weight: 600;
}
.woocommerce-product-details__short-description {
	text-align:justify!important;
}
.wd-single-breadcrumbs :is(
.woocommerce-breadcrumb,
.yoast-breadcrumb) .breadcrumb-link-last {
  margin-right: 0;
  color: var(--color-gray-800);
  font-weight: 600; }

.wd-single-breadcrumbs :is(
  .woocommerce-breadcrumb,
  .yoast-breadcrumb) .breadcrumb-link-last:after {
    content: none; }

.wd-single-breadcrumbs :is(
.woocommerce-breadcrumb,
.yoast-breadcrumb) .breadcrumb-last {
  display: none; }
.product-grid-item.wd-product .wd-entities-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* Number of lines to show */
  overflow: hidden;
}
.elementor-element .elementor-widget-container {
	text-align:justify!important;
}
img.wd-nav-img {
max-height:	var(--nav-img-height, 50px)
}
img.wd-nav-img {
border-radius: 10px;
}
.wd-image-hotspot.hotspot-type-product .hotspot-product .hotspot-content-text {
    display: none;
}
.hotspot-content .add_to_cart_button{
display:none;
}
.hotspot-content img {
display:none;
}
p.stock.out-of-stock {
  border-radius: 10px; /* گوشه‌های گرد */
  background-color: #F8C8DC; /* رنگ پس‌زمینه صورتی روشن‌تر */
  color: red; /* رنگ متن سفید */
  padding: 10px; /* فاصله داخلی */
  text-align: center; /* متن در وسط */
  border: 1px solid pink; /* خط دور قرمز */
  font-size: 20px; /* اندازه فونت */
	width: 200px;
}
.woocommerce-checkout .wd-toolbar {
display: none!important;
}
.woocommerce-cart .coupon {
    display: none !important;
}
.popup-added_to_cart h3 {
    font-size: 18px!important;
	  color: green;
}
.shop_attributes td {
	text-align:justify!important;
}
.wulv_base_img img {
    width: 150px;
}
/* =========================================
   WOODMART FULL WIDTH SAFE FIX
========================================= */

@media (max-width: 768px){

    /* =========================
       CART SIDEBAR (ONLY WHEN OPEN)
    ========================= */

    .wd-cart-sidebar.wd-opened,
    .cart-widget-side.wd-opened,
    .wd-side-cart.wd-opened{

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

    /* =========================
       MOBILE MENU (ONLY WHEN OPEN)
    ========================= */

    .mobile-nav.wd-opened,
    .wd-side-hidden.wd-opened,
    .wd-side-panel.wd-opened{

        width: 100% !important;
        max-width: 100% !important;
    }
}
body.single-product #moblak-sticky-cart,
body.single-product .wd-toolbar,
body.single-product .wd-bottom-toolbar,
body.single-product .woodmart-toolbar{
    opacity: 0;
    visibility: hidden;
    transition: none;
}

body.dom-ready.single-product #moblak-sticky-cart,
body.dom-ready.single-product .wd-toolbar,
body.dom-ready.single-product .wd-bottom-toolbar,
body.dom-ready.single-product .woodmart-toolbar{
    opacity: 1;
    visibility: visible;
}
.wc-block-product-filter-list__count,
.wc-layered-nav-term-count,
.count {
    display: none !important;
}
body.woocommerce-cart .moblak-complete,
body.woocommerce-cart .moblak-arrow:last-child {
    display:none !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) .moblak-complete {
    display:block;
}
body.woocommerce-cart .moblak-arrow-complete,
body.woocommerce-cart .moblak-complete {
    display:none !important;
}
.moblak-checkout-progress{

    display:flex;
    align-items:center;
    justify-content:center;
    direction:rtl;
    gap:12px;

}


.moblak-step{

    color:#999;
    font-size:14px;
    font-weight:600;

}


.moblak-step.active{

    color:#111;

}


.moblak-arrow{

    color:#999;
    font-size:18px;

}
.moblak-step.done{
    color:#111;
}

.moblak-step.done:after{
    content:" ✓";
    font-weight:700;
}


.moblak-step.active{
    color:#111;
}
/* Hide WoodMart Page Title only on Cart & Checkout */

body.woocommerce-cart .wd-page-title,
body.woocommerce-checkout .wd-page-title {
    display:none !important;
}
/* =================================
   MOBLAK CHECKOUT FONT
================================= */

.moblak-checkout-progress .moblak-step,
.moblak-checkout-progress .moblak-step span,
.moblak-checkout-progress .moblak-step a {

    font-size:22px !important;
    font-weight:600 !important;
    line-height:1.5 !important;

}


.moblak-checkout-progress .moblak-arrow {

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

}


/* Mobile */

@media (max-width:768px){

    .moblak-checkout-progress .moblak-step,
    .moblak-checkout-progress .moblak-step span,
    .moblak-checkout-progress .moblak-step a {

        font-size:15px !important;

    }


    .moblak-checkout-progress .moblak-arrow {

        font-size:17px !important;

    }

}
/* inactive steps color */

.moblak-step:not(.active) a,
.moblak-step:not(.active) span {

    color:#999 !important;

}


/* active step color */

.moblak-step.active a,
.moblak-step.active span {

    color:#111 !important;

}
/* Checkout page - active checkout title */

body.woocommerce-checkout .moblak-checkout a,
body.woocommerce-checkout .moblak-checkout span {
    color:#111 !important;
}
/* =================================
   MOBLAK STICKY PLACE ORDER
================================= */

@media(max-width:768px){

    body.woocommerce-checkout #place_order{

        position:fixed;

        bottom:15px;

        left:15px;

        right:15px;

        width:calc(100% - 30px);

        z-index:9999;

        margin:0;

        border-radius:8px;

    }


    body.woocommerce-checkout #payment{

        padding-bottom:90px;

    }

}
/* Checkout page - first arrow active */

body.woocommerce-checkout .moblak-arrow-cart{
    color:#111 !important;
}
/* =======================================================
   Moblak - My Account Mobile
   WoodMart 8.5.4
======================================================= */

@media (max-width:768px){

    /* منوی کناری */
    .woocommerce-MyAccount-navigation{
        display:none !important;
    }

    /* تمام عرض شدن محتوا */
    .woocommerce-MyAccount-content{
        width:100% !important;
        max-width:100% !important;
        flex:0 0 100% !important;
        margin:0 !important;
        padding-top:0 !important;
    }

   
    /* عنوان کوچک داخل داشبورد */
    .woocommerce-MyAccount-title.entry-title{
        display:none !important;
    }

    /* متن خوش‌آمدگویی */
    .woocommerce-MyAccount-dashboard > p,
    .woocommerce-MyAccount-content > p{
        display:none !important;
    }

    /* حذف فاصله‌های اضافی */
    .woocommerce{
        margin-top:0 !important;
    }

}
/* کاهش ارتفاع هدر صفحه حساب کاربری فقط در موبایل */
@media (max-width:768px){

    .wd-page-title{
        padding:8px 0 !important;
        min-height:auto !important;
    }

    .wd-page-title .entry-title{
        margin:0 !important;
        line-height:1.3 !important;
    }

    .wd-page-title .container{
        padding:0 !important;
    }
}
   /* =======================================================
   MOBLAK CART MOBILE STICKY CHECKOUT FINAL v2
======================================================= */


@media(max-width:768px){


    body.woocommerce-cart .wc-proceed-to-checkout.moblak-ready{

        opacity:1;
        visibility:visible;

    }


    body.woocommerce-cart .wc-proceed-to-checkout{


        opacity:0;
        visibility:hidden;


        position:fixed;

        bottom:calc(60px + env(safe-area-inset-bottom));

        left:12px;

        right:12px;

        z-index:99999;

        background:#fff;

        padding:12px;

        border-radius:16px;

        box-shadow:0 -5px 20px rgba(0,0,0,.12);

        display:flex;

        flex-direction:row-reverse;

        align-items:center;

        gap:12px;

        box-sizing:border-box;

    }



    /* مبلغ نهایی */

    body.woocommerce-cart .moblak-sticky-total{

        display:block;

        flex:0 0 40%;

        font-size:14px;

        font-weight:700;

        color:#222;

        text-align:center;

        direction:rtl;

    }



    /* دکمه ثبت سفارش */

    body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{


        flex:1;

        width:100% !important;

        height:50px;

        margin:0 !important;

        display:flex !important;

        align-items:center;

        justify-content:center;

        border-radius:14px !important;

        box-sizing:border-box;

        font-size:16px;

        font-weight:700;

        box-shadow:0 3px 10px rgba(0,0,0,.12);

    }



    body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover{

        transform:translateY(-1px);

    }



    /* جلوگیری از پوشاندن انتهای صفحه */

    body.woocommerce-cart .cart-collaterals{

        padding-bottom:140px !important;

    }

}
/* =======================================================
   MOBLAK - Hide UWAC Button on Cart & Checkout Mobile
======================================================= */

@media(max-width:768px){

    body.woocommerce-cart #mySingleBtn,
    body.woocommerce-checkout #mySingleBtn{

        display:none !important;

    }

}
/* Moblak UX - WoodMart Added To Cart Popup */

.wd-popup-added-cart .added-to-cart h3 {
    font-size: clamp(15px, 1.4vw, 20px) !important;
    line-height: 1.6 !important;
    font-weight: 600 !important;
}

.wd-popup-added-cart .added-to-cart .btn {
    font-size: clamp(13px, 1vw, 15px) !important;
    line-height: 1.4 !important;
}
@media (max-width: 768px) {

    body.woocommerce-cart .scrollToTop,
    body.woocommerce-checkout .scrollToTop {
        bottom: 140px !important;
    }

}
/* =======================================================
   MOBLAK - WOODMART GLOBAL QUANTITY STYLE
   Compatible: WooCommerce + WoodMart
======================================================= */


/* Container */

.woocommerce .quantity,
.woodmart-quantity,
.wd-quantity{

    display:flex !important;

    align-items:center !important;

    justify-content:center !important;

    width:max-content !important;

    height:42px !important;

    border:1px solid #e5e7eb !important;

    border-radius:12px !important;

    overflow:hidden !important;

    background:#fff !important;

}



/* Buttons + - */

.woocommerce .quantity .btn,
.woocommerce .quantity button,
.woodmart-quantity button,
.wd-quantity button{

    width:38px !important;

    height:40px !important;

    min-width:38px !important;

    border:0 !important;

    background:#fff !important;

    color:#333 !important;

    display:flex !important;

    align-items:center !important;

    justify-content:center !important;

    padding:0 !important;

    font-size:20px !important;

    font-weight:700 !important;

}



/* Hover */

.woocommerce .quantity button:hover,
.woodmart-quantity button:hover,
.wd-quantity button:hover{

    background:#f5f5f5 !important;

}



/* Number */

.woocommerce .quantity .qty,
.woodmart-quantity input.qty,
.wd-quantity input.qty{

    width:45px !important;

    height:40px !important;

    border:0 !important;

    outline:none !important;

    background:#fff !important;

    text-align:center !important;

    font-size:15px !important;

    font-weight:700 !important;

    padding:0 !important;

}



/* حذف فلش input number */

.woocommerce .quantity input.qty::-webkit-inner-spin-button,
.woocommerce .quantity input.qty::-webkit-outer-spin-button,
.woodmart-quantity input.qty::-webkit-inner-spin-button,
.woodmart-quantity input.qty::-webkit-outer-spin-button{

    -webkit-appearance:none !important;

    margin:0 !important;

}



/* Firefox */

.woocommerce .quantity input.qty{

    -moz-appearance:textfield;

}



/* موبایل */

@media(max-width:768px){


    .woocommerce .quantity,
    .woodmart-quantity,
    .wd-quantity{

        height:36px !important;

        border-radius:10px !important;

    }


    .woocommerce .quantity button,
    .woodmart-quantity button,
    .wd-quantity button{

        width:34px !important;

        height:34px !important;

        min-width:34px !important;

        font-size:18px !important;

    }


    .woocommerce .quantity .qty,
    .woodmart-quantity input.qty,
    .wd-quantity input.qty{

        width:38px !important;

        height:34px !important;

        font-size:14px !important;

    }

}
/* =======================================================
   RTL Quantity Order - WoodMart
======================================================= */

.woocommerce .quantity,
.woodmart-quantity,
.wd-quantity{

    direction:ltr;

}


/* مثبت سمت راست */

.woocommerce .quantity .plus,
.woodmart-quantity .plus,
.wd-quantity .plus{

    order:3;

}


/* عدد وسط */

.woocommerce .quantity .qty,
.woodmart-quantity .qty,
.wd-quantity .qty{

    order:2;

}


/* منفی سمت چپ */

.woocommerce .quantity .minus,
.woodmart-quantity .minus,
.wd-quantity .minus{

    order:1;

}
/* Hide Woodmart WooCommerce notices widget */

.woocommerce-cart .wd-wc-notices,
.woocommerce-checkout .wd-wc-notices {
    display: none !important;
}

/* ================================
   Moblak UX - Mobile Layer Priority
================================ */

@media (max-width:768px){

    /* Sticky Checkout Bar */
    #moblak-sticky-cart{
        z-index: 9000 !important;
    }

    /* WestaWeb Address Modal */
    .woocommerce-checkout .westaweb-modal{
        position: fixed !important;
        z-index: 10000 !important;
    }

    .woocommerce-checkout .westaweb-modal__bg,
    .woocommerce-checkout .westaweb-modal__inner{
        z-index: inherit !important;
    }

    /* Select2 Dropdown (استان و شهر) */
    .woocommerce-checkout .select2-container,
    .woocommerce-checkout .select2-container--open,
    .woocommerce-checkout .select2-dropdown{
        z-index: 10001 !important;
    }

}
@media (max-width:768px){

    .wd-opened.wd-col-offcanvas-sm,
    .wd-opened.wd-col-offcanvas-md-sm{
        width:100vw !important;
        min-width:100vw !important;
        max-width:100vw !important;

        flex:0 0 100vw !important;

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

}
	/* =====================================================
   Shetab Direct Payment - Responsive Checkout UI
===================================================== */


/* Payment box */
.payment_box.payment_method_shetab {
    background: transparent !important;
    padding: 15px 0 !important;
}


/* Cards layout */
.cards-info-wrapper {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));

    gap: clamp(12px, 1.5vw, 16px);

    width: 100%;

}


/* Bank cards */
.card-info {

    background: #fafafa;

    border: 1px solid #ededed;

    border-radius: clamp(14px, 1.8vw, 18px);

    padding: clamp(14px, 2vw, 20px);

    width: 100%;

    box-sizing: border-box;

    box-shadow: 0 4px 15px rgba(0,0,0,.04);

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

}


.card-info:hover {

    border-color: #dedede;

    transform: translateY(-2px);

    box-shadow: 0 10px 25px rgba(0,0,0,.05);

}



/* Details */
.card-details {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: clamp(8px, 1vw, 10px) 0;

    border-bottom: 1px solid #eeeeee;

    font-size: clamp(12px, 1vw, 14px);

    gap: 10px;

}


.card-details:last-child {

    border-bottom: 0;

}



.card-details strong {

    color: #555;

    font-weight: 500;

    white-space: nowrap;

}



.card-details span {

    color: #222;

    font-weight: 600;

    text-align: left;

    direction: ltr;

    white-space: nowrap;

}



/* Card number */
.card-number span {

    font-size: clamp(16px, 1.4vw, 19px);

    font-weight: 700;

    letter-spacing: clamp(.8px, .12vw, 1.5px);

    color: #111;

}



/* Copy buttons */
.card-copy {

    display: flex;

    gap: clamp(6px, 1vw, 8px);

    margin-top: clamp(14px, 1.5vw, 18px);

    flex-wrap: wrap;

}



.shetab-btn,
.shetab-btn.shetab-copy-btn {

    flex: 1;

    min-width: 85px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #f3f5f7 !important;

    color: #333 !important;

    border: 1px solid #e5e7eb !important;

    border-radius: clamp(8px, 1vw, 10px);

    padding: clamp(8px, 1vw, 10px);

    font-size: clamp(11px, .9vw, 13px);

    font-weight: 500;

    cursor: pointer;

    white-space: nowrap;

    transition: .2s ease;

}



.shetab-btn:hover,
.shetab-btn.shetab-copy-btn:hover {

    background: #e9edf1 !important;

    border-color: #d7dce1 !important;

    color: #111 !important;

}



.shetab-btn:active {

    transform: scale(.97);

}



/* Upload receipt box */
.receipt-image-field {

    margin-top: clamp(20px, 2vw, 28px);

    background: #fafafa;

    border: 1px dashed #dcdcdc;

    border-radius: clamp(14px, 1.8vw, 18px);

    padding: clamp(16px, 2vw, 22px);

}



.shetab-uploader-label {

    display: flex !important;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    gap: clamp(6px, 1vw, 8px);

    cursor: pointer;

}



#select-image-text {

    color: #333;

    font-size: clamp(13px, 1vw, 15px);

    font-weight: 600;

}



.receipt-image-field .required {

    color: #d63638;

}



/* Upload button */
.receipt-image-field #receipt-upload-btn {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    background: #222 !important;

    color: #fff !important;

    border: 1px solid #222;

    padding: clamp(9px, 1vw, 10px) clamp(18px, 2vw, 24px);

    border-radius: clamp(10px, 1.2vw, 12px);

    margin-top: 10px;

    font-size: clamp(12px, 1vw, 14px);

    transition: .2s ease;

}



.receipt-image-field #receipt-upload-btn:hover {

    opacity: .85;

}



/* =====================================================
   Mobile
===================================================== */


@media(max-width:768px){


    .cards-info-wrapper {

        grid-template-columns: 1fr;

    }



    /* Keep desktop style */

    .card-details {

        flex-direction: row;

        align-items: center;

        justify-content: space-between;

        gap: 8px;

    }



    .card-details strong {

        font-size: 12px;

    }



    .card-details span {

        text-align: left;

        font-size: 13px;

    }



    .card-number span {

        font-size: 16px;

        letter-spacing: 1px;

    }



    .card-copy {

        gap: 8px;

        margin-top: 14px;

    }



    .shetab-btn,
    .shetab-btn.shetab-copy-btn {

        flex: 1;

        min-width: 0;

        padding: 9px 8px;

        font-size: 12px;

    }


}
/* =====================================================
   Shetab Direct Payment - Bank Logo + Name
   Woodmart Megatheme Icons
===================================================== */


/* Card header space */

.card-info.saman,
.card-info.default {

    position: relative;

    padding-top: 75px;

}



/* Common bank logo */

.card-info.saman:before,
.card-info.default:before {

    position: absolute;

    top: 20px;

    right: 20px;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 42px;

    height: 42px;

    font-size: 38px;

    line-height: 1;

    font-family: "megatheme", Arial, sans-serif;

}



/* Bank name */

.card-info.saman:after,
.card-info.default:after {

    position: absolute;

    top: 28px;

    right: 75px;

    font-size: 15px;

    font-weight: 600;

    color: #333;

    max-width: calc(100% - 130px);

    white-space: nowrap;

}



/* =====================================================
   Blu Bank
===================================================== */


.card-info.saman:before {

    content: "\ec49";

    font-family: "megatheme", Arial, sans-serif;

    color: rgb(49,127,225);

}



.card-info.saman:after {

    content: "بلو بانک";

}



/* =====================================================
   Mehr Iran Bank
===================================================== */


.card-info.default:before {

    content: "\eccb";

    font-family: "megatheme", Arial, sans-serif;

    color: rgb(40,153,37);

}



.card-info.default:after {

    content: "بانک مهر ایران";

}



/* =====================================================
   Mobile
===================================================== */


@media(max-width:768px){


    .card-info.saman,
    .card-info.default {

        padding-top: 70px;

    }



    .card-info.saman:before,
    .card-info.default:before {

        width: 38px;

        height: 38px;

        font-size: 34px;

        top: 18px;

        right: 18px;

    }



    .card-info.saman:after,
    .card-info.default:after {

        top: 27px;

        right: 65px;

        font-size: 14px;

        max-width: calc(100% - 115px);

    }


}
.westaweb-shetab-row {

    background: #d9dde3 !important;

    border: 1px solid #cfd3d9;
 
    padding: 18px;

}
/* =======================================================
   MOBLAK UX - ADD ADDRESS ICON (MOBILE ONLY)
======================================================= */

@media (max-width:768px){

    .westaweb-add-address-link{

        display:flex !important;

        align-items:center !important;

        gap:10px !important;

    }


    .westaweb-add-address-link img{

        width:42px !important;

        height:42px !important;

        object-fit:contain !important;

    }


    .westaweb-add-address-text{

        font-size:14px !important;

    }

}
.product-grid-item .wd-buttons {
    display: none !important;
}