:root {
	--wd-text-font: "Inter", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(31,41,55);
	--wd-text-font-size: 16px;
	--wd-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 700;
	--wd-title-color: rgb(14,67,43);
	--wd-entities-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 600;
	--wd-entities-title-color: rgb(31,41,55);
	--wd-entities-title-color-hover: rgba(51, 51, 51, 0.65);
	--wd-alternative-font: "Albert Sans", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: capitalize;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 600;
	--wd-header-el-transform: capitalize;
	--wd-header-el-font-size: 14px;
	--wd-brd-radius: 20px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(14,67,43);
	--wd-alternative-color: rgb(217,97,11);
	--btn-default-bgcolor: rgb(14,67,43);
	--btn-default-bgcolor-hover: rgb(6,34,21);
	--btn-accented-bgcolor: rgb(217,97,11);
	--btn-accented-bgcolor-hover: rgb(192,82,6);
	--wd-form-brd-width: 1px;
	--notices-success-bg: rgb(14,67,43);
	--notices-success-color: #FFFFFF;
	--notices-warning-bg: rgb(217,97,11);
	--notices-warning-color: #FFFFFF;
	--wd-link-color: rgb(14,67,43);
	--wd-link-color-hover: rgb(217,97,11);
	--wd-sticky-btn-height: 95px;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(244,244,244);
	background-image: none;
}
html .wd-nav-mobile > li > a {
	text-transform: capitalize;
}
html .wd-checkout-steps {
	text-transform: capitalize;
}
html table th {
	text-transform: none;
}
:is(.page, .search-no-results, .error404) :is(.wd-page-content, .whb-header) {
	background-color: rgb(250,252,250);
	background-image: none;
}
html .wd-product.wd-hover-quick .wd-add-btn>a, html .wd-product.wd-hover-quick.wd-quantity-overlap div.quantity input[type] {
	text-transform: capitalize;
	color: rgb(255,255,255);
	background: rgb(217,97,11);
}
html .wd-product.wd-hover-quick .wd-add-btn>a:hover, html .wd-product.wd-hover-quick.wd-quantity-overlap div:hover > div.quantity input[type], 
			html .wd-product.wd-hover-quick.wd-quantity-overlap div:hover > div.quantity+.button {
	color: rgb(255,255,255);
	background: rgb(191,79,0);
}
html .btn.wd-buy-now-btn {
	color: rgb(255,255,255);
	background: rgb(14,67,43);
}
html .btn.wd-buy-now-btn:hover {
	color: rgb(255,255,255);
	background: rgb(6,34,21);
}
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(31,41,55);
	--wd-form-placeholder-color: rgb(156,163,175);
	--wd-form-brd-color: rgb(229,231,235);
	--wd-form-brd-color-focus: rgb(14,67,43);
	--wd-form-bg: #FFFFFF;
}
.wd-nav-arrows.wd-pos-sep:not(:where(.wd-custom-style)) {
	--wd-arrow-size: 40px;
	--wd-arrow-icon-size: 16px;
	--wd-arrow-offset-h: 15px;
	--wd-arrow-color: rgb(36,36,36);
	--wd-arrow-color-hover: rgb(51,51,51);
	--wd-arrow-color-dis: rgb(36,36,36);
	--wd-arrow-bg: rgb(244,244,244);
	--wd-arrow-bg-hover: rgb(239,239,239);
	--wd-arrow-bg-dis: rgb(244,244,244);
	--wd-arrow-radius: 20px;
}
.wd .product-label.onsale {
	background-color: rgb(239,68,68);
	color: rgb(255,255,255);
}
.wd .product-label.new {
	background-color: rgb(14,67,43);
	color: rgb(255,255,255);
}
.wd .product-label.featured {
	background-color: rgb(217,97,11);
	color: rgb(255,255,255);
}
.wd .product-label.out-of-stock {
	background-color: rgb(31,41,55);
	color: rgb(255,255,255);
}
.wd .product-label.attribute-label:not(.label-with-img) {
	background-color: #E6F2EB;
	color: rgb(14,67,43);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
.woocommerce-product-gallery {
	--wd-gallery-gap: 0px;
}

@media (max-width: 1024px) {
	:root {
		--wd-sticky-btn-height: 95px;
	}

}

@media (max-width: 768.98px) {
	:root {
		--wd-sticky-btn-height: 42px;
	}

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

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


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

/* =========================================================
   1. GLOBAL OVERFLOW & GRID CARD TITLE FIX (DESKTOP + MOBILE)
   ========================================================= */
*, *::before, *::after {
    box-sizing: border-box !important;
}

html, body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    position: relative !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* FIX: Uncut Full 2-Line Product Titles Across All Grids & Carousels */
.wd-entities-title,
.wd-entities-title a,
.product-grid-item .product-title,
.wd-product .product-title,
.product-grid-item h3,
.wd-product h3,
.wd-product-title,
.wd-product-title a {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important; /* Shows 2 full lines cleanly */
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    white-space: normal !important;
    text-overflow: ellipsis !important;
    height: auto !important;
    max-height: none !important;
    min-height: 34px !important; /* Aligns single-line and double-line cards evenly */
    line-height: 1.3 !important;
    margin-top: 3px !important;
    margin-bottom: 4px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}

/* =========================================================
   2. PRICEOYE BASE PDP ENGINE
   ========================================================= */
.variations_form table.variations,
.variations_form .wd-swatches-product {
    display: none !important;
}

#priceoye-custom-wrapper {
    display: block !important;
    margin-bottom: 14px !important;
}

.po-attribute-section {
    margin-bottom: 12px !important;
}

.po-attribute-title {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    margin-bottom: 8px !important;
}

.po-options-grid {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    align-items: flex-start !important;
}

/* Color Cards */
.po-color-card {
    position: relative !important;
    width: 70px !important;
    min-height: 94px !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 6px 4px !important;
    cursor: pointer !important;
    transition: all 0.2s ease-in-out !important;
    user-select: none !important;
}

.po-color-card img {
    width: 44px !important;
    height: 50px !important;
    object-fit: contain !important;
}

.po-color-card .po-color-name {
    font-size: 10.5px !important;
    font-weight: 600 !important;
    color: #475569 !important;
    text-align: center !important;
    line-height: 1.2 !important;
    margin-top: 3px !important;
}

.po-color-card.active {
    border-color: #2b7fff !important;
    box-shadow: 0 0 0 1px #2b7fff !important;
    background: #f0f7ff !important;
}

/* Storage Pills */
.po-storage-pill {
    position: relative !important;
    height: 36px !important;
    min-width: 100px !important;
    padding: 0 12px !important;
    border: 1.5px solid #2b7fff !important;
    border-radius: 7px !important;
    background-color: #f0f7ff !important;
    color: #0b57d0 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.2s ease-in-out !important;
}

.po-storage-pill.active {
    background-color: #2b7fff !important;
    color: #ffffff !important;
}

/* Sold Out Badge */
.po-sold-out-card {
    opacity: 0.55 !important;
    background: #f8fafc !important;
    border-color: #cbd5e1 !important;
}

.po-sold-out-card .po-badge {
    position: absolute !important;
    top: -8px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    background: #94a3b8 !important;
    color: #ffffff !important;
    font-size: 8px !important;
    font-weight: 700 !important;
    padding: 1px 5px !important;
    border-radius: 4px !important;
    white-space: nowrap !important;
    line-height: 1.2 !important;
    z-index: 5 !important;
}

/* Desktop Gallery */
.woocommerce-product-gallery .wd-gallery-thumb {
    max-height: 440px !important;
    overflow-y: auto !important;
}

.woocommerce-product-gallery .wd-gallery-thumb .wd-carousel-item {
    margin-bottom: 6px !important;
    border-radius: 6px !important;
    border: 1px solid #e2e8f0 !important;
}

/* Rating Stars & Fast Delivery Badge */
.woocommerce-product-rating {
    display: inline-flex !important;
    align-items: center !important;
    background: #fff8eb !important;
    padding: 3px 10px !important;
    border-radius: 6px !important;
    margin: 0 !important;
    gap: 6px !important;
}

.woocommerce-product-rating .star-rating {
    color: #f59e0b !important;
    font-size: 13px !important;
}

.po-fast-delivery-badge {
    display: inline-flex !important;
    align-items: center !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    background: #fef08a !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    border: 1px solid #fde047 !important;
}

.po-fast-delivery-badge .po-fast-text {
    background: #e11d48 !important;
    color: #ffffff !important;
    padding: 4px 7px !important;
    font-style: italic !important;
}

.po-fast-delivery-badge .po-delivery-text {
    color: #0f172a !important;
    padding: 4px 8px 4px 6px !important;
    font-style: italic !important;
}


/* =========================================================
   3. MOBILE SCREEN COMPACT ENGINE (< 768px)
   ========================================================= */
@media (max-width: 768px) {

    /* Outer Viewport Padding */
    .site-content,
    .main-page-wrapper,
    .content-layout-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
        margin: 0 auto !important;
    }

    /* Inner Card Breathing Room (Stops content from touching the border) */
    html body .single-product .elementor-widget-wrap,
    html body .single-product .entry-summary,
    html body .single-product .product-image-summary,
    html body .single-product .e-con,
    html body .single-product .e-con-inner,
    html body .product-tabs-wrapper {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    /* Centered Product Gallery Image */
    .woocommerce-product-gallery {
        margin: 0 auto 4px auto !important;
        width: 100% !important;
    }

    .woocommerce-product-gallery .woocommerce-product-gallery__image img,
    .woocommerce-product-gallery .wp-post-image {
        max-height: 190px !important;
        width: auto !important;
        margin: 0 auto !important;
        object-fit: contain !important;
        display: block !important;
    }

    .woocommerce-product-gallery .wd-gallery-thumb {
        display: none !important;
    }

    /* High-Specificity Heading Size Reduction */
    html body h1,
    html body h2,
    html body h3,
    html body .single-product h1.product_title,
    html body .elementor-heading-title,
    html body .elementor-widget-heading .elementor-heading-title,
    html body .woocommerce-Tabs-panel h2,
    html body .woocommerce-Tabs-panel h3,
    html body .product-tabs-wrapper h2,
    html body .product-tabs-wrapper h3,
    html body #tab-description h2,
    html body #tab-description h3,
    html body .woocommerce-Reviews-title,
    html body #reviews #comments h2 {
        font-size: 15px !important;
        font-weight: 700 !important;
        line-height: 1.25 !important;
        margin-top: 6px !important;
        margin-bottom: 4px !important;
        color: #062215 !important;
    }

    /* Product Details Title & Price Row */
    .single-product h1.product_title {
        font-size: 16px !important;
        margin: 2px 0 !important;
    }

    .single-product .sku_wrapper {
        font-size: 9.5px !important;
        margin-bottom: 2px !important;
        display: block !important;
    }

    .single-product .price {
        font-size: 14px !important;
        margin: 3px 0 !important;
    }

    .single-product .price ins {
        font-size: 15.5px !important;
        font-weight: 700 !important;
    }

    .single-product .price del {
        font-size: 10.5px !important;
    }

    /* Description & Subheadings */
    html body .woocommerce-Tabs-panel h4,
    html body .woocommerce-Tabs-panel strong,
    html body .product-tabs-wrapper strong,
    html body .entry-content strong {
        font-size: 12px !important;
        font-weight: 700 !important;
        color: #0E432B !important;
    }

    html body p,
    html body .elementor-widget-text-editor,
    html body .woocommerce-product-details__short-description,
    html body .woocommerce-product-details__short-description p,
    html body .product-tabs-wrapper p,
    html body .woocommerce-Tabs-panel p,
    html body .woocommerce-Tabs-panel li,
    html body #tab-description p {
        font-size: 11.5px !important;
        line-height: 1.4 !important;
        margin-bottom: 6px !important;
        color: #334155 !important;
    }

    /* Compact Swatches */
    .po-attribute-section {
        margin-bottom: 6px !important;
    }

    .po-attribute-title {
        font-size: 11.5px !important;
        font-weight: 700 !important;
        margin-bottom: 3px !important;
    }

    .po-options-grid {
        gap: 5px !important;
    }

    .po-color-card {
        width: 48px !important;
        min-height: 62px !important;
        padding: 2px 1px !important;
        border-radius: 5px !important;
    }

    .po-color-card img {
        width: 28px !important;
        height: 32px !important;
    }

    .po-color-card .po-color-name {
        font-size: 7.5px !important;
        margin-top: 1px !important;
    }

    .po-sold-out-card .po-badge {
        top: -5px !important;
        font-size: 6.5px !important;
        padding: 1px 3px !important;
    }

    .po-storage-pill {
        height: 26px !important;
        min-width: 66px !important;
        padding: 0 5px !important;
        font-size: 9.5px !important;
        border-radius: 5px !important;
    }

    /* Action Buttons (Clean Grid) */
    .single-product .quantity {
        display: none !important;
    }

    .single-product form.cart {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 6px !important;
        margin-top: 6px !important;
    }

    .single-product form.cart .single_add_to_cart_button,
    .single-product form.cart .wd-buy-now-btn {
        flex: 1 1 45% !important;
        height: 34px !important;
        font-size: 11px !important;
        padding: 0 6px !important;
        border-radius: 6px !important;
    }

    .single-product .btn-installment {
        width: 100% !important;
        height: 32px !important;
        font-size: 10.5px !important;
        margin-top: 4px !important;
        border-radius: 6px !important;
    }

    /* Footer Spacing & Text (Away from left screen edge) */
    html body footer,
    html body .footer-container,
    html body .footer-sidebar,
    html body .footer-column,
    html body .site-footer {
        padding-left: 16px !important;
        padding-right: 16px !important;
        padding-top: 10px !important;
        padding-bottom: 6px !important;
    }

    html body .footer-widget .widget-title,
    html body .footer-sidebar .widgettitle,
    html body .site-footer h5 {
        font-size: 13px !important;
        font-weight: 700 !important;
        margin-bottom: 4px !important;
        color: #0f172a !important;
    }

    html body .footer-widget ul li,
    html body .footer-widget ul li a,
    html body .footer-sidebar ul li,
    html body .footer-sidebar ul li a,
    html body .footer-widget p,
    html body .footer-column p,
    html body .site-footer p,
    html body .wd-sub-footer,
    html body .min-footer {
        font-size: 11.5px !important;
        line-height: 1.4 !important;
        margin-bottom: 4px !important;
    }
}
/* =========================================================
   4. HOMEPAGE BRAND CAROUSEL & CATEGORY SCROLL FIX (< 768px)
   ========================================================= */
@media (max-width: 768px) {

    /* --- Touch-Swipe Brands / Logo Carousel --- */
    .wd-brands-element,
    .brands-widget,
    .elementor-widget-wd_brands .elementor-widget-container > div,
    .wd-brands-grid {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scroll-snap-type: x mandatory !important;
        -webkit-overflow-scrolling: touch !important;
        gap: 8px !important;
        padding-bottom: 8px !important;
        margin-bottom: 8px !important;
    }

    .wd-brands-element .brand-item,
    .wd-brands-grid .brand-item,
    .brands-widget .brand-item {
        flex: 0 0 38% !important; /* Shows 2.5 cards so customer sees it slides */
        min-width: 120px !important;
        scroll-snap-align: start !important;
    }

    /* --- Category Bar: Smooth Touch-Scroll & Visible Pills --- */
    .wd-nav-tabs,
    .wd-products-tabs .wd-nav-tabs,
    .elementor-widget-wd_products_tabs ul.wd-nav-tabs {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        gap: 6px !important;
        padding: 4px 8px 8px 8px !important;
        scrollbar-width: none !important;
    }

    .wd-nav-tabs::-webkit-scrollbar {
        display: none !important;
    }

    /* Category Pill Sizing (Fits 2.5-3 on screen) */
    .wd-nav-tabs li,
    .wd-products-tabs .wd-nav-tabs li {
        flex: 0 0 auto !important;
        display: inline-block !important;
    }

    .wd-nav-tabs li a,
    .wd-products-tabs .wd-nav-tabs li a {
        font-size: 11px !important;
        font-weight: 600 !important;
        padding: 5px 12px !important;
        height: 28px !important;
        line-height: 18px !important;
        white-space: nowrap !important;
        border-radius: 20px !important;
    }
}
/* =========================================================
   PRICEOYE BRANDED SORTING CHECKBOX WIDGET
   ========================================================= */

.po-sorting-filter {
    display: flex !important;
    flex-direction: column !important;
    gap: 7px !important;
    margin-bottom: 14px !important;
}

.po-sort-item {
    display: flex !important;
    align-items: center !important;
    cursor: pointer !important;
    margin: 0 !important;
    padding: 3px 0 !important;
    user-select: none !important;
    transition: all 0.2s ease !important;
}

.po-sort-item input[type="radio"] {
    display: none !important;
}

/* Checkbox Square */
.po-sort-item .po-checkbox {
    display: inline-block !important;
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 4px !important;
    background: #ffffff !important;
    margin-right: 8px !important;
    position: relative !important;
    transition: all 0.2s ease !important;
}

/* Text Label */
.po-sort-item .po-label-text {
    font-size: 12px !important;
    font-weight: 500 !important;
    color: #334155 !important;
    line-height: 1.2 !important;
}

/* Hover State */
.po-sort-item:hover .po-label-text {
    color: #0E432B !important;
}

.po-sort-item:hover .po-checkbox {
    border-color: #0E432B !important;
}

/* Active / Checked State */
.po-sort-item input[type="radio"]:checked + .po-checkbox,
.po-sort-item.active .po-checkbox {
    background-color: #0E432B !important;
    border-color: #0E432B !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E") !important;
    background-size: 11px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.po-sort-item input[type="radio"]:checked ~ .po-label-text,
.po-sort-item.active .po-label-text {
    font-weight: 700 !important;
    color: #0E432B !important;
}

/* =========================================================
   HABIB HUB SIGNATURE PRICE RANGE FILTER
   ========================================================= */

.po-price-range-filter {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    margin-bottom: 16px !important;
    padding: 2px 0 !important;
}

/* Interactive Brand Item Card */
.po-price-item {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    cursor: pointer !important;
    margin: 0 !important;
    padding: 7px 10px !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    border: 1.5px solid #f1f5f9 !important;
    user-select: none !important;
    transition: all 0.22s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.po-price-item input[type="radio"] {
    display: none !important;
}

/* Custom Habib Hub Checkbox */
.po-price-item .po-checkbox {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 17px !important;
    height: 17px !important;
    min-width: 17px !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 5px !important;
    background: #ffffff !important;
    margin-right: 10px !important;
    transition: all 0.2s ease !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
}

/* Label Typography */
.po-price-item .po-label-text {
    font-size: 12px !important;
    font-weight: 500 !important;
    color: #475569 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.1px !important;
    transition: color 0.2s ease !important;
}

/* Hover Interaction */
.po-price-item:hover {
    background: #f8fafc !important;
    border-color: #cbd5e1 !important;
    transform: translateX(3px) !important;
}
.po-price-item:hover .po-label-text {
    color: #0E432B !important;
}

.po-price-item:hover .po-checkbox {
    border-color: #0E432B !important;
}

/* Active / Checked Habib Hub Brand State */
.po-price-item input[type="radio"]:checked + .po-checkbox,
.po-price-item.active .po-checkbox {
    background-color: #0E432B !important;
    border-color: #0E432B !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E") !important;
    background-size: 12px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    box-shadow: 0 2px 5px rgba(14, 67, 43, 0.3) !important;
}

.po-price-item:has(input[type="radio"]:checked),
.po-price-item.active {
    background: #f0fdf4 !important; /* Soft Emerald Tint */
    border-color: #0E432B !important;
    box-shadow: 0 2px 6px rgba(14, 67, 43, 0.08) !important;
}

.po-price-item input[type="radio"]:checked ~ .po-label-text,
.po-price-item.active .po-label-text {
    font-weight: 700 !important;
    color: #0E432B !important;
}
/* =========================================================
   6. HABIB HUB SIDEBAR & MOBILE DRAWER STYLING
   ========================================================= */

/* --- Clean White Sidebar Container --- */
.sidebar-container,
.shop-sidebar,
.wd-side-hidden {
    background: #ffffff !important;
    border-radius: 10px !important;
    padding: 14px 16px !important;
}

/* --- Section Titles & Accordion Arrow --- */
.sidebar-container .widgettitle,
.sidebar-container .widget-title,
.wd-side-hidden .widgettitle,
.wd-side-hidden .widget-title {
    font-size: 12.5px !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    padding: 12px 0 8px 0 !important;
    margin-bottom: 8px !important;
    border-bottom: 1px solid #f1f5f9 !important;
    position: relative !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    cursor: pointer !important;
}

.widget-title .wd-widget-collapse-btn,
.sidebar-container .widget-title::after {
    font-size: 11px !important;
    color: #64748b !important;
    transition: transform 0.2s ease !important;
}

/* --- Filter List Items & Checklist Cards --- */
.sidebar-container .wd-filter-list,
.sidebar-container ul.woocommerce-widget-layered-nav-list,
.wd-side-hidden ul.woocommerce-widget-layered-nav-list {
    padding-left: 0 !important;
    margin-bottom: 14px !important;
    max-height: 220px !important;
    overflow-y: auto !important;
    scrollbar-width: thin !important;
}

.sidebar-container ul.woocommerce-widget-layered-nav-list li,
.wd-side-hidden ul.woocommerce-widget-layered-nav-list li {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 4px 0 !important;
    font-size: 12px !important;
    color: #334155 !important;
}

.sidebar-container ul.woocommerce-widget-layered-nav-list li a,
.wd-side-hidden ul.woocommerce-widget-layered-nav-list li a {
    color: #334155 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}

/* Square Checkbox Box */
.sidebar-container .wd-filter-list li .wd-filter-swatch,
.sidebar-container .filter-swatch,
.wd-side-hidden .filter-swatch,
.woocommerce-widget-layered-nav-list li a::before {
    content: '' !important;
    display: inline-block !important;
    width: 15px !important;
    height: 15px !important;
    min-width: 15px !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 3px !important;
    background: #ffffff !important;
    margin-right: 6px !important;
    transition: all 0.2s ease !important;
}

/* Active / Checked State */
.sidebar-container .chosen a::before,
.wd-side-hidden .chosen a::before,
.woocommerce-widget-layered-nav-list li.chosen a::before {
    background-color: #0E432B !important;
    border-color: #0E432B !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E") !important;
    background-size: 11px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

/* Item Count Badges */
.sidebar-container .count,
.wd-side-hidden .count {
    font-size: 10px !important;
    color: #94a3b8 !important;
    background: #f8fafc !important;
    padding: 1px 6px !important;
    border-radius: 10px !important;
}

/* --- Price Slider Controls (If used) --- */
.sidebar-container .price_slider_wrapper .ui-slider-range,
.wd-side-hidden .price_slider_wrapper .ui-slider-range {
    background: #0E432B !important;
    height: 4px !important;
}

.sidebar-container .price_slider_wrapper .ui-slider-handle,
.wd-side-hidden .price_slider_wrapper .ui-slider-handle {
    width: 14px !important;
    height: 14px !important;
    top: -5px !important;
    background: #0E432B !important;
    border: 2px solid #ffffff !important;
    box-shadow: 0 1px 4px rgba(0,0,0,0.2) !important;
}

.sidebar-container .price_slider_amount button.button,
.wd-side-hidden .price_slider_amount button.button {
    background: #0E432B !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    border-radius: 6px !important;
    height: 28px !important;
    padding: 0 12px !important;
}

/* --- Mobile Floating Filter Drawer Button & Slide-In Panel --- */
@media (max-width: 768px) {
    .wd-show-sidebar-btn,
    .open-filters {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: #0E432B !important;
        color: #ffffff !important;
        font-size: 11.5px !important;
        font-weight: 700 !important;
        padding: 6px 14px !important;
        border-radius: 20px !important;
        box-shadow: 0 2px 6px rgba(14, 67, 43, 0.2) !important;
        gap: 6px !important;
        margin: 4px 0 8px 0 !important;
    }

    .wd-show-sidebar-btn a,
    .open-filters a {
        color: #ffffff !important;
        font-size: 11.5px !important;
        font-weight: 700 !important;
    }

    /* Full-Height Left Slide Drawer */
    .wd-side-hidden,
    .sidebar-container.wd-side-hidden {
        width: 82% !important;
        max-width: 320px !important;
        padding: 16px 12px !important;
        background: #ffffff !important;
    }
}
/* =========================================================
   HOMEPAGE FIRST HERO CONTAINER: FULL VIEWPORT WIDTH (MOBILE ONLY)
   ========================================================= */
@media (max-width: 768px) {
    /* Break out of theme wrapper padding strictly for the 1st container */
    .home .elementor > .e-con:first-child,
    .home .elementor > .e-parent:first-child,
    .home .entry-content .elementor > .e-con:first-child,
    .home .entry-content .elementor > .e-parent:first-child {
        width: 100vw !important;
        max-width: 100vw !important;
        margin-left: calc(-50vw + 50%) !important;
        margin-right: calc(-50vw + 50%) !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* Remove inner container side paddings */
    .home .elementor > .e-con:first-child > .e-con-inner,
    .home .elementor > .e-parent:first-child > .e-con-inner {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}
/* =========================================================
   HABIB HUB: WHATSAPP BUTTON SMART POSITIONING (DESKTOP + MOBILE)
   ========================================================= */

/* Desktop: Lift above the Back-to-Top button */
@media (min-width: 769px) {
    .ht-ctc,
    .ht_ctc_chat_data,
    #ht-ctc-chat {
        bottom: 85px !important;
        right: 25px !important;
        left: auto !important;
    }
}

/* Mobile: Clear BOTH the sticky navbar and Back-to-Top button */
@media (max-width: 768px) {
    .ht-ctc,
    .ht_ctc_chat_data,
    #ht-ctc-chat {
        bottom: 125px !important;
        right: 15px !important;
        left: auto !important;
    }
}
/* Direct inner mobile footer offset */
[class*="footer"] .elementor-widget-wrap,
[class*="footer"] .e-con-inner,
[class*="footer"] .elementor-widget {
    margin-left: 14px !important;
    padding-left: 0 !important;
    box-sizing: border-box !important;
}