:root {
	--wd-hb-opt-h: 40px;
	--wd-text-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(118,118,118);
	--wd-text-font-size: 15px;
	--wd-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Poppins", 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: "Lato", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Poppins", 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: "Lato", 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: #83b735;
	--wd-alternative-color: #fbbc34;
	--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: url(https://kodecit.uk/wp-content/uploads/2021/08/promo-popup.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
	--wd-popup-padding: 15px;
}
: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: rgb(14,14,14);
	background-image: none;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	:root {
		--wd-hb-opt-h: 40px;
	}

}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-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);
}

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


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

/* ==================================================
   HOMEeys SHOP PAGE
   WoodMart + WooCommerce
   ================================================== */

body.woocommerce-shop,
body.tax-product_cat,
body.tax-product_tag {
    --homeeys-green: #5b6b4f;
    --homeeys-dark-green: #46543c;
    --homeeys-light-green: #eef1ea;
    --homeeys-cream: #faf9f6;
    --homeeys-wood: #8a5a3b;
    --homeeys-dark-wood: #6f452d;
    --homeeys-text: #222222;
    --homeeys-muted: #6b6b6b;
    --homeeys-border: #e7e3dc;

    background:
        linear-gradient(
            180deg,
            #f3f6ef 0,
            #ffffff 380px
        );

    color: var(--homeeys-text);
}


/* ==================================================
   MAIN SHOP LAYOUT
   ================================================== */

body.woocommerce-shop .main-page-wrapper,
body.tax-product_cat .main-page-wrapper,
body.tax-product_tag .main-page-wrapper {
    padding-top: 35px;
    padding-bottom: 80px;
}

body.woocommerce-shop .main-page-wrapper > .container,
body.tax-product_cat .main-page-wrapper > .container,
body.tax-product_tag .main-page-wrapper > .container {
    width: calc(100% - 48px);
    max-width: 1320px;
}


/* ==================================================
   SHOP TOOLBAR
   ================================================== */

body.woocommerce-shop .shop-loop-head,
body.tax-product_cat .shop-loop-head,
body.tax-product_tag .shop-loop-head {
    min-height: 64px;
    margin-bottom: 25px;
    padding: 12px 18px;

    border: 1px solid var(--homeeys-border);
    border-radius: 12px;

    background: rgba(255, 255, 255, 0.96);

    box-shadow:
        0 8px 25px rgba(40, 50, 33, 0.06);
}

body.woocommerce-shop .woocommerce-ordering select,
body.tax-product_cat .woocommerce-ordering select,
body.tax-product_tag .woocommerce-ordering select {
    min-height: 42px;
    padding: 0 36px 0 13px;

    border: 1px solid var(--homeeys-border);
    border-radius: 8px;

    background-color: var(--homeeys-cream);
    color: var(--homeeys-text);

    font-size: 13px;
}

body.woocommerce-shop .wd-products-per-page a:hover,
body.woocommerce-shop .wd-products-per-page a.current-variation,
body.tax-product_cat .wd-products-per-page a:hover,
body.tax-product_cat .wd-products-per-page a.current-variation {
    color: var(--homeeys-wood);
}


/* ==================================================
   FILTER SIDEBAR
   ================================================== */

body.woocommerce-shop .sidebar-container,
body.tax-product_cat .sidebar-container,
body.tax-product_tag .sidebar-container {
    padding: 23px;

    border: 1px solid var(--homeeys-border);
    border-radius: 12px;

    background: #ffffff;

    box-shadow:
        0 12px 34px rgba(40, 50, 33, 0.07);
}

body.woocommerce-shop .sidebar-container .widget,
body.tax-product_cat .sidebar-container .widget,
body.tax-product_tag .sidebar-container .widget {
    margin-bottom: 27px;
    padding-bottom: 25px;

    border-bottom:
        1px solid var(--homeeys-border);
}

body.woocommerce-shop .sidebar-container .widget:last-child,
body.tax-product_cat .sidebar-container .widget:last-child,
body.tax-product_tag .sidebar-container .widget:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

body.woocommerce-shop .sidebar-container .widget-title,
body.tax-product_cat .sidebar-container .widget-title,
body.tax-product_tag .sidebar-container .widget-title {
    margin-bottom: 16px;

    color: var(--homeeys-dark-green);

    font-family:
        "Playfair Display",
        Georgia,
        serif;

    font-size: 18px;
    font-weight: 600;
    text-transform: none;
    letter-spacing: 0;
}

body.woocommerce-shop .sidebar-container a:hover,
body.tax-product_cat .sidebar-container a:hover,
body.tax-product_tag .sidebar-container a:hover {
    color: var(--homeeys-wood);
}

body.woocommerce-shop .price_slider_amount .button,
body.tax-product_cat .price_slider_amount .button {
    border-radius: 7px;

    background:
        var(--homeeys-dark-green);

    color: #ffffff;
}

body.woocommerce-shop .price_slider_amount .button:hover,
body.tax-product_cat .price_slider_amount .button:hover {
    background:
        var(--homeeys-wood);
}


/* ==================================================
   PRODUCT GRID
   ================================================== */

body.woocommerce-shop .wd-products,
body.tax-product_cat .wd-products,
body.tax-product_tag .wd-products {
    align-items: stretch;
    gap: 24px 18px;
}

body.woocommerce-shop .wd-product,
body.tax-product_cat .wd-product,
body.tax-product_tag .wd-product {
    min-width: 0;
    height: 100%;

    content-visibility: auto;
    contain-intrinsic-size: 430px 650px;
}


/* ==================================================
   PRODUCT CARD
   ================================================== */

body.woocommerce-shop .wd-product .product-wrapper,
body.tax-product_cat .wd-product .product-wrapper,
body.tax-product_tag .wd-product .product-wrapper {
    position: relative;

    display: flex;
    flex-direction: column;

    width: 100%;
    height: 100%;

    overflow: hidden;

    border:
        1px solid var(--homeeys-border);

    border-radius: 12px;

    background: #ffffff;

    box-shadow:
        0 7px 22px rgba(40, 50, 33, 0.06);

    transition:
        transform 0.25s ease,
        border-color 0.25s ease,
        box-shadow 0.25s ease;
}

body.woocommerce-shop .wd-product:hover .product-wrapper,
body.tax-product_cat .wd-product:hover .product-wrapper,
body.tax-product_tag .wd-product:hover .product-wrapper {
    transform: translateY(-6px);

    border-color:
        rgba(138, 90, 59, 0.35);

    box-shadow:
        0 20px 45px
        rgba(40, 50, 33, 0.15);
}


/* ==================================================
   REMOVE HOVER DESCRIPTION
   ================================================== */

body.woocommerce-shop .wd-product-card-hover,
body.woocommerce-shop .hover-content-wrap,
body.woocommerce-shop .wd-more-desc,

body.tax-product_cat .wd-product-card-hover,
body.tax-product_cat .hover-content-wrap,
body.tax-product_cat .wd-more-desc,

body.tax-product_tag .wd-product-card-hover,
body.tax-product_tag .hover-content-wrap,
body.tax-product_tag .wd-more-desc {
    display: none !important;

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

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

    opacity: 0 !important;
    visibility: hidden !important;
    overflow: hidden !important;
}


/* ==================================================
   SAME-SIZE PRODUCT IMAGES
   ================================================== */

body.woocommerce-shop .wd-product-thumb,
body.tax-product_cat .wd-product-thumb,
body.tax-product_tag .wd-product-thumb {
    position: relative;

    width: 100%;
    aspect-ratio: 430 / 491;

    overflow: hidden;
    margin: 0;

    border-radius: 11px 11px 0 0;

    background:
        var(--homeeys-cream);
}

body.woocommerce-shop .wd-product-thumb img,
body.tax-product_cat .wd-product-thumb img,
body.tax-product_tag .wd-product-thumb img {
    width: 100% !important;
    height: 100% !important;

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

    transform: scale(1);

    transition:
        transform 0.45s
        cubic-bezier(0.2, 0.7, 0.2, 1);
}

body.woocommerce-shop .wd-product:hover .wd-product-thumb img,
body.tax-product_cat .wd-product:hover .wd-product-thumb img,
body.tax-product_tag .wd-product:hover .wd-product-thumb img {
    transform: scale(1.045);
}


/* ==================================================
   QUICK ACTION BUTTONS
   ================================================== */

body.woocommerce-shop .wd-product .wd-buttons,
body.tax-product_cat .wd-product .wd-buttons,
body.tax-product_tag .wd-product .wd-buttons {
    top: 12px;
    right: 12px;

    overflow: hidden;

    border:
        1px solid rgba(53, 69, 45, 0.13);

    border-radius: 9px;

    background:
        rgba(255, 255, 255, 0.94);

    box-shadow:
        0 8px 24px
        rgba(40, 50, 33, 0.13);

    backdrop-filter: blur(8px);
}

body.woocommerce-shop .wd-product .wd-action-btn > a:hover,
body.tax-product_cat .wd-product .wd-action-btn > a:hover,
body.tax-product_tag .wd-product .wd-action-btn > a:hover {
    background:
        var(--homeeys-wood);

    color: #ffffff;
}


/* ==================================================
   PRODUCT INFORMATION
   ================================================== */

body.woocommerce-shop .product-element-bottom,
body.tax-product_cat .product-element-bottom,
body.tax-product_tag .product-element-bottom {
    position: relative;
    z-index: 2;

    display: flex;
    flex: 1;
    flex-direction: column;

    padding: 17px 17px 18px;

    background: #ffffff;
}

body.woocommerce-shop .wd-entities-title,
body.tax-product_cat .wd-entities-title,
body.tax-product_tag .wd-entities-title {
    min-height: 46px;
    margin-bottom: 7px;

    font-family:
        "Playfair Display",
        Georgia,
        serif;

    font-size: 18px;
    font-weight: 600;
    line-height: 1.28;
}

body.woocommerce-shop .wd-entities-title a,
body.tax-product_cat .wd-entities-title a,
body.tax-product_tag .wd-entities-title a {
    color: var(--homeeys-text);
}

body.woocommerce-shop .wd-entities-title a:hover,
body.tax-product_cat .wd-entities-title a:hover,
body.tax-product_tag .wd-entities-title a:hover {
    color: var(--homeeys-wood);
}


/* Product category */

body.woocommerce-shop .wd-product-cats,
body.tax-product_cat .wd-product-cats,
body.tax-product_tag .wd-product-cats {
    margin-bottom: 9px;

    color: var(--homeeys-muted);

    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

body.woocommerce-shop .wd-product-cats a:hover,
body.tax-product_cat .wd-product-cats a:hover,
body.tax-product_tag .wd-product-cats a:hover {
    color: var(--homeeys-green);
}


/* Rating */

body.woocommerce-shop .star-rating,
body.tax-product_cat .star-rating,
body.tax-product_tag .star-rating {
    color: var(--homeeys-wood);
}


/* Product price */

body.woocommerce-shop .wd-product .wrap-price,
body.tax-product_cat .wd-product .wrap-price,
body.tax-product_tag .wd-product .wrap-price {
    margin-top: auto;
}

body.woocommerce-shop .wd-product .price,
body.tax-product_cat .wd-product .price,
body.tax-product_tag .wd-product .price {
    color: var(--homeeys-dark-green);

    font-size: 16px;
    font-weight: 700;
}

body.woocommerce-shop .wd-product .price del,
body.tax-product_cat .wd-product .price del,
body.tax-product_tag .wd-product .price del {
    color: #999999;

    font-size: 12px;
}

body.woocommerce-shop .wd-product .price ins,
body.tax-product_cat .wd-product .price ins,
body.tax-product_tag .wd-product .price ins {
    color: var(--homeeys-wood);

    text-decoration: none;
}


/* ==================================================
   ADD TO CART BUTTON
   ================================================== */

body.woocommerce-shop .wd-product .wd-add-btn,
body.tax-product_cat .wd-product .wd-add-btn,
body.tax-product_tag .wd-product .wd-add-btn {
    width: 100%;
    margin-top: 14px;
}

body.woocommerce-shop .wd-product .wd-add-btn a,
body.tax-product_cat .wd-product .wd-add-btn a,
body.tax-product_tag .wd-product .wd-add-btn a {
    width: 100%;
    min-height: 43px;

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

    padding: 10px 14px;

    border: 0;
    border-radius: 8px;

    background:
        var(--homeeys-dark-green);

    color: #ffffff;

    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.02em;

    box-shadow:
        0 9px 20px
        rgba(53, 69, 45, 0.17);

    transition:
        transform 0.2s ease,
        background-color 0.2s ease,
        box-shadow 0.2s ease;
}

body.woocommerce-shop .wd-product .wd-add-btn a:hover,
body.tax-product_cat .wd-product .wd-add-btn a:hover,
body.tax-product_tag .wd-product .wd-add-btn a:hover {
    transform: translateY(-2px);

    background:
        var(--homeeys-wood);

    color: #ffffff;

    box-shadow:
        0 12px 25px
        rgba(111, 69, 45, 0.24);
}


/* ==================================================
   PRODUCT BADGES
   ================================================== */

body.woocommerce-shop .product-label,
body.tax-product_cat .product-label,
body.tax-product_tag .product-label {
    min-width: auto;
    min-height: auto;

    padding: 6px 10px;

    border-radius: 6px;

    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.04em;

    box-shadow:
        0 7px 18px
        rgba(40, 50, 33, 0.13);
}

body.woocommerce-shop .product-label.onsale,
body.tax-product_cat .product-label.onsale,
body.tax-product_tag .product-label.onsale {
    background:
        var(--homeeys-wood);
}

body.woocommerce-shop .product-label.new,
body.tax-product_cat .product-label.new,
body.tax-product_tag .product-label.new {
    background:
        var(--homeeys-dark-green);
}


/* ==================================================
   TABLET VIEW
   ================================================== */

@media (max-width: 1024px) {

    body.woocommerce-shop .main-page-wrapper > .container,
    body.tax-product_cat .main-page-wrapper > .container,
    body.tax-product_tag .main-page-wrapper > .container {
        width: calc(100% - 36px);
    }

    body.woocommerce-shop .wd-products,
    body.tax-product_cat .wd-products,
    body.tax-product_tag .wd-products {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;
    }
}


/* ==================================================
   HOME EYS — FINAL MOBILE SHOP FIX
   Two compact cards per row
   ================================================== */

@media (max-width: 600px) {

    /* Use almost the full phone width */
    body.woocommerce-shop .main-page-wrapper > .container,
    body.tax-product_cat .main-page-wrapper > .container,
    body.tax-product_tag .main-page-wrapper > .container {
        width: calc(100% - 16px) !important;
        max-width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* Two equal cards */
    body.woocommerce-shop .wd-products,
    body.tax-product_cat .wd-products,
    body.tax-product_tag .wd-products {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        width: 100% !important;
        margin: 0 !important;
        gap: 12px 8px !important;
        align-items: stretch !important;
    }

    body.woocommerce-shop .wd-product,
    body.tax-product_cat .wd-product,
    body.tax-product_tag .wd-product {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Card */
    body.woocommerce-shop .wd-product .product-wrapper,
    body.tax-product_cat .wd-product .product-wrapper,
    body.tax-product_tag .wd-product .product-wrapper {
        display: flex !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        flex-direction: column !important;

        border: 1px solid #e1e5dc !important;
        border-radius: 12px !important;
        background: #ffffff !important;
        box-shadow: 0 5px 15px rgba(40, 50, 33, 0.06) !important;
        overflow: hidden !important;
        transform: none !important;
    }

    /* Make image area shorter */
    body.woocommerce-shop .wd-product .product-element-top,
    body.woocommerce-shop .wd-product .wd-product-thumb,
    body.tax-product_cat .wd-product .product-element-top,
    body.tax-product_cat .wd-product .wd-product-thumb,
    body.tax-product_tag .wd-product .product-element-top,
    body.tax-product_tag .wd-product .wd-product-thumb {
        display: block !important;
        width: 100% !important;
        height: 180px !important;
        min-height: 180px !important;
        aspect-ratio: auto !important;

        margin: 0 !important;
        border-radius: 0 !important;
        background: #f8f7f4 !important;
        overflow: hidden !important;
    }

    body.woocommerce-shop .wd-product .wd-product-thumb a,
    body.tax-product_cat .wd-product .wd-product-thumb a,
    body.tax-product_tag .wd-product .wd-product-thumb a {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
    }

    /* Images will fit without cutting */
    body.woocommerce-shop .wd-product .wd-product-thumb img,
    body.tax-product_cat .wd-product .wd-product-thumb img,
    body.tax-product_tag .wd-product .wd-product-thumb img {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;

        object-fit: contain !important;
        object-position: center !important;
        transform: none !important;
    }

    /* Compact information area */
    body.woocommerce-shop .product-element-bottom,
    body.tax-product_cat .product-element-bottom,
    body.tax-product_tag .product-element-bottom {
        display: flex !important;
        width: 100% !important;
        min-width: 0 !important;
        min-height: 148px !important;
        height: auto !important;
        padding: 11px 9px 10px !important;

        background: #ffffff !important;
        flex: 1 1 auto !important;
        flex-direction: column !important;
    }

    /* Product name */
    body.woocommerce-shop .wd-entities-title,
    body.tax-product_cat .wd-entities-title,
    body.tax-product_tag .wd-entities-title {
        display: -webkit-box !important;
        min-height: 34px !important;
        margin: 0 0 4px !important;

        color: #222222 !important;
        font-size: 13px !important;
        font-weight: 650 !important;
        line-height: 1.3 !important;

        white-space: normal !important;
        overflow: hidden !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
    }

    body.woocommerce-shop .wd-entities-title a,
    body.tax-product_cat .wd-entities-title a,
    body.tax-product_tag .wd-entities-title a {
        color: #222222 !important;
        word-break: normal !important;
        overflow-wrap: break-word !important;
    }

    /* Category */
    body.woocommerce-shop .wd-product-cats,
    body.tax-product_cat .wd-product-cats,
    body.tax-product_tag .wd-product-cats {
        margin: 0 0 5px !important;

        color: #777777 !important;
        font-size: 8.5px !important;
        font-weight: 700 !important;
        line-height: 1.2 !important;
        letter-spacing: 0.06em !important;

        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    /* Rating */
    body.woocommerce-shop .wd-product .star-rating,
    body.tax-product_cat .wd-product .star-rating,
    body.tax-product_tag .wd-product .star-rating {
        margin: 0 0 4px !important;
        transform: scale(0.82) !important;
        transform-origin: left center !important;
    }

    /* Price stays near bottom */
    body.woocommerce-shop .wd-product .wrap-price,
    body.tax-product_cat .wd-product .wrap-price,
    body.tax-product_tag .wd-product .wrap-price {
        min-height: 20px !important;
        margin: auto 0 7px !important;
    }

    body.woocommerce-shop .wd-product .price,
    body.tax-product_cat .wd-product .price,
    body.tax-product_tag .wd-product .price {
        color: #35452d !important;
        font-size: 13px !important;
        font-weight: 800 !important;
        line-height: 1.25 !important;
    }

    body.woocommerce-shop .wd-product .price .amount,
    body.tax-product_cat .wd-product .price .amount,
    body.tax-product_tag .wd-product .price .amount {
        white-space: nowrap !important;
        word-break: keep-all !important;
    }

    /* Compact Add to Cart button */
    body.woocommerce-shop .wd-product .wd-add-btn,
    body.tax-product_cat .wd-product .wd-add-btn,
    body.tax-product_tag .wd-product .wd-add-btn {
        width: 100% !important;
        margin: 0 !important;
    }

    body.woocommerce-shop .wd-product .wd-add-btn a,
    body.tax-product_cat .wd-product .wd-add-btn a,
    body.tax-product_tag .wd-product .wd-add-btn a {
        display: flex !important;
        width: 100% !important;
        min-height: 37px !important;
        padding: 7px 3px !important;

        border: 0 !important;
        border-radius: 8px !important;
        color: #ffffff !important;
        background: #46543c !important;
        box-shadow: none !important;

        font-size: 9px !important;
        font-weight: 800 !important;
        line-height: 1.15 !important;
        text-align: center !important;

        align-items: center !important;
        justify-content: center !important;
    }

    body.woocommerce-shop .wd-product .wd-add-btn a:active,
    body.tax-product_cat .wd-product .wd-add-btn a:active,
    body.tax-product_tag .wd-product .wd-add-btn a:active {
        color: #ffffff !important;
        background: #8a5a3b !important;
    }

    /* Fix the large circled Sort control */
    body.woocommerce-shop .woocommerce-ordering.wd-ordering-mb-icon,
    body.tax-product_cat .woocommerce-ordering.wd-ordering-mb-icon,
    body.tax-product_tag .woocommerce-ordering.wd-ordering-mb-icon {
        display: block !important;
        width: 44px !important;
        min-width: 44px !important;
        max-width: 44px !important;
        height: 42px !important;
        min-height: 42px !important;
        margin: 0 !important;

        border: 1px solid #e1e5dc !important;
        border-radius: 10px !important;
        background-color: #ffffff !important;
        box-shadow: none !important;
        overflow: hidden !important;
    }

    body.woocommerce-shop .woocommerce-ordering.wd-ordering-mb-icon select,
    body.tax-product_cat .woocommerce-ordering.wd-ordering-mb-icon select,
    body.tax-product_tag .woocommerce-ordering.wd-ordering-mb-icon select {
        width: 44px !important;
        min-width: 44px !important;
        max-width: 44px !important;
        height: 42px !important;
        min-height: 42px !important;
        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;
        border-radius: 10px !important;
        background-color: transparent !important;
        box-shadow: none !important;
        cursor: pointer !important;
    }

    /* Hide unwanted desktop hover description */
    body.woocommerce-shop .wd-more-desc,
    body.woocommerce-shop .wd-product-card-hover,
    body.tax-product_cat .wd-more-desc,
    body.tax-product_cat .wd-product-card-hover,
    body.tax-product_tag .wd-more-desc,
    body.tax-product_tag .wd-product-card-hover {
        display: none !important;
    }
}

/* Smaller phones: still show two cards */
@media (max-width: 380px) {

    body.woocommerce-shop .wd-products,
    body.tax-product_cat .wd-products,
    body.tax-product_tag .wd-products {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px 7px !important;
    }

    body.woocommerce-shop .wd-product .product-element-top,
    body.woocommerce-shop .wd-product .wd-product-thumb,
    body.tax-product_cat .wd-product .product-element-top,
    body.tax-product_cat .wd-product .wd-product-thumb,
    body.tax-product_tag .wd-product .product-element-top,
    body.tax-product_tag .wd-product .wd-product-thumb {
        height: 155px !important;
        min-height: 155px !important;
    }

    body.woocommerce-shop .product-element-bottom,
    body.tax-product_cat .product-element-bottom,
    body.tax-product_tag .product-element-bottom {
        min-height: 142px !important;
        padding: 9px 7px 8px !important;
    }

    body.woocommerce-shop .wd-entities-title,
    body.tax-product_cat .wd-entities-title,
    body.tax-product_tag .wd-entities-title {
        min-height: 32px !important;
        font-size: 12px !important;
    }
}
/* HOME EYS — SHOP BUTTON WOOD-BROWN HOVER */

body.woocommerce-shop .wd-product .wd-add-btn a:hover,
body.tax-product_cat .wd-product .wd-add-btn a:hover,
body.tax-product_tag .wd-product .wd-add-btn a:hover,
body.woocommerce-shop .wd-product .wd-add-btn a:focus,
body.tax-product_cat .wd-product .wd-add-btn a:focus,
body.tax-product_tag .wd-product .wd-add-btn a:focus,
body.woocommerce-shop .wd-product .wd-add-btn a:active,
body.tax-product_cat .wd-product .wd-add-btn a:active,
body.tax-product_tag .wd-product .wd-add-btn a:active {
    border-color: #8a5a3b !important;
    color: #ffffff !important;
    background-color: #8a5a3b !important;
    box-shadow: 0 8px 18px rgba(111, 69, 45, 0.22) !important;
}

/* Smooth colour change */

body.woocommerce-shop .wd-product .wd-add-btn a,
body.tax-product_cat .wd-product .wd-add-btn a,
body.tax-product_tag .wd-product .wd-add-btn a {
    transition:
        color 0.2s ease,
        background-color 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease !important;
}
/* ==================================================
   MOBILE — MATCH PC ADD TO CART BEHAVIOUR
   ================================================== */

@media (max-width: 600px) {

    /* Hide the extra View Cart link exactly like PC */

    body.woocommerce-shop
    .wd-product .wd-add-btn > a.added_to_cart.wc-forward,

    body.tax-product_cat
    .wd-product .wd-add-btn > a.added_to_cart.wc-forward,

    body.tax-product_tag
    .wd-product .wd-add-btn > a.added_to_cart.wc-forward {
        display: none !important;
        visibility: hidden !important;
        width: 0 !important;
        height: 0 !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        overflow: hidden !important;
    }

    /* Style only the real Add to Cart button */

    body.woocommerce-shop
    .wd-product .wd-add-btn > a.add_to_cart_button,

    body.tax-product_cat
    .wd-product .wd-add-btn > a.add_to_cart_button,

    body.tax-product_tag
    .wd-product .wd-add-btn > a.add_to_cart_button {
        display: flex !important;
        visibility: visible !important;
        width: 100% !important;
        min-height: 38px !important;
        padding: 8px 4px !important;

        border: 0 !important;
        border-radius: 8px !important;
        color: #ffffff !important;
        background-color: #46543c !important;

        font-size: 9.5px !important;
        font-weight: 800 !important;
        line-height: 1.2 !important;
        text-align: center !important;

        align-items: center !important;
        justify-content: center !important;
    }

    /* Wood-brown hover/press colour */

    body.woocommerce-shop
    .wd-product .wd-add-btn > a.add_to_cart_button:hover,

    body.woocommerce-shop
    .wd-product .wd-add-btn > a.add_to_cart_button:active,

    body.tax-product_cat
    .wd-product .wd-add-btn > a.add_to_cart_button:hover,

    body.tax-product_cat
    .wd-product .wd-add-btn > a.add_to_cart_button:active,

    body.tax-product_tag
    .wd-product .wd-add-btn > a.add_to_cart_button:hover,

    body.tax-product_tag
    .wd-product .wd-add-btn > a.add_to_cart_button:active {
        color: #ffffff !important;
        background-color: #8a5a3b !important;
    }
}


/* HOMEeys Single Product — FINAL SAFE VERSION */
/* Keeps the original WoodMart product-page layout unchanged. */

body.single-product{
 --hp-green:#5b6b4f;
 --hp-green-dark:#46543c;
 --hp-green-soft:#eef1ea;
 --hp-charcoal:#222222;
 --hp-muted:#6b6b6b;
 --hp-wood:#8a5a3b;
 --hp-border:#e7e3dc;
}

/* Hide every product brand-logo image, including future products */
body.single-product .wd-product-brands{display:none!important}

/* Fonts only */
body.single-product .product_title,
body.single-product .related-products .title,
body.single-product .related-products>h2,
body.single-product .related-products .wd-entities-title{font-family:"Playfair Display",Georgia,serif}
body.single-product .product_title{color:var(--hp-charcoal);font-weight:600;letter-spacing:-.02em}

/* Add to Cart and Buy Now */
body.single-product .single_add_to_cart_button,
body.single-product .wd-buy-now-btn{border-radius:8px!important;font-weight:700!important;transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease!important}
body.single-product .single_add_to_cart_button{background:var(--hp-green-dark)!important;color:#fff!important;box-shadow:0 9px 20px rgba(70,84,60,.2)!important}
body.single-product .single_add_to_cart_button:hover{transform:translateY(-2px);background:var(--hp-wood)!important;color:#fff!important;box-shadow:0 12px 24px rgba(111,69,45,.23)!important}
body.single-product .wd-buy-now-btn{background:var(--hp-charcoal)!important;color:#fff!important}
body.single-product .wd-buy-now-btn:hover{transform:translateY(-2px);background:var(--hp-wood)!important;color:#fff!important}

/* Quantity */
body.single-product form.cart .quantity{overflow:hidden;border:1px solid var(--hp-border);border-radius:8px}
body.single-product form.cart .quantity .minus:hover,
body.single-product form.cart .quantity .plus:hover{color:var(--hp-green-dark)!important;background:var(--hp-green-soft)!important}

/* Compare, Wishlist and Size Guide — keep original positions */
body.single-product .summary-inner>.wd-action-btn>a{border-radius:7px!important;color:var(--hp-green-dark)!important;font-weight:700!important;transition:color .2s ease,background-color .2s ease!important}
body.single-product .summary-inner>.wd-action-btn>a:hover,
body.single-product .summary-inner>.wd-action-btn>a:hover .wd-action-text,
body.single-product .summary-inner>.wd-action-btn>a:hover .wd-action-icon,
body.single-product .summary-inner>.wd-action-btn>a:hover .wd-action-icon::before{color:#fff!important;background-color:var(--hp-wood)!important}

/* Clear, uncropped payment image below Size Guide */
body.single-product .summary-inner>.wd-sizeguide-btn{position:relative;margin-bottom:0!important;vertical-align:middle!important}
body.single-product .summary-inner>.wd-sizeguide-btn::after{
 content:"Secure payment options";
 position:absolute;
 top:calc(100% + 12px);
 right:0;
 left:auto;
 display:block;
 width:305px;
 height:66px;
 padding:9px 10px;
 border:1px solid var(--hp-border);
 border-radius:8px;
 color:var(--hp-muted);
 background-color:#faf9f6;
 background-image:url("https://kodecit.uk/wp-content/themes/woodmart/images/payments.png");
 background-repeat:no-repeat;
 background-position:center calc(100% - 9px);
 background-size:270px auto;
 image-rendering:auto;
 box-shadow:0 6px 18px rgba(40,50,33,.06);
 font-size:9px;
 font-weight:700;
 line-height:1;
 letter-spacing:.07em;
 text-transform:uppercase;
 pointer-events:none;
}

/* Reserve space below the complete action row without moving Size Guide up */
body.single-product .summary-inner>.product_meta{margin-top:82px!important}

/* Price and normal links */
body.single-product .summary-inner>.price,
body.single-product .summary-inner p.price{color:var(--hp-green-dark);font-weight:700}
body.single-product .summary-inner .price ins{color:var(--hp-wood);text-decoration:none}
body.single-product .product_meta a,
body.single-product .woocommerce-breadcrumb a{color:var(--hp-green-dark);font-weight:700}
body.single-product .product_meta a:hover,
body.single-product .woocommerce-breadcrumb a:hover{color:var(--hp-wood)}

/* Keep all tabs; change hover text and underline only */
body.single-product .wd-nav-tabs>li .nav-link-text{color:var(--hp-muted)!important;transition:color .2s ease!important}
body.single-product .wd-nav-tabs>li:hover .nav-link-text,
body.single-product .wd-nav-tabs>li.active .nav-link-text{color:var(--hp-green-dark)!important}
body.single-product .wd-nav-tabs[class*="wd-style-underline"]>li .nav-link-text::after,
body.single-product .wd-nav-tabs[class*="wd-style-underline"]>li>a::after,
body.single-product .wd-nav-tabs>li:hover .nav-link-text::after,
body.single-product .wd-nav-tabs>li.active .nav-link-text::after{background-color:var(--hp-green)!important;border-color:var(--hp-green)!important}
body.single-product .wd-accordion-title:hover,
body.single-product .wd-accordion-title.wd-active{color:var(--hp-green-dark)!important}

/* Related products only */
body.single-product .related-products .wd-product-card-hover,
body.single-product .related-products .hover-content-wrap,
body.single-product .related-products .wd-more-desc{display:none!important;height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}
body.single-product .related-products .product-wrapper{height:auto!important;overflow:hidden;border:1px solid var(--hp-border);border-radius:12px;background:#fff;box-shadow:0 7px 22px rgba(40,50,33,.06);transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}
body.single-product .related-products .wd-product:hover .product-wrapper{transform:translateY(-5px);border-color:rgba(138,90,59,.34);box-shadow:0 18px 40px rgba(40,50,33,.13)}
body.single-product .related-products .product-element-bottom{display:block!important;min-height:0!important;padding:15px!important}
body.single-product .related-products .wd-entities-title{min-height:0!important;margin-bottom:7px!important;font-size:17px;font-weight:600}
body.single-product .related-products .wd-entities-title a:hover{color:var(--hp-wood)!important}
body.single-product .related-products .wrap-price{margin-top:9px!important}
body.single-product .related-products .price{color:var(--hp-green-dark)!important;font-weight:700}
body.single-product .related-products .wd-add-btn{margin-top:12px!important}
body.single-product .related-products .wd-add-btn a{width:100%;min-height:41px;display:flex!important;align-items:center;justify-content:center;border-radius:8px!important;background:var(--hp-green-dark)!important;color:#fff!important;font-size:11px!important;font-weight:700!important}
body.single-product .related-products .wd-add-btn a:hover{background:var(--hp-wood)!important;color:#fff!important}

/* Mobile */
@media(max-width:767px){
 body.single-product .summary-inner>.wd-sizeguide-btn{margin-bottom:0!important;vertical-align:middle!important}
 body.single-product .summary-inner>.wd-sizeguide-btn::after{right:0;left:auto;width:min(295px,82vw);height:64px;background-size:min(265px,76vw) auto;background-position:center calc(100% - 9px)}
 body.single-product .summary-inner>.product_meta{margin-top:80px!important}
 body.single-product .wd-nav-tabs-wrapper{overflow-x:auto}
 body.single-product .wd-nav-tabs{flex-wrap:nowrap;justify-content:flex-start}
 body.single-product .wd-nav-tabs>li>a{padding-inline:11px;white-space:nowrap}
}

@media(prefers-reduced-motion:reduce){body.single-product *,body.single-product *::before,body.single-product *::after{transition:none!important;animation:none!important}}

/* FINAL OPTION: hide all three action links and replace them with payments */
body.single-product .summary-inner>.wd-compare-btn,
body.single-product .summary-inner>.wd-wishlist-btn{display:none!important}

body.single-product .summary-inner>.wd-sizeguide-btn{
 display:block!important;
 position:relative!important;
 width:min(360px,100%)!important;
 height:88px!important;
 margin:18px 0 20px!important;
 padding:12px 14px!important;
 border:1px solid var(--hp-border)!important;
 border-radius:10px!important;
 color:var(--hp-muted)!important;
 background-color:#faf9f6!important;
 background-image:url("https://kodecit.uk/wp-content/themes/woodmart/images/payments.png")!important;
 background-repeat:no-repeat!important;
 background-position:center calc(100% - 13px)!important;
 background-size:300px auto!important;
 box-shadow:0 8px 22px rgba(40,50,33,.07)!important;
 font-size:0!important;
 pointer-events:none!important;
}

body.single-product .summary-inner>.wd-sizeguide-btn>a{display:none!important}

body.single-product .summary-inner>.wd-sizeguide-btn::before{
 content:"Secure payment options";
 display:block;
 color:var(--hp-muted);
 font-size:10px;
 font-weight:700;
 line-height:1;
 letter-spacing:.08em;
 text-align:center;
 text-transform:uppercase;
}

body.single-product .summary-inner>.wd-sizeguide-btn::after{content:none!important;display:none!important}
body.single-product .summary-inner>.product_meta{margin-top:0!important}

@media(max-width:767px){
 body.single-product .summary-inner>.wd-sizeguide-btn{
  width:100%!important;
  max-width:340px!important;
  height:82px!important;
  margin:16px 0 18px!important;
  background-size:min(290px,82vw) auto!important;
  background-position:center calc(100% - 12px)!important;
 }
}
/* ================================================================
   HOME EYS — GLOBAL PAYMENT PANEL FIX
   Uses WooCommerce product_meta so it also appears on products that
   do not have a Size Guide, and on newly-added products.
   ================================================================ */

/* Keep the three utility links hidden on every product page. */
body.single-product .summary-inner .compare,
body.single-product .summary-inner .wd-wishlist-btn,
body.single-product .summary-inner > .wd-sizeguide-btn {
    display: none !important;
}

/* Disable the older payment panel that depended on Size Guide. */
body.single-product .summary-inner > .wd-sizeguide-btn::before,
body.single-product .summary-inner > .wd-sizeguide-btn::after {
    content: none !important;
    display: none !important;
    background-image: none !important;
}

/* Product meta is present on standard and newly-created products. */
body.single-product .summary-inner > .product_meta {
    display: block !important;
    clear: both !important;
    margin-top: 18px !important;
}

body.single-product .summary-inner > .product_meta::before {
    content: "SECURE PAYMENT OPTIONS" !important;
    display: block !important;
    box-sizing: border-box !important;
    width: min(100%, 370px) !important;
    height: 92px !important;
    margin: 0 0 18px !important;
    padding: 14px 18px !important;
    border: 1px solid rgba(39, 78, 57, .16) !important;
    border-radius: 14px !important;
    color: #274e39 !important;
    background-color: #fbfaf6 !important;
    background-image: url("https://kodecit.uk/wp-content/themes/woodmart/images/payments.png") !important;
    background-repeat: no-repeat !important;
    background-position: center calc(100% - 14px) !important;
    background-size: 300px auto !important;
    box-shadow: 0 8px 24px rgba(73, 54, 40, .08) !important;
    font: 700 11px/1.2 inherit !important;
    letter-spacing: .11em !important;
    text-align: center !important;
}

@media (max-width: 767px) {
    body.single-product .summary-inner > .product_meta::before {
        width: 100% !important;
        max-width: 370px !important;
        height: 88px !important;
        padding: 13px 12px !important;
        background-size: min(290px, 82vw) auto !important;
        background-position: center calc(100% - 13px) !important;
    }
}


/* ================================================================
   HOME EYS — WOOCOMMERCE CART PAGE
   Add to: Appearance > Customize > Additional CSS
   CSS-only / responsive / works with WoodMart + WooCommerce updates
   ================================================================ */

body.woocommerce-cart {
  --he-green: #5b6b4f;
  --he-green-dark: #46543c;
  --he-green-soft: #eef1ea;
  --he-wood: #8a5f3d;
  --he-wood-dark: #68452d;
  --he-cream: #faf9f6;
  --he-ink: #222222;
  --he-muted: #6b6b6b;
  --he-border: #e7e3dc;
  --he-white: #ffffff;
  --he-radius: 14px;
  --he-shadow: 0 10px 32px rgba(44, 50, 36, .08);
}

body.woocommerce-cart #main-content {
  width: 100%;
  max-width: 1360px;
  padding: clamp(34px, 5vw, 72px) clamp(16px, 3vw, 34px);
}

body.woocommerce-cart .site-content {
  width: 100%;
}

body.woocommerce-cart .woocommerce {
  color: var(--he-ink);
}

body.woocommerce-cart :where(h1, h2, h3, .cart-totals-inner > h2) {
  color: var(--he-ink);
  font-family: "Playfair Display", Georgia, serif;
  letter-spacing: -.02em;
}

/* ------------------------- Empty cart -------------------------- */
body.woocommerce-cart .wc-empty-cart-message,
body.woocommerce-cart h2.cart-empty {
  position: relative;
  max-width: 720px;
  margin: 0 auto 14px !important;
  padding: 142px 28px 0 !important;
  color: var(--he-ink) !important;
  font-size: clamp(27px, 4vw, 42px) !important;
  line-height: 1.18 !important;
  text-align: center;
}

body.woocommerce-cart h2.cart-empty::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 50%;
  width: 108px;
  height: 108px;
  border: 1px solid rgba(91, 107, 79, .18);
  border-radius: 50%;
  background:
    linear-gradient(var(--he-green), var(--he-green)) 35px 43px / 42px 3px no-repeat,
    linear-gradient(110deg, transparent 45%, var(--he-green) 46% 53%, transparent 54%) 31px 31px / 15px 18px no-repeat,
    radial-gradient(circle, var(--he-wood) 0 4px, transparent 5px) 35px 63px / 33px 10px repeat-x,
    var(--he-green-soft);
  box-shadow: 0 12px 30px rgba(91, 107, 79, .12);
  transform: translateX(-50%);
}

body.woocommerce-cart h2.cart-empty + p:not(.return-to-shop),
body.woocommerce-cart .woocommerce > p:not(.return-to-shop) {
  max-width: 610px;
  margin: 0 auto 26px;
  color: var(--he-muted);
  font-size: 15px;
  line-height: 1.75;
  text-align: center;
}

body.woocommerce-cart .return-to-shop {
  margin: 0 !important;
  text-align: center;
}

body.woocommerce-cart .return-to-shop .button {
  min-width: 190px;
  padding: 15px 26px !important;
}

/* --------------------------- Layout ---------------------------- */
body.woocommerce-cart .woocommerce-cart-form,
body.woocommerce-cart .cart-collaterals {
  min-width: 0;
}

body.woocommerce-cart .woocommerce-cart-form {
  padding: clamp(16px, 2.5vw, 28px);
  border: 1px solid var(--he-border);
  border-radius: var(--he-radius);
  background: var(--he-white);
  box-shadow: var(--he-shadow);
}

body.woocommerce-cart .cart-collaterals {
  padding: clamp(20px, 2.5vw, 30px);
  border: 1px solid rgba(91, 107, 79, .16);
  border-radius: var(--he-radius);
  background: linear-gradient(145deg, var(--he-cream), var(--he-white));
  box-shadow: var(--he-shadow);
}

body.woocommerce-cart .cart-totals-inner {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

body.woocommerce-cart .cart-totals-inner > h2,
body.woocommerce-cart .cart_totals > h2 {
  margin: 0 0 20px !important;
  padding: 0 0 14px !important;
  border-bottom: 2px solid var(--he-green) !important;
  font-size: clamp(24px, 2.5vw, 31px) !important;
}

/* ------------------------- Cart table -------------------------- */
body.woocommerce-cart table.shop_table {
  width: 100%;
  margin: 0 !important;
  border: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0;
  background: transparent;
}

body.woocommerce-cart table.shop_table thead th {
  padding: 12px 14px 16px !important;
  border-bottom: 2px solid var(--he-green) !important;
  color: var(--he-green-dark);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

body.woocommerce-cart table.shop_table tbody td {
  padding: 20px 14px !important;
  border-bottom: 1px solid var(--he-border) !important;
  vertical-align: middle;
}

body.woocommerce-cart td.product-thumbnail img {
  width: 92px !important;
  height: 92px !important;
  border-radius: 11px;
  background: var(--he-cream);
  object-fit: cover;
}

body.woocommerce-cart td.product-name a {
  color: var(--he-ink) !important;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.45;
  transition: color .18s ease;
}

body.woocommerce-cart td.product-name a:hover {
  color: var(--he-wood) !important;
}

body.woocommerce-cart :where(.product-price, .product-subtotal),
body.woocommerce-cart :where(.product-price, .product-subtotal) .amount {
  color: var(--he-green-dark);
  font-weight: 750;
}

body.woocommerce-cart a.remove {
  display: inline-grid !important;
  width: 34px !important;
  height: 34px !important;
  border: 1px solid var(--he-border) !important;
  border-radius: 50% !important;
  color: var(--he-muted) !important;
  background: var(--he-white) !important;
  place-items: center;
  transition: color .18s ease, border-color .18s ease, background .18s ease;
}

body.woocommerce-cart a.remove:hover {
  border-color: var(--he-wood) !important;
  color: var(--he-white) !important;
  background: var(--he-wood) !important;
}

/* Quantity */
body.woocommerce-cart .quantity {
  min-width: 110px;
  border: 1px solid var(--he-border) !important;
  border-radius: 10px !important;
  background: var(--he-cream) !important;
  overflow: hidden;
}

body.woocommerce-cart .quantity :where(input.qty, button, .minus, .plus) {
  min-height: 42px !important;
  border: 0 !important;
  background: transparent !important;
}

body.woocommerce-cart .quantity :where(.minus, .plus):hover {
  color: var(--he-white) !important;
  background: var(--he-wood) !important;
}

/* Coupon and actions */
body.woocommerce-cart td.actions {
  padding: 24px 0 0 !important;
  border-bottom: 0 !important;
}

body.woocommerce-cart .coupon {
  display: flex;
  gap: 10px;
}

body.woocommerce-cart .coupon input.input-text {
  width: min(260px, 100%) !important;
  min-height: 48px;
  padding: 0 16px !important;
  border: 1px solid var(--he-border) !important;
  border-radius: 10px !important;
  background: var(--he-cream) !important;
  color: var(--he-ink);
  box-shadow: none !important;
  outline: none;
}

body.woocommerce-cart .coupon input.input-text:focus {
  border-color: var(--he-green) !important;
  box-shadow: 0 0 0 3px rgba(91, 107, 79, .12) !important;
}

/* -------------------------- Buttons ---------------------------- */
body.woocommerce-cart :where(.button, button.button, input.button, .checkout-button) {
  min-height: 48px;
  padding: 13px 22px !important;
  border: 1px solid var(--he-green) !important;
  border-radius: 10px !important;
  color: var(--he-white) !important;
  background: var(--he-green) !important;
  box-shadow: none !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: .065em;
  line-height: 1.2 !important;
  text-transform: uppercase;
  transition: color .2s ease, background .2s ease, border-color .2s ease,
              transform .2s ease, box-shadow .2s ease !important;
}

body.woocommerce-cart :where(.button, button.button, input.button, .checkout-button):hover {
  border-color: var(--he-wood) !important;
  color: var(--he-white) !important;
  background: var(--he-wood) !important;
  box-shadow: 0 9px 22px rgba(104, 69, 45, .18) !important;
  transform: translateY(-1px);
}

body.woocommerce-cart :where(.button, button.button, input.button)[disabled] {
  border-color: var(--he-border) !important;
  color: var(--he-muted) !important;
  background: #efede8 !important;
  box-shadow: none !important;
  cursor: not-allowed;
  opacity: .75;
  transform: none;
}

body.woocommerce-cart .wc-proceed-to-checkout {
  margin: 22px 0 0 !important;
  padding: 0 !important;
}

body.woocommerce-cart .wc-proceed-to-checkout .checkout-button {
  display: flex !important;
  width: 100%;
  min-height: 56px;
  align-items: center;
  justify-content: center;
  border-color: var(--he-green-dark) !important;
  background: var(--he-green-dark) !important;
  font-size: 13px !important;
}

body.woocommerce-cart .wc-proceed-to-checkout .checkout-button:hover {
  border-color: var(--he-wood-dark) !important;
  background: var(--he-wood-dark) !important;
}

/* ------------------------- Cart totals ------------------------- */
body.woocommerce-cart .cart_totals table th,
body.woocommerce-cart .cart_totals table td {
  padding: 15px 0 !important;
  border-bottom: 1px solid var(--he-border) !important;
}

body.woocommerce-cart .cart_totals table th {
  color: var(--he-muted);
  font-size: 13px;
  font-weight: 650;
}

body.woocommerce-cart .cart_totals table td {
  color: var(--he-ink);
  font-size: 14px;
  text-align: right;
}

body.woocommerce-cart .cart_totals .order-total :where(th, td) {
  padding-top: 20px !important;
  border-bottom: 0 !important;
  color: var(--he-green-dark);
  font-size: 17px;
  font-weight: 800;
}

body.woocommerce-cart .cart_totals .order-total .amount {
  color: var(--he-green-dark) !important;
  font-size: 21px;
}

body.woocommerce-cart .woocommerce-shipping-methods,
body.woocommerce-cart .woocommerce-shipping-destination,
body.woocommerce-cart .shipping-calculator-form {
  color: var(--he-muted);
  font-size: 13px;
  line-height: 1.6;
}

body.woocommerce-cart .shipping-calculator-button {
  color: var(--he-green) !important;
  font-weight: 750;
  border-bottom: 1px solid currentColor;
}

body.woocommerce-cart .shipping-calculator-button:hover {
  color: var(--he-wood) !important;
}

/* WooCommerce notices */
body.woocommerce-cart :where(.woocommerce-message, .woocommerce-info, .woocommerce-error) {
  margin-bottom: 24px !important;
  padding: 16px 18px !important;
  border: 1px solid rgba(91, 107, 79, .2) !important;
  border-radius: 11px !important;
  background: var(--he-green-soft) !important;
  color: var(--he-ink) !important;
}

/* ----------------------- Tablet / mobile ----------------------- */
@media (max-width: 1024px) {
  body.woocommerce-cart .woocommerce-cart-form,
  body.woocommerce-cart .cart-collaterals {
    width: 100% !important;
    margin: 0 0 24px !important;
  }
}

@media (max-width: 767px) {
  body.woocommerce-cart #main-content {
    padding: 28px 12px 44px;
  }

  body.woocommerce-cart .woocommerce-cart-form,
  body.woocommerce-cart .cart-collaterals {
    padding: 16px;
    border-radius: 12px;
  }

  body.woocommerce-cart .wc-empty-cart-message,
  body.woocommerce-cart h2.cart-empty {
    padding: 128px 10px 0 !important;
    font-size: 29px !important;
  }

  body.woocommerce-cart h2.cart-empty::before {
    width: 96px;
    height: 96px;
    background-position: 29px 38px, 26px 27px, 29px 57px, center;
  }

  /* WoodMart turns rows into mobile product cards. */
  body.woocommerce-cart table.shop_table_responsive tbody tr.cart_item,
  body.woocommerce-cart table.shop_table tbody tr.cart_item {
    position: relative;
    display: grid !important;
    grid-template-columns: 82px minmax(0, 1fr);
    gap: 8px 14px;
    margin-bottom: 14px;
    padding: 14px !important;
    border: 1px solid var(--he-border);
    border-radius: 12px;
    background: var(--he-white);
  }

  body.woocommerce-cart table.shop_table thead {
    display: none !important;
  }

  body.woocommerce-cart table.shop_table tbody td {
    padding: 3px 0 !important;
    border: 0 !important;
    text-align: left !important;
  }

  body.woocommerce-cart td.product-remove {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
  }

  body.woocommerce-cart td.product-thumbnail {
    grid-row: 1 / span 4;
  }

  body.woocommerce-cart td.product-thumbnail img {
    width: 82px !important;
    height: 96px !important;
  }

  body.woocommerce-cart td.product-name,
  body.woocommerce-cart td.product-price,
  body.woocommerce-cart td.product-quantity,
  body.woocommerce-cart td.product-subtotal {
    grid-column: 2;
    padding-right: 32px !important;
  }

  body.woocommerce-cart td.product-price::before,
  body.woocommerce-cart td.product-quantity::before,
  body.woocommerce-cart td.product-subtotal::before {
    display: inline-block;
    min-width: 68px;
    margin-right: 5px;
    color: var(--he-muted);
    font-size: 10px;
    font-weight: 750;
    letter-spacing: .06em;
    text-transform: uppercase;
  }

  body.woocommerce-cart td.product-price::before { content: "Price"; }
  body.woocommerce-cart td.product-quantity::before { content: "Qty"; }
  body.woocommerce-cart td.product-subtotal::before { content: "Total"; }

  body.woocommerce-cart .quantity {
    display: inline-flex;
    min-width: 104px;
    vertical-align: middle;
  }

  body.woocommerce-cart td.actions,
  body.woocommerce-cart tr:not(.cart_item) td.actions {
    display: block !important;
    padding-top: 16px !important;
  }

  body.woocommerce-cart .coupon {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    width: 100%;
  }

  body.woocommerce-cart .coupon input.input-text {
    width: 100% !important;
  }

  body.woocommerce-cart td.actions > .button {
    width: 100%;
    margin-top: 10px !important;
  }

  body.woocommerce-cart .cart_totals table th,
  body.woocommerce-cart .cart_totals table td {
    width: 50% !important;
  }
}

@media (max-width: 420px) {
  body.woocommerce-cart .coupon {
    grid-template-columns: 1fr;
  }

  body.woocommerce-cart .coupon .button {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.woocommerce-cart *,
  body.woocommerce-cart *::before,
  body.woocommerce-cart *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}




/* ================================================================
   HOME EYS — WOOCOMMERCE CHECKOUT PAGE
   Add to: Appearance > Customize > Additional CSS
   CSS-only / responsive / WoodMart + WooCommerce compatible
   ================================================================ */

body.woocommerce-checkout {
  --he-green: #5b6b4f;
  --he-green-dark: #46543c;
  --he-green-soft: #eef1ea;
  --he-wood: #8a5f3d;
  --he-wood-dark: #68452d;
  --he-cream: #faf9f6;
  --he-white: #ffffff;
  --he-ink: #222222;
  --he-muted: #6b6b6b;
  --he-border: #e7e3dc;
  --he-danger: #a9473c;
  --he-radius: 14px;
  --he-shadow: 0 10px 32px rgba(44, 50, 36, .08);
}

body.woocommerce-checkout #main-content {
  width: 100%;
  max-width: 1360px;
  padding: clamp(34px, 5vw, 72px) clamp(16px, 3vw, 34px);
}

body.woocommerce-checkout .site-content,
body.woocommerce-checkout .woocommerce,
body.woocommerce-checkout form.checkout {
  width: 100%;
}

body.woocommerce-checkout :where(h1, h2, h3, .woocommerce-billing-fields > h3,
  .woocommerce-shipping-fields > h3, #order_review_heading) {
  color: var(--he-ink);
  font-family: "Playfair Display", Georgia, serif;
  letter-spacing: -.02em;
}

/* ---------------------- Returning customer --------------------- */
body.woocommerce-checkout :where(.woocommerce-form-login-toggle,
  .woocommerce-form-coupon-toggle) {
  margin-bottom: 14px;
}

body.woocommerce-checkout :where(.woocommerce-form-login-toggle,
  .woocommerce-form-coupon-toggle) .woocommerce-info {
  margin: 0 !important;
}

body.woocommerce-checkout :where(form.login, form.checkout_coupon) {
  margin: 0 0 22px !important;
  padding: 20px !important;
  border: 1px solid var(--he-border) !important;
  border-radius: 12px !important;
  background: var(--he-cream) !important;
}

body.woocommerce-checkout form.checkout_coupon {
  display: flex;
  align-items: flex-end;
  gap: 10px;
}

body.woocommerce-checkout form.checkout_coupon > p {
  margin: 0 !important;
}

body.woocommerce-checkout form.checkout_coupon .form-row-first {
  flex: 1 1 260px;
}

/* ------------------------ Main columns ------------------------- */
body.woocommerce-checkout form.checkout {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(360px, .75fr);
  gap: clamp(24px, 3.5vw, 48px);
  align-items: start;
}

body.woocommerce-checkout form.checkout > :where(.customer-details,
  #customer_details) {
  min-width: 0;
  padding: clamp(20px, 3vw, 34px);
  border: 1px solid var(--he-border);
  border-radius: var(--he-radius);
  background: var(--he-white);
  box-shadow: var(--he-shadow);
}

body.woocommerce-checkout :where(.checkout-order-review,
  #order_review) {
  min-width: 0;
  padding: clamp(20px, 2.7vw, 30px) !important;
  border: 1px solid rgba(91, 107, 79, .18) !important;
  border-radius: var(--he-radius) !important;
  background: linear-gradient(145deg, var(--he-cream), var(--he-white)) !important;
  box-shadow: var(--he-shadow);
}

@media (min-width: 1025px) {
  body.woocommerce-checkout .checkout-order-review {
    position: sticky;
    top: 24px;
  }
}

/* WoodMart may wrap both review heading and table. */
body.woocommerce-checkout #order_review_heading {
  margin: 0 0 20px !important;
  padding: 0 0 14px !important;
  border-bottom: 2px solid var(--he-green) !important;
  font-size: clamp(25px, 2.4vw, 31px) !important;
}

body.woocommerce-checkout :where(.woocommerce-billing-fields > h3,
  .woocommerce-shipping-fields > h3) {
  position: relative;
  margin: 0 0 24px !important;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--he-border);
  font-size: clamp(25px, 2.4vw, 32px) !important;
}

body.woocommerce-checkout :where(.woocommerce-billing-fields > h3,
  .woocommerce-shipping-fields > h3)::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 72px;
  height: 2px;
  background: var(--he-green);
}

body.woocommerce-checkout .woocommerce-shipping-fields {
  margin-top: 28px;
}

/* ------------------------- Form fields ------------------------- */
body.woocommerce-checkout .form-row {
  margin: 0 0 17px !important;
  padding: 0 !important;
}

body.woocommerce-checkout .form-row label {
  display: block;
  margin-bottom: 7px;
  color: var(--he-ink);
  font-size: 12px;
  font-weight: 750;
  letter-spacing: .025em;
}

body.woocommerce-checkout .form-row label .required {
  color: var(--he-wood);
  text-decoration: none;
}

body.woocommerce-checkout :where(input.input-text, textarea, select,
  .select2-selection--single) {
  width: 100% !important;
  min-height: 50px !important;
  padding: 0 15px !important;
  border: 1px solid var(--he-border) !important;
  border-radius: 10px !important;
  color: var(--he-ink) !important;
  background: var(--he-cream) !important;
  box-shadow: none !important;
  font-size: 14px !important;
  outline: none !important;
  transition: border-color .18s ease, box-shadow .18s ease,
              background .18s ease !important;
}

body.woocommerce-checkout textarea {
  min-height: 120px !important;
  padding-top: 13px !important;
  padding-bottom: 13px !important;
  line-height: 1.6;
  resize: vertical;
}

body.woocommerce-checkout :where(input.input-text, textarea, select):focus,
body.woocommerce-checkout .select2-container--open .select2-selection--single {
  border-color: var(--he-green) !important;
  background: var(--he-white) !important;
  box-shadow: 0 0 0 3px rgba(91, 107, 79, .12) !important;
}

body.woocommerce-checkout .select2-selection--single {
  display: flex !important;
  align-items: center;
}

body.woocommerce-checkout .select2-selection__rendered {
  padding: 0 28px 0 0 !important;
  color: var(--he-ink) !important;
  line-height: 48px !important;
}

body.woocommerce-checkout .select2-selection__arrow {
  top: 50% !important;
  right: 12px !important;
  transform: translateY(-50%);
}

body.woocommerce-checkout .select2-dropdown {
  border: 1px solid var(--he-green) !important;
  border-radius: 10px !important;
  background: var(--he-white) !important;
  box-shadow: var(--he-shadow);
  overflow: hidden;
}

body.woocommerce-checkout .select2-results__option--highlighted {
  color: var(--he-white) !important;
  background: var(--he-green) !important;
}

body.woocommerce-checkout .woocommerce-invalid :where(input.input-text,
  textarea, .select2-selection) {
  border-color: var(--he-danger) !important;
  box-shadow: 0 0 0 3px rgba(169, 71, 60, .09) !important;
}

body.woocommerce-checkout .woocommerce-validated :where(input.input-text,
  textarea, .select2-selection) {
  border-color: var(--he-green) !important;
}

/* Checkbox and radio */
body.woocommerce-checkout :where(input[type="checkbox"], input[type="radio"]) {
  accent-color: var(--he-green);
}

body.woocommerce-checkout :where(.woocommerce-form__label-for-checkbox,
  .woocommerce-shipping-fields label.checkbox) {
  color: var(--he-ink);
  font-weight: 700;
  cursor: pointer;
}

body.woocommerce-checkout #ship-to-different-address {
  margin-bottom: 20px !important;
  font-family: inherit;
  font-size: 15px !important;
  letter-spacing: 0;
}

/* ----------------------- Order summary ------------------------- */
body.woocommerce-checkout table.shop_table {
  width: 100%;
  margin: 0 !important;
  border: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0;
  background: transparent !important;
}

body.woocommerce-checkout table.shop_table th,
body.woocommerce-checkout table.shop_table td {
  padding: 14px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--he-border) !important;
  vertical-align: top;
}

body.woocommerce-checkout table.shop_table thead th {
  padding-top: 0 !important;
  color: var(--he-green-dark);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .085em;
  text-transform: uppercase;
}

body.woocommerce-checkout table.shop_table th:last-child,
body.woocommerce-checkout table.shop_table td:last-child {
  text-align: right;
}

body.woocommerce-checkout td.product-name {
  padding-right: 14px !important;
  color: var(--he-ink);
  font-size: 13px;
  font-weight: 650;
  line-height: 1.55;
}

body.woocommerce-checkout .product-quantity {
  color: var(--he-muted);
  font-size: 12px;
}

body.woocommerce-checkout table.shop_table .amount {
  color: var(--he-green-dark);
  font-weight: 750;
}

body.woocommerce-checkout table.shop_table tfoot th {
  color: var(--he-muted);
  font-size: 13px;
  font-weight: 650;
}

body.woocommerce-checkout table.shop_table .order-total :where(th, td) {
  padding-top: 19px !important;
  border-bottom: 0 !important;
  color: var(--he-green-dark);
  font-size: 17px;
  font-weight: 800;
}

body.woocommerce-checkout table.shop_table .order-total .amount {
  font-size: 21px;
}

body.woocommerce-checkout :where(.woocommerce-shipping-methods,
  .woocommerce-shipping-destination) {
  color: var(--he-muted);
  font-size: 12px;
  line-height: 1.6;
}

/* ---------------------- Payment methods ------------------------ */
body.woocommerce-checkout #payment {
  margin-top: 22px !important;
  padding: 18px !important;
  border: 1px solid var(--he-border) !important;
  border-radius: 12px !important;
  background: var(--he-white) !important;
}

body.woocommerce-checkout #payment::before {
  content: "SECURE PAYMENT";
  display: block;
  margin-bottom: 13px;
  color: var(--he-green-dark);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .13em;
}

body.woocommerce-checkout #payment ul.payment_methods {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  list-style: none;
}

body.woocommerce-checkout #payment ul.payment_methods > li {
  margin: 0 !important;
  padding: 13px 0 !important;
  border-bottom: 1px solid var(--he-border);
}

body.woocommerce-checkout #payment ul.payment_methods > li:last-child {
  border-bottom: 0;
}

body.woocommerce-checkout #payment ul.payment_methods label {
  color: var(--he-ink);
  font-size: 13px;
  font-weight: 750;
  cursor: pointer;
}

body.woocommerce-checkout #payment ul.payment_methods label img {
  width: auto !important;
  max-width: min(230px, 62%) !important;
  max-height: 34px !important;
  margin-left: 8px !important;
  object-fit: contain;
  vertical-align: middle;
}

body.woocommerce-checkout .payment_box {
  margin: 12px 0 0 !important;
  padding: 14px !important;
  border: 1px solid rgba(91, 107, 79, .15) !important;
  border-radius: 9px !important;
  color: var(--he-muted) !important;
  background: var(--he-green-soft) !important;
  font-size: 12px !important;
  line-height: 1.65 !important;
}

body.woocommerce-checkout .payment_box::before {
  border-bottom-color: var(--he-green-soft) !important;
}

body.woocommerce-checkout .woocommerce-privacy-policy-text,
body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper {
  margin-top: 16px;
  color: var(--he-muted);
  font-size: 11.5px;
  line-height: 1.7;
}

body.woocommerce-checkout :where(.woocommerce-privacy-policy-text,
  .woocommerce-terms-and-conditions-wrapper) a {
  color: var(--he-green) !important;
  border-bottom: 1px solid currentColor;
  font-weight: 700;
}

body.woocommerce-checkout :where(.woocommerce-privacy-policy-text,
  .woocommerce-terms-and-conditions-wrapper) a:hover {
  color: var(--he-wood) !important;
}

/* -------------------------- Buttons ---------------------------- */
body.woocommerce-checkout :where(.button, button.button, input.button,
  #place_order) {
  min-height: 48px;
  padding: 13px 22px !important;
  border: 1px solid var(--he-green) !important;
  border-radius: 10px !important;
  color: var(--he-white) !important;
  background: var(--he-green) !important;
  box-shadow: none !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: .065em;
  line-height: 1.2 !important;
  text-transform: uppercase;
  transition: color .2s ease, background .2s ease, border-color .2s ease,
              transform .2s ease, box-shadow .2s ease !important;
}

body.woocommerce-checkout :where(.button, button.button, input.button,
  #place_order):hover {
  border-color: var(--he-wood) !important;
  color: var(--he-white) !important;
  background: var(--he-wood) !important;
  box-shadow: 0 9px 22px rgba(104, 69, 45, .18) !important;
  transform: translateY(-1px);
}

body.woocommerce-checkout #place_order {
  display: flex !important;
  width: 100% !important;
  min-height: 56px;
  margin-top: 18px !important;
  align-items: center;
  justify-content: center;
  border-color: var(--he-green-dark) !important;
  background: var(--he-green-dark) !important;
  font-size: 13px !important;
}

body.woocommerce-checkout #place_order:hover {
  border-color: var(--he-wood-dark) !important;
  background: var(--he-wood-dark) !important;
}

body.woocommerce-checkout .blockUI.blockOverlay {
  border-radius: var(--he-radius);
  background-color: rgba(250, 249, 246, .78) !important;
}

/* ----------------------- Notices/errors ------------------------ */
body.woocommerce-checkout :where(.woocommerce-message, .woocommerce-info,
  .woocommerce-error) {
  margin: 0 0 22px !important;
  padding: 16px 18px !important;
  border: 1px solid rgba(91, 107, 79, .2) !important;
  border-radius: 11px !important;
  color: var(--he-ink) !important;
  background: var(--he-green-soft) !important;
  box-shadow: none !important;
}

body.woocommerce-checkout .woocommerce-error {
  border-color: rgba(169, 71, 60, .24) !important;
  background: #fff5f3 !important;
}

body.woocommerce-checkout :where(.woocommerce-message, .woocommerce-info) a {
  color: var(--he-green-dark) !important;
  font-weight: 800;
  border-bottom: 1px solid currentColor;
}

body.woocommerce-checkout .woocommerce-error a {
  color: var(--he-danger) !important;
}

/* Order received / thank-you page */
body.woocommerce-order-received .woocommerce-order {
  width: min(100%, 980px);
  margin: 0 auto;
}

body.woocommerce-order-received .woocommerce-thankyou-order-received {
  margin-bottom: 24px !important;
  padding: 22px !important;
  border: 1px solid rgba(91, 107, 79, .2);
  border-radius: 12px;
  color: var(--he-green-dark);
  background: var(--he-green-soft);
  font-size: 17px;
  font-weight: 750;
  text-align: center;
}

body.woocommerce-order-received ul.order_details {
  padding: 20px !important;
  border: 1px solid var(--he-border);
  border-radius: 12px;
  background: var(--he-cream);
}

/* ----------------------- Tablet / mobile ----------------------- */
@media (max-width: 1024px) {
  body.woocommerce-checkout form.checkout {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  body.woocommerce-checkout :where(.checkout-order-review, #order_review) {
    width: 100% !important;
  }
}

@media (max-width: 767px) {
  body.woocommerce-checkout #main-content {
    padding: 28px 12px 44px;
  }

  body.woocommerce-checkout form.checkout > :where(.customer-details,
    #customer_details),
  body.woocommerce-checkout :where(.checkout-order-review, #order_review) {
    padding: 17px !important;
    border-radius: 12px !important;
  }

  body.woocommerce-checkout .form-row-first,
  body.woocommerce-checkout .form-row-last {
    float: none !important;
    width: 100% !important;
  }

  body.woocommerce-checkout form.checkout_coupon {
    display: grid;
    grid-template-columns: 1fr;
  }

  body.woocommerce-checkout form.checkout_coupon .button {
    width: 100%;
  }

  body.woocommerce-checkout :where(input.input-text, select,
    .select2-selection--single) {
    min-height: 48px !important;
    font-size: 16px !important; /* prevents iOS input zoom */
  }

  body.woocommerce-checkout table.shop_table th,
  body.woocommerce-checkout table.shop_table td {
    padding: 13px 0 !important;
  }

  body.woocommerce-checkout #payment {
    padding: 15px !important;
  }

  body.woocommerce-checkout #payment ul.payment_methods label img {
    max-width: min(190px, 58%) !important;
    max-height: 30px !important;
  }

  body.woocommerce-checkout #place_order {
    min-height: 58px;
  }

  body.woocommerce-order-received ul.order_details li {
    float: none !important;
    width: 100%;
    margin: 0 0 12px !important;
    padding: 0 0 12px !important;
    border-right: 0 !important;
    border-bottom: 1px solid var(--he-border);
  }
}

@media (prefers-reduced-motion: reduce) {
  body.woocommerce-checkout *,
  body.woocommerce-checkout *::before,
  body.woocommerce-checkout *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}

/* ================================================================
   FINAL MOBILE WOODMART STRUCTURE RESET
   WoodMart keeps image, title, price and quantity inside product-name.
   Do not split that cell into separate CSS-grid columns.
   ================================================================ */

@media (max-width: 767px) {
  body.woocommerce-checkout .checkout-order-review table.shop_table tbody {
    display: table-row-group !important;
    width: 100% !important;
  }

  body.woocommerce-checkout .checkout-order-review table.shop_table tbody tr.cart_item {
    display: table-row !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }

  body.woocommerce-checkout .checkout-order-review table.shop_table tbody tr.cart_item > td {
    display: table-cell !important;
    grid-column: auto !important;
    grid-row: auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding-top: 14px !important;
    padding-bottom: 14px !important;
    border-bottom: 1px solid var(--he-border) !important;
    vertical-align: middle !important;
  }

  /* This is the main WoodMart mobile product cell. */
  body.woocommerce-checkout .checkout-order-review table.shop_table tbody tr.cart_item > td.product-name {
    display: table-cell !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    color: var(--he-ink) !important;
    font-size: 12.5px !important;
    line-height: 1.4 !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
  }

  body.woocommerce-checkout .checkout-order-review tr.cart_item > td.product-name a {
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
  }

  /* Restore the theme's internal mobile product row. */
  body.woocommerce-checkout .checkout-order-review tr.cart_item > td.product-name > :where(
    .cart-item,
    .cart-item-product,
    .product-info,
    .wd-checkout-prod,
    .wd-product
  ) {
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
    align-items: center !important;
    gap: 10px !important;
  }

  body.woocommerce-checkout .checkout-order-review tr.cart_item :where(
    .product-name,
    .cart-info,
    .product-info,
    .wd-checkout-prod-cont
  ) {
    min-width: 0 !important;
  }

  /* Quantity stays small without changing the whole product cell. */
  body.woocommerce-checkout .checkout-order-review tr.cart_item .quantity {
    display: inline-grid !important;
    grid-template-columns: 24px 36px 24px !important;
    flex: 0 0 84px !important;
    width: 84px !important;
    min-width: 84px !important;
    max-width: 84px !important;
    height: 38px !important;
    margin: 0 !important;
  }

  body.woocommerce-checkout .checkout-order-review tr.cart_item .quantity :where(
    .minus,
    .plus,
    button,
    input.qty
  ) {
    height: 36px !important;
    min-height: 36px !important;
    line-height: 36px !important;
  }

  body.woocommerce-checkout .checkout-order-review tr.cart_item :where(
    .amount,
    bdi,
    .product-price,
    .product-subtotal,
    .product-total
  ) {
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
  }
}

/* ================================================================
   LAYOUT CORRECTION — WOODMART CHECKOUT WRAPPERS
   Prevents the double/narrow Your Order card and the large middle gap.
   Keep this section at the very end of the stylesheet.
   ================================================================ */

body.woocommerce-checkout form.checkout.woocommerce-checkout {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(380px, 430px) !important;
  column-gap: clamp(28px, 4vw, 54px) !important;
  row-gap: 24px !important;
  width: 100% !important;
  max-width: 1240px !important;
  margin-right: auto !important;
  margin-left: auto !important;
  padding: 0 !important;
}

/* Remove WoodMart/Bootstrap column widths, floats and side spacing. */
body.woocommerce-checkout form.checkout.woocommerce-checkout > .customer-details,
body.woocommerce-checkout form.checkout.woocommerce-checkout > #customer_details {
  grid-column: 1 !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: clamp(22px, 3vw, 36px) !important;
  float: none !important;
  flex: none !important;
}

body.woocommerce-checkout form.checkout.woocommerce-checkout > .checkout-order-review {
  grid-column: 2 !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: clamp(22px, 2.5vw, 30px) !important;
  float: none !important;
  flex: none !important;
  align-self: start !important;
}

/* #order_review is INSIDE the outer order card: never draw a second card. */
body.woocommerce-checkout .checkout-order-review > #order_review,
body.woocommerce-checkout .checkout-order-review .woocommerce-checkout-review-order {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.woocommerce-checkout .checkout-order-review #order_review_heading {
  width: 100% !important;
  margin: 0 0 20px !important;
  white-space: normal !important;
}

body.woocommerce-checkout .checkout-order-review table.shop_table,
body.woocommerce-checkout .checkout-order-review .wd-table-wrapper {
  display: table !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
}

body.woocommerce-checkout .checkout-order-review .wd-table-wrapper {
  display: block !important;
}

body.woocommerce-checkout .checkout-order-review table.shop_table {
  table-layout: auto !important;
}

body.woocommerce-checkout .checkout-order-review table.shop_table th:first-child,
body.woocommerce-checkout .checkout-order-review table.shop_table td:first-child {
  width: 68% !important;
  padding-right: 14px !important;
  text-align: left !important;
}

body.woocommerce-checkout .checkout-order-review table.shop_table th:last-child,
body.woocommerce-checkout .checkout-order-review table.shop_table td:last-child {
  width: 32% !important;
  white-space: nowrap !important;
  text-align: right !important;
}

@media (max-width: 1024px) {
  body.woocommerce-checkout form.checkout.woocommerce-checkout {
    grid-template-columns: minmax(0, 1fr) minmax(330px, 390px) !important;
    column-gap: 24px !important;
  }
}

@media (max-width: 850px) {
  body.woocommerce-checkout form.checkout.woocommerce-checkout {
    display: block !important;
    max-width: 720px !important;
  }

  body.woocommerce-checkout form.checkout.woocommerce-checkout > .customer-details,
  body.woocommerce-checkout form.checkout.woocommerce-checkout > #customer_details,
  body.woocommerce-checkout form.checkout.woocommerce-checkout > .checkout-order-review {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 24px !important;
  }
}

@media (max-width: 480px) {
  body.woocommerce-checkout form.checkout.woocommerce-checkout > .customer-details,
  body.woocommerce-checkout form.checkout.woocommerce-checkout > #customer_details,
  body.woocommerce-checkout form.checkout.woocommerce-checkout > .checkout-order-review {
    padding: 16px !important;
  }

  body.woocommerce-checkout .checkout-order-review table.shop_table th:first-child,
  body.woocommerce-checkout .checkout-order-review table.shop_table td:first-child {
    width: 62% !important;
  }

  body.woocommerce-checkout .checkout-order-review table.shop_table th:last-child,
  body.woocommerce-checkout .checkout-order-review table.shop_table td:last-child {
    width: 38% !important;
  }
}

/* ================================================================
   MOBILE ORDER PRODUCT GRID
   remove | image | product + price | quantity
   ================================================================ */

@media (max-width: 767px) {
  body.woocommerce-checkout .checkout-order-review,
  body.woocommerce-checkout .checkout-order-review > #order_review,
  body.woocommerce-checkout .checkout-order-review .woocommerce-checkout-review-order,
  body.woocommerce-checkout .checkout-order-review .wd-table-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  body.woocommerce-checkout .checkout-order-review table.shop_table tbody {
    display: block !important;
    width: 100% !important;
  }

  body.woocommerce-checkout .checkout-order-review table.shop_table tbody tr.cart_item {
    display: grid !important;
    grid-template-columns: 18px 58px minmax(0, 1fr) 88px !important;
    grid-template-rows: auto auto !important;
    column-gap: 10px !important;
    row-gap: 5px !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 14px 0 !important;
    border-bottom: 1px solid var(--he-border) !important;
    align-items: center !important;
  }

  body.woocommerce-checkout .checkout-order-review table.shop_table tbody tr.cart_item > td {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    text-align: left !important;
  }

  body.woocommerce-checkout .checkout-order-review tr.cart_item > td.product-remove {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    align-self: center !important;
  }

  body.woocommerce-checkout .checkout-order-review tr.cart_item > td.product-remove a.remove {
    display: grid !important;
    width: 18px !important;
    height: 30px !important;
    min-width: 18px !important;
    padding: 0 !important;
    border: 0 !important;
    color: var(--he-green-dark) !important;
    background: transparent !important;
    font-size: 17px !important;
    line-height: 1 !important;
    place-items: center !important;
  }

  body.woocommerce-checkout .checkout-order-review tr.cart_item > td.product-thumbnail,
  body.woocommerce-checkout .checkout-order-review tr.cart_item > .cart-product-image {
    grid-column: 2 !important;
    grid-row: 1 / span 2 !important;
    width: 58px !important;
    min-width: 58px !important;
    align-self: center !important;
  }

  body.woocommerce-checkout .checkout-order-review tr.cart_item :where(
    td.product-thumbnail img,
    .cart-product-image img,
    .product-image img
  ) {
    display: block !important;
    width: 56px !important;
    height: 64px !important;
    margin: 0 !important;
    border-radius: 7px !important;
    object-fit: cover !important;
  }

  body.woocommerce-checkout .checkout-order-review tr.cart_item > td.product-name {
    grid-column: 3 !important;
    grid-row: 1 !important;
    align-self: end !important;
    padding: 0 2px 1px 0 !important;
    color: var(--he-ink) !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    overflow-wrap: break-word !important;
  }

  body.woocommerce-checkout .checkout-order-review tr.cart_item > td.product-name a {
    color: var(--he-ink) !important;
    font-size: inherit !important;
    line-height: inherit !important;
  }

  body.woocommerce-checkout .checkout-order-review tr.cart_item > :where(
    td.product-price,
    td.product-subtotal,
    td.product-total
  ) {
    grid-column: 3 !important;
    grid-row: 2 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    align-self: start !important;
    color: var(--he-green-dark) !important;
    font-size: 12.5px !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
    text-align: left !important;
    white-space: nowrap !important;
  }

  body.woocommerce-checkout .checkout-order-review tr.cart_item > td.product-quantity {
    grid-column: 4 !important;
    grid-row: 1 / span 2 !important;
    width: 88px !important;
    min-width: 88px !important;
    max-width: 88px !important;
    align-self: center !important;
    justify-self: end !important;
  }

  body.woocommerce-checkout .checkout-order-review tr.cart_item td::before {
    content: none !important;
    display: none !important;
  }

  body.woocommerce-checkout .checkout-order-review tr.cart_item .quantity {
    grid-template-columns: 25px 38px 25px !important;
    width: 88px !important;
    min-width: 88px !important;
    max-width: 88px !important;
    margin: 0 !important;
  }
}

@media (max-width: 390px) {
  body.woocommerce-checkout .checkout-order-review table.shop_table tbody tr.cart_item {
    grid-template-columns: 16px 52px minmax(0, 1fr) 82px !important;
    column-gap: 7px !important;
  }

  body.woocommerce-checkout .checkout-order-review tr.cart_item > td.product-thumbnail,
  body.woocommerce-checkout .checkout-order-review tr.cart_item > .cart-product-image {
    width: 52px !important;
    min-width: 52px !important;
  }

  body.woocommerce-checkout .checkout-order-review tr.cart_item :where(
    td.product-thumbnail img,
    .cart-product-image img,
    .product-image img
  ) {
    width: 50px !important;
    height: 58px !important;
  }

  body.woocommerce-checkout .checkout-order-review tr.cart_item > td.product-quantity,
  body.woocommerce-checkout .checkout-order-review tr.cart_item .quantity {
    width: 82px !important;
    min-width: 82px !important;
    max-width: 82px !important;
  }

  body.woocommerce-checkout .checkout-order-review tr.cart_item .quantity {
    grid-template-columns: 23px 36px 23px !important;
  }

  body.woocommerce-checkout .checkout-order-review tr.cart_item > td.product-name {
    font-size: 11.5px !important;
  }
}

/* ================================================================
   COMPACT PRODUCT ROWS + PRICE + PAYMENT NOTICE FIX
   ================================================================ */

/* Let the browser distribute the product row columns naturally. */
body.woocommerce-checkout .checkout-order-review table.shop_table,
body.woocommerce-checkout .checkout-order-review-table {
  table-layout: auto !important;
}

/* Product information may grow; price must always remain on one line. */
body.woocommerce-checkout .checkout-order-review table.shop_table td.product-name {
  width: auto !important;
  min-width: 0 !important;
  padding-right: 10px !important;
  font-size: 12.5px !important;
  line-height: 1.4 !important;
}

body.woocommerce-checkout .checkout-order-review table.shop_table :where(
  th.product-total,
  td.product-total,
  th.product-price,
  td.product-price,
  th.product-subtotal,
  td.product-subtotal
) {
  width: 86px !important;
  min-width: 86px !important;
  max-width: 96px !important;
  padding-left: 8px !important;
  padding-right: 0 !important;
  text-align: right !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
}

body.woocommerce-checkout .checkout-order-review table.shop_table :where(
  .product-total,
  .product-price,
  .product-subtotal
) :where(.amount, bdi) {
  display: inline !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
  font-size: 13px !important;
}

/* Compact quantity control inside Your Order only. */
body.woocommerce-checkout .checkout-order-review .quantity {
  display: inline-grid !important;
  grid-template-columns: 28px 42px 28px !important;
  width: 98px !important;
  min-width: 98px !important;
  max-width: 98px !important;
  height: 40px !important;
  min-height: 40px !important;
  margin: 5px 0 0 !important;
  border: 1px solid var(--he-border) !important;
  border-radius: 8px !important;
  background: var(--he-cream) !important;
  overflow: hidden !important;
  vertical-align: middle !important;
}

body.woocommerce-checkout .checkout-order-review .quantity :where(
  .minus,
  .plus,
  button,
  input.qty
) {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 38px !important;
  min-height: 38px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 12px !important;
  line-height: 38px !important;
  text-align: center !important;
}

body.woocommerce-checkout .checkout-order-review .quantity input.qty {
  border-right: 1px solid var(--he-border) !important;
  border-left: 1px solid var(--he-border) !important;
  color: var(--he-ink) !important;
  -moz-appearance: textfield;
}

body.woocommerce-checkout .checkout-order-review .quantity input.qty::-webkit-outer-spin-button,
body.woocommerce-checkout .checkout-order-review .quantity input.qty::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

body.woocommerce-checkout .checkout-order-review .quantity :where(.minus, .plus):hover {
  color: var(--he-white) !important;
  background: var(--he-wood) !important;
}

/* Keep checkout product thumbnails compact and proportional. */
body.woocommerce-checkout .checkout-order-review :where(
  td.product-thumbnail,
  .cart-product-image
) {
  width: 56px !important;
  min-width: 56px !important;
  max-width: 56px !important;
}

body.woocommerce-checkout .checkout-order-review :where(
  td.product-thumbnail img,
  .cart-product-image img,
  .product-image img
) {
  width: 48px !important;
  height: 58px !important;
  border-radius: 7px !important;
  object-fit: cover !important;
}

/* Undo the earlier generic first/last column percentages for product rows. */
body.woocommerce-checkout .checkout-order-review tr.cart_item > th:first-child,
body.woocommerce-checkout .checkout-order-review tr.cart_item > td:first-child,
body.woocommerce-checkout .checkout-order-review tr.cart_item > th:last-child,
body.woocommerce-checkout .checkout-order-review tr.cart_item > td:last-child {
  width: auto !important;
}

body.woocommerce-checkout .checkout-order-review tr.cart_item > td:last-child {
  min-width: 86px !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
}

/* Payment error/info icon: reserve space so it never covers the text. */
body.woocommerce-checkout #payment :where(
  .woocommerce-notice,
  .woocommerce-info,
  .woocommerce-error,
  .woocommerce-notice--info
) {
  position: relative !important;
  display: block !important;
  min-height: 64px !important;
  margin: 0 !important;
  padding: 16px 16px 16px 48px !important;
  border: 1px solid rgba(91, 107, 79, .2) !important;
  border-radius: 10px !important;
  color: var(--he-ink) !important;
  background: var(--he-green-soft) !important;
  font-size: 12px !important;
  line-height: 1.65 !important;
  text-align: left !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
}

body.woocommerce-checkout #payment :where(
  .woocommerce-notice,
  .woocommerce-info,
  .woocommerce-error,
  .woocommerce-notice--info
)::before {
  position: absolute !important;
  top: 17px !important;
  left: 17px !important;
  width: 20px !important;
  height: 20px !important;
  margin: 0 !important;
  line-height: 20px !important;
  text-align: center !important;
}

@media (max-width: 480px) {
  body.woocommerce-checkout .checkout-order-review .quantity {
    grid-template-columns: 25px 38px 25px !important;
    width: 88px !important;
    min-width: 88px !important;
    max-width: 88px !important;
    height: 38px !important;
  }

  body.woocommerce-checkout .checkout-order-review .quantity :where(
    .minus,
    .plus,
    button,
    input.qty
  ) {
    height: 36px !important;
    min-height: 36px !important;
    line-height: 36px !important;
  }

  body.woocommerce-checkout .checkout-order-review table.shop_table :where(
    th.product-total,
    td.product-total,
    th.product-price,
    td.product-price,
    th.product-subtotal,
    td.product-subtotal
  ),
  body.woocommerce-checkout .checkout-order-review tr.cart_item > td:last-child {
    width: 76px !important;
    min-width: 76px !important;
    max-width: 82px !important;
    font-size: 12px !important;
  }

  body.woocommerce-checkout #payment :where(
    .woocommerce-notice,
    .woocommerce-info,
    .woocommerce-error,
    .woocommerce-notice--info
  ) {
    padding: 14px 13px 14px 43px !important;
    font-size: 11.5px !important;
  }

  body.woocommerce-checkout #payment :where(
    .woocommerce-notice,
    .woocommerce-info,
    .woocommerce-error,
    .woocommerce-notice--info
  )::before {
    top: 15px !important;
    left: 14px !important;
  }
}

/* ================================================================
   ORDER SUMMARY CONTENT FIX
   Gives Your Order more room and prevents Shipping/payment text overflow.
   ================================================================ */

@media (min-width: 1025px) {
  body.woocommerce-checkout form.checkout.woocommerce-checkout {
    grid-template-columns: minmax(0, 1fr) minmax(440px, 480px) !important;
    max-width: 1280px !important;
    column-gap: clamp(28px, 3.2vw, 46px) !important;
  }
}

/* Do not force the right table column onto one long line. */
body.woocommerce-checkout .checkout-order-review table.shop_table th:last-child,
body.woocommerce-checkout .checkout-order-review table.shop_table td:last-child {
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

body.woocommerce-checkout .checkout-order-review table.shop_table {
  width: 100% !important;
  max-width: 100% !important;
  table-layout: fixed !important;
}

body.woocommerce-checkout .checkout-order-review table.shop_table th,
body.woocommerce-checkout .checkout-order-review table.shop_table td {
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Shipping needs more space than a price-only row. */
body.woocommerce-checkout .checkout-order-review tr.woocommerce-shipping-totals th,
body.woocommerce-checkout .checkout-order-review tr.shipping th {
  width: 32% !important;
  padding-right: 12px !important;
  text-align: left !important;
}

body.woocommerce-checkout .checkout-order-review tr.woocommerce-shipping-totals td,
body.woocommerce-checkout .checkout-order-review tr.shipping td {
  width: 68% !important;
  padding-left: 10px !important;
  color: var(--he-muted) !important;
  font-size: 12px !important;
  line-height: 1.55 !important;
  text-align: right !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
}

body.woocommerce-checkout .checkout-order-review :where(
  .woocommerce-shipping-methods,
  .woocommerce-shipping-destination,
  .woocommerce-shipping-calculator,
  .shipping-calculator-form
) {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
}

body.woocommerce-checkout .checkout-order-review .woocommerce-shipping-methods li {
  display: block !important;
  margin: 0 0 7px !important;
  white-space: normal !important;
}

/* Keep totals clean and aligned without allowing overflow. */
body.woocommerce-checkout .checkout-order-review tr.cart-subtotal th,
body.woocommerce-checkout .checkout-order-review tr.order-total th {
  width: 50% !important;
  text-align: left !important;
}

body.woocommerce-checkout .checkout-order-review tr.cart-subtotal td,
body.woocommerce-checkout .checkout-order-review tr.order-total td {
  width: 50% !important;
  text-align: right !important;
  white-space: nowrap !important;
}

/* Payment messages and gateway descriptions must stay inside the card. */
body.woocommerce-checkout #payment,
body.woocommerce-checkout #payment .payment_box,
body.woocommerce-checkout #payment .woocommerce-notice,
body.woocommerce-checkout #payment .woocommerce-error,
body.woocommerce-checkout #payment .woocommerce-info {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
}

body.woocommerce-checkout #payment .woocommerce-notice,
body.woocommerce-checkout #payment .woocommerce-error,
body.woocommerce-checkout #payment .woocommerce-info {
  margin: 0 !important;
  font-size: 12px !important;
  line-height: 1.65 !important;
}

@media (max-width: 1024px) and (min-width: 851px) {
  body.woocommerce-checkout form.checkout.woocommerce-checkout {
    grid-template-columns: minmax(0, 1fr) minmax(370px, 410px) !important;
  }
}

@media (max-width: 480px) {
  body.woocommerce-checkout .checkout-order-review tr.woocommerce-shipping-totals th,
  body.woocommerce-checkout .checkout-order-review tr.shipping th {
    width: 28% !important;
  }

  body.woocommerce-checkout .checkout-order-review tr.woocommerce-shipping-totals td,
  body.woocommerce-checkout .checkout-order-review tr.shipping td {
    width: 72% !important;
    padding-left: 8px !important;
    font-size: 11px !important;
  }
}

/* FINAL OVERRIDE: must remain at the absolute end of this file. */
@media (max-width: 767px) {
  body.woocommerce-checkout .checkout-order-review table.shop_table tbody {
    display: table-row-group !important;
  }

  body.woocommerce-checkout .checkout-order-review table.shop_table tbody tr.cart_item {
    display: table-row !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }

  body.woocommerce-checkout .checkout-order-review table.shop_table tbody tr.cart_item > td {
    display: table-cell !important;
    grid-column: auto !important;
    grid-row: auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding-top: 14px !important;
    padding-bottom: 14px !important;
    border-bottom: 1px solid var(--he-border) !important;
    vertical-align: middle !important;
  }

  body.woocommerce-checkout .checkout-order-review table.shop_table tbody tr.cart_item > td.product-name {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    font-size: 12.5px !important;
    line-height: 1.4 !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
  }

  body.woocommerce-checkout .checkout-order-review tr.cart_item > td.product-name a {
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
  }

  body.woocommerce-checkout .checkout-order-review tr.cart_item .quantity {
    display: inline-grid !important;
    grid-template-columns: 24px 36px 24px !important;
    width: 84px !important;
    min-width: 84px !important;
    max-width: 84px !important;
    height: 38px !important;
    margin: 0 !important;
  }

  body.woocommerce-checkout .checkout-order-review tr.cart_item :where(
    .amount,
    bdi,
    .product-price,
    .product-subtotal,
    .product-total
  ) {
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
  }
}
Library
/
homeeys-shop-custom.css





/* =========================================================
   HOME EYSE — HOME PAGE CUSTOM CSS
   Appearance > Customize > Additional CSS වෙත paste කරන්න.
   ========================================================= */

body.home {
    --he-green: #5b6b4f;
    --he-green-dark: #46543c;
    --he-green-soft: #eef1ea;
    --he-wood: #8a5a3b;
    --he-cream: #faf9f6;
    --he-border: #e7e3dc;
    --he-shadow: 0 8px 24px rgba(70, 84, 60, .09);
}

/* ---------- Best Selling heading ---------- */
body.home .elementor-element-d243fcd .title-subtitle {
    color: var(--he-wood) !important;
    font-family: "Inter", Arial, sans-serif !important;
    letter-spacing: .14em;
}

body.home .elementor-element-d243fcd .woodmart-title-container {
    color: var(--he-green-dark) !important;
    font-family: "Playfair Display", Georgia, serif !important;
    font-weight: 700 !important;
    letter-spacing: .02em;
}

body.home .elementor-element-d243fcd .liner-continer:after {
    background-color: var(--he-green) !important;
}

body.home .elementor-element-d243fcd .title-after_title {
    color: #6d7169 !important;
    font-family: "Inter", Arial, sans-serif !important;
}

/* ---------- Best Selling product cards ---------- */
body.home .elementor-element-d371e06 .wd-carousel-item {
    height: auto !important;
}

body.home .elementor-element-d371e06 .wd-product {
    height: 100% !important;
    padding: 0 !important;
}

body.home .elementor-element-d371e06 .product-wrapper {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--he-border);
    border-radius: 12px !important;
    box-shadow: var(--he-shadow);
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

body.home .elementor-element-d371e06 .product-wrapper:hover {
    transform: translateY(-4px);
    border-color: rgba(138, 90, 59, .45);
    box-shadow: 0 14px 32px rgba(70, 84, 60, .15);
}

body.home .elementor-element-d371e06 .product-image-link {
    display: block;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    background: var(--he-cream);
}

body.home .elementor-element-d371e06 .product-image-link img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    transition: transform .35s ease;
}

body.home .elementor-element-d371e06 .product-wrapper:hover .product-image-link img {
    transform: scale(1.035);
}

body.home .elementor-element-d371e06 .product-element-bottom {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    padding: 18px 17px 17px !important;
}

body.home .elementor-element-d371e06 .wd-entities-title {
    margin-bottom: 7px !important;
    color: #252a24 !important;
    font-family: "Playfair Display", Georgia, serif !important;
    font-size: 18px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
}

body.home .elementor-element-d371e06 .wd-entities-title a {
    color: inherit !important;
    transition: color .2s ease;
}

body.home .elementor-element-d371e06 .wd-entities-title a:hover {
    color: var(--he-wood) !important;
}

body.home .elementor-element-d371e06 .wd-product-cats {
    color: #8b8f88 !important;
    font-family: "Inter", Arial, sans-serif !important;
    font-size: 10px !important;
    letter-spacing: .12em;
    text-transform: uppercase;
}

body.home .elementor-element-d371e06 .wrap-price {
    margin-top: 10px !important;
}

body.home .elementor-element-d371e06 .price {
    color: var(--he-green-dark) !important;
    font-family: "Inter", Arial, sans-serif !important;
    font-size: 17px !important;
    font-weight: 700 !important;
}

/* Remove the small hover description */
body.home .elementor-element-d371e06 .wd-product-footer,
body.home .elementor-element-d371e06 .wd-product-excerpt {
    display: none !important;
}

/* ---------- Product buttons ---------- */
body.home .elementor-element-d371e06 .wd-add-btn {
    margin-top: auto !important;
    padding-top: 15px !important;
}

body.home .elementor-element-d371e06 .wd-add-btn a,
body.home .elementor-element-d371e06 .wd-add-btn a.button {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    min-height: 44px;
    padding: 10px 12px !important;
    color: #fff !important;
    background: var(--he-green-dark) !important;
    border: 1px solid var(--he-green-dark) !important;
    border-radius: 8px !important;
    font-family: "Inter", Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: .04em;
    box-shadow: none !important;
    transition: background-color .22s ease, border-color .22s ease, transform .22s ease !important;
}

body.home .elementor-element-d371e06 .wd-add-btn a:hover,
body.home .elementor-element-d371e06 .wd-add-btn a:focus {
    color: #fff !important;
    background: var(--he-wood) !important;
    border-color: var(--he-wood) !important;
    transform: translateY(-1px);
}

/* Wishlist / quick action icons */
body.home .elementor-element-d371e06 .wd-buttons {
    overflow: hidden;
    background: rgba(255, 255, 255, .96) !important;
    border: 1px solid var(--he-border);
    border-radius: 9px !important;
    box-shadow: 0 5px 16px rgba(70, 84, 60, .12) !important;
}

body.home .elementor-element-d371e06 .wd-buttons a:hover {
    color: #fff !important;
    background: var(--he-wood) !important;
}

/* ---------- Other visible home-page CTA buttons ---------- */
body.home .main-page-wrapper a.btn:not(.wd-skip-navigation):not(.wd-skip-content),
body.home .main-page-wrapper a.button:not(.add-to-cart-loop) {
    border-radius: 8px !important;
    transition: color .22s ease, background-color .22s ease, border-color .22s ease, transform .22s ease !important;
}

body.home .main-page-wrapper a.btn:not(.wd-skip-navigation):not(.wd-skip-content):hover,
body.home .main-page-wrapper a.button:not(.add-to-cart-loop):hover {
    color: #fff !important;
    background-color: var(--he-wood) !important;
    border-color: var(--he-wood) !important;
    transform: translateY(-1px);
}

/* ---------- Tablet ---------- */
@media (max-width: 1024px) {
    body.home .elementor-element-d371e06 .product-element-bottom {
        padding: 15px 14px 14px !important;
    }
}

/* ---------- Mobile: keep two neat cards per row ---------- */
@media (max-width: 767px) {
    body.home .elementor-element-d243fcd .woodmart-title-container {
        font-size: 25px !important;
        line-height: 1.2 !important;
    }

    body.home .elementor-element-d371e06 .wd-carousel {
        --wd-col: 2 !important;
    }

    body.home .elementor-element-d371e06 .wd-carousel-item {
        width: 50% !important;
        min-width: 50% !important;
        padding-inline: 5px !important;
    }

    body.home .elementor-element-d371e06 .product-wrapper {
        border-radius: 10px !important;
        box-shadow: 0 5px 16px rgba(70, 84, 60, .08);
    }

    body.home .elementor-element-d371e06 .product-element-bottom {
        padding: 12px 10px 11px !important;
    }

    body.home .elementor-element-d371e06 .wd-entities-title {
        min-height: 36px;
        margin-bottom: 5px !important;
        font-size: 14px !important;
        line-height: 1.28 !important;
    }

    body.home .elementor-element-d371e06 .wd-product-cats {
        font-size: 8px !important;
    }

    body.home .elementor-element-d371e06 .price {
        font-size: 14px !important;
    }

    body.home .elementor-element-d371e06 .wd-add-btn {
        padding-top: 11px !important;
    }

    body.home .elementor-element-d371e06 .wd-add-btn a,
    body.home .elementor-element-d371e06 .wd-add-btn a.button {
        min-height: 38px;
        padding: 8px 5px !important;
        font-size: 10px !important;
        border-radius: 7px !important;
    }

    body.home .elementor-element-d371e06 .wd-buttons {
        top: 7px !important;
        right: 7px !important;
        transform: scale(.86);
        transform-origin: top right;
    }
}

/* =========================================================
   BEST SELLING — FIXED CONTENT ORDER
   Image > details > price > bottom button
   ========================================================= */
body.home.page-id-1322 .elementor-element-d371e06 .wd-product-wrapper {
    display: flex !important;
    position: relative !important;
    flex-direction: column !important;
    align-items: stretch !important;
    height: 100% !important;
    min-height: 100% !important;
    overflow: hidden !important;
}

/* The theme places the button inside the image container.
   display:contents lets us visually move it below the price. */
body.home.page-id-1322 .elementor-element-d371e06 .wd-product-thumb {
    display: contents !important;
}

body.home.page-id-1322 .elementor-element-d371e06 .wd-product-img-link {
    order: 1 !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    margin: 0 !important;
}

body.home.page-id-1322 .elementor-element-d371e06 .wd-entities-title {
    order: 2 !important;
    width: 100% !important;
    min-height: 47px !important;
    margin: 0 !important;
    padding: 17px 17px 5px !important;
}

body.home.page-id-1322 .elementor-element-d371e06 .wd-product-cats {
    order: 3 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 17px 6px !important;
}

body.home.page-id-1322 .elementor-element-d371e06 .wd-product-wrapper > .price {
    order: 4 !important;
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 3px 17px 0 !important;
}

body.home.page-id-1322 .elementor-element-d371e06 .wd-add-btn,
body.home.page-id-1322 .elementor-element-d371e06 .wd-add-btn-replace {
    order: 5 !important;
    flex: 0 0 auto !important;
    width: auto !important;
    margin: auto 17px 17px !important;
    padding: 15px 0 0 !important;
}

body.home.page-id-1322 .elementor-element-d371e06 .wd-buttons {
    display: flex !important;
    position: absolute !important;
    z-index: 5 !important;
    top: 10px !important;
    right: 10px !important;
    order: initial !important;
}

body.home.page-id-1322 .elementor-element-d371e06 .wd-product-grid-slider-pagin {
    display: none !important;
}

@media (max-width: 767px) {
    body.home.page-id-1322 .elementor-element-d371e06 .wd-entities-title {
        min-height: 48px !important;
        padding: 12px 10px 4px !important;
    }

    body.home.page-id-1322 .elementor-element-d371e06 .wd-product-cats {
        padding: 0 10px 5px !important;
    }

    body.home.page-id-1322 .elementor-element-d371e06 .wd-product-wrapper > .price {
        padding: 2px 10px 0 !important;
    }

    body.home.page-id-1322 .elementor-element-d371e06 .wd-add-btn,
    body.home.page-id-1322 .elementor-element-d371e06 .wd-add-btn-replace {
        margin: auto 10px 10px !important;
        padding-top: 11px !important;
    }
}

/* =========================================================
   COMPLETE HOME-PAGE COLOUR SYSTEM
   Applies to every section inside the home-page content only.
   ========================================================= */

/* All WoodMart section titles and subtitles */
body.home.page-id-1322 .main-page-wrapper .elementor-widget-wd_title .woodmart-title-container,
body.home.page-id-1322 .main-page-wrapper .elementor-widget-heading .elementor-heading-title {
    color: #46543c !important;
    font-family: "Playfair Display", Georgia, serif !important;
}

body.home.page-id-1322 .main-page-wrapper .elementor-widget-wd_title .title-subtitle {
    color: #8a5a3b !important;
    font-family: "Inter", Arial, sans-serif !important;
    letter-spacing: .12em;
}

body.home.page-id-1322 .main-page-wrapper .elementor-widget-wd_title .liner-continer:after,
body.home.page-id-1322 .main-page-wrapper .wd-title-style-underlined .liner-continer:after {
    background-color: #5b6b4f !important;
}

body.home.page-id-1322 .main-page-wrapper .elementor-widget-wd_title .title-after_title {
    color: #6d7169 !important;
    font-family: "Inter", Arial, sans-serif !important;
}

/* All normal home-page CTA buttons */
body.home.page-id-1322 .main-page-wrapper a.btn:not(.wd-skip-navigation):not(.wd-skip-content),
body.home.page-id-1322 .main-page-wrapper button:not(.flickity-button),
body.home.page-id-1322 .main-page-wrapper input[type="submit"],
body.home.page-id-1322 .main-page-wrapper .elementor-button {
    color: #fff !important;
    background-color: #46543c !important;
    border-color: #46543c !important;
    border-radius: 8px !important;
    font-family: "Inter", Arial, sans-serif !important;
    transition: color .22s ease, background-color .22s ease, border-color .22s ease, transform .22s ease !important;
}

body.home.page-id-1322 .main-page-wrapper a.btn:not(.wd-skip-navigation):not(.wd-skip-content):hover,
body.home.page-id-1322 .main-page-wrapper button:not(.flickity-button):hover,
body.home.page-id-1322 .main-page-wrapper input[type="submit"]:hover,
body.home.page-id-1322 .main-page-wrapper .elementor-button:hover {
    color: #fff !important;
    background-color: #8a5a3b !important;
    border-color: #8a5a3b !important;
    transform: translateY(-1px);
}

/* Bordered home buttons */
body.home.page-id-1322 .main-page-wrapper .btn-style-bordered {
    color: #46543c !important;
    background-color: transparent !important;
    border-color: #46543c !important;
}

body.home.page-id-1322 .main-page-wrapper .btn-style-bordered:hover {
    color: #fff !important;
    background-color: #8a5a3b !important;
    border-color: #8a5a3b !important;
}

/* Category cards and links */
body.home.page-id-1322 .main-page-wrapper .category-grid-item .wd-entities-title,
body.home.page-id-1322 .main-page-wrapper .category-grid-item .wd-entities-title a {
    color: #46543c !important;
    font-family: "Playfair Display", Georgia, serif !important;
    transition: color .2s ease !important;
}

body.home.page-id-1322 .main-page-wrapper .category-grid-item:hover .wd-entities-title,
body.home.page-id-1322 .main-page-wrapper .category-grid-item:hover .wd-entities-title a {
    color: #8a5a3b !important;
}

body.home.page-id-1322 .main-page-wrapper .category-grid-item .category-image-wrapp {
    overflow: hidden;
    border-radius: 12px !important;
}

/* Blog cards, links and read-more */
body.home.page-id-1322 .main-page-wrapper .post-title,
body.home.page-id-1322 .main-page-wrapper .post-title a {
    color: #46543c !important;
    font-family: "Playfair Display", Georgia, serif !important;
}

body.home.page-id-1322 .main-page-wrapper .post-title a:hover,
body.home.page-id-1322 .main-page-wrapper .entry-meta a:hover,
body.home.page-id-1322 .main-page-wrapper .wd-entry-meta a:hover {
    color: #8a5a3b !important;
}

body.home.page-id-1322 .main-page-wrapper .blog-design-masonry .article-inner,
body.home.page-id-1322 .main-page-wrapper .blog-design-small-images .article-inner {
    overflow: hidden;
    border: 1px solid #e7e3dc;
    border-radius: 12px !important;
    box-shadow: 0 8px 24px rgba(70, 84, 60, .08);
}

/* Newsletter fields */
body.home.page-id-1322 .main-page-wrapper input[type="text"],
body.home.page-id-1322 .main-page-wrapper input[type="email"],
body.home.page-id-1322 .main-page-wrapper input[type="tel"],
body.home.page-id-1322 .main-page-wrapper textarea {
    border-color: #dfe3da !important;
    border-radius: 8px !important;
    background-color: #faf9f6 !important;
}

body.home.page-id-1322 .main-page-wrapper input[type="text"]:focus,
body.home.page-id-1322 .main-page-wrapper input[type="email"]:focus,
body.home.page-id-1322 .main-page-wrapper input[type="tel"]:focus,
body.home.page-id-1322 .main-page-wrapper textarea:focus {
    border-color: #5b6b4f !important;
    box-shadow: 0 0 0 3px rgba(91, 107, 79, .12) !important;
}

/* Home content links and carousel controls */
body.home.page-id-1322 .main-page-wrapper .wd-nav a:hover,
body.home.page-id-1322 .main-page-wrapper .wd-nav .wd-active > a {
    color: #8a5a3b !important;
}

body.home.page-id-1322 .main-page-wrapper .wd-btn-arrow:hover,
body.home.page-id-1322 .main-page-wrapper .wd-carousel .wd-btn-arrow:hover {
    color: #fff !important;
    background-color: #8a5a3b !important;
}

/* Product prices, sale badges and quick-action hover */
body.home.page-id-1322 .main-page-wrapper .wd-product .price,
body.home.page-id-1322 .main-page-wrapper .wd-product .amount {
    color: #46543c !important;
}

body.home.page-id-1322 .main-page-wrapper .wd-product .onsale {
    color: #fff !important;
    background-color: #8a5a3b !important;
}

body.home.page-id-1322 .main-page-wrapper .wd-product .wd-buttons a:hover {
    color: #fff !important;
    background-color: #8a5a3b !important;
}

@media (max-width: 767px) {
    body.home.page-id-1322 .main-page-wrapper .elementor-widget-wd_title .woodmart-title-container,
    body.home.page-id-1322 .main-page-wrapper .elementor-widget-heading .elementor-heading-title {
        font-size: clamp(22px, 7vw, 28px) !important;
        line-height: 1.2 !important;
    }

    body.home.page-id-1322 .main-page-wrapper .category-grid-item .category-image-wrapp,
    body.home.page-id-1322 .main-page-wrapper .blog-design-masonry .article-inner {
        border-radius: 10px !important;
    }
}

@media (max-width: 360px) {
    body.home .elementor-element-d371e06 .wd-carousel-item {
        padding-inline: 4px !important;
    }

    body.home .elementor-element-d371e06 .wd-entities-title {
        font-size: 13px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.home .elementor-element-d371e06 *,
    body.home .main-page-wrapper a.btn,
    body.home .main-page-wrapper a.button {
        animation: none !important;
        transition: none !important;
    }
}

/* =========================================================
   FINAL FIX — HOME BUTTON SAME AS SHOP PAGE
   Home widget uses wd-hover-quick; shop uses wd-hover-fw-button.
   ========================================================= */
body.home.page-id-1322 .elementor-element-d371e06 .wd-product .wd-add-btn,
body.home.page-id-1322 .elementor-element-d371e06 .wd-product .wd-add-btn-replace {
    display: block !important;
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    margin: auto 0 0 !important;
    padding: 15px 0 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}

body.home.page-id-1322 .elementor-element-d371e06 .wd-product .wd-add-btn a,
body.home.page-id-1322 .elementor-element-d371e06 .wd-product .wd-add-btn a.button,
body.home.page-id-1322 .elementor-element-d371e06 .wd-product a.add-to-cart-loop {
    display: inline-flex !important;
    position: relative !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 44px !important;
    padding: 10px 14px !important;
    color: #fff !important;
    background-color: #46543c !important;
    border: 1px solid #46543c !important;
    border-radius: 8px !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    box-shadow: none !important;
}

body.home.page-id-1322 .elementor-element-d371e06 .wd-product .wd-add-btn a:hover,
body.home.page-id-1322 .elementor-element-d371e06 .wd-product .wd-add-btn a:focus,
body.home.page-id-1322 .elementor-element-d371e06 .wd-product a.add-to-cart-loop:hover,
body.home.page-id-1322 .elementor-element-d371e06 .wd-product a.add-to-cart-loop:focus {
    color: #fff !important;
    background-color: #8a5a3b !important;
    border-color: #8a5a3b !important;
}

/* Prevent WoodMart quick-hover animation from hiding/replacing the button */
body.home.page-id-1322 .elementor-element-d371e06 .wd-hover-quick .wd-add-btn > a:before,
body.home.page-id-1322 .elementor-element-d371e06 .wd-hover-quick .wd-add-btn > a:after {
    color: #fff !important;
}

@media (max-width: 767px) {
    body.home.page-id-1322 .elementor-element-d371e06 .wd-product .wd-add-btn,
    body.home.page-id-1322 .elementor-element-d371e06 .wd-product .wd-add-btn-replace {
        padding-top: 11px !important;
    }

    body.home.page-id-1322 .elementor-element-d371e06 .wd-product .wd-add-btn a,
    body.home.page-id-1322 .elementor-element-d371e06 .wd-product .wd-add-btn a.button,
    body.home.page-id-1322 .elementor-element-d371e06 .wd-product a.add-to-cart-loop {
        min-height: 38px !important;
        padding: 8px 5px !important;
        border-radius: 7px !important;
        font-size: 10px !important;
        line-height: 1.2 !important;
    }
}



/* =========================================================
   HOME EYSE — MY ACCOUNT PAGE
   Paste into: Appearance > Customize > Additional CSS
   Scoped only to WooCommerce My Account pages.
   ========================================================= */

body.woocommerce-account {
    --ha-green: #5b6b4f;
    --ha-green-dark: #46543c;
    --ha-green-soft: #eef1ea;
    --ha-wood: #8a5a3b;
    --ha-cream: #faf9f6;
    --ha-border: #e7e3dc;
    --ha-text: #252a24;
    --ha-muted: #6f746c;
    --ha-shadow: 0 14px 40px rgba(70, 84, 60, .10);
}

body.woocommerce-account .main-page-wrapper {
    padding-top: 48px;
    padding-bottom: 70px;
    background:
        radial-gradient(circle at 8% 10%, rgba(91, 107, 79, .08), transparent 28%),
        radial-gradient(circle at 92% 88%, rgba(138, 90, 59, .07), transparent 28%),
        #fff;
}

body.woocommerce-account .main-page-wrapper > .container {
    width: min(1180px, calc(100% - 36px));
}

/* Page heading */
body.woocommerce-account .main-page-wrapper .entry-title {
    position: relative;
    margin-bottom: 38px !important;
    padding-bottom: 16px;
    color: var(--ha-green-dark) !important;
    font-family: "Playfair Display", Georgia, serif !important;
    font-size: clamp(34px, 4vw, 52px) !important;
    line-height: 1.1 !important;
    font-weight: 700 !important;
    text-align: center;
}

body.woocommerce-account .main-page-wrapper .entry-title:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 68px;
    height: 3px;
    border-radius: 99px;
    background: var(--ha-green);
    transform: translateX(-50%);
}

/* =========================================================
   LOGGED-OUT: LOGIN + REGISTER
   ========================================================= */
body.woocommerce-account .wd-registration-page {
    gap: 28px !important;
    max-width: 1040px;
    margin: 0 auto !important;
}

body.woocommerce-account .wd-registration-page .col-login,
body.woocommerce-account .wd-registration-page .col-register {
    position: relative;
    overflow: hidden;
    padding: 38px 38px 34px !important;
    background: rgba(255, 255, 255, .97);
    border: 1px solid var(--ha-border);
    border-radius: 14px;
    box-shadow: var(--ha-shadow);
}

body.woocommerce-account .wd-registration-page .col-login:before,
body.woocommerce-account .wd-registration-page .col-register:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, var(--ha-green), var(--ha-wood));
}

body.woocommerce-account .wd-login-title {
    position: relative;
    margin-bottom: 26px !important;
    padding-bottom: 13px;
    color: var(--ha-green-dark) !important;
    font-family: "Playfair Display", Georgia, serif !important;
    font-size: 30px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
}

body.woocommerce-account .wd-login-title:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50px;
    height: 2px;
    border-radius: 10px;
    background: var(--ha-green);
}

body.woocommerce-account .woocommerce-form p,
body.woocommerce-account .col-register p {
    color: var(--ha-muted);
    font-family: "Inter", Arial, sans-serif;
    line-height: 1.7;
}

body.woocommerce-account .woocommerce-form-row,
body.woocommerce-account .woocommerce-form > p {
    margin-bottom: 18px !important;
}

body.woocommerce-account .woocommerce-form label {
    display: inline-block;
    margin-bottom: 7px;
    color: var(--ha-text);
    font-family: "Inter", Arial, sans-serif;
    font-size: 13px;
    font-weight: 650;
}

body.woocommerce-account .woocommerce-form label .required {
    color: var(--ha-wood) !important;
}

/* Inputs */
body.woocommerce-account .main-page-wrapper .woocommerce input.input-text,
body.woocommerce-account .main-page-wrapper .woocommerce input[type="text"],
body.woocommerce-account .main-page-wrapper .woocommerce input[type="email"],
body.woocommerce-account .main-page-wrapper .woocommerce input[type="password"],
body.woocommerce-account .main-page-wrapper .woocommerce input[type="tel"],
body.woocommerce-account .main-page-wrapper .woocommerce select,
body.woocommerce-account .main-page-wrapper .woocommerce textarea {
    width: 100%;
    min-height: 48px;
    padding: 11px 14px !important;
    color: var(--ha-text) !important;
    background: var(--ha-cream) !important;
    border: 1px solid #dfe3da !important;
    border-radius: 9px !important;
    font-family: "Inter", Arial, sans-serif !important;
    font-size: 14px !important;
    box-shadow: none !important;
    transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
}

body.woocommerce-account .main-page-wrapper .woocommerce input:focus,
body.woocommerce-account .main-page-wrapper .woocommerce select:focus,
body.woocommerce-account .main-page-wrapper .woocommerce textarea:focus {
    outline: none !important;
    background: #fff !important;
    border-color: var(--ha-green) !important;
    box-shadow: 0 0 0 3px rgba(91, 107, 79, .13) !important;
}

body.woocommerce-account .password-input {
    width: 100%;
}

body.woocommerce-account .show-password-input {
    color: var(--ha-green-dark) !important;
}

/* Remember me + links */
body.woocommerce-account .woocommerce-form-login__rememberme {
    display: inline-flex !important;
    align-items: center;
    gap: 7px;
}

body.woocommerce-account input[type="checkbox"] {
    accent-color: var(--ha-green-dark);
}

body.woocommerce-account .main-page-wrapper .woocommerce a {
    color: var(--ha-green-dark);
    transition: color .2s ease;
}

body.woocommerce-account .main-page-wrapper .woocommerce a:hover {
    color: var(--ha-wood) !important;
}

body.woocommerce-account .lost_password {
    margin-top: 14px !important;
}

/* Login, Register, Save and dashboard buttons */
body.woocommerce-account .main-page-wrapper .woocommerce button.button,
body.woocommerce-account .main-page-wrapper .woocommerce a.button,
body.woocommerce-account .main-page-wrapper .woocommerce input.button {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 11px 24px !important;
    color: #fff !important;
    background: var(--ha-green-dark) !important;
    border: 1px solid var(--ha-green-dark) !important;
    border-radius: 8px !important;
    font-family: "Inter", Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: .04em;
    box-shadow: none !important;
    transition: color .22s ease, background-color .22s ease, border-color .22s ease, transform .22s ease !important;
}

body.woocommerce-account .main-page-wrapper .woocommerce button.button:hover,
body.woocommerce-account .main-page-wrapper .woocommerce a.button:hover,
body.woocommerce-account .main-page-wrapper .woocommerce input.button:hover {
    color: #fff !important;
    background: var(--ha-wood) !important;
    border-color: var(--ha-wood) !important;
    transform: translateY(-1px);
}

body.woocommerce-account .woocommerce-form-login__submit,
body.woocommerce-account .woocommerce-form-register button.button {
    min-width: 140px;
}

/* Privacy text */
body.woocommerce-account .woocommerce-privacy-policy-text {
    margin: 16px 0 20px;
    padding: 13px 15px;
    background: var(--ha-green-soft);
    border-left: 3px solid var(--ha-green);
    border-radius: 0 8px 8px 0;
    font-size: 12px;
}

/* Notices */
body.woocommerce-account .woocommerce-error,
body.woocommerce-account .woocommerce-message,
body.woocommerce-account .woocommerce-info {
    margin-bottom: 24px !important;
    padding: 16px 18px 16px 48px !important;
    color: var(--ha-text) !important;
    background: var(--ha-green-soft) !important;
    border: 1px solid #d9dfd3 !important;
    border-radius: 9px !important;
}

/* =========================================================
   LOGGED-IN: DASHBOARD
   ========================================================= */
body.woocommerce-account .woocommerce-MyAccount-navigation {
    overflow: hidden;
    padding: 12px !important;
    background: #fff;
    border: 1px solid var(--ha-border);
    border-radius: 12px;
    box-shadow: var(--ha-shadow);
}

body.woocommerce-account .woocommerce-MyAccount-navigation ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none;
}

body.woocommerce-account .woocommerce-MyAccount-navigation li {
    margin: 0 !important;
    border: 0 !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation li a {
    display: flex !important;
    align-items: center;
    min-height: 46px;
    margin: 2px 0;
    padding: 10px 14px !important;
    color: var(--ha-text) !important;
    background: transparent;
    border-radius: 8px;
    font-family: "Inter", Arial, sans-serif;
    font-size: 13px;
    font-weight: 600;
    transition: color .2s ease, background-color .2s ease, transform .2s ease;
}

body.woocommerce-account .woocommerce-MyAccount-navigation li a:hover,
body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
    color: #fff !important;
    background: var(--ha-green-dark) !important;
    transform: translateX(2px);
}

body.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a:hover {
    background: var(--ha-wood) !important;
}

body.woocommerce-account .woocommerce-MyAccount-content {
    min-height: 360px;
    padding: 34px !important;
    color: var(--ha-muted);
    background: #fff;
    border: 1px solid var(--ha-border);
    border-radius: 12px;
    box-shadow: var(--ha-shadow);
}

body.woocommerce-account .woocommerce-MyAccount-content h2,
body.woocommerce-account .woocommerce-MyAccount-content h3,
body.woocommerce-account .woocommerce-MyAccount-content legend {
    color: var(--ha-green-dark) !important;
    font-family: "Playfair Display", Georgia, serif !important;
}

/* Orders table */
body.woocommerce-account .woocommerce-orders-table,
body.woocommerce-account .woocommerce-table {
    overflow: hidden;
    border: 1px solid var(--ha-border) !important;
    border-radius: 9px !important;
}

body.woocommerce-account .woocommerce-orders-table th,
body.woocommerce-account .woocommerce-table th {
    color: #fff !important;
    background: var(--ha-green-dark) !important;
    font-size: 12px;
    letter-spacing: .03em;
}

body.woocommerce-account .woocommerce-orders-table td,
body.woocommerce-account .woocommerce-table td {
    border-color: var(--ha-border) !important;
}

/* Addresses */
body.woocommerce-account .woocommerce-Address {
    padding: 24px !important;
    background: var(--ha-cream);
    border: 1px solid var(--ha-border);
    border-radius: 10px;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media (max-width: 1024px) {
    body.woocommerce-account .wd-registration-page .col-login,
    body.woocommerce-account .wd-registration-page .col-register {
        padding: 30px 28px !important;
    }
}

@media (max-width: 767px) {
    body.woocommerce-account .main-page-wrapper {
        padding-top: 26px;
        padding-bottom: 80px;
    }

    body.woocommerce-account .main-page-wrapper > .container {
        width: calc(100% - 24px);
    }

    body.woocommerce-account .main-page-wrapper .entry-title {
        margin-bottom: 25px !important;
        font-size: 34px !important;
    }

    body.woocommerce-account .wd-registration-page {
        display: block !important;
    }

    body.woocommerce-account .wd-registration-page .col-login,
    body.woocommerce-account .wd-registration-page .col-register {
        width: 100% !important;
        margin-bottom: 18px !important;
        padding: 25px 20px 23px !important;
        border-radius: 11px;
    }

    body.woocommerce-account .wd-login-title {
        font-size: 26px !important;
    }

    body.woocommerce-account .main-page-wrapper .woocommerce button.button,
    body.woocommerce-account .main-page-wrapper .woocommerce a.button,
    body.woocommerce-account .main-page-wrapper .woocommerce input.button {
        width: 100%;
    }

    body.woocommerce-account .woocommerce-MyAccount-navigation {
        width: 100% !important;
        margin-bottom: 18px !important;
    }

    body.woocommerce-account .woocommerce-MyAccount-content {
        width: 100% !important;
        min-height: 0;
        padding: 22px 18px !important;
    }

    body.woocommerce-account .woocommerce-orders-table,
    body.woocommerce-account .woocommerce-table {
        display: block;
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

/* =========================================================
   FINAL V3 — CENTRED DESKTOP ACCOUNT LAYOUT
   Mobile layout remains unchanged.
   ========================================================= */
@media (min-width: 768px) {
    body.logged-in.woocommerce-account .main-page-wrapper > .container {
        width: calc(100% - 48px) !important;
        max-width: 1160px !important;
        margin-right: auto !important;
        margin-left: auto !important;
    }

    body.logged-in.woocommerce-account .main-page-wrapper .woocommerce {
        display: flex !important;
        align-items: stretch !important;
        justify-content: center !important;
        gap: 36px !important;
        width: 100% !important;
        max-width: 1080px !important;
        margin-right: auto !important;
        margin-left: auto !important;
    }

    body.logged-in.woocommerce-account .wd-my-account-sidebar {
        display: flex !important;
        flex: 0 0 250px !important;
        flex-direction: column !important;
        width: 250px !important;
        max-width: 250px !important;
        min-width: 250px !important;
        margin: 0 !important;
        padding: 0 !important;
        border-right: 0 !important;
    }

    body.logged-in.woocommerce-account .wd-my-account-sidebar .entry-title,
    body.logged-in.woocommerce-account .main-page-wrapper .entry-title {
        box-sizing: border-box !important;
        width: 100% !important;
        max-width: 250px !important;
        margin: 0 auto 34px !important;
        padding: 0 10px 16px !important;
        font-size: 38px !important;
        line-height: 1.12 !important;
        text-align: center !important;
        white-space: normal !important;
        overflow: visible !important;
        overflow-wrap: normal !important;
        word-break: keep-all !important;
    }

    body.logged-in.woocommerce-account .wd-my-account-sidebar .woocommerce-MyAccount-navigation,
    body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation {
        flex: 1 1 auto !important;
        width: 100% !important;
        max-width: 250px !important;
        margin: 0 !important;
    }

    body.logged-in.woocommerce-account .woocommerce-MyAccount-content {
        flex: 1 1 0 !important;
        width: auto !important;
        max-width: 794px !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 34px !important;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    body.logged-in.woocommerce-account .main-page-wrapper .woocommerce {
        gap: 24px !important;
    }

    body.logged-in.woocommerce-account .wd-my-account-sidebar {
        flex-basis: 220px !important;
        width: 220px !important;
        max-width: 220px !important;
        min-width: 220px !important;
    }

    body.logged-in.woocommerce-account .wd-my-account-sidebar .entry-title,
    body.logged-in.woocommerce-account .main-page-wrapper .entry-title {
        max-width: 220px !important;
        font-size: 34px !important;
    }

    body.logged-in.woocommerce-account .wd-my-account-sidebar .woocommerce-MyAccount-navigation,
    body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation {
        max-width: 220px !important;
    }

    body.logged-in.woocommerce-account .woocommerce-MyAccount-content {
        padding: 28px !important;
    }
}

/* =========================================================
   FINAL V2 — SIDEBAR, MOBILE ORDER CARDS & STATUS BADGES
   ========================================================= */

/* WoodMart already gives the sidebar wrapper its column width.
   The navigation itself must fill that wrapper, not take 24% again. */
body.woocommerce-account .wd-my-account-sidebar {
    box-sizing: border-box !important;
    flex: 0 0 25% !important;
    width: 25% !important;
    max-width: 280px !important;
    min-width: 220px !important;
    padding-right: 28px !important;
}

body.woocommerce-account .wd-my-account-sidebar .woocommerce-MyAccount-navigation,
body.woocommerce-account .woocommerce-MyAccount-navigation {
    float: none !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
}

body.woocommerce-account .woocommerce-MyAccount-content {
    float: none !important;
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
}

body.woocommerce-account .wd-my-account-links,
body.woocommerce-account .woocommerce-MyAccount-navigation ul,
body.woocommerce-account .woocommerce-MyAccount-navigation li,
body.woocommerce-account .woocommerce-MyAccount-navigation li a {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation li a {
    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
}

/* ---------- Glass order-status badges ---------- */
body.woocommerce-account .woocommerce-orders-table__cell-order-status {
    font-size: 0 !important;
}

body.woocommerce-account .woocommerce-orders-table__cell-order-status:after {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 6px 12px;
    border: 1px solid rgba(99, 106, 96, .18);
    border-radius: 999px;
    font-family: "Inter", Arial, sans-serif;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 750;
    letter-spacing: .02em;
    white-space: nowrap;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .75), 0 4px 12px rgba(70, 84, 60, .08);
}

body.woocommerce-account .woocommerce-orders-table__row--status-processing .woocommerce-orders-table__cell-order-status:after {
    content: "Processing";
    color: #a9530a;
    background: rgba(255, 153, 51, .14);
    border-color: rgba(214, 111, 18, .30);
}

body.woocommerce-account .woocommerce-orders-table__row--status-completed .woocommerce-orders-table__cell-order-status:after {
    content: "Completed";
    color: #2f6b3e;
    background: rgba(72, 145, 87, .14);
    border-color: rgba(72, 145, 87, .30);
}

body.woocommerce-account .woocommerce-orders-table__row--status-pending .woocommerce-orders-table__cell-order-status:after {
    content: "Pending payment";
    color: #8a6500;
    background: rgba(235, 188, 32, .16);
    border-color: rgba(202, 158, 12, .32);
}

body.woocommerce-account .woocommerce-orders-table__row--status-on-hold .woocommerce-orders-table__cell-order-status:after {
    content: "On hold";
    color: #8a6500;
    background: rgba(235, 188, 32, .16);
    border-color: rgba(202, 158, 12, .32);
}

body.woocommerce-account .woocommerce-orders-table__row--status-cancelled .woocommerce-orders-table__cell-order-status:after {
    content: "Cancelled";
    color: #a52c2c;
    background: rgba(220, 65, 65, .12);
    border-color: rgba(190, 45, 45, .28);
}

body.woocommerce-account .woocommerce-orders-table__row--status-failed .woocommerce-orders-table__cell-order-status:after {
    content: "Failed";
    color: #a52c2c;
    background: rgba(220, 65, 65, .12);
    border-color: rgba(190, 45, 45, .28);
}

body.woocommerce-account .woocommerce-orders-table__row--status-refunded .woocommerce-orders-table__cell-order-status:after {
    content: "Refunded";
    color: #5f6661;
    background: rgba(109, 116, 108, .12);
    border-color: rgba(109, 116, 108, .25);
}

/* Fallback for custom statuses */
body.woocommerce-account .woocommerce-orders-table__cell-order-status:not(:empty):after {
    color: #46543c;
}

/* Restore each known status colour after the fallback */
body.woocommerce-account .woocommerce-orders-table__row--status-processing .woocommerce-orders-table__cell-order-status:after { color: #a9530a; }
body.woocommerce-account .woocommerce-orders-table__row--status-completed .woocommerce-orders-table__cell-order-status:after { color: #2f6b3e; }
body.woocommerce-account .woocommerce-orders-table__row--status-pending .woocommerce-orders-table__cell-order-status:after,
body.woocommerce-account .woocommerce-orders-table__row--status-on-hold .woocommerce-orders-table__cell-order-status:after { color: #8a6500; }
body.woocommerce-account .woocommerce-orders-table__row--status-cancelled .woocommerce-orders-table__cell-order-status:after,
body.woocommerce-account .woocommerce-orders-table__row--status-failed .woocommerce-orders-table__cell-order-status:after { color: #a52c2c; }
body.woocommerce-account .woocommerce-orders-table__row--status-refunded .woocommerce-orders-table__cell-order-status:after { color: #5f6661; }

/* Desktop spacing */
@media (min-width: 768px) {
    body.woocommerce-account .woocommerce-MyAccount-content {
        min-height: 380px !important;
    }

    body.woocommerce-account .woocommerce-orders-table th,
    body.woocommerce-account .woocommerce-orders-table td {
        padding: 15px 12px !important;
    }

    body.woocommerce-account .woocommerce-orders-table__cell-order-actions {
        text-align: right !important;
    }

    body.woocommerce-account .woocommerce-orders-table__cell-order-actions a.button {
        width: auto !important;
        min-width: 82px !important;
    }
}

@media (max-width: 767px) {
    body.woocommerce-account .wd-my-account-sidebar {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 0 18px !important;
        padding: 0 !important;
    }

    body.woocommerce-account .woocommerce-MyAccount-content {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    /* Strong override: hide the desktop header on phones */
    body.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-orders-table thead,
    body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table thead,
    body.woocommerce-account table.my_account_orders thead {
        display: none !important;
    }

    body.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-orders-table,
    body.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-orders-table tbody,
    body.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-orders-table tbody tr {
        box-sizing: border-box !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
    }

    body.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-orders-table {
        display: block !important;
        margin: 0 !important;
        border: 0 !important;
        overflow: visible !important;
    }

    body.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-orders-table tbody {
        display: block !important;
    }

    body.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-orders-table tbody tr {
        display: block !important;
        margin: 0 0 14px !important;
        padding: 8px 14px !important;
    }

    body.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-orders-table tbody td {
        box-sizing: border-box !important;
        display: flex !important;
        width: 100% !important;
        min-width: 0 !important;
        padding: 11px 0 !important;
    }

    body.woocommerce-account .woocommerce-orders-table__cell-order-status {
        font-size: 0 !important;
    }

    body.woocommerce-account .woocommerce-orders-table__cell-order-status:before {
        font-size: 11px !important;
    }

    body.woocommerce-account .woocommerce-orders-table__cell-order-status:after {
        flex: 0 0 auto;
        font-size: 10.5px !important;
    }

    body.woocommerce-account .woocommerce-orders-table__cell-order-actions a.button {
        min-height: 42px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.woocommerce-account .main-page-wrapper * {
        animation: none !important;
        transition: none !important;
        scroll-behavior: auto !important;
    }
}

/* =========================================================
   FINAL ACCOUNT LAYOUT CORRECTIONS
   Fixes desktop heading, Orders and Order Details tables.
   ========================================================= */

/* Keep the account heading neat beside the dashboard content */
body.woocommerce-account .main-page-wrapper .entry-title {
    max-width: 100% !important;
    font-size: clamp(30px, 3vw, 40px) !important;
    line-height: 1.12 !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
}

/* Account columns must not overlap or become too narrow */
body.woocommerce-account .woocommerce-MyAccount-navigation {
    box-sizing: border-box !important;
    width: 24% !important;
    margin-right: 3% !important;
}

body.woocommerce-account .woocommerce-MyAccount-content {
    box-sizing: border-box !important;
    width: 73% !important;
    overflow: hidden !important;
}

/* Reset broken table display rules */
body.woocommerce-account .woocommerce-MyAccount-content table,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-table--order-details {
    display: table !important;
    width: 100% !important;
    max-width: 100% !important;
    table-layout: auto !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    overflow: hidden !important;
    background: #fff !important;
    border: 1px solid #e7e3dc !important;
    border-radius: 9px !important;
}

body.woocommerce-account .woocommerce-MyAccount-content table thead {
    display: table-header-group !important;
}

body.woocommerce-account .woocommerce-MyAccount-content table tbody,
body.woocommerce-account .woocommerce-MyAccount-content table tfoot {
    display: table-row-group !important;
}

body.woocommerce-account .woocommerce-MyAccount-content table tr {
    display: table-row !important;
}

body.woocommerce-account .woocommerce-MyAccount-content table th,
body.woocommerce-account .woocommerce-MyAccount-content table td {
    display: table-cell !important;
    position: static !important;
    width: auto !important;
    min-width: 0 !important;
    padding: 15px 13px !important;
    color: #252a24 !important;
    background: #fff !important;
    border-width: 0 0 1px 0 !important;
    border-style: solid !important;
    border-color: #e7e3dc !important;
    vertical-align: middle !important;
    text-align: left !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
}

body.woocommerce-account .woocommerce-MyAccount-content table thead th {
    color: #fff !important;
    background: #46543c !important;
    border-color: #46543c !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
}

body.woocommerce-account .woocommerce-MyAccount-content table tbody tr:last-child td,
body.woocommerce-account .woocommerce-MyAccount-content table tfoot tr:last-child th,
body.woocommerce-account .woocommerce-MyAccount-content table tfoot tr:last-child td {
    border-bottom: 0 !important;
}

/* Remove WooCommerce mobile pseudo labels when using the desktop table */
body.woocommerce-account .woocommerce-MyAccount-content table td:before {
    display: none !important;
    content: none !important;
}

/* Order-number and price links */
body.woocommerce-account .woocommerce-orders-table__cell-order-number a,
body.woocommerce-account .woocommerce-table--order-details .product-name a,
body.woocommerce-account .woocommerce-MyAccount-content .amount {
    color: #46543c !important;
    font-weight: 700 !important;
}

body.woocommerce-account .woocommerce-orders-table__cell-order-number a:hover,
body.woocommerce-account .woocommerce-table--order-details .product-name a:hover {
    color: #8a5a3b !important;
}

/* All account action buttons: white text normally and on hover */
body.woocommerce-account .main-page-wrapper .woocommerce a.button,
body.woocommerce-account .main-page-wrapper .woocommerce button.button,
body.woocommerce-account .main-page-wrapper .woocommerce input.button,
body.woocommerce-account .main-page-wrapper .woocommerce .woocommerce-button,
body.woocommerce-account .woocommerce-orders-table__cell-order-actions a {
    color: #fff !important;
    background-color: #46543c !important;
    border-color: #46543c !important;
    text-decoration: none !important;
}

body.woocommerce-account .main-page-wrapper .woocommerce a.button:hover,
body.woocommerce-account .main-page-wrapper .woocommerce a.button:focus,
body.woocommerce-account .main-page-wrapper .woocommerce button.button:hover,
body.woocommerce-account .main-page-wrapper .woocommerce button.button:focus,
body.woocommerce-account .main-page-wrapper .woocommerce input.button:hover,
body.woocommerce-account .main-page-wrapper .woocommerce input.button:focus,
body.woocommerce-account .main-page-wrapper .woocommerce .woocommerce-button:hover,
body.woocommerce-account .main-page-wrapper .woocommerce .woocommerce-button:focus,
body.woocommerce-account .woocommerce-orders-table__cell-order-actions a:hover,
body.woocommerce-account .woocommerce-orders-table__cell-order-actions a:focus {
    color: #fff !important;
    background-color: #8a5a3b !important;
    border-color: #8a5a3b !important;
}

/* Confirm-email notice */
body.woocommerce-account .woocommerce-customer-details + *,
body.woocommerce-account .woocommerce-info {
    max-width: 100% !important;
}

body.woocommerce-account .woocommerce-info .button {
    margin-right: 10px !important;
}

/* =========================================================
   MOBILE ACCOUNT TABLES
   ========================================================= */
@media (max-width: 767px) {
    body.woocommerce-account .main-page-wrapper .entry-title {
        font-size: 30px !important;
        white-space: normal !important;
    }

    body.woocommerce-account .woocommerce-MyAccount-navigation,
    body.woocommerce-account .woocommerce-MyAccount-content {
        width: 100% !important;
        margin-right: 0 !important;
    }

    body.woocommerce-account .woocommerce-MyAccount-content {
        overflow: visible !important;
    }

    /* Orders list becomes clean full-width cards */
    body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table {
        display: block !important;
        border: 0 !important;
        background: transparent !important;
        overflow: visible !important;
    }

    body.woocommerce-account .woocommerce-orders-table thead {
        display: none !important;
    }

    body.woocommerce-account .woocommerce-orders-table tbody {
        display: block !important;
    }

    body.woocommerce-account .woocommerce-orders-table tbody tr {
        display: block !important;
        width: 100% !important;
        margin-bottom: 14px !important;
        padding: 8px 14px !important;
        background: #fff !important;
        border: 1px solid #e7e3dc !important;
        border-radius: 10px !important;
        box-shadow: 0 5px 16px rgba(70, 84, 60, .07);
    }

    body.woocommerce-account .woocommerce-orders-table tbody td {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 14px;
        width: 100% !important;
        padding: 11px 0 !important;
        background: transparent !important;
        text-align: right !important;
    }

    body.woocommerce-account .woocommerce-orders-table tbody td:before {
        display: block !important;
        content: attr(data-title) !important;
        flex: 0 0 42%;
        color: #46543c !important;
        font-size: 11px;
        font-weight: 700;
        text-align: left;
        text-transform: uppercase;
    }

    body.woocommerce-account .woocommerce-orders-table__cell-order-actions {
        display: block !important;
        padding-top: 13px !important;
        text-align: left !important;
    }

    body.woocommerce-account .woocommerce-orders-table__cell-order-actions:before {
        display: none !important;
    }

    body.woocommerce-account .woocommerce-orders-table__cell-order-actions a.button {
        width: 100% !important;
    }

    /* Order-details table remains a correct two-column full-width table */
    body.woocommerce-account .woocommerce-table--order-details {
        display: table !important;
        width: 100% !important;
        table-layout: fixed !important;
        overflow: hidden !important;
    }

    body.woocommerce-account .woocommerce-table--order-details thead {
        display: table-header-group !important;
    }

    body.woocommerce-account .woocommerce-table--order-details tbody,
    body.woocommerce-account .woocommerce-table--order-details tfoot {
        display: table-row-group !important;
    }

    body.woocommerce-account .woocommerce-table--order-details tr {
        display: table-row !important;
    }

    body.woocommerce-account .woocommerce-table--order-details th,
    body.woocommerce-account .woocommerce-table--order-details td {
        display: table-cell !important;
        width: 50% !important;
        padding: 12px 10px !important;
        font-size: 13px !important;
        text-align: left !important;
    }

    body.woocommerce-account .woocommerce-table--order-details td:before {
        display: none !important;
        content: none !important;
    }

    body.woocommerce-account .woocommerce-info {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 10px;
        padding: 16px !important;
    }

    body.woocommerce-account .woocommerce-info:before {
        display: none !important;
    }

    body.woocommerce-account .woocommerce-info .button {
        order: 2;
        width: 100% !important;
        margin: 0 !important;
    }
}
/* ==================================================
   KODECIT - HOME HERO SLIDER RESPONSIVE IMAGE FIX
================================================== */

/* Slider full width */
.home .wd-slider,
.home .wd-slider .wd-carousel,
.home .wd-slider .wd-carousel-wrap,
.home .wd-slider .wd-slide {
    width: 100% !important;
}

/* Background image */
.home .wd-slider .wd-slide-bg {
    position: absolute !important;
    inset: 0 !important;

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

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

/* =====================
   DESKTOP
===================== */

@media (min-width: 1025px) {

    .home .wd-slider .wd-slide {
        min-height: 650px !important;
        height: 650px !important;
    }

    .home .wd-slider .wd-slide-bg {
        background-size: cover !important;
        background-position: center center !important;
    }
}


/* =====================
   TABLET
===================== */

@media (min-width: 768px) and (max-width: 1024px) {

    .home .wd-slider .wd-slide {
        min-height: 520px !important;
        height: 520px !important;
    }

    .home .wd-slider .wd-slide-bg {
        background-size: cover !important;
        background-position: center center !important;
    }
}


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

@media (max-width: 767px) {

    .home .wd-slider .wd-slide {
        min-height: 440px !important;
        height: 440px !important;
    }

    .home .wd-slider .wd-slide-bg {
        background-size: cover !important;
        background-position: center center !important;
    }
}


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

@media (max-width: 480px) {

    .home .wd-slider .wd-slide {
        min-height: 400px !important;
        height: 400px !important;
    }

    .home .wd-slider .wd-slide-bg {
        background-size: cover !important;
        background-position: center center !important;
    }
}
/* ==========================================
   KODECIT HERO - TEXT VISIBILITY FIX
========================================== */

/* Keep background behind everything */
.home .wd-slider .wd-slide-bg {
    z-index: 0 !important;
}

/* Soft light gradient only behind text area */
.home .wd-slider .wd-slide-bg::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;

    background: linear-gradient(
        90deg,
        rgba(248, 244, 236, 0.94) 0%,
        rgba(248, 244, 236, 0.82) 28%,
        rgba(248, 244, 236, 0.42) 48%,
        rgba(248, 244, 236, 0.05) 68%,
        rgba(248, 244, 236, 0) 100%
    );
}

/* Make slider content stay above overlay */
.home .wd-slider .wd-slide-inner,
.home .wd-slider .wd-slide-container,
.home .wd-slider .wd-slide-content {
    position: relative !important;
    z-index: 5 !important;
}


/* MAIN TITLE */
.home .wd-slider h1,
.home .wd-slider h2,
.home .wd-slider .wd-slide-title {
    color: #2b241f !important;
    font-weight: 700 !important;
    line-height: 1.08 !important;

    text-shadow:
        0 1px 0 rgba(255,255,255,.35),
        0 3px 16px rgba(0,0,0,.08) !important;
}


/* DESCRIPTION */
.home .wd-slider p,
.home .wd-slider .wd-slide-desc,
.home .wd-slider .wd-slide-description {
    color: #51473f !important;
    font-weight: 400 !important;
    line-height: 1.65 !important;

    text-shadow:
        0 1px 4px rgba(255,255,255,.5) !important;
}


/* BUTTON */
.home .wd-slider .btn,
.home .wd-slider a.wd-button,
.home .wd-slider .wd-btn {
    background: #365b43 !important;
    color: #ffffff !important;

    border-radius: 4px !important;
    border: 1px solid #365b43 !important;

    font-weight: 600 !important;
    letter-spacing: .4px !important;

    box-shadow: 0 6px 18px rgba(54,91,67,.18) !important;

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


/* BUTTON HOVER */
.home .wd-slider .btn:hover,
.home .wd-slider a.wd-button:hover,
.home .wd-slider .wd-btn:hover {
    background: #8a6546 !important;
    border-color: #8a6546 !important;
    color: #ffffff !important;

    transform: translateY(-2px);

    box-shadow: 0 9px 22px rgba(0,0,0,.18) !important;
}


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

@media (max-width: 767px) {

    .home .wd-slider .wd-slide-bg::after {
        background: linear-gradient(
            90deg,
            rgba(248,244,236,.95) 0%,
            rgba(248,244,236,.88) 48%,
            rgba(248,244,236,.40) 78%,
            rgba(248,244,236,.10) 100%
        );
    }

    .home .wd-slider h1,
    .home .wd-slider h2,
    .home .wd-slider .wd-slide-title {
        color: #29221d !important;
        font-size: 31px !important;
        line-height: 1.12 !important;
    }

    .home .wd-slider p,
    .home .wd-slider .wd-slide-desc,
    .home .wd-slider .wd-slide-description {
        color: #493f38 !important;
        font-size: 14px !important;
        line-height: 1.55 !important;
    }
}