@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//asalkhatoon.ir/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.3.9") format("woff2");
}

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//asalkhatoon.ir/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//asalkhatoon.ir/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//asalkhatoon.ir/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//asalkhatoon.ir/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//asalkhatoon.ir/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//asalkhatoon.ir/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//asalkhatoon.ir/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//asalkhatoon.ir/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-text-font: "Urdunast", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 14px;
	--wd-title-font: "Urdunast", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Urdunast", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Urdunast", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Urdunast", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Urdunast", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(1,71,132);
	--wd-alternative-color: rgb(117,27,30);
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: #83b735;
	--btn-accented-bgcolor-hover: #74a32f;
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
: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 center;
}
.wd-footer {
	background-color: #ffffff;
	background-image: none;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #fff;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-bottom-active: -1px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
--btn-accented-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
--wd-brd-radius: 0px;
--wd-cat-brd-radius: 8px;
}

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


.wd-page-title {
background-color: #0a0a0a;
}

@font-face {
	font-family: "Urdunast";
	src: url("//asalkhatoon.ir/wp-content/uploads/2026/05/Noto-Nastaliq-Urdu-1.woff2") format("woff2");
	font-weight: 500;
	font-style: normal;
}

/* =====================================================
   MBPC SAFE WoodMart Product Card
   Stable CSS:
   - No DOM-breaking tricks
   - Real WoodMart swatches remain clickable
   - Title link and cart button remain clickable
   - Bottom box gradient only
===================================================== */

:root {
    --mb-card-top: #924a23;
    --mb-card-mid: #924a23;
    --mb-card-bottom: #924a23;

    --mb-title-color: #eadbd5;
    --mb-gold: #bda380;
    --mb-gold-hover: #bda380;
    --mb-dark: #924a23;

    --mb-card-radius: 18px;
    --mb-card-height: 378px;
    --mb-image-height: 224px;
    --mb-button-height: 30px;
}

/* Remove WooCommerce view-cart link */
body .woocommerce a.added_to_cart.wc-forward,
body .woocommerce .added_to_cart.wc-forward {
    display: none !important;
}

/* ===============================
   Card shell
================================ */

body .wd-product,
body .product-grid-item,
body li.product {
    position: relative !important;

    height: var(--mb-card-height) !important;
    min-height: var(--mb-card-height) !important;
    max-height: var(--mb-card-height) !important;

    padding: 0 !important;
    overflow: hidden !important;

    background: var(--mb-card-bottom) !important;
    border: 1.5px solid #bda380 !important;
    border-radius: var(--mb-card-radius) !important;
    box-shadow: none !important;
}

body .wd-product .product-wrapper,
body .product-grid-item .product-wrapper,
body li.product .product-wrapper {
    position: relative !important;

    display: flex !important;
    flex-direction: column !important;

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

    padding: 0 !important;
    overflow: hidden !important;

    background: transparent !important;
    border: none !important;
    border-radius: var(--mb-card-radius) !important;
    box-shadow: none !important;
    text-align: center !important;
}

/* ===============================
   Image area - no gradient
================================ */

body .wd-product .product-element-top,
body .product-grid-item .product-element-top,
body li.product .product-element-top,
body .wd-product .mb-card-image,
body .product-grid-item .mb-card-image,
body li.product .mb-card-image {
    position: relative !important;
    z-index: 1 !important;

    display: block !important;

    flex: 0 0 var(--mb-image-height) !important;
    width: 100% !important;
    height: var(--mb-image-height) !important;
    min-height: var(--mb-image-height) !important;
    max-height: var(--mb-image-height) !important;

    margin: 0 0 -3px 0 !important;
    padding: 0 !important;
    overflow: hidden !important;

    background: #eee !important;
    border: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    border-radius: calc(var(--mb-card-radius) - 1px) calc(var(--mb-card-radius) - 1px) 0 0 !important;
}

body .wd-product .product-element-top::before,
body .wd-product .product-element-top::after,
body .product-grid-item .product-element-top::before,
body .product-grid-item .product-element-top::after,
body li.product .product-element-top::before,
body li.product .product-element-top::after,
body .wd-product .mb-card-image::before,
body .wd-product .mb-card-image::after,
body .product-grid-item .mb-card-image::before,
body .product-grid-item .mb-card-image::after,
body li.product .mb-card-image::before,
body li.product .mb-card-image::after {
    content: none !important;
    display: none !important;
}

body .wd-product .mb-card-image + .product-element-top,
body .product-grid-item .mb-card-image + .product-element-top,
body li.product .mb-card-image + .product-element-top {
    display: none !important;
}

body .wd-product .product-element-top > a,
body .product-grid-item .product-element-top > a,
body li.product .product-element-top > a,
body .wd-product .product-image-link,
body .product-grid-item .product-image-link,
body li.product .product-image-link,
body .wd-product .mb-card-image a,
body .product-grid-item .mb-card-image a,
body li.product .mb-card-image a {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    pointer-events: auto !important;
}

body .wd-product .product-element-top img,
body .product-grid-item .product-element-top img,
body li.product .product-element-top img,
body .wd-product .product-image-link img,
body .product-grid-item .product-image-link img,
body li.product .product-image-link img,
body .wd-product .mb-card-image img,
body .product-grid-item .mb-card-image img,
body li.product .mb-card-image img,
body .wd-product img.attachment-woocommerce_thumbnail,
body .product-grid-item img.attachment-woocommerce_thumbnail,
body li.product img.attachment-woocommerce_thumbnail {
    display: block !important;

    width: 100% !important;
    height: var(--mb-image-height) !important;
    min-height: var(--mb-image-height) !important;
    max-height: var(--mb-image-height) !important;

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

    object-fit: cover !important;
    object-position: center !important;

    border: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    border-radius: calc(var(--mb-card-radius) - 1px) calc(var(--mb-card-radius) - 1px) 0 0 !important;

    opacity: 1 !important;
    visibility: visible !important;
}

/* ===============================
   Bottom box - gradient here
================================ */

body .wd-product .product-information,
body .product-grid-item .product-information,
body li.product .product-information {
    position: relative !important;
    z-index: 5 !important;

    flex: 1 1 auto !important;

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

    width: 100% !important;
    min-height: 0 !important;

    padding: 7px 10px 8px !important;
    margin: -3px 0 0 0 !important;

    text-align: center !important;

    background: linear-gradient(
        180deg,
        var(--mb-card-top) 0%,
        var(--mb-card-mid) 46%,
        var(--mb-card-bottom) 100%
    ) !important;
    background-color: var(--mb-card-bottom) !important;
    background-image: linear-gradient(
        180deg,
        var(--mb-card-top) 0%,
        var(--mb-card-mid) 46%,
        var(--mb-card-bottom) 100%
    ) !important;

    border-top: none !important;
    box-shadow: none !important;
    border-radius: 0 0 calc(var(--mb-card-radius) - 1px) calc(var(--mb-card-radius) - 1px) !important;
    overflow: hidden !important;
    gap: 0 !important;
}

/* Hide WoodMart extras, but DO NOT hide swatches, forms, title, or add-to-cart */
body .wd-product .wd-product-cats,
body .product-grid-item .wd-product-cats,
body li.product .wd-product-cats,
body .wd-product .wd-product-brands-links,
body .product-grid-item .wd-product-brands-links,
body li.product .wd-product-brands-links,
body .wd-product .wd-buttons,
body .product-grid-item .wd-buttons,
body li.product .wd-buttons,
body .wd-product .product-labels,
body .product-grid-item .product-labels,
body li.product .product-labels,
body .wd-product .wd-quick-shop,
body .product-grid-item .wd-quick-shop,
body li.product .wd-quick-shop,
body .wd-product .wd-product-countdown,
body .product-grid-item .wd-product-countdown,
body li.product .wd-product-countdown,
body .wd-product .mb-product-features,
body .product-grid-item .mb-product-features,
body li.product .mb-product-features,
body .wd-product .wd-product-grid-slider-nav,
body .product-grid-item .wd-product-grid-slider-nav,
body li.product .wd-product-grid-slider-nav {
    display: none !important;
}

/* Hide separate price only outside the custom price button */
body .wd-product .product-information > .price,
body .product-grid-item .product-information > .price,
body li.product .product-information > .price,
body .wd-product .product-information > .wrap-price,
body .product-grid-item .product-information > .wrap-price,
body li.product .product-information > .wrap-price,
body .wd-product .product-information > .wd-product-price,
body .product-grid-item .product-information > .wd-product-price,
body li.product .product-information > .wd-product-price,
body .wd-product .product-wrapper > .price,
body .product-grid-item .product-wrapper > .price,
body li.product .product-wrapper > .price {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Hide native/theme ratings, custom real rating is inserted by JS */
body .wd-product .star-rating,
body .product-grid-item .star-rating,
body li.product .star-rating,
body .wd-product .wd-star-rating,
body .product-grid-item .wd-star-rating,
body li.product .wd-star-rating,
body .wd-product .woocommerce-product-rating,
body .product-grid-item .woocommerce-product-rating,
body li.product .woocommerce-product-rating {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Keep custom rating visible */
body .wd-product .mb-card-stars,
body .product-grid-item .mb-card-stars,
body li.product .mb-card-stars {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* ===============================
   Title
================================ */

body .wd-product .wd-entities-title,
body .product-grid-item .wd-entities-title,
body li.product .wd-entities-title,
body .wd-product .product-title,
body .product-grid-item .product-title,
body li.product .product-title,
body .wd-product .woocommerce-loop-product__title,
body .product-grid-item .woocommerce-loop-product__title,
body li.product .woocommerce-loop-product__title {
    order: 1 !important;

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

    width: 100% !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;

    margin: 0 auto 1px !important;
    padding: 0 !important;

    color: var(--mb-title-color) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    text-align: center !important;

    overflow: hidden !important;
    pointer-events: auto !important;
}

body .wd-product .wd-entities-title a,
body .product-grid-item .wd-entities-title a,
body li.product .wd-entities-title a,
body .wd-product .product-title a,
body .product-grid-item .product-title a,
body li.product .product-title a,
body .wd-product .woocommerce-loop-product__title a,
body .product-grid-item .woocommerce-loop-product__title a,
body li.product .woocommerce-loop-product__title a {
    color: var(--mb-title-color) !important;
    text-decoration: none !important;
    pointer-events: auto !important;
    position: relative !important;
    z-index: 20 !important;
}

body .wd-product .wd-entities-title::before,
body .wd-product .wd-entities-title::after,
body .product-grid-item .wd-entities-title::before,
body .product-grid-item .wd-entities-title::after,
body li.product .wd-entities-title::before,
body li.product .wd-entities-title::after,
body .wd-product .product-title::before,
body .wd-product .product-title::after,
body .product-grid-item .product-title::before,
body .product-grid-item .product-title::after,
body li.product .product-title::before,
body li.product .product-title::after,
body .wd-product .woocommerce-loop-product__title::before,
body .wd-product .woocommerce-loop-product__title::after,
body .product-grid-item .woocommerce-loop-product__title::before,
body .product-grid-item .woocommerce-loop-product__title::after,
body li.product .woocommerce-loop-product__title::before,
body li.product .woocommerce-loop-product__title::after {
    content: none !important;
    display: none !important;
}

/* ===============================
   Real WoodMart swatches / variables
================================ */

body .wd-product .variations_form,
body .product-grid-item .variations_form,
body li.product .variations_form,
body .wd-product .wd-swatches-grid,
body .product-grid-item .wd-swatches-grid,
body li.product .wd-swatches-grid,
body .wd-product .wd-swatches-product,
body .product-grid-item .wd-swatches-product,
body li.product .wd-swatches-product,
body .wd-product .wd-variation-swatches,
body .product-grid-item .wd-variation-swatches,
body li.product .wd-variation-swatches {
    order: 2 !important;

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

    width: 100% !important;
    min-height: 15px !important;
    max-height: 18px !important;

    margin: 0 auto 3px !important;
    padding: 0 !important;

    overflow: visible !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

body .wd-product .variations,
body .product-grid-item .variations,
body li.product .variations {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 16px !important;
    min-height: 16px !important;
    max-height: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

body .wd-product .variations tbody,
body .product-grid-item .variations tbody,
body li.product .variations tbody,
body .wd-product .variations tr,
body .product-grid-item .variations tr,
body li.product .variations tr,
body .wd-product .variations td,
body .product-grid-item .variations td,
body li.product .variations td {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

body .wd-product .variations th,
body .product-grid-item .variations th,
body li.product .variations th,
body .wd-product .reset_variations,
body .product-grid-item .reset_variations,
body li.product .reset_variations,
body .wd-product .label,
body .product-grid-item .label,
body li.product .label {
    display: none !important;
}

body .wd-product .wd-swatch,
body .product-grid-item .wd-swatch,
body li.product .wd-swatch,
body .wd-product .swatch,
body .product-grid-item .swatch,
body li.product .swatch {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 13px !important;
    height: 13px !important;
    min-width: 13px !important;
    min-height: 13px !important;
    max-width: 13px !important;
    max-height: 13px !important;

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

    border-radius: 50% !important;
    border: 1px solid rgba(255, 255, 255, .62) !important;

    overflow: hidden !important;
    font-size: 0 !important;
    line-height: 0 !important;

    opacity: 1 !important;
    visibility: visible !important;
    cursor: pointer !important;
    pointer-events: auto !important;

    background-size: cover !important;
    background-position: center !important;
}

body .wd-product .wd-swatch-bg,
body .product-grid-item .wd-swatch-bg,
body li.product .wd-swatch-bg,
body .wd-product .wd-swatch span.wd-swatch-bg,
body .product-grid-item .wd-swatch span.wd-swatch-bg,
body li.product .wd-swatch span.wd-swatch-bg {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

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

    border-radius: 50% !important;

    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;

    background-size: cover !important;
    background-position: center !important;
}

body .wd-product .wd-swatch-text,
body .product-grid-item .wd-swatch-text,
body li.product .wd-swatch-text,
body .wd-product .wd-swatch span:not(.wd-swatch-bg),
body .product-grid-item .wd-swatch span:not(.wd-swatch-bg),
body li.product .wd-swatch span:not(.wd-swatch-bg) {
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
    text-indent: -9999px !important;
    overflow: hidden !important;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

body .wd-product .wd-swatch.wd-active,
body .product-grid-item .wd-swatch.wd-active,
body li.product .wd-swatch.wd-active,
body .wd-product .wd-swatch.active,
body .product-grid-item .wd-swatch.active,
body li.product .wd-swatch.active,
body .wd-product .wd-swatch.selected,
body .product-grid-item .wd-swatch.selected,
body li.product .wd-swatch.selected,
body .wd-product .swatch.wd-active,
body .product-grid-item .swatch.wd-active,
body li.product .swatch.wd-active,
body .wd-product .swatch.active,
body .product-grid-item .swatch.active,
body li.product .swatch.active,
body .wd-product .swatch.selected,
body .product-grid-item .swatch.selected,
body li.product .swatch.selected {
    border-color: var(--mb-gold) !important;
    box-shadow: 0 0 0 2px rgba(189, 163, 128, .32) !important;
}

/* ===============================
   Custom real rating
================================ */

body .wd-product .mb-card-stars,
body .product-grid-item .mb-card-stars,
body li.product .mb-card-stars {
    order: 3 !important;

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

    width: 100% !important;
    height: 17px !important;
    min-height: 17px !important;
    max-height: 17px !important;

    margin: 0 auto 2px !important;
    padding: 0 !important;

    text-align: center !important;
    overflow: hidden !important;
}

body .mb-stars-shell {
    position: relative !important;

    display: inline-block !important;

    width: 86px !important;
    height: 17px !important;

    font-family: Arial, sans-serif !important;
    font-size: 15.5px !important;
    font-weight: 400 !important;
    line-height: 17px !important;
    letter-spacing: 1.2px !important;

    direction: ltr !important;
    unicode-bidi: isolate !important;
}

body .mb-stars-empty {
    display: block !important;
    color: rgba(234, 219, 213, .82) !important;
}

body .mb-stars-fill {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;

    display: block !important;
    height: 17px !important;

    overflow: hidden !important;
    white-space: nowrap !important;

    color: var(--mb-gold) !important;
}

/* ===============================
   Add to cart
================================ */

body .wd-product .wd-add-btn,
body .product-grid-item .wd-add-btn,
body li.product .wd-add-btn {
    order: 10 !important;

    display: block !important;

    width: 100% !important;

    margin: 3px auto 0 !important;
    padding: 0 !important;

    text-align: center !important;
    position: relative !important;
    z-index: 30 !important;
    pointer-events: auto !important;
}

body .wd-product .wd-add-btn a,
body .product-grid-item .wd-add-btn a,
body li.product .wd-add-btn a,
body .wd-product a.mb-price-atc,
body .product-grid-item a.mb-price-atc,
body li.product a.mb-price-atc,
body .woocommerce a.button.mb-price-atc,
body .woocommerce a.mb-price-atc {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    min-width: 128px !important;
    max-width: 100% !important;

    height: var(--mb-button-height) !important;
    min-height: var(--mb-button-height) !important;
    max-height: var(--mb-button-height) !important;

    margin: 0 auto !important;
    padding: 0 17px !important;

    border: none !important;
    border-radius: 999px !important;

    background: var(--mb-gold) !important;
    background-color: var(--mb-gold) !important;
    background-image: none !important;
    box-shadow: none !important;

    color: var(--mb-dark) !important;

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

    text-align: center !important;
    text-decoration: none !important;
    white-space: nowrap !important;

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

    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;

    position: relative !important;
    z-index: 40 !important;
}

body .wd-product .wd-add-btn a:hover,
body .product-grid-item .wd-add-btn a:hover,
body li.product .wd-add-btn a:hover,
body .wd-product a.mb-price-atc:hover,
body .product-grid-item a.mb-price-atc:hover,
body li.product a.mb-price-atc:hover,
body .woocommerce a.button.mb-price-atc:hover,
body .woocommerce a.mb-price-atc:hover {
    background: var(--mb-gold-hover) !important;
    color: var(--mb-dark) !important;
}

body .wd-product .wd-add-btn a *,
body .product-grid-item .wd-add-btn a *,
body li.product .wd-add-btn a *,
body .wd-product a.mb-price-atc *,
body .product-grid-item a.mb-price-atc *,
body li.product a.mb-price-atc *,
body .woocommerce a.button.mb-price-atc *,
body .woocommerce a.mb-price-atc * {
    color: var(--mb-dark) !important;
    line-height: 1 !important;
    text-decoration: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

body .mb-atc-price,
body .woocommerce a.mb-price-atc .amount,
body .woocommerce a.mb-price-atc .woocommerce-Price-amount,
body .woocommerce a.mb-price-atc .woocommerce-Price-currencySymbol {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    direction: rtl !important;
    unicode-bidi: isolate !important;

    color: var(--mb-dark) !important;
    line-height: 1 !important;
    text-decoration: none !important;
}

body .wd-product a.mb-price-atc.mb-atc-hidden,
body .product-grid-item a.mb-price-atc.mb-atc-hidden,
body li.product a.mb-price-atc.mb-atc-hidden,
body .woocommerce a.button.mb-price-atc.mb-atc-hidden,
body .woocommerce a.mb-price-atc.mb-atc-hidden {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

body .wd-product a.mb-price-atc.mb-atc-loading,
body .product-grid-item a.mb-price-atc.mb-atc-loading,
body li.product a.mb-price-atc.mb-atc-loading {
    opacity: .65 !important;
    pointer-events: none !important;
}

/* ===============================
   Quantity control
================================ */

body .mb-atc-control {
    display: none;

    grid-template-columns: 34px minmax(42px, 1fr) 34px !important;
    align-items: center !important;
    justify-content: center !important;

    direction: ltr !important;

    width: 128px !important;
    min-width: 128px !important;

    height: var(--mb-button-height) !important;
    min-height: var(--mb-button-height) !important;
    max-height: var(--mb-button-height) !important;

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

    border-radius: 999px !important;

    background: var(--mb-gold) !important;
    color: var(--mb-dark) !important;

    overflow: hidden !important;

    font-family: inherit !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-align: center !important;

    position: relative !important;
    z-index: 40 !important;
    pointer-events: auto !important;
}

body .mb-atc-control,
body .mb-atc-control * {
    box-sizing: border-box !important;
    color: var(--mb-dark) !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

body .mb-atc-control button,
body .woocommerce .mb-atc-control button,
body .wd-product .mb-atc-control button,
body .product-grid-item .mb-atc-control button,
body li.product .mb-atc-control button {
    all: unset;

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

    width: 100% !important;

    height: var(--mb-button-height) !important;
    min-height: var(--mb-button-height) !important;
    max-height: var(--mb-button-height) !important;

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

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

    color: var(--mb-dark) !important;

    font-family: inherit !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-align: center !important;

    cursor: pointer !important;

    appearance: none !important;
    -webkit-appearance: none !important;
}

body .mb-atc-control button::before,
body .mb-atc-control button::after {
    display: none !important;
    content: none !important;
}

body .mb-atc-control button:hover {
    background: rgba(148, 75, 35, .13) !important;
}

body .mb-atc-control button:disabled {
    opacity: .45 !important;
    cursor: wait !important;
}

body .mb-atc-label {
    direction: rtl !important;

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

    width: 100% !important;
    height: var(--mb-button-height) !important;

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

    color: var(--mb-dark) !important;
    line-height: 1 !important;
    text-align: center !important;
    white-space: nowrap !important;

    overflow: hidden !important;
}

body .mb-atc-check {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

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

    color: var(--mb-dark) !important;

    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 18px !important;
}

body .mb-atc-count {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

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

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

    border-radius: 999px !important;

    background: rgba(148, 75, 35, .14) !important;
    color: var(--mb-dark) !important;

    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 18px !important;
}

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

@media (max-width: 767px) {
    :root {
        --mb-card-height: 350px;
        --mb-image-height: 205px;
        --mb-button-height: 30px;
    }

    body .wd-product .wd-entities-title,
    body .product-grid-item .wd-entities-title,
    body li.product .wd-entities-title,
    body .wd-product .product-title,
    body .product-grid-item .product-title,
    body li.product .product-title,
    body .wd-product .woocommerce-loop-product__title,
    body .product-grid-item .woocommerce-loop-product__title,
    body li.product .woocommerce-loop-product__title {
        height: 30px !important;
        min-height: 30px !important;
        max-height: 30px !important;

        font-size: 15.5px !important;
        line-height: 1.25 !important;
        margin-bottom: 2px !important;
    }

    body .mb-card-stars {
        height: 16px !important;
        min-height: 16px !important;
        max-height: 16px !important;
        margin-bottom: 5px !important;
    }

    body .mb-stars-shell {
        width: 78px !important;
        height: 16px !important;
        font-size: 14px !important;
        line-height: 16px !important;
        letter-spacing: 1.1px !important;
    }

    body .wd-product .wd-add-btn a,
    body .product-grid-item .wd-add-btn a,
    body li.product .wd-add-btn a,
    body .wd-product a.mb-price-atc,
    body .product-grid-item a.mb-price-atc,
    body li.product a.mb-price-atc,
    body .woocommerce a.button.mb-price-atc,
    body .woocommerce a.mb-price-atc,
    body .mb-atc-control {
        min-width: 116px !important;
        font-size: 11px !important;
    }

    body .mb-atc-control {
        width: 116px !important;
        min-width: 116px !important;
        grid-template-columns: 31px minmax(38px, 1fr) 31px !important;
    }
}


/* =====================================================
   MBPC v4 patch: requested fine tuning
===================================================== */

/* Give title more room */
body .wd-product .wd-entities-title,
body .product-grid-item .wd-entities-title,
body li.product .wd-entities-title,
body .wd-product .product-title,
body .product-grid-item .product-title,
body li.product .product-title,
body .wd-product .woocommerce-loop-product__title,
body .product-grid-item .woocommerce-loop-product__title,
body li.product .woocommerce-loop-product__title {
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    margin-bottom: 1px !important;
}

/* Remove the visible seam/line below image by overlapping the lower gradient */
body .wd-product .product-element-top,
body .product-grid-item .product-element-top,
body li.product .product-element-top,
body .wd-product .mb-card-image,
body .product-grid-item .mb-card-image,
body li.product .mb-card-image {
    margin-bottom: -5px !important;
    border-bottom: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

body .wd-product .product-information,
body .product-grid-item .product-information,
body li.product .product-information {
    margin-top: -5px !important;
    padding-top: 9px !important;
}

/* Show the star row clearly; fill amount still comes from real WooCommerce rating */
body .wd-product .mb-card-stars,
body .product-grid-item .mb-card-stars,
body li.product .mb-card-stars {
    height: 18px !important;
    min-height: 18px !important;
    max-height: 18px !important;
    margin: 0 auto 1px !important;
}

body .mb-stars-shell {
    width: 88px !important;
    height: 18px !important;
    font-size: 16px !important;
    line-height: 18px !important;
    letter-spacing: 1.25px !important;
}

body .mb-stars-empty {
    color: rgba(234, 219, 213, .84) !important;
}

/* Reduce vertical empty space before the cart button */
body .wd-product .wd-add-btn,
body .product-grid-item .wd-add-btn,
body li.product .wd-add-btn {
    margin: 3px auto 0 !important;
}


/* =====================================================
   MBPC v5 safe patch
   1) stronger lower-box gradient
   2) slightly taller image
   3) tighter variable product spacing
===================================================== */

/* Stronger gradient on the bottom box without blocking clicks */
body .wd-product .product-information,
body .product-grid-item .product-information,
body li.product .product-information {
    background: linear-gradient(
        180deg,
        #924a23 0%,
        #924a23 42%,
        #924a23 100%
    ) !important;
    background-image: linear-gradient(
        180deg,
        #924a23 0%,
        #924a23 42%,
        #924a23 100%
    ) !important;
    background-color: #924a23 !important;
}

/* Make image a little taller */
body .wd-product .product-element-top,
body .product-grid-item .product-element-top,
body li.product .product-element-top,
body .wd-product .mb-card-image,
body .product-grid-item .mb-card-image,
body li.product .mb-card-image,
body .wd-product .product-element-top img,
body .product-grid-item .product-element-top img,
body li.product .product-element-top img,
body .wd-product .product-image-link img,
body .product-grid-item .product-image-link img,
body li.product .product-image-link img,
body .wd-product .mb-card-image img,
body .product-grid-item .mb-card-image img,
body li.product .mb-card-image img,
body .wd-product img.attachment-woocommerce_thumbnail,
body .product-grid-item img.attachment-woocommerce_thumbnail,
body li.product img.attachment-woocommerce_thumbnail {
    height: var(--mb-image-height) !important;
    min-height: var(--mb-image-height) !important;
    max-height: var(--mb-image-height) !important;
}

/* Reduce empty vertical space before the cart button, especially on variable products */
body .wd-product.product-type-variable .mb-card-stars,
body .product-grid-item.product-type-variable .mb-card-stars,
body li.product.product-type-variable .mb-card-stars,
body .product-type-variable .mb-card-stars {
    margin-bottom: 0 !important;
}

body .wd-product.product-type-variable .wd-add-btn,
body .product-grid-item.product-type-variable .wd-add-btn,
body li.product.product-type-variable .wd-add-btn,
body .product-type-variable .wd-add-btn {
    margin-top: 1px !important;
}

/* Keep layout compact now that image is taller */
body .wd-product .wd-add-btn,
body .product-grid-item .wd-add-btn,
body li.product .wd-add-btn {
    margin-top: 2px !important;
}




/* =====================================================
   MBPC v10 final hover swatches
   - Cream background under hover swatches
   - Source variable swatches removed from normal flow
   - If more than 5 swatches, show + link to product page
===================================================== */

:root {
    --mb-card-height: 378px;
    --mb-image-height: 224px;
    --mb-hover-swatch-top: calc(var(--mb-image-height) - 30px);
    --mb-hover-cream: #f4ecdc;
}

/* Force taller card and image */
body .wd-product,
body .product-grid-item,
body li.product {
    height: var(--mb-card-height) !important;
    min-height: var(--mb-card-height) !important;
    max-height: var(--mb-card-height) !important;
}

body .wd-product .product-element-top,
body .product-grid-item .product-element-top,
body li.product .product-element-top,
body .wd-product .mb-card-image,
body .product-grid-item .mb-card-image,
body li.product .mb-card-image,
body .wd-product .product-element-top img,
body .product-grid-item .product-element-top img,
body li.product .product-element-top img,
body .wd-product .product-image-link img,
body .product-grid-item .product-image-link img,
body li.product .product-image-link img,
body .wd-product .mb-card-image img,
body .product-grid-item .mb-card-image img,
body li.product .mb-card-image img,
body .wd-product img.attachment-woocommerce_thumbnail,
body .product-grid-item img.attachment-woocommerce_thumbnail,
body li.product img.attachment-woocommerce_thumbnail {
    height: var(--mb-image-height) !important;
    min-height: var(--mb-image-height) !important;
    max-height: var(--mb-image-height) !important;
}

/* Remove original swatches/variation form from normal layout after JS marks them.
   They stay in DOM for WoodMart, but they do not reserve card space. */
body .mbpc-source-swatches,
body .mbpc-source-swatches *,
body .mbpc-source-swatches .variations,
body .mbpc-source-swatches .variations tbody,
body .mbpc-source-swatches .variations tr,
body .mbpc-source-swatches .variations td {
    position: absolute !important;
    left: -9999px !important;
    top: auto !important;

    width: 1px !important;
    height: 1px !important;
    min-width: 1px !important;
    min-height: 1px !important;
    max-width: 1px !important;
    max-height: 1px !important;

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

    opacity: 0 !important;
    visibility: hidden !important;
    overflow: hidden !important;
    pointer-events: none !important;
}

/* Remove variable gap from the product-information flow */
body .mbpc-has-hover-swatches .product-information .wd-swatches-grid,
body .mbpc-has-hover-swatches .product-information .wd-swatches-product,
body .mbpc-has-hover-swatches .product-information .wd-variation-swatches,
body .mbpc-has-hover-swatches .product-information .variations_form {
    margin: 0 !important;
    padding: 0 !important;
}

/* Hover row: cream background under swatches on the lower image */
body .mbpc-hover-swatches-visual {
    position: absolute !important;
    left: 50% !important;
    top: var(--mb-hover-swatch-top) !important;
    transform: translate(-50%, 8px) !important;

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

    width: auto !important;
    max-width: calc(100% - 26px) !important;
    height: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;

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

    background: var(--mb-hover-cream) !important;
    border: 1px solid rgba(70, 56, 47, .10) !important;
    border-radius: 999px !important;
    box-shadow: 0 6px 14px rgba(0, 0, 0, .14) !important;

    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;

    z-index: 90 !important;
    transition: opacity .18s ease, transform .18s ease, visibility .18s ease !important;
}

/* Show row on hover/focus */
body .wd-product.mbpc-has-hover-swatches:hover .mbpc-hover-swatches-visual,
body .wd-product.mbpc-has-hover-swatches:focus-within .mbpc-hover-swatches-visual,
body .product-grid-item.mbpc-has-hover-swatches:hover .mbpc-hover-swatches-visual,
body .product-grid-item.mbpc-has-hover-swatches:focus-within .mbpc-hover-swatches-visual,
body li.product.mbpc-has-hover-swatches:hover .mbpc-hover-swatches-visual,
body li.product.mbpc-has-hover-swatches:focus-within .mbpc-hover-swatches-visual {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translate(-50%, 0) !important;
}

/* Don't push content down on hover */
body .wd-product.mbpc-has-hover-swatches:hover .product-information,
body .wd-product.mbpc-has-hover-swatches:focus-within .product-information,
body .product-grid-item.mbpc-has-hover-swatches:hover .product-information,
body .product-grid-item.mbpc-has-hover-swatches:focus-within .product-information,
body li.product.mbpc-has-hover-swatches:hover .product-information,
body li.product.mbpc-has-hover-swatches:focus-within .product-information {
    padding-top: 7px !important;
}

/* Visual swatches */
body .mbpc-hover-swatches-visual .wd-swatch,
body .mbpc-hover-swatches-visual .swatch,
body .mbpc-hover-swatches-visual .mbpc-hover-swatch {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 17px !important;
    height: 17px !important;
    min-width: 17px !important;
    min-height: 17px !important;
    max-width: 17px !important;
    max-height: 17px !important;

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

    border-radius: 50% !important;
    border: 1px solid rgba(70, 56, 47, .22) !important;

    cursor: pointer !important;
    pointer-events: auto !important;

    opacity: 1 !important;
    visibility: visible !important;
    overflow: hidden !important;
}

body .mbpc-hover-swatches-visual .wd-swatch-bg,
body .mbpc-hover-swatches-visual .wd-swatch span.wd-swatch-bg {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: 50% !important;
}

/* Active/selected visual swatch */
body .mbpc-hover-swatches-visual .wd-swatch.wd-active,
body .mbpc-hover-swatches-visual .wd-swatch.active,
body .mbpc-hover-swatches-visual .wd-swatch.selected,
body .mbpc-hover-swatches-visual .swatch.wd-active,
body .mbpc-hover-swatches-visual .swatch.active,
body .mbpc-hover-swatches-visual .swatch.selected,
body .mbpc-hover-swatches-visual .mbpc-hover-swatch.wd-active,
body .mbpc-hover-swatches-visual .mbpc-hover-swatch.active,
body .mbpc-hover-swatches-visual .mbpc-hover-swatch.selected {
    border-color: var(--mb-gold) !important;
    box-shadow: 0 0 0 2px rgba(189, 163, 128, .42) !important;
}

/* + icon for more than 5 variations */
body .mbpc-hover-swatches-visual .mbpc-more-swatches {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

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

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

    border-radius: 50% !important;
    background: var(--mb-card-bottom) !important;
    color: var(--mb-hover-cream) !important;
    border: 1px solid rgba(70, 56, 47, .25) !important;

    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 17px !important;
    text-decoration: none !important;

    cursor: pointer !important;
    pointer-events: auto !important;
}

/* Compact variable cards after moving variables to hover */
body .mbpc-has-hover-swatches .mb-card-stars {
    margin-bottom: 0 !important;
}

body .mbpc-has-hover-swatches .wd-add-btn {
    margin-top: 1px !important;
}

@media (max-width: 767px) {
    :root {
        --mb-card-height: 350px;
        --mb-image-height: 205px;
        --mb-hover-swatch-top: calc(var(--mb-image-height) - 29px);
    }

    body .mbpc-hover-swatches-visual .wd-swatch,
    body .mbpc-hover-swatches-visual .swatch,
    body .mbpc-hover-swatches-visual .mbpc-hover-swatch,
    body .mbpc-hover-swatches-visual .mbpc-more-swatches {
        width: 16px !important;
        height: 16px !important;
        min-width: 16px !important;
        min-height: 16px !important;
        max-width: 16px !important;
        max-height: 16px !important;
        line-height: 16px !important;
    }
}


/* =====================================================
   MBPC v17 final correction
   Uses a custom compact title+rating block for variable cards.
   This bypasses any hidden WoodMart variation-form gap.
===================================================== */

/* Cream hover bar full width */
body .mbpc-hover-swatches-visual {
    left: 0 !important;
    right: 0 !important;
    top: calc(var(--mb-image-height) - 34px) !important;
    transform: translateY(8px) !important;

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

    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;

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

    background: var(--mb-hover-cream) !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: 0 -1px 0 rgba(255,255,255,.35), 0 5px 12px rgba(0,0,0,.10) !important;

    gap: 9px !important;
}

/* Hover animation for full-width bar */
body .wd-product.mbpc-has-hover-swatches:hover .mbpc-hover-swatches-visual,
body .wd-product.mbpc-has-hover-swatches:focus-within .mbpc-hover-swatches-visual,
body .product-grid-item.mbpc-has-hover-swatches:hover .mbpc-hover-swatches-visual,
body .product-grid-item.mbpc-has-hover-swatches:focus-within .mbpc-hover-swatches-visual,
body li.product.mbpc-has-hover-swatches:hover .mbpc-hover-swatches-visual,
body li.product.mbpc-has-hover-swatches:focus-within .mbpc-hover-swatches-visual {
    transform: translateY(0) !important;
}

/* Larger swatches */
body .mbpc-hover-swatches-visual .wd-swatch,
body .mbpc-hover-swatches-visual .swatch,
body .mbpc-hover-swatches-visual .mbpc-hover-swatch {
    width: 21px !important;
    height: 21px !important;
    min-width: 21px !important;
    min-height: 21px !important;
    max-width: 21px !important;
    max-height: 21px !important;
    border: 1px solid rgba(70, 56, 47, .22) !important;
}

/* Center the + by centering an inner span */
body .mbpc-hover-swatches-visual .mbpc-more-swatches {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    max-width: 30px !important;
    max-height: 30px !important;

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

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

    color: var(--mb-card-bottom) !important;
    text-decoration: none !important;
    line-height: 1 !important;
}

body .mbpc-hover-swatches-visual .mbpc-more-swatches > span {
    display: block !important;
    width: 30px !important;
    height: 30px !important;
    color: var(--mb-card-bottom) !important;
    font-size: 30px !important;
    font-weight: 900 !important;
    line-height: 26px !important;
    text-align: center !important;
    transform: translateY(-1px) !important;
}

/* Variable cards: hide original title and all original variable controls.
   The PHP/JS creates .mbpc-compact-info with a fresh title link + stars. */
body .mbpc-has-compact-info .product-information > .wd-entities-title,
body .mbpc-has-compact-info .product-information > .product-title,
body .mbpc-has-compact-info .product-information > .woocommerce-loop-product__title,
body .mbpc-has-compact-info .product-information > .mb-card-stars,
body .mbpc-has-compact-info .product-information .mbpc-source-swatches,
body .mbpc-has-compact-info .product-information .mbpc-source-swatches *,
body .mbpc-has-compact-info .product-information .wd-swatches-grid,
body .mbpc-has-compact-info .product-information .wd-swatches-product,
body .mbpc-has-compact-info .product-information .wd-variation-swatches,
body .mbpc-has-compact-info .product-information .variations_form,
body .mbpc-has-compact-info .product-information form.variations_form,
body .mbpc-has-compact-info .product-information .variations,
body .mbpc-has-compact-info .product-information .variations tbody,
body .mbpc-has-compact-info .product-information .variations tr,
body .mbpc-has-compact-info .product-information .variations th,
body .mbpc-has-compact-info .product-information .variations td {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* Product information normal flow */
body .mbpc-has-compact-info .product-information {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding-top: 9px !important;
}

/* Compact injected title+stars block */
body .mbpc-compact-info {
    order: 1 !important;

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

    width: 100% !important;
    min-height: 0 !important;

    margin: 0 auto 0 !important;
    padding: 0 !important;
}

/* New title link: only uses height it needs */
body .mbpc-compact-title {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;

    width: 100% !important;
    max-height: 40px !important;

    margin: 0 auto 1px !important;
    padding: 0 !important;

    color: var(--mb-title-color) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.16 !important;
    text-align: center !important;
    text-decoration: none !important;
    overflow: hidden !important;
}

/* Stars inside compact block: directly after title */
body .mbpc-compact-info .mb-card-stars {
    order: 2 !important;

    height: 17px !important;
    min-height: 17px !important;
    max-height: 17px !important;

    margin: 0 auto 0 !important;
    padding: 0 !important;
}

/* Button remains at bottom of card */
body .mbpc-has-compact-info .wd-add-btn {
    order: 10 !important;
    margin: auto auto 0 !important;
}

/* Mobile */
@media (max-width: 767px) {
    body .mbpc-hover-swatches-visual {
        top: calc(var(--mb-image-height) - 33px) !important;
        height: 33px !important;
        min-height: 33px !important;
        max-height: 33px !important;
        gap: 8px !important;
    }

    body .mbpc-hover-swatches-visual .wd-swatch,
    body .mbpc-hover-swatches-visual .swatch,
    body .mbpc-hover-swatches-visual .mbpc-hover-swatch {
        width: 20px !important;
        height: 20px !important;
        min-width: 20px !important;
        min-height: 20px !important;
        max-width: 20px !important;
        max-height: 20px !important;
    }

    body .mbpc-hover-swatches-visual .mbpc-more-swatches,
    body .mbpc-hover-swatches-visual .mbpc-more-swatches > span {
        width: 29px !important;
        height: 29px !important;
        min-width: 29px !important;
        min-height: 29px !important;
        max-width: 29px !important;
        max-height: 29px !important;
    }

    body .mbpc-hover-swatches-visual .mbpc-more-swatches > span {
        font-size: 29px !important;
        line-height: 25px !important;
    }

    body .mbpc-compact-title {
        max-height: 38px !important;
        font-size: 15.5px !important;
    }
}


/* =====================================================
   MBPC v24 FINAL PATCH
   Variable stars are now attached to the visible add-button wrapper.
   This bypasses WoodMart title/form/rating hiding completely.
   It does NOT move the title, button, or layout.
===================================================== */

/* Hide older failed variable-star attempts to avoid duplicates */
body .mbpc-has-hover-swatches .product-information > .mb-card-stars,
body .mbpc-has-hover-swatches .product-information .mbpc-compact-stars,
body .mbpc-has-hover-swatches .product-information .mbpc-variable-stars-overlay,
body .mbpc-has-hover-swatches .product-wrapper > .mbpc-force-variable-stars {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* The wrapper is visible, so the stars are forced from here */
body .mbpc-has-hover-swatches .wd-add-btn {
    position: relative !important;
    overflow: visible !important;
}

/* FORCE variable-product stars.
   This is independent from all previous JS-generated rating blocks. */
body .mbpc-has-hover-swatches .wd-add-btn::before {
    content: "★★★★★" !important;

    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: -35px !important;

    display: block !important;

    width: 100% !important;
    height: 18px !important;
    min-height: 18px !important;
    max-height: 18px !important;

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

    font-family: Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 18px !important;
    letter-spacing: 1.25px !important;

    direction: ltr !important;
    unicode-bidi: isolate !important;
    text-align: center !important;

    color: rgba(234, 219, 213, .88) !important;

    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: none !important;
    z-index: 9999 !important;
}

/* Keep the actual add-to-cart button on top and clickable */
body .mbpc-has-hover-swatches .wd-add-btn a,
body .mbpc-has-hover-swatches .wd-add-btn .mb-atc-control {
    position: relative !important;
    z-index: 10000 !important;
}

/* + icon: only 3px higher */
body .mbpc-hover-swatches-visual .mbpc-more-swatches {
    position: relative !important;
    top: -3px !important;
}

body .mbpc-hover-swatches-visual .mbpc-more-swatches > span {
    display: block !important;
    transform: translateY(-3px) !important;
}

/* Mobile */
@media (max-width: 767px) {
    body .mbpc-has-hover-swatches .wd-add-btn::before {
        top: -34px !important;
        font-size: 15px !important;
        line-height: 18px !important;
    }

    body .mbpc-hover-swatches-visual .mbpc-more-swatches {
        top: -3px !important;
    }

    body .mbpc-hover-swatches-visual .mbpc-more-swatches > span {
        transform: translateY(-3px) !important;
    }
}


/* =====================================================
   MBPC v25 final patch
   Quantity control vertical alignment:
   move minus, plus and quantity number 4px upward.
   Background/button layout is unchanged.
===================================================== */

body .mb-atc-control .mb-atc-minus,
body .mb-atc-control .mb-atc-plus,
body .mb-atc-control .mb-atc-count {
    transform: translateY(-4px) !important;
}

/* Keep the click/tap area unchanged while only moving the visible symbols */
body .mb-atc-control .mb-atc-minus,
body .mb-atc-control .mb-atc-plus {
    line-height: 1 !important;
}

/* Mobile: same 4px correction */
@media (max-width: 767px) {
    body .mb-atc-control .mb-atc-minus,
    body .mb-atc-control .mb-atc-plus,
    body .mb-atc-control .mb-atc-count {
        transform: translateY(-4px) !important;
    }
}


/* =====================================================
   MBPC v26 final patch
   Quantity control fine tune:
   - check mark: 2px up
   - count number: 2px lower than v25 position
   - plus/minus stay as v25
===================================================== */

/* ✓ two pixels up */
body .mb-atc-control .mb-atc-check {
    transform: translateY(-2px) !important;
}

/* Number was -4px in v25; moving it 2px down makes it -2px */
body .mb-atc-control .mb-atc-count {
    transform: translateY(-2px) !important;
}

/* Keep plus/minus unchanged from v25 */
body .mb-atc-control .mb-atc-minus,
body .mb-atc-control .mb-atc-plus {
    transform: translateY(-4px) !important;
}

/* Mobile: same correction */
@media (max-width: 767px) {
    body .mb-atc-control .mb-atc-check {
        transform: translateY(-2px) !important;
    }

    body .mb-atc-control .mb-atc-count {
        transform: translateY(-2px) !important;
    }

    body .mb-atc-control .mb-atc-minus,
    body .mb-atc-control .mb-atc-plus {
        transform: translateY(-4px) !important;
    }
}

/* =====================================================
   MBPC FINAL COLOR OVERRIDE
   Box color: #924a23
   Buy button color: #bda380
   Images are untouched.
===================================================== */

:root {
    --mb-card-top: #924a23;
    --mb-card-mid: #924a23;
    --mb-card-bottom: #924a23;

    --mb-gold: #bda380;
    --mb-gold-hover: #bda380;
    --mb-dark: #924a23;
}

body .wd-product,
body .product-grid-item,
body li.product {
    background: #924a23 !important;
    border-color: #bda380 !important;
}

body .wd-product .product-information,
body .product-grid-item .product-information,
body li.product .product-information {
    background: #924a23 !important;
    background-color: #924a23 !important;
    background-image: none !important;
}

body .wd-product .wd-add-btn a,
body .product-grid-item .wd-add-btn a,
body li.product .wd-add-btn a,
body .wd-product a.mb-price-atc,
body .product-grid-item a.mb-price-atc,
body li.product a.mb-price-atc,
body .woocommerce a.button.mb-price-atc,
body .woocommerce a.mb-price-atc {
    background: #bda380 !important;
    background-color: #bda380 !important;
    background-image: none !important;
    color: #924a23 !important;
}

body .wd-product .wd-add-btn a:hover,
body .product-grid-item .wd-add-btn a:hover,
body li.product .wd-add-btn a:hover,
body .wd-product a.mb-price-atc:hover,
body .product-grid-item a.mb-price-atc:hover,
body li.product a.mb-price-atc:hover,
body .woocommerce a.button.mb-price-atc:hover,
body .woocommerce a.mb-price-atc:hover {
    background: #bda380 !important;
    background-color: #bda380 !important;
    color: #924a23 !important;
}

body .wd-product .wd-add-btn a *,
body .product-grid-item .wd-add-btn a *,
body li.product .wd-add-btn a *,
body .wd-product a.mb-price-atc *,
body .product-grid-item a.mb-price-atc *,
body li.product a.mb-price-atc *,
body .woocommerce a.button.mb-price-atc *,
body .woocommerce a.mb-price-atc *,
body .mb-atc-price,
body .woocommerce a.mb-price-atc .amount,
body .woocommerce a.mb-price-atc .woocommerce-Price-amount,
body .woocommerce a.mb-price-atc .woocommerce-Price-currencySymbol {
    color: #924a23 !important;
}

body .mb-atc-control {
    background: #bda380 !important;
    color: #924a23 !important;
}

body .mb-atc-control,
body .mb-atc-control *,
body .mb-atc-control button,
body .woocommerce .mb-atc-control button,
body .wd-product .mb-atc-control button,
body .product-grid-item .mb-atc-control button,
body li.product .mb-atc-control button,
body .mb-atc-label,
body .mb-atc-check,
body .mb-atc-count {
    color: #924a23 !important;
}

body .mb-atc-control button:hover {
    background: rgba(148, 75, 35, .13) !important;
}

body .mb-atc-count {
    background: rgba(148, 75, 35, .14) !important;
}


/* =====================================================
   MBPC FINAL COLOR OVERRIDE
   Box color: #924a23
   Buy button color: #bda380
===================================================== */
:root {
    --mb-card-top: #924a23;
    --mb-card-mid: #924a23;
    --mb-card-bottom: #924a23;
    --mb-gold: #bda380;
    --mb-gold-hover: #bda380;
    --mb-dark: #924a23;
}
body .wd-product,
body .product-grid-item,
body li.product {
    background: #924a23 !important;
    border-color: #bda380 !important;
}
body .wd-product .product-information,
body .product-grid-item .product-information,
body li.product .product-information {
    background: #924a23 !important;
    background-color: #924a23 !important;
    background-image: none !important;
}
body .wd-product .wd-add-btn a,
body .product-grid-item .wd-add-btn a,
body li.product .wd-add-btn a,
body .wd-product a.mb-price-atc,
body .product-grid-item a.mb-price-atc,
body li.product a.mb-price-atc,
body .woocommerce a.button.mb-price-atc,
body .woocommerce a.mb-price-atc {
    background: #bda380 !important;
    background-color: #bda380 !important;
    background-image: none !important;
    color: #924a23 !important;
}
body .wd-product .wd-add-btn a:hover,
body .product-grid-item .wd-add-btn a:hover,
body li.product .wd-add-btn a:hover,
body .wd-product a.mb-price-atc:hover,
body .product-grid-item a.mb-price-atc:hover,
body li.product a.mb-price-atc:hover,
body .woocommerce a.button.mb-price-atc:hover,
body .woocommerce a.mb-price-atc:hover {
    background: #bda380 !important;
    background-color: #bda380 !important;
    color: #924a23 !important;
}
body .wd-product .wd-add-btn a *,
body .product-grid-item .wd-add-btn a *,
body li.product .wd-add-btn a *,
body .wd-product a.mb-price-atc *,
body .product-grid-item a.mb-price-atc *,
body li.product a.mb-price-atc *,
body .woocommerce a.button.mb-price-atc *,
body .woocommerce a.mb-price-atc *,
body .mb-atc-price,
body .woocommerce a.mb-price-atc .amount,
body .woocommerce a.mb-price-atc .woocommerce-Price-amount,
body .woocommerce a.mb-price-atc .woocommerce-Price-currencySymbol {
    color: #924a23 !important;
}
body .mb-atc-control {
    background: #bda380 !important;
    color: #924a23 !important;
}
body .mb-atc-control,
body .mb-atc-control *,
body .mb-atc-control button,
body .mb-atc-label,
body .mb-atc-check,
body .mb-atc-count {
    color: #924a23 !important;
}

/* =====================================================
   MBPC final price color patch
   Price text inside the buy button: #E5D2CA
===================================================== */

body .mb-atc-price,
body .woocommerce a.mb-price-atc .amount,
body .woocommerce a.mb-price-atc .woocommerce-Price-amount,
body .woocommerce a.mb-price-atc .woocommerce-Price-currencySymbol,
body .wd-product a.mb-price-atc .mb-atc-price,
body .product-grid-item a.mb-price-atc .mb-atc-price,
body li.product a.mb-price-atc .mb-atc-price,
body .wd-product a.mb-price-atc .amount,
body .product-grid-item a.mb-price-atc .amount,
body li.product a.mb-price-atc .amount,
body .wd-product a.mb-price-atc .woocommerce-Price-amount,
body .product-grid-item a.mb-price-atc .woocommerce-Price-amount,
body li.product a.mb-price-atc .woocommerce-Price-amount,
body .wd-product a.mb-price-atc .woocommerce-Price-currencySymbol,
body .product-grid-item a.mb-price-atc .woocommerce-Price-currencySymbol,
body li.product a.mb-price-atc .woocommerce-Price-currencySymbol {
    color: #E5D2CA !important;
}

/* =====================================================
   MBPC final requested price color override
   Price text inside the buy button: #E5D2CA
===================================================== */
body .mb-atc-price,
body .woocommerce a.mb-price-atc .amount,
body .woocommerce a.mb-price-atc .woocommerce-Price-amount,
body .woocommerce a.mb-price-atc .woocommerce-Price-currencySymbol,
body .wd-product a.mb-price-atc .mb-atc-price,
body .product-grid-item a.mb-price-atc .mb-atc-price,
body li.product a.mb-price-atc .mb-atc-price,
body .wd-product a.mb-price-atc .amount,
body .product-grid-item a.mb-price-atc .amount,
body li.product a.mb-price-atc .amount,
body .wd-product a.mb-price-atc .woocommerce-Price-amount,
body .product-grid-item a.mb-price-atc .woocommerce-Price-amount,
body li.product a.mb-price-atc .woocommerce-Price-amount,
body .wd-product a.mb-price-atc .woocommerce-Price-currencySymbol,
body .product-grid-item a.mb-price-atc .woocommerce-Price-currencySymbol,
body li.product a.mb-price-atc .woocommerce-Price-currencySymbol {
    color: #E5D2CA !important;
}


/* =====================================================
   MBPC v27 final price vertical-center patch
   Fixes the price text being visually lower inside the buy button.
   Box color: #924a23
   Buy button color: #bda380
   Price text color: #E5D2CA
===================================================== */

body .wd-product .wd-add-btn a,
body .product-grid-item .wd-add-btn a,
body li.product .wd-add-btn a,
body .wd-product a.mb-price-atc,
body .product-grid-item a.mb-price-atc,
body li.product a.mb-price-atc,
body .woocommerce a.button.mb-price-atc,
body .woocommerce a.mb-price-atc {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: var(--mb-button-height) !important;
    min-height: var(--mb-button-height) !important;
    max-height: var(--mb-button-height) !important;
    line-height: var(--mb-button-height) !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    background: #bda380 !important;
    background-color: #bda380 !important;
    background-image: none !important;
}

body .mb-atc-price,
body .woocommerce a.mb-price-atc .amount,
body .woocommerce a.mb-price-atc .woocommerce-Price-amount,
body .woocommerce a.mb-price-atc .woocommerce-Price-currencySymbol,
body .wd-product a.mb-price-atc .mb-atc-price,
body .product-grid-item a.mb-price-atc .mb-atc-price,
body li.product a.mb-price-atc .mb-atc-price,
body .wd-product a.mb-price-atc .amount,
body .product-grid-item a.mb-price-atc .amount,
body li.product a.mb-price-atc .amount,
body .wd-product a.mb-price-atc .woocommerce-Price-amount,
body .product-grid-item a.mb-price-atc .woocommerce-Price-amount,
body li.product a.mb-price-atc .woocommerce-Price-amount,
body .wd-product a.mb-price-atc .woocommerce-Price-currencySymbol,
body .product-grid-item a.mb-price-atc .woocommerce-Price-currencySymbol,
body li.product a.mb-price-atc .woocommerce-Price-currencySymbol {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: var(--mb-button-height) !important;
    min-height: var(--mb-button-height) !important;
    max-height: var(--mb-button-height) !important;
    line-height: var(--mb-button-height) !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    color: #E5D2CA !important;
    transform: translateY(-2px) !important;
}

body .mb-atc-price *,
body .woocommerce a.mb-price-atc .amount *,
body .woocommerce a.mb-price-atc .woocommerce-Price-amount *,
body .woocommerce a.mb-price-atc .woocommerce-Price-currencySymbol * {
    line-height: var(--mb-button-height) !important;
    color: #E5D2CA !important;
}

@media (max-width: 767px) {
    body .mb-atc-price,
    body .woocommerce a.mb-price-atc .amount,
    body .woocommerce a.mb-price-atc .woocommerce-Price-amount,
    body .woocommerce a.mb-price-atc .woocommerce-Price-currencySymbol,
    body .wd-product a.mb-price-atc .mb-atc-price,
    body .product-grid-item a.mb-price-atc .mb-atc-price,
    body li.product a.mb-price-atc .mb-atc-price,
    body .wd-product a.mb-price-atc .amount,
    body .product-grid-item a.mb-price-atc .amount,
    body li.product a.mb-price-atc .amount,
    body .wd-product a.mb-price-atc .woocommerce-Price-amount,
    body .product-grid-item a.mb-price-atc .woocommerce-Price-amount,
    body li.product a.mb-price-atc .woocommerce-Price-amount,
    body .wd-product a.mb-price-atc .woocommerce-Price-currencySymbol,
    body .product-grid-item a.mb-price-atc .woocommerce-Price-currencySymbol,
    body li.product a.mb-price-atc .woocommerce-Price-currencySymbol {
        transform: translateY(-2px) !important;
    }
}

/* =====================================================
   MBPC v28 final quantity hover fix
   Fixes plus/minus hover background being visually cut in half.
   The button keeps full height; only the + and - symbols move upward.
===================================================== */

body .mb-atc-control {
    overflow: hidden !important;
}

/* Keep the real +/- buttons full-height so hover/click background reaches the bottom */
body .mb-atc-control .mb-atc-minus,
body .mb-atc-control .mb-atc-plus,
body .woocommerce .mb-atc-control .mb-atc-minus,
body .woocommerce .mb-atc-control .mb-atc-plus,
body .wd-product .mb-atc-control .mb-atc-minus,
body .wd-product .mb-atc-control .mb-atc-plus,
body .product-grid-item .mb-atc-control .mb-atc-minus,
body .product-grid-item .mb-atc-control .mb-atc-plus,
body li.product .mb-atc-control .mb-atc-minus,
body li.product .mb-atc-control .mb-atc-plus {
    position: relative !important;

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

    width: 100% !important;
    height: var(--mb-button-height) !important;
    min-height: var(--mb-button-height) !important;
    max-height: var(--mb-button-height) !important;

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

    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    color: transparent !important;
    font-size: 0 !important;
    line-height: 1 !important;
    text-indent: 0 !important;

    transform: none !important;
    overflow: hidden !important;
    cursor: pointer !important;
    pointer-events: auto !important;
}

/* Full-height hover/click state */
body .mb-atc-control .mb-atc-minus:hover,
body .mb-atc-control .mb-atc-plus:hover,
body .mb-atc-control .mb-atc-minus:active,
body .mb-atc-control .mb-atc-plus:active,
body .mb-atc-control .mb-atc-minus:focus,
body .mb-atc-control .mb-atc-plus:focus,
body .woocommerce .mb-atc-control .mb-atc-minus:hover,
body .woocommerce .mb-atc-control .mb-atc-plus:hover,
body .woocommerce .mb-atc-control .mb-atc-minus:active,
body .woocommerce .mb-atc-control .mb-atc-plus:active,
body .woocommerce .mb-atc-control .mb-atc-minus:focus,
body .woocommerce .mb-atc-control .mb-atc-plus:focus {
    background: rgba(146, 74, 35, .16) !important;
    background-color: rgba(146, 74, 35, .16) !important;
}

/* Override older rule that disabled button pseudo-elements */
body .mb-atc-control .mb-atc-minus::before,
body .mb-atc-control .mb-atc-plus::before,
body .woocommerce .mb-atc-control .mb-atc-minus::before,
body .woocommerce .mb-atc-control .mb-atc-plus::before,
body .wd-product .mb-atc-control .mb-atc-minus::before,
body .wd-product .mb-atc-control .mb-atc-plus::before,
body .product-grid-item .mb-atc-control .mb-atc-minus::before,
body .product-grid-item .mb-atc-control .mb-atc-plus::before,
body li.product .mb-atc-control .mb-atc-minus::before,
body li.product .mb-atc-control .mb-atc-plus::before {
    position: relative !important;
    top: -4px !important;

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

    width: 100% !important;
    height: var(--mb-button-height) !important;

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

    color: #924a23 !important;
    font-family: inherit !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-align: center !important;
    text-indent: 0 !important;

    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: none !important;
}

body .mb-atc-control .mb-atc-minus::before,
body .woocommerce .mb-atc-control .mb-atc-minus::before,
body .wd-product .mb-atc-control .mb-atc-minus::before,
body .product-grid-item .mb-atc-control .mb-atc-minus::before,
body li.product .mb-atc-control .mb-atc-minus::before {
    content: "−" !important;
}

body .mb-atc-control .mb-atc-plus::before,
body .woocommerce .mb-atc-control .mb-atc-plus::before,
body .wd-product .mb-atc-control .mb-atc-plus::before,
body .product-grid-item .mb-atc-control .mb-atc-plus::before,
body li.product .mb-atc-control .mb-atc-plus::before {
    content: "+" !important;
}

body .mb-atc-control .mb-atc-minus::after,
body .mb-atc-control .mb-atc-plus::after,
body .woocommerce .mb-atc-control .mb-atc-minus::after,
body .woocommerce .mb-atc-control .mb-atc-plus::after,
body .wd-product .mb-atc-control .mb-atc-minus::after,
body .wd-product .mb-atc-control .mb-atc-plus::after,
body .product-grid-item .mb-atc-control .mb-atc-minus::after,
body .product-grid-item .mb-atc-control .mb-atc-plus::after,
body li.product .mb-atc-control .mb-atc-minus::after,
body li.product .mb-atc-control .mb-atc-plus::after {
    content: none !important;
    display: none !important;
}

@media (max-width: 767px) {
    body .mb-atc-control .mb-atc-minus,
    body .mb-atc-control .mb-atc-plus,
    body .woocommerce .mb-atc-control .mb-atc-minus,
    body .woocommerce .mb-atc-control .mb-atc-plus,
    body .wd-product .mb-atc-control .mb-atc-minus,
    body .wd-product .mb-atc-control .mb-atc-plus,
    body .product-grid-item .mb-atc-control .mb-atc-minus,
    body .product-grid-item .mb-atc-control .mb-atc-plus,
    body li.product .mb-atc-control .mb-atc-minus,
    body li.product .mb-atc-control .mb-atc-plus {
        transform: none !important;
    }

    body .mb-atc-control .mb-atc-minus::before,
    body .mb-atc-control .mb-atc-plus::before,
    body .woocommerce .mb-atc-control .mb-atc-minus::before,
    body .woocommerce .mb-atc-control .mb-atc-plus::before,
    body .wd-product .mb-atc-control .mb-atc-minus::before,
    body .wd-product .mb-atc-control .mb-atc-plus::before,
    body .product-grid-item .mb-atc-control .mb-atc-minus::before,
    body .product-grid-item .mb-atc-control .mb-atc-plus::before,
    body li.product .mb-atc-control .mb-atc-minus::before,
    body li.product .mb-atc-control .mb-atc-plus::before {
        top: -4px !important;
        font-size: 18px !important;
    }
}

/* =====================================================
   MBPC v29 traditional buy-button shape
   - Changes buy button and quantity control from pill to traditional stepped corners
   - Keeps box color #924a23, button color #bda380, price color #E5D2CA
   - Keeps hover/click area full-height
===================================================== */

:root {
    --mb-traditional-button-bg: #bda380;
    --mb-traditional-button-text: #E5D2CA;
    --mb-traditional-button-ink: #924a23;
    --mb-traditional-corner-cut: 7px;
}

/* Main buy button + quantity control shape */
body .wd-product .wd-add-btn a,
body .product-grid-item .wd-add-btn a,
body li.product .wd-add-btn a,
body .wd-product a.mb-price-atc,
body .product-grid-item a.mb-price-atc,
body li.product a.mb-price-atc,
body .woocommerce a.button.mb-price-atc,
body .woocommerce a.mb-price-atc,
body .mb-atc-control {
    width: auto !important;
    min-width: 136px !important;
    height: var(--mb-button-height) !important;
    min-height: var(--mb-button-height) !important;
    max-height: var(--mb-button-height) !important;

    border: 1px solid rgba(229, 210, 202, .42) !important;
    border-radius: 0 !important;

    background: var(--mb-traditional-button-bg) !important;
    background-color: var(--mb-traditional-button-bg) !important;
    background-image: none !important;

    -webkit-clip-path: polygon(
        0 var(--mb-traditional-corner-cut),
        var(--mb-traditional-corner-cut) var(--mb-traditional-corner-cut),
        var(--mb-traditional-corner-cut) 0,
        calc(100% - var(--mb-traditional-corner-cut)) 0,
        calc(100% - var(--mb-traditional-corner-cut)) var(--mb-traditional-corner-cut),
        100% var(--mb-traditional-corner-cut),
        100% calc(100% - var(--mb-traditional-corner-cut)),
        calc(100% - var(--mb-traditional-corner-cut)) calc(100% - var(--mb-traditional-corner-cut)),
        calc(100% - var(--mb-traditional-corner-cut)) 100%,
        var(--mb-traditional-corner-cut) 100%,
        var(--mb-traditional-corner-cut) calc(100% - var(--mb-traditional-corner-cut)),
        0 calc(100% - var(--mb-traditional-corner-cut))
    ) !important;
    clip-path: polygon(
        0 var(--mb-traditional-corner-cut),
        var(--mb-traditional-corner-cut) var(--mb-traditional-corner-cut),
        var(--mb-traditional-corner-cut) 0,
        calc(100% - var(--mb-traditional-corner-cut)) 0,
        calc(100% - var(--mb-traditional-corner-cut)) var(--mb-traditional-corner-cut),
        100% var(--mb-traditional-corner-cut),
        100% calc(100% - var(--mb-traditional-corner-cut)),
        calc(100% - var(--mb-traditional-corner-cut)) calc(100% - var(--mb-traditional-corner-cut)),
        calc(100% - var(--mb-traditional-corner-cut)) 100%,
        var(--mb-traditional-corner-cut) 100%,
        var(--mb-traditional-corner-cut) calc(100% - var(--mb-traditional-corner-cut)),
        0 calc(100% - var(--mb-traditional-corner-cut))
    ) !important;

    box-shadow:
        inset 0 0 0 1px rgba(146, 74, 35, .22),
        0 2px 0 rgba(146, 74, 35, .14) !important;

    overflow: hidden !important;
    position: relative !important;
    isolation: isolate !important;
}

/* Keep quantity control width consistent */
body .mb-atc-control {
    width: 136px !important;
    grid-template-columns: 36px minmax(44px, 1fr) 36px !important;
}

/* Thin traditional inner frame */
body .wd-product .wd-add-btn a::before,
body .product-grid-item .wd-add-btn a::before,
body li.product .wd-add-btn a::before,
body .wd-product a.mb-price-atc::before,
body .product-grid-item a.mb-price-atc::before,
body li.product a.mb-price-atc::before,
body .woocommerce a.button.mb-price-atc::before,
body .woocommerce a.mb-price-atc::before,
body .mb-atc-control::before {
    content: "" !important;

    position: absolute !important;
    inset: 3px 5px !important;

    display: block !important;

    border: 1px solid rgba(146, 74, 35, .30) !important;
    border-radius: 0 !important;

    -webkit-clip-path: polygon(
        0 5px,
        5px 5px,
        5px 0,
        calc(100% - 5px) 0,
        calc(100% - 5px) 5px,
        100% 5px,
        100% calc(100% - 5px),
        calc(100% - 5px) calc(100% - 5px),
        calc(100% - 5px) 100%,
        5px 100%,
        5px calc(100% - 5px),
        0 calc(100% - 5px)
    ) !important;
    clip-path: polygon(
        0 5px,
        5px 5px,
        5px 0,
        calc(100% - 5px) 0,
        calc(100% - 5px) 5px,
        100% 5px,
        100% calc(100% - 5px),
        calc(100% - 5px) calc(100% - 5px),
        calc(100% - 5px) 100%,
        5px 100%,
        5px calc(100% - 5px),
        0 calc(100% - 5px)
    ) !important;

    pointer-events: none !important;
    opacity: .75 !important;
    z-index: 1 !important;
}

/* Keep text/icons above the inner frame */
body .wd-product .wd-add-btn a > *,
body .product-grid-item .wd-add-btn a > *,
body li.product .wd-add-btn a > *,
body .wd-product a.mb-price-atc > *,
body .product-grid-item a.mb-price-atc > *,
body li.product a.mb-price-atc > *,
body .woocommerce a.button.mb-price-atc > *,
body .woocommerce a.mb-price-atc > *,
body .mb-atc-control > * {
    position: relative !important;
    z-index: 2 !important;
}

/* Hover state with the new traditional shape */
body .wd-product .wd-add-btn a:hover,
body .product-grid-item .wd-add-btn a:hover,
body li.product .wd-add-btn a:hover,
body .wd-product a.mb-price-atc:hover,
body .product-grid-item a.mb-price-atc:hover,
body li.product a.mb-price-atc:hover,
body .woocommerce a.button.mb-price-atc:hover,
body .woocommerce a.mb-price-atc:hover {
    background: #c8ad8d !important;
    background-color: #c8ad8d !important;
    background-image: none !important;
}

/* Full-height hover/click inside quantity control, clipped by the traditional outer shape */
body .mb-atc-control .mb-atc-minus:hover,
body .mb-atc-control .mb-atc-plus:hover,
body .mb-atc-control .mb-atc-minus:active,
body .mb-atc-control .mb-atc-plus:active,
body .mb-atc-control .mb-atc-minus:focus,
body .mb-atc-control .mb-atc-plus:focus,
body .woocommerce .mb-atc-control .mb-atc-minus:hover,
body .woocommerce .mb-atc-control .mb-atc-plus:hover,
body .woocommerce .mb-atc-control .mb-atc-minus:active,
body .woocommerce .mb-atc-control .mb-atc-plus:active,
body .woocommerce .mb-atc-control .mb-atc-minus:focus,
body .woocommerce .mb-atc-control .mb-atc-plus:focus {
    height: var(--mb-button-height) !important;
    min-height: var(--mb-button-height) !important;
    max-height: var(--mb-button-height) !important;
    background: rgba(146, 74, 35, .18) !important;
    background-color: rgba(146, 74, 35, .18) !important;
}

/* Mobile size */
@media (max-width: 767px) {
    body .wd-product .wd-add-btn a,
    body .product-grid-item .wd-add-btn a,
    body li.product .wd-add-btn a,
    body .wd-product a.mb-price-atc,
    body .product-grid-item a.mb-price-atc,
    body li.product a.mb-price-atc,
    body .woocommerce a.button.mb-price-atc,
    body .woocommerce a.mb-price-atc,
    body .mb-atc-control {
        min-width: 124px !important;
    }

    body .mb-atc-control {
        width: 124px !important;
        min-width: 124px !important;
        grid-template-columns: 33px minmax(38px, 1fr) 33px !important;
    }
}

/* =====================================================
   MBPC v30 FINAL - Button shape option #5
   - Applies selected traditional stepped/notched shape #5
   - Box color: #924a23
   - Button color: #bda380
   - Price text: #E5D2CA
   - Keeps quantity +/- hover full-height
===================================================== */

:root {
    --mb-card-top: #924a23;
    --mb-card-mid: #924a23;
    --mb-card-bottom: #924a23;

    --mb-gold: #bda380;
    --mb-gold-hover: #c8ad8d;
    --mb-dark: #924a23;

    --mb-design5-bg: #bda380;
    --mb-design5-hover: #c8ad8d;
    --mb-design5-ink: #924a23;
    --mb-design5-price: #E5D2CA;
    --mb-design5-border: rgba(229, 210, 202, .52);
    --mb-design5-inner-border: rgba(146, 74, 35, .28);
}

/* Keep product box solid brown */
body .wd-product,
body .product-grid-item,
body li.product {
    background: #924a23 !important;
    border-color: #bda380 !important;
}

body .wd-product .product-information,
body .product-grid-item .product-information,
body li.product .product-information {
    background: #924a23 !important;
    background-color: #924a23 !important;
    background-image: none !important;
}

/* Option #5 outer shape: traditional stepped sides with small center points */
body .wd-product .wd-add-btn a,
body .product-grid-item .wd-add-btn a,
body li.product .wd-add-btn a,
body .wd-product a.mb-price-atc,
body .product-grid-item a.mb-price-atc,
body li.product a.mb-price-atc,
body .woocommerce a.button.mb-price-atc,
body .woocommerce a.mb-price-atc,
body .mb-atc-control {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    min-width: 136px !important;
    max-width: 100% !important;

    height: var(--mb-button-height) !important;
    min-height: var(--mb-button-height) !important;
    max-height: var(--mb-button-height) !important;

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

    border: 1px solid var(--mb-design5-border) !important;
    border-radius: 0 !important;

    background: var(--mb-design5-bg) !important;
    background-color: var(--mb-design5-bg) !important;
    background-image: none !important;

    color: var(--mb-design5-price) !important;

    box-shadow:
        inset 0 0 0 1px rgba(146, 74, 35, .16),
        0 2px 0 rgba(68, 31, 15, .16) !important;

    -webkit-clip-path: polygon(
        0 50%,
        8px 42%,
        8px 8px,
        16px 8px,
        16px 0,
        calc(100% - 16px) 0,
        calc(100% - 16px) 8px,
        calc(100% - 8px) 8px,
        calc(100% - 8px) 42%,
        100% 50%,
        calc(100% - 8px) 58%,
        calc(100% - 8px) calc(100% - 8px),
        calc(100% - 16px) calc(100% - 8px),
        calc(100% - 16px) 100%,
        16px 100%,
        16px calc(100% - 8px),
        8px calc(100% - 8px),
        8px 58%
    ) !important;
    clip-path: polygon(
        0 50%,
        8px 42%,
        8px 8px,
        16px 8px,
        16px 0,
        calc(100% - 16px) 0,
        calc(100% - 16px) 8px,
        calc(100% - 8px) 8px,
        calc(100% - 8px) 42%,
        100% 50%,
        calc(100% - 8px) 58%,
        calc(100% - 8px) calc(100% - 8px),
        calc(100% - 16px) calc(100% - 8px),
        calc(100% - 16px) 100%,
        16px 100%,
        16px calc(100% - 8px),
        8px calc(100% - 8px),
        8px 58%
    ) !important;

    overflow: hidden !important;
    position: relative !important;
    isolation: isolate !important;
}

/* Quantity control keeps the same #5 shape and full hover area */
body .mb-atc-control {
    display: grid !important;
    grid-template-columns: 36px minmax(44px, 1fr) 36px !important;
    width: 136px !important;
    min-width: 136px !important;
    padding: 0 !important;
    color: var(--mb-design5-ink) !important;
}

/* Inner traditional frame for option #5 */
body .wd-product .wd-add-btn a::before,
body .product-grid-item .wd-add-btn a::before,
body li.product .wd-add-btn a::before,
body .wd-product a.mb-price-atc::before,
body .product-grid-item a.mb-price-atc::before,
body li.product a.mb-price-atc::before,
body .woocommerce a.button.mb-price-atc::before,
body .woocommerce a.mb-price-atc::before,
body .mb-atc-control::before {
    content: "" !important;

    position: absolute !important;
    inset: 4px 8px !important;

    display: block !important;

    border: 1px solid var(--mb-design5-inner-border) !important;
    border-radius: 0 !important;

    -webkit-clip-path: polygon(
        0 50%,
        5px 40%,
        5px 5px,
        10px 5px,
        10px 0,
        calc(100% - 10px) 0,
        calc(100% - 10px) 5px,
        calc(100% - 5px) 5px,
        calc(100% - 5px) 40%,
        100% 50%,
        calc(100% - 5px) 60%,
        calc(100% - 5px) calc(100% - 5px),
        calc(100% - 10px) calc(100% - 5px),
        calc(100% - 10px) 100%,
        10px 100%,
        10px calc(100% - 5px),
        5px calc(100% - 5px),
        5px 60%
    ) !important;
    clip-path: polygon(
        0 50%,
        5px 40%,
        5px 5px,
        10px 5px,
        10px 0,
        calc(100% - 10px) 0,
        calc(100% - 10px) 5px,
        calc(100% - 5px) 5px,
        calc(100% - 5px) 40%,
        100% 50%,
        calc(100% - 5px) 60%,
        calc(100% - 5px) calc(100% - 5px),
        calc(100% - 10px) calc(100% - 5px),
        calc(100% - 10px) 100%,
        10px 100%,
        10px calc(100% - 5px),
        5px calc(100% - 5px),
        5px 60%
    ) !important;

    opacity: .82 !important;
    pointer-events: none !important;
    z-index: 1 !important;
}

/* Keep button text/price above the frame */
body .wd-product .wd-add-btn a > *,
body .product-grid-item .wd-add-btn a > *,
body li.product .wd-add-btn a > *,
body .wd-product a.mb-price-atc > *,
body .product-grid-item a.mb-price-atc > *,
body li.product a.mb-price-atc > *,
body .woocommerce a.button.mb-price-atc > *,
body .woocommerce a.mb-price-atc > *,
body .mb-atc-control > * {
    position: relative !important;
    z-index: 2 !important;
}

/* Buy button text / price color */
body .wd-product .wd-add-btn a,
body .product-grid-item .wd-add-btn a,
body li.product .wd-add-btn a,
body .wd-product a.mb-price-atc,
body .product-grid-item a.mb-price-atc,
body li.product a.mb-price-atc,
body .woocommerce a.button.mb-price-atc,
body .woocommerce a.mb-price-atc,
body .wd-product .wd-add-btn a *,
body .product-grid-item .wd-add-btn a *,
body li.product .wd-add-btn a *,
body .wd-product a.mb-price-atc *,
body .product-grid-item a.mb-price-atc *,
body li.product a.mb-price-atc *,
body .woocommerce a.button.mb-price-atc *,
body .woocommerce a.mb-price-atc *,
body .mb-atc-price,
body .woocommerce a.mb-price-atc .amount,
body .woocommerce a.mb-price-atc .woocommerce-Price-amount,
body .woocommerce a.mb-price-atc .woocommerce-Price-currencySymbol {
    color: var(--mb-design5-price) !important;
}

/* Keep the price visually centered */
body .mb-atc-price,
body .woocommerce a.mb-price-atc .amount,
body .woocommerce a.mb-price-atc .woocommerce-Price-amount,
body .woocommerce a.mb-price-atc .woocommerce-Price-currencySymbol,
body .wd-product a.mb-price-atc .mb-atc-price,
body .product-grid-item a.mb-price-atc .mb-atc-price,
body li.product a.mb-price-atc .mb-atc-price,
body .wd-product a.mb-price-atc .amount,
body .product-grid-item a.mb-price-atc .amount,
body li.product a.mb-price-atc .amount,
body .wd-product a.mb-price-atc .woocommerce-Price-amount,
body .product-grid-item a.mb-price-atc .woocommerce-Price-amount,
body li.product a.mb-price-atc .woocommerce-Price-amount,
body .wd-product a.mb-price-atc .woocommerce-Price-currencySymbol,
body .product-grid-item a.mb-price-atc .woocommerce-Price-currencySymbol,
body li.product a.mb-price-atc .woocommerce-Price-currencySymbol {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: var(--mb-button-height) !important;
    min-height: var(--mb-button-height) !important;
    max-height: var(--mb-button-height) !important;
    line-height: var(--mb-button-height) !important;
    color: var(--mb-design5-price) !important;
    transform: translateY(-2px) !important;
}

/* Hover state for buy button */
body .wd-product .wd-add-btn a:hover,
body .product-grid-item .wd-add-btn a:hover,
body li.product .wd-add-btn a:hover,
body .wd-product a.mb-price-atc:hover,
body .product-grid-item a.mb-price-atc:hover,
body li.product a.mb-price-atc:hover,
body .woocommerce a.button.mb-price-atc:hover,
body .woocommerce a.mb-price-atc:hover {
    background: var(--mb-design5-hover) !important;
    background-color: var(--mb-design5-hover) !important;
    background-image: none !important;
    color: var(--mb-design5-price) !important;
}

/* Quantity symbols: dark brown, no bubble behind number for style #5 */
body .mb-atc-control,
body .mb-atc-control *,
body .mb-atc-control button,
body .woocommerce .mb-atc-control button,
body .wd-product .mb-atc-control button,
body .product-grid-item .mb-atc-control button,
body li.product .mb-atc-control button,
body .mb-atc-label,
body .mb-atc-check,
body .mb-atc-count {
    color: var(--mb-design5-ink) !important;
}

body .mb-atc-count {
    background: transparent !important;
    background-color: transparent !important;
    min-width: 18px !important;
    padding: 0 !important;
    transform: translateY(-2px) !important;
}

body .mb-atc-check {
    transform: translateY(-2px) !important;
}

/* Full-height hover/click for +/- inside the clipped option #5 shape */
body .mb-atc-control .mb-atc-minus,
body .mb-atc-control .mb-atc-plus,
body .woocommerce .mb-atc-control .mb-atc-minus,
body .woocommerce .mb-atc-control .mb-atc-plus,
body .wd-product .mb-atc-control .mb-atc-minus,
body .wd-product .mb-atc-control .mb-atc-plus,
body .product-grid-item .mb-atc-control .mb-atc-minus,
body .product-grid-item .mb-atc-control .mb-atc-plus,
body li.product .mb-atc-control .mb-atc-minus,
body li.product .mb-atc-control .mb-atc-plus {
    align-self: stretch !important;
    height: var(--mb-button-height) !important;
    min-height: var(--mb-button-height) !important;
    max-height: var(--mb-button-height) !important;
    transform: none !important;
    background: transparent !important;
    background-color: transparent !important;
    color: transparent !important;
    overflow: hidden !important;
}

body .mb-atc-control .mb-atc-minus:hover,
body .mb-atc-control .mb-atc-plus:hover,
body .mb-atc-control .mb-atc-minus:active,
body .mb-atc-control .mb-atc-plus:active,
body .mb-atc-control .mb-atc-minus:focus,
body .mb-atc-control .mb-atc-plus:focus,
body .woocommerce .mb-atc-control .mb-atc-minus:hover,
body .woocommerce .mb-atc-control .mb-atc-plus:hover,
body .woocommerce .mb-atc-control .mb-atc-minus:active,
body .woocommerce .mb-atc-control .mb-atc-plus:active,
body .woocommerce .mb-atc-control .mb-atc-minus:focus,
body .woocommerce .mb-atc-control .mb-atc-plus:focus {
    height: var(--mb-button-height) !important;
    min-height: var(--mb-button-height) !important;
    max-height: var(--mb-button-height) !important;
    background: rgba(146, 74, 35, .18) !important;
    background-color: rgba(146, 74, 35, .18) !important;
}

body .mb-atc-control .mb-atc-minus::before,
body .mb-atc-control .mb-atc-plus::before,
body .woocommerce .mb-atc-control .mb-atc-minus::before,
body .woocommerce .mb-atc-control .mb-atc-plus::before,
body .wd-product .mb-atc-control .mb-atc-minus::before,
body .wd-product .mb-atc-control .mb-atc-plus::before,
body .product-grid-item .mb-atc-control .mb-atc-minus::before,
body .product-grid-item .mb-atc-control .mb-atc-plus::before,
body li.product .mb-atc-control .mb-atc-minus::before,
body li.product .mb-atc-control .mb-atc-plus::before {
    top: -4px !important;
    color: var(--mb-design5-ink) !important;
    z-index: 3 !important;
}

/* Mobile */
@media (max-width: 767px) {
    body .wd-product .wd-add-btn a,
    body .product-grid-item .wd-add-btn a,
    body li.product .wd-add-btn a,
    body .wd-product a.mb-price-atc,
    body .product-grid-item a.mb-price-atc,
    body li.product a.mb-price-atc,
    body .woocommerce a.button.mb-price-atc,
    body .woocommerce a.mb-price-atc,
    body .mb-atc-control {
        min-width: 124px !important;
    }

    body .mb-atc-control {
        width: 124px !important;
        min-width: 124px !important;
        grid-template-columns: 33px minmax(38px, 1fr) 33px !important;
    }

    body .mb-atc-price,
    body .woocommerce a.mb-price-atc .amount,
    body .woocommerce a.mb-price-atc .woocommerce-Price-amount,
    body .woocommerce a.mb-price-atc .woocommerce-Price-currencySymbol,
    body .wd-product a.mb-price-atc .mb-atc-price,
    body .product-grid-item a.mb-price-atc .mb-atc-price,
    body li.product a.mb-price-atc .mb-atc-price,
    body .wd-product a.mb-price-atc .amount,
    body .product-grid-item a.mb-price-atc .amount,
    body li.product a.mb-price-atc .amount,
    body .wd-product a.mb-price-atc .woocommerce-Price-amount,
    body .product-grid-item a.mb-price-atc .woocommerce-Price-amount,
    body li.product a.mb-price-atc .woocommerce-Price-amount,
    body .wd-product a.mb-price-atc .woocommerce-Price-currencySymbol,
    body .product-grid-item a.mb-price-atc .woocommerce-Price-currencySymbol,
    body li.product a.mb-price-atc .woocommerce-Price-currencySymbol {
        transform: translateY(-2px) !important;
    }
}


/* =====================================================
   MBPC v31 FINAL FIX
   Prevent double button when quantity becomes 0
   - Quantity control is hidden by default
   - It only shows when the custom buy/price button is hidden
   - When quantity returns to 0 and buy button comes back, control is forced off
===================================================== */

body .wd-product .wd-add-btn .mb-atc-control,
body .product-grid-item .wd-add-btn .mb-atc-control,
body li.product .wd-add-btn .mb-atc-control,
body .woocommerce .wd-add-btn .mb-atc-control,
body .mb-atc-control {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* Show quantity control only while the real buy/price button is hidden */
body .wd-product .wd-add-btn a.mb-price-atc.mb-atc-hidden ~ .mb-atc-control,
body .product-grid-item .wd-add-btn a.mb-price-atc.mb-atc-hidden ~ .mb-atc-control,
body li.product .wd-add-btn a.mb-price-atc.mb-atc-hidden ~ .mb-atc-control,
body .woocommerce .wd-add-btn a.mb-price-atc.mb-atc-hidden ~ .mb-atc-control,
body .wd-product .wd-add-btn a.button.mb-atc-hidden ~ .mb-atc-control,
body .product-grid-item .wd-add-btn a.button.mb-atc-hidden ~ .mb-atc-control,
body li.product .wd-add-btn a.button.mb-atc-hidden ~ .mb-atc-control,
body .wd-product .wd-add-btn:has(a.mb-price-atc.mb-atc-hidden) .mb-atc-control,
body .product-grid-item .wd-add-btn:has(a.mb-price-atc.mb-atc-hidden) .mb-atc-control,
body li.product .wd-add-btn:has(a.mb-price-atc.mb-atc-hidden) .mb-atc-control,
body .woocommerce .wd-add-btn:has(a.mb-price-atc.mb-atc-hidden) .mb-atc-control,
body .wd-product .wd-add-btn:has(a.button.mb-atc-hidden) .mb-atc-control,
body .product-grid-item .wd-add-btn:has(a.button.mb-atc-hidden) .mb-atc-control,
body li.product .wd-add-btn:has(a.button.mb-atc-hidden) .mb-atc-control {
    display: grid !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

/* If the buy button is visible again, quantity control must not stay visible */
body .wd-product .wd-add-btn:has(a.mb-price-atc:not(.mb-atc-hidden)) .mb-atc-control,
body .product-grid-item .wd-add-btn:has(a.mb-price-atc:not(.mb-atc-hidden)) .mb-atc-control,
body li.product .wd-add-btn:has(a.mb-price-atc:not(.mb-atc-hidden)) .mb-atc-control,
body .woocommerce .wd-add-btn:has(a.mb-price-atc:not(.mb-atc-hidden)) .mb-atc-control,
body .wd-product .wd-add-btn:has(a.button:not(.mb-atc-hidden)) .mb-atc-control,
body .product-grid-item .wd-add-btn:has(a.button:not(.mb-atc-hidden)) .mb-atc-control,
body li.product .wd-add-btn:has(a.button:not(.mb-atc-hidden)) .mb-atc-control {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* Safety: any hidden/empty state on the control itself also removes it completely */
body .mb-atc-control.mb-atc-hidden,
body .mb-atc-control.mb-atc-empty,
body .mb-atc-control.mb-atc-zero,
body .mb-atc-control.is-empty,
body .mb-atc-control.is-zero,
body .mb-atc-control[data-qty="0"],
body .mb-atc-control[data-count="0"],
body .mb-atc-control[aria-hidden="true"] {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}