@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//10xl.com.bd/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.3.7") format("woff2");
}

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

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

:root {
	--wd-text-font: "Manrope", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(58,66,63);
	--wd-text-font-size: 16px;
	--wd-title-font: "Manrope", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 700;
	--wd-title-color: rgb(16,20,19);
	--wd-entities-title-font: "Manrope", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 600;
	--wd-entities-title-color: rgb(16,20,19);
	--wd-entities-title-color-hover: rgb(20, 81, 62);
	--wd-alternative-font: "Manrope", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Manrope", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: rgb(16,20,19);
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Manrope", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 500;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 15px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(0,42,32);
	--wd-alternative-color: rgb(0,0,0);
	--btn-default-font-family: "Inter", Arial, Helvetica, sans-serif;
	--btn-default-font-weight: 600;
	--btn-default-transform: uppercase;
	--btn-default-bgcolor: rgb(0,0,0);
	--btn-default-bgcolor-hover: #002A20;
	--btn-accented-font-family: "Inter", Arial, Helvetica, sans-serif;
	--btn-accented-font-weight: 600;
	--btn-accented-transform: uppercase;
	--btn-accented-bgcolor: rgb(0,42,32);
	--btn-accented-bgcolor-hover: rgb(0,0,0);
	--wd-form-brd-width: 1px;
	--notices-success-bg: rgb(0,42,32);
	--notices-success-color: #FFFFFF;
	--notices-warning-bg: rgb(0,0,0);
	--notices-warning-color: #FFFFFF;
	--wd-link-color: rgb(0,0,0);
	--wd-link-color-hover: #002A20;
	--wd-link-decor-style: solid;
	--wd-link-decor-style-hover: solid;
	--wd-link-decor-color: rgb(0,0,0);
	--wd-link-decor-color-hover: rgb(0,42,32);
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: 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(0,0,0);
	background-image: none;
}
.page .wd-page-content {
	background-color: rgb(255,255,255);
	background-image: none;
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-color: rgb(0,0,0);
	--wd-form-placeholder-color: rgb(102,102,102);
	--wd-form-brd-color: rgb(143,143,143);
	--wd-form-brd-color-focus: rgb(0,42,32);
	--wd-form-bg: rgb(255,255,255);
}
.product-labels .product-label.onsale {
	background-color: rgb(0,42,32);
	color: rgb(255,255,255);
}
.product-labels .product-label.new {
	background-color: rgb(0,0,0);
}
.product-labels .product-label.featured {
	background-color: rgb(255,255,255);
	color: rgb(0,0,0);
}
.product-labels .product-label.out-of-stock {
	background-color: rgb(0,0,0);
	color: rgb(255,255,255);
}
.product-labels .product-label.attribute-label:not(.label-with-img) {
	background-color: rgb(255,255,255);
	color: rgb(0,0,0);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1600px;
--wd-form-brd-radius: 5px;
--btn-default-color: #fff;
--btn-default-color-hover: #fff;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--btn-accented-box-shadow-active: none;
--btn-accented-bottom: 0px;
--wd-brd-radius: 0px;
}

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


.wd-page-title {
background-color: rgb(0,42,32);
}

/* ==================================================
   10XL — New & Popular Bordered Category Tabs
   Desktop + Tablet + Mobile
   ================================================== */

.tenxl-bordered-tabs {
    --tenxl-tab-accent: #002A20;
    --tenxl-tab-accent-hover: #004536;
    --tenxl-tab-text: #0A0A0A;
    --tenxl-tab-background: #FFFFFF;
    --tenxl-tab-hover-background: #F4F7F6;
    --tenxl-tab-border: rgba(10, 10, 10, 0.38);

    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

/* Navigation wrapper reset */
.tenxl-bordered-tabs .tabs-navigation-wrapper,
.tenxl-bordered-tabs .wd-nav-wrapper,
.tenxl-bordered-tabs .wd-nav-scroll {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    left: auto !important;
    mask-image: none !important;
    -webkit-mask-image: none !important;
}

/* Desktop navigation row */
.tenxl-bordered-tabs .wd-nav-tabs,
.tenxl-bordered-tabs .products-tabs-title,
.tenxl-bordered-tabs .wd-nav-product-cat {
    display: flex !important;
    align-items: stretch !important;
    justify-content: center !important;
    flex-wrap: wrap !important;

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

    margin: 0 !important;
    padding: 2px 0 !important;
    gap: 10px !important;

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

    list-style: none !important;
}

/* Individual list item */
.tenxl-bordered-tabs .wd-nav-tabs > li,
.tenxl-bordered-tabs .products-tabs-title > li,
.tenxl-bordered-tabs .wd-nav-product-cat > li {
    display: block !important;
    flex: 0 0 auto !important;

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

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

    transform: none !important;
}

/* Default tab button */
.tenxl-bordered-tabs .wd-nav-tabs > li > a,
.tenxl-bordered-tabs .products-tabs-title > li > a,
.tenxl-bordered-tabs .wd-nav-product-cat > li > a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    min-width: max-content !important;
    min-height: 42px !important;

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

    border: 1px solid var(--tenxl-tab-border) !important;
    border-radius: 2px !important;

    background-color: var(--tenxl-tab-background) !important;
    color: var(--tenxl-tab-text) !important;

    font-family: "Manrope", Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.15px !important;
    text-align: center !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;

    box-shadow: none !important;

    transition:
        color 180ms ease,
        background-color 180ms ease,
        border-color 180ms ease !important;
}

/* Remove WoodMart underline */
.tenxl-bordered-tabs .wd-nav-tabs > li > a::before,
.tenxl-bordered-tabs .wd-nav-tabs > li > a::after,
.tenxl-bordered-tabs .products-tabs-title > li > a::before,
.tenxl-bordered-tabs .products-tabs-title > li > a::after,
.tenxl-bordered-tabs .wd-nav-product-cat > li > a::before,
.tenxl-bordered-tabs .wd-nav-product-cat > li > a::after {
    display: none !important;
    content: none !important;
}

/* Desktop hover */
@media (hover: hover) {
    .tenxl-bordered-tabs .wd-nav-tabs > li > a:hover,
    .tenxl-bordered-tabs .products-tabs-title > li > a:hover,
    .tenxl-bordered-tabs .wd-nav-product-cat > li > a:hover {
        border-color: var(--tenxl-tab-accent) !important;
        background-color: var(--tenxl-tab-hover-background) !important;
        color: var(--tenxl-tab-accent) !important;
    }
}

/* Active tab */
.tenxl-bordered-tabs .wd-nav-tabs > li.wd-active > a,
.tenxl-bordered-tabs .wd-nav-tabs > li.active > a,
.tenxl-bordered-tabs .wd-nav-tabs > li.active-tab-title > a,
.tenxl-bordered-tabs .products-tabs-title > li.wd-active > a,
.tenxl-bordered-tabs .products-tabs-title > li.active > a,
.tenxl-bordered-tabs .products-tabs-title > li.active-tab-title > a,
.tenxl-bordered-tabs .wd-nav-product-cat > li.wd-active > a,
.tenxl-bordered-tabs .wd-nav-product-cat > li.active > a,
.tenxl-bordered-tabs .wd-nav-product-cat > li.current-menu-item > a,
.tenxl-bordered-tabs .wd-nav-tabs > li > a.active,
.tenxl-bordered-tabs .products-tabs-title > li > a.active,
.tenxl-bordered-tabs .wd-nav-product-cat > li > a.active {
    border-color: var(--tenxl-tab-accent) !important;
    background-color: var(--tenxl-tab-accent) !important;
    color: #FFFFFF !important;
}

/* Active hover */
@media (hover: hover) {
    .tenxl-bordered-tabs .wd-nav-tabs > li.wd-active > a:hover,
    .tenxl-bordered-tabs .wd-nav-tabs > li.active > a:hover,
    .tenxl-bordered-tabs .products-tabs-title > li.wd-active > a:hover,
    .tenxl-bordered-tabs .products-tabs-title > li.active-tab-title > a:hover,
    .tenxl-bordered-tabs .wd-nav-product-cat > li.wd-active > a:hover {
        border-color: var(--tenxl-tab-accent-hover) !important;
        background-color: var(--tenxl-tab-accent-hover) !important;
        color: #FFFFFF !important;
    }
}

/* Keyboard accessibility */
.tenxl-bordered-tabs a:focus-visible {
    outline: 3px solid rgba(0, 42, 32, 0.24) !important;
    outline-offset: 2px !important;
}

/* ==================================================
   Tablet and Mobile — Horizontal Scrolling
   ================================================== */

@media (max-width: 1024px) {

    .tenxl-bordered-tabs .tabs-navigation-wrapper,
    .tenxl-bordered-tabs .wd-nav-wrapper,
    .tenxl-bordered-tabs .wd-nav-scroll {
        overflow: visible !important;
    }

    .tenxl-bordered-tabs .wd-nav-tabs,
    .tenxl-bordered-tabs .products-tabs-title,
    .tenxl-bordered-tabs .wd-nav-product-cat {
        display: flex !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        flex-wrap: nowrap !important;

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

        margin: 0 !important;
        padding: 2px 16px 10px !important;
        gap: 8px !important;

        overflow-x: auto !important;
        overflow-y: hidden !important;

        scroll-behavior: smooth;
        scroll-snap-type: x proximity;
        scroll-padding-inline: 16px;
        overscroll-behavior-x: contain;

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

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

        mask-image: none !important;
        -webkit-mask-image: none !important;
    }

    /* Hide scrollbar but preserve scrolling */
    .tenxl-bordered-tabs .wd-nav-tabs::-webkit-scrollbar,
    .tenxl-bordered-tabs .products-tabs-title::-webkit-scrollbar,
    .tenxl-bordered-tabs .wd-nav-product-cat::-webkit-scrollbar {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
        background: transparent !important;
    }

    .tenxl-bordered-tabs .wd-nav-tabs > li,
    .tenxl-bordered-tabs .products-tabs-title > li,
    .tenxl-bordered-tabs .wd-nav-product-cat > li {
        display: block !important;
        flex: 0 0 auto !important;

        width: auto !important;
        min-width: max-content !important;

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

        scroll-snap-align: start;
    }

    .tenxl-bordered-tabs .wd-nav-tabs > li > a,
    .tenxl-bordered-tabs .products-tabs-title > li > a,
    .tenxl-bordered-tabs .wd-nav-product-cat > li > a {
        width: auto !important;
        min-width: max-content !important;
        white-space: nowrap !important;
    }

    /* Remove WoodMart scroll arrows and fade overlays */
    .tenxl-bordered-tabs .wd-nav-arrows,
    .tenxl-bordered-tabs .tabs-navigation-wrapper::before,
    .tenxl-bordered-tabs .tabs-navigation-wrapper::after,
    .tenxl-bordered-tabs .wd-nav-scroll::before,
    .tenxl-bordered-tabs .wd-nav-scroll::after {
        display: none !important;
        content: none !important;
    }
}

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

@media (max-width: 767px) {

    .tenxl-bordered-tabs .wd-nav-tabs,
    .tenxl-bordered-tabs .products-tabs-title,
    .tenxl-bordered-tabs .wd-nav-product-cat {
        padding: 2px 16px 9px !important;
        gap: 8px !important;
    }

    .tenxl-bordered-tabs .wd-nav-tabs > li > a,
    .tenxl-bordered-tabs .products-tabs-title > li > a,
    .tenxl-bordered-tabs .wd-nav-product-cat > li > a {
        min-height: 44px !important;
        padding: 9px 16px !important;

        font-size: 12px !important;
        font-weight: 600 !important;
        line-height: 1.2 !important;
    }
}

/* Very small mobile */
@media (max-width: 360px) {

    .tenxl-bordered-tabs .wd-nav-tabs,
    .tenxl-bordered-tabs .products-tabs-title,
    .tenxl-bordered-tabs .wd-nav-product-cat {
        padding-inline: 12px !important;
        scroll-padding-inline: 12px;
    }

    .tenxl-bordered-tabs .wd-nav-tabs > li > a,
    .tenxl-bordered-tabs .products-tabs-title > li > a,
    .tenxl-bordered-tabs .wd-nav-product-cat > li > a {
        padding-inline: 14px !important;
        font-size: 11.5px !important;
    }
}

/* ==========================================================
   10XL — FINAL PRODUCT CARD SIZE SWATCHES
   5 items per row, centered, responsive
   No Add to Cart / Select Options button styling
   ========================================================== */

/* -----------------------------
   Design tokens
   ----------------------------- */

:is(.products, .wd-products) .product-grid-item {
    --tenxl-size-green: #002A20;
    --tenxl-size-white: #FFFFFF;
    --tenxl-size-text: #404644;
    --tenxl-size-border: rgba(10, 10, 10, 0.17);
    --tenxl-size-hover-bg: #F4F7F6;
    --tenxl-size-disabled-bg: #FAFAFA;
    --tenxl-size-disabled-text: rgba(10, 10, 10, 0.30);

    --tenxl-size-width: 42px;
    --tenxl-size-height: 36px;
    --tenxl-size-gap: 5px;
    --tenxl-size-row-width: 230px;
}

/* -----------------------------
   Swatch row container
   ----------------------------- */

:is(.products, .wd-products)
.product-grid-item
.wd-swatches-grid {
    display: flex !important;
    flex-flow: row wrap !important;

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

    align-self: center !important;

    width: 100% !important;
    max-width: var(--tenxl-size-row-width) !important;

    margin: 11px auto 13px !important;
    padding: 0 !important;
    gap: var(--tenxl-size-gap) !important;

    overflow: visible !important;

    line-height: 1 !important;
    box-sizing: border-box !important;

    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}

:is(.products, .wd-products)
.product-grid-item
.wd-swatches-grid::-webkit-scrollbar {
    display: none !important;
}

/* -----------------------------
   WoodMart swatch wrapper
   ----------------------------- */

:is(.products, .wd-products)
.product-grid-item
.wd-swatches-grid
.wd-swatch-wrap {
    display: block !important;

    flex: 0 0 var(--tenxl-size-width) !important;

    width: var(--tenxl-size-width) !important;
    min-width: var(--tenxl-size-width) !important;
    max-width: var(--tenxl-size-width) !important;

    height: var(--tenxl-size-height) !important;
    min-height: var(--tenxl-size-height) !important;
    max-height: var(--tenxl-size-height) !important;

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

    box-sizing: border-box !important;
}

/* Fallback when WoodMart outputs swatches without wrapper */
:is(.products, .wd-products)
.product-grid-item
.wd-swatches-grid
> .wd-swatch {
    flex: 0 0 var(--tenxl-size-width) !important;
}

/* -----------------------------
   Default size box
   ----------------------------- */

:is(.products, .wd-products)
.product-grid-item
.wd-swatches-grid
.wd-swatch {
    position: relative !important;

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

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

    height: var(--tenxl-size-height) !important;
    min-height: var(--tenxl-size-height) !important;
    max-height: var(--tenxl-size-height) !important;

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

    border: 1px solid var(--tenxl-size-border) !important;
    border-radius: 0 !important;

    background-color: var(--tenxl-size-white) !important;
    color: var(--tenxl-size-text) !important;

    font-family: "Manrope", Arial, sans-serif !important;
    font-size: 10.5px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;

    opacity: 1 !important;
    box-shadow: none !important;

    cursor: pointer !important;
    box-sizing: border-box !important;

    transition:
        color 160ms ease,
        border-color 160ms ease,
        background-color 160ms ease !important;
}

/* -----------------------------
   Internal label reset
   ----------------------------- */

:is(.products, .wd-products)
.product-grid-item
.wd-swatches-grid
.wd-swatch-text {
    display: block !important;

    width: auto !important;
    height: auto !important;

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

    color: inherit !important;

    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-transform: inherit !important;

    opacity: 1 !important;
}

/* Remove default circular styling */
:is(.products, .wd-products)
.product-grid-item
.wd-swatches-grid
.wd-swatch::before {
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* -----------------------------
   Hover state
   ----------------------------- */

@media (hover: hover) {
    :is(.products, .wd-products)
    .product-grid-item
    .wd-swatches-grid
    .wd-swatch:not(.wd-disabled, .disabled, .wd-swatch-disabled):hover {
        border-color: var(--tenxl-size-green) !important;
        background-color: var(--tenxl-size-hover-bg) !important;
        color: var(--tenxl-size-green) !important;
    }
}

/* -----------------------------
   Selected size
   Active class may be on wrapper
   or on the swatch itself
   ----------------------------- */

:is(.products, .wd-products)
.product-grid-item
.wd-swatches-grid
.wd-swatch:is(.wd-active, .active, .selected),

:is(.products, .wd-products)
.product-grid-item
.wd-swatches-grid
.wd-swatch-wrap:is(.wd-active, .active, .selected)
.wd-swatch {
    border-color: var(--tenxl-size-green) !important;
    background-color: var(--tenxl-size-green) !important;
    color: var(--tenxl-size-white) !important;
}

/* -----------------------------
   Disabled/out-of-stock size
   ----------------------------- */

:is(.products, .wd-products)
.product-grid-item
.wd-swatches-grid
.wd-swatch:is(.wd-disabled, .disabled, .wd-swatch-disabled),

:is(.products, .wd-products)
.product-grid-item
.wd-swatches-grid
.wd-swatch-wrap:is(.wd-disabled, .disabled, .wd-swatch-disabled)
.wd-swatch {
    border-color: rgba(10, 10, 10, 0.09) !important;
    background-color: var(--tenxl-size-disabled-bg) !important;
    color: var(--tenxl-size-disabled-text) !important;

    opacity: 1 !important;
    cursor: not-allowed !important;
}

/* Keep disabled label readable */
:is(.products, .wd-products)
.product-grid-item
.wd-swatches-grid
:is(
    .wd-swatch.wd-disabled,
    .wd-swatch.disabled,
    .wd-swatch.wd-swatch-disabled,
    .wd-swatch-wrap.wd-disabled .wd-swatch,
    .wd-swatch-wrap.disabled .wd-swatch,
    .wd-swatch-wrap.wd-swatch-disabled .wd-swatch
)
.wd-swatch-text {
    color: inherit !important;
    opacity: 1 !important;
}

/* Diagonal line over unavailable size */
:is(.products, .wd-products)
.product-grid-item
.wd-swatches-grid
.wd-swatch:is(.wd-disabled, .disabled, .wd-swatch-disabled)::after,

:is(.products, .wd-products)
.product-grid-item
.wd-swatches-grid
.wd-swatch-wrap:is(.wd-disabled, .disabled, .wd-swatch-disabled)
.wd-swatch::after {
    content: "" !important;

    position: absolute !important;
    top: 50% !important;
    left: 6px !important;
    right: 6px !important;

    height: 1px !important;

    background-color: rgba(10, 10, 10, 0.22) !important;

    transform: rotate(-35deg) !important;
    transform-origin: center !important;

    pointer-events: none !important;
}

/* -----------------------------
   Selected-size message
   ----------------------------- */

:is(.products, .wd-products)
.product-grid-item
:is(
    .wd-swatches-product-label,
    .wd-selected-variation,
    .wd-swatch-selected
) {
    display: block;

    width: 100%;

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

    color: var(--tenxl-size-green) !important;

    font-family: "Manrope", Arial, sans-serif !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
    letter-spacing: 0.2px !important;
    text-align: center !important;
}

/* -----------------------------
   Accessible keyboard focus
   ----------------------------- */

:is(.products, .wd-products)
.product-grid-item
.wd-swatch:focus-visible {
    outline: 3px solid rgba(0, 42, 32, 0.22) !important;
    outline-offset: 2px !important;
}

/* ==========================================================
   MOBILE
   Five sizes per row in a two-column product grid
   ========================================================== */

@media (max-width: 767px) {
    :is(.products, .wd-products) .product-grid-item {
        --tenxl-size-height: 31px;
        --tenxl-size-gap: 3px;
    }

    :is(.products, .wd-products)
    .product-grid-item
    .wd-swatches-grid {
        width: 100% !important;
        max-width: 100% !important;

        margin: 8px auto 10px !important;
        gap: var(--tenxl-size-gap) !important;
    }

    :is(.products, .wd-products)
    .product-grid-item
    .wd-swatches-grid
    .wd-swatch-wrap,

    :is(.products, .wd-products)
    .product-grid-item
    .wd-swatches-grid
    > .wd-swatch {
        flex: 0 0 calc((100% - 12px) / 5) !important;

        width: calc((100% - 12px) / 5) !important;
        min-width: 0 !important;
        max-width: none !important;

        height: var(--tenxl-size-height) !important;
        min-height: var(--tenxl-size-height) !important;
        max-height: var(--tenxl-size-height) !important;
    }

    :is(.products, .wd-products)
    .product-grid-item
    .wd-swatches-grid
    .wd-swatch {
        width: 100% !important;

        height: var(--tenxl-size-height) !important;
        min-height: var(--tenxl-size-height) !important;
        max-height: var(--tenxl-size-height) !important;

        padding: 0 1px !important;

        font-size: 8.5px !important;
        letter-spacing: -0.1px !important;
    }

    :is(.products, .wd-products)
    .product-grid-item
    :is(
        .wd-swatches-product-label,
        .wd-selected-variation,
        .wd-swatch-selected
    ) {
        display: block !important;

        margin: -2px 0 8px !important;

        font-size: 9px !important;
        line-height: 1.3 !important;
        letter-spacing: 0 !important;
    }
}

/* Extra-small mobile */
@media (max-width: 360px) {
    :is(.products, .wd-products) .product-grid-item {
        --tenxl-size-height: 29px;
        --tenxl-size-gap: 2px;
    }

    :is(.products, .wd-products)
    .product-grid-item
    .wd-swatches-grid
    .wd-swatch-wrap,

    :is(.products, .wd-products)
    .product-grid-item
    .wd-swatches-grid
    > .wd-swatch {
        flex-basis: calc((100% - 8px) / 5) !important;
        width: calc((100% - 8px) / 5) !important;
    }

    :is(.products, .wd-products)
    .product-grid-item
    .wd-swatches-grid
    .wd-swatch {
        font-size: 8px !important;
    }
}

/* ==========================================================
   10XL — SINGLE PRODUCT INFORMATION ACCORDION
   Product Description / Size Guide / Shipping & Return /
   Wash & Care
   Scoped to single-product pages only.
   Does not style Add to Cart or Buy Now buttons.
   ========================================================== */

.single-product .woocommerce-tabs.tabs-layout-accordion {
    --tenxl-accordion-text: #111111;
    --tenxl-accordion-body: #333936;
    --tenxl-accordion-accent: #002A20;
    --tenxl-accordion-border: rgba(10, 10, 10, 0.13);
    --tenxl-accordion-focus: rgba(0, 42, 32, 0.20);

    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    border-top: 1px solid var(--tenxl-accordion-border);
}

.single-product .woocommerce-tabs.tabs-layout-accordion > .wd-accordion-item {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid var(--tenxl-accordion-border) !important;
    background: transparent !important;
    box-shadow: none !important;
}

.single-product .woocommerce-tabs.tabs-layout-accordion .wd-accordion-title {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 72px;
    margin: 0 !important;
    padding: 19px 0 !important;
    color: var(--tenxl-accordion-text) !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    cursor: pointer;
    transition: color 160ms ease;
}

.single-product .woocommerce-tabs.tabs-layout-accordion
.wd-accordion-title-text {
    min-width: 0;
    padding-right: 22px;
    font-family: "Manrope", Arial, sans-serif !important;
    font-size: 17px !important;
    font-weight: 650 !important;
    line-height: 1.35 !important;
    letter-spacing: -0.15px !important;
    text-transform: none !important;
}

.single-product .woocommerce-tabs.tabs-layout-accordion
.wd-accordion-title:hover,
.single-product .woocommerce-tabs.tabs-layout-accordion
.wd-accordion-title.wd-active,
.single-product .woocommerce-tabs.tabs-layout-accordion
.wd-accordion-item.wd-active > .wd-accordion-title {
    color: var(--tenxl-accordion-accent) !important;
}

.single-product .woocommerce-tabs.tabs-layout-accordion
.wd-accordion-title:focus-visible {
    outline: 3px solid var(--tenxl-accordion-focus) !important;
    outline-offset: -3px;
}

.single-product .woocommerce-tabs.tabs-layout-accordion
.wd-accordion-opener {
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    margin-left: auto;
    color: currentColor;
}

.single-product .woocommerce-tabs.tabs-layout-accordion
.wd-accordion-content {
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--tenxl-accordion-body);
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.single-product .woocommerce-tabs.tabs-layout-accordion
.wd-accordion-content .wc-tab-inner {
    width: 100%;
    margin: 0 !important;
    padding: 0 0 26px !important;
    color: inherit;
    font-family: "Manrope", Arial, sans-serif;
    font-size: 15px;
    line-height: 1.75;
}

.single-product .woocommerce-tabs.tabs-layout-accordion
.wc-tab-inner > :first-child {
    margin-top: 0 !important;
}

.single-product .woocommerce-tabs.tabs-layout-accordion
.wc-tab-inner > :last-child {
    margin-bottom: 0 !important;
}

.single-product .woocommerce-tabs.tabs-layout-accordion
.wc-tab-inner :is(p, ul, ol) {
    margin-top: 0;
    margin-bottom: 14px;
}

.single-product .woocommerce-tabs.tabs-layout-accordion
.wc-tab-inner :is(ul, ol) {
    padding-left: 21px;
}

/* Selected WoodMart product-wise Size Guide content */
.single-product .tenxl-size-guide-content {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

.single-product .tenxl-size-guide-content :is(figure, .wp-block-image) {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0 auto !important;
    padding: 0 !important;
}

.single-product .tenxl-size-guide-content img {
    display: block;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 auto !important;
    object-fit: contain;
}

/* Remove editor-only spacing saved inside Size Guide posts */
.single-product .tenxl-size-guide-content .wp-block-spacer {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Wash & Care content */
.single-product .tenxl-wash-care-content {
    width: 100%;
    max-width: 100%;
}

/* Tablet */
@media (max-width: 1024px) {
    .single-product .woocommerce-tabs.tabs-layout-accordion
    .wd-accordion-title {
        min-height: 68px;
        padding: 17px 0 !important;
    }

    .single-product .woocommerce-tabs.tabs-layout-accordion
    .wd-accordion-title-text {
        font-size: 16px !important;
    }

    .single-product .woocommerce-tabs.tabs-layout-accordion
    .wd-accordion-content .wc-tab-inner {
        padding-bottom: 23px !important;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .single-product .woocommerce-tabs.tabs-layout-accordion
    .wd-accordion-title {
        min-height: 62px;
        padding: 15px 0 !important;
    }

    .single-product .woocommerce-tabs.tabs-layout-accordion
    .wd-accordion-title-text {
        padding-right: 16px;
        font-size: 15px !important;
        font-weight: 650 !important;
        letter-spacing: -0.1px !important;
    }

    .single-product .woocommerce-tabs.tabs-layout-accordion
    .wd-accordion-content .wc-tab-inner {
        padding-bottom: 20px !important;
        font-size: 14px;
        line-height: 1.7;
    }

    .single-product .tenxl-size-guide-content img {
        width: 100% !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .single-product .woocommerce-tabs.tabs-layout-accordion
    .wd-accordion-title {
        transition: none;
    }
}