:root {
	--wd-text-font: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 15px;
	--wd-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-transform: inherit;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-transform: inherit;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Poppins", 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: "Poppins", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 400;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 14px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: #FFCD00;
	--wd-alternative-color: #00843D;
	--btn-default-font-family: Arial, Helvetica, sans-serif;
	--btn-default-font-weight: 700;
	--btn-default-transform: uppercase;
	--btn-default-font-size: 15px;
	--btn-default-bgcolor: rgba(0,132,61,0.125);
	--btn-default-bgcolor-hover: rgba(0,132,61,0.5);
	--btn-default-color: #00843D;
	--btn-default-color-hover: #FFFFFF;
	--btn-default-padding: 10px 20px 10px 20px;
	--btn-accented-font-family: Arial, Helvetica, sans-serif;
	--btn-accented-font-weight: 700;
	--btn-accented-transform: uppercase;
	--btn-accented-font-size: 12px;
	--btn-accented-bgcolor: rgba(0,132,61,0.125);
	--btn-accented-bgcolor-hover: rgba(0,132,61,0.5);
	--btn-accented-color: #00843D;
	--btn-accented-color-hover: #FFFFFF;
	--btn-accented-padding: 10px 20px 10px 20px;
	--wd-form-brd-width: 2px;
	--notices-success-bg: rgba(0,132,61,0.125);
	--notices-success-color: rgb(0,132,61);
	--notices-warning-bg: rgba(255,0,0,0.125);
	--notices-warning-color: rgb(255,0,0);
	--wd-link-color: #FFCD00;
	--wd-link-color-hover: #00843D;
}
.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(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(23,32,48);
	--wd-form-placeholder-color: rgb(200,200,200);
	--wd-form-brd-color: rgb(239,239,240);
	--wd-form-brd-color-focus: #FFCD00;
	--wd-form-bg: rgb(255,255,255);
}
.wd-nav-arrows.wd-pos-sep:not(:where(.wd-custom-style)) {
	--wd-arrow-size: 30px;
	--wd-arrow-icon-size: 20px;
	--wd-arrow-offset-h: -20px;
	--wd-arrow-offset-v: 0px;
	--wd-arrow-color: #FFFFFF;
	--wd-arrow-color-hover: #FFFFFF;
	--wd-arrow-color-dis: #FFFFFF;
	--wd-arrow-bg: #FFCD00;
	--wd-arrow-bg-hover: #00843D;
	--wd-arrow-bg-dis: rgb(117,117,117);
	--wd-arrow-radius: 5px;
}
.wd-nav-pagin-wrap:not(.wd-custom-style) {
	--wd-pagin-size: 20px;
	--wd-pagin-bg: #FFCD00;
	--wd-pagin-bg-hover: #00843D;
	--wd-pagin-bg-act: rgb(117,117,117);
	--wd-pagin-radius: 50px;
	--wd-pagin-brd-color: #FFCD00;
	--wd-pagin-brd-color-hover: #00843D;
	--wd-pagin-brd-color-act: rgb(117,117,117);
	--wd-pagin-brd-width: 5px;
	--wd-pagin-brd-style: solid;
}
.wd-nav-scroll {
	--wd-nscroll-height: 30px;
	--wd-nscroll-width: 100%;
	--wd-nscroll-bg: #FFCD00;
	--wd-nscroll-drag-bg: rgb(117,117,117);
	--wd-nscroll-drag-bg-hover: #00843D;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	:root {
		--btn-default-padding: 10px 20px 10px 20px;
	--btn-accented-padding: 10px 20px 10px 20px;
	}
	.wd-nav-arrows.wd-pos-sep:not(:where(.wd-custom-style)) {
		--wd-arrow-offset-h: -20px;
	--wd-arrow-offset-v: 0px;
	}
	.wd-nav-pagin-wrap:not(.wd-custom-style) {
		--wd-pagin-size: 50px;
	}
	.wd-nav-scroll {
		--wd-nscroll-height: 30px;
	--wd-nscroll-width: 100%;
	}

}

@media (max-width: 768.98px) {
	:root {
		--btn-default-padding: 10px 20px 10px 20px;
	--btn-accented-padding: 10px 20px 10px 20px;
	}
	.wd-nav-arrows.wd-pos-sep:not(:where(.wd-custom-style)) {
		--wd-arrow-offset-h: -20px;
	--wd-arrow-offset-v: 0px;
	}
	.wd-nav-pagin-wrap:not(.wd-custom-style) {
		--wd-pagin-size: 40px;
	}
	.wd-nav-scroll {
		--wd-nscroll-height: 25px;
	--wd-nscroll-width: 100%;
	}

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

@media (min-width: 1222px) {
[data-vc-full-width]:not([data-vc-stretch-content]),
:is(.vc_section, .vc_row).wd-section-stretch {
padding-left: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
padding-right: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
}
}


.wd-page-title {
background-color: rgb(238,238,238);
}

@font-face {
	font-family: "NotoSansBengali";
	src: url("//beta.jorjmart.com/wp-content/uploads/2026/09/NotoSansBengali-Regular.woff2") format("woff2"), 
url("//beta.jorjmart.com/wp-content/uploads/2026/09/NotoSansBengali-Regular.woff") format("woff");
	font-weight: 400;
	font-display:swap;
	font-style: normal;
}

/* =========================================================
   1. HEADER — SEARCH FORM
   ========================================================= */
.wd-header-search-form {
    margin-left: auto;
    margin-right: auto;
}

/* =========================================================
   2. HEADER — ORDER TACKING BUTTON
   ========================================================= */
.custom-order-tracking-button {
    max-width: 45px;
    padding: 5px;
    border: 1px solid #eee;
}

/* =========================================================
   3. HEADER — CUSTOM HAMBURGER MENU
   ========================================================= */
.more-hamburger-icon span.nav-link-text {
    display: none;
}

.more-hamburger-icon a::after {
    font-size: 0 !important;
}
.more-hamburger-icon .fa-bars {
    border: 1px solid #eee;
    padding: 12px;
    border-radius: 50px;
}

/* =========================================================
   4. FOOTER - CASH ON DELIVERY DESIGN
   ========================================================= */
.cod-footer-text{
		align-items: center;
		position:relative;
		gap: 12px;
		font-size:16px;
		padding: 10px 10px 10px 55px;
		background-color: #ffffff;
		border: 2px solid #FFCD00;
		border-radius: 5px;
		cursor: pointer;
		font-weight: 600;
		color: #2d3748;
		transition: all 0.2s ease-in-out;
}
.cod-footer-text:hover {
 	 border: 2px solid #00843D;
}
.cod-footer-text::before {
    position: absolute;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\e2e6";
    padding: 7px 15px 7px 15px;
    border-top-left-radius: 2px;
		border-bottom-left-radius: 2px;
    color: #fff;
    background-color: #FFCD00;
		font-size:18px;
		top:0px;
		left:0px;
		max-height:42px;
		height:auto;
}
.cod-footer-text:hover::before {
    background-color: #00843D;
}
@media (max-width: 768.98px) {
		.cod-footer-text::before{
				top:-1.4px;
	}
}
/* =========================================================
   5. PAYMENT PAGE - CASH ON DELIVERY DESIGN
   ========================================================= */
.payment-page .cod-footer-text::before{
		padding: 12px 15px 6px 15px;
}
@media (max-width: 768.98px) {
		.payment-page .cod-footer-text::before{
				top:0px;
				padding: 12px 15px 6px 15px;
	}
}
/* =========================================================
   6. CART AND CHECKOUT PAGE
   ========================================================= */
/* CASH ON DELIVERY */
/* Highlight Cash on Delivery payment box */
.wc_payment_method.payment_method_cod {
    background: #ffffff;
    padding: 12px;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
}

.wc_payment_method.payment_method_cod label {
    font-weight: bold;
    color: #333;
}
/* Hide Billing Country / Region */
#billing_country_field {
    display: none !important;
}

/* Hide Shipping Country / Region */
#shipping_country_field {
    display: none !important;
}

/* Remove / Delete product button */
.wd-checkout-remove-btn,
.product-remove a {
    color: #ff0000;
    background-color: #f5f5f5;
    padding: 4px 8px;
    border-radius: 5px;
    font-weight: bold;
    text-decoration: none;
}

/* Hover */
.wd-checkout-remove-btn:hover {
    color: #ffffff;
    background-color: #ff0000;
}
.woocommerce-terms-and-conditions-wrapper{border:none !important;}
/* =========================================================
   7. MY ACCOUNT PAGE FORM MODIFICATION
   ========================================================= */
/*WooCommerce MY Account Page Modification*/
/* Hide City/Town field on My Account address form */
body.woocommerce-account .woocommerce-address-fields__field-wrapper #billing_city_field,
body.woocommerce-account .woocommerce-address-fields__field-wrapper #shipping_city_field ,#billing_postcode_field,
#shipping_postcode_field{
    display: none !important;
}
/* WooCommerce My Account - Address Form */

/* Street Address + District */
.woocommerce-MyAccount-content #billing_address_1_field,
.woocommerce-MyAccount-content #billing_state_field {
    width: 48%;
    display: inline-block;
    vertical-align: top;
}

.woocommerce-MyAccount-content #billing_address_1_field {
    margin-right: 3.5%;
}

/* Phone + Email */
.woocommerce-MyAccount-content #billing_phone_field,
.woocommerce-MyAccount-content #billing_email_field {
    width: 48%;
    display: inline-block;
    vertical-align: top;
}

.woocommerce-MyAccount-content #billing_phone_field {
    margin-right: 3.5%;
}

/* Mobile */
@media (max-width: 767px) {
    .woocommerce-MyAccount-content #billing_address_1_field,
    .woocommerce-MyAccount-content #billing_state_field,
    .woocommerce-MyAccount-content #billing_phone_field,
    .woocommerce-MyAccount-content #billing_email_field {
        width: 100%;
        margin-right: 0;
    }
}
/* Shipping Address - Street Address + District in one line */
.woocommerce-MyAccount-content #shipping_address_1_field,
.woocommerce-MyAccount-content #shipping_state_field {
    width: 48%;
    display: inline-block;
    vertical-align: top;
}

.woocommerce-MyAccount-content #shipping_address_1_field {
    margin-right: 3.5%;
}

/* Mobile */
@media (max-width: 767px) {
    .woocommerce-MyAccount-content #shipping_address_1_field,
    .woocommerce-MyAccount-content #shipping_state_field {
        width: 100%;
        margin-right: 0;
    }
}
/* =========================================================
   8. FREE SHIPPING PROGRESS BAR GREEN
   ========================================================= */
.progress-bar[style*="width: 100%"] {
    background: #28a745 !important;
}
/* =========================================================
   10. WOODMART + WOOCOMMERCE — SHIPPING
   CART + CHECKOUT
   ========================================================= */

/* ---------------------------------------------------------
   10.1 Change "Shipment" to "Shipping"
   --------------------------------------------------------- */
body.woocommerce-checkout
.woocommerce-checkout-review-order-table
.woocommerce-shipping-totals th,
body.woocommerce-cart
.woocommerce-shipping-totals th {
    font-size: 0 !important;
}

body.woocommerce-checkout
.woocommerce-checkout-review-order-table
.woocommerce-shipping-totals th::after,
body.woocommerce-cart
.woocommerce-shipping-totals th::after {
    content: "Shipping";
    font-size: 16px;
    color: #172033;
}


/* ---------------------------------------------------------
   10.2 Paid Shipping — Hide Method Name
   --------------------------------------------------------- */

/* Checkout */
body.woocommerce-checkout
.woocommerce-checkout-review-order-table
.woocommerce-shipping-methods
li:not(:has(input[value^="free_shipping"]))
label {
    font-size: 0 !important;
}
body.woocommerce-checkout
.woocommerce-shipping-methods
label .jorj-free-shipping-label {
    font-size: 16px !important;
}
/* Cart */
body.woocommerce-cart
.woocommerce-shipping-methods
li:not(:has(input[value^="free_shipping"]))
label {
    font-size: 0 !important;
}
body.woocommerce-cart
.woocommerce-shipping-methods
label .jorj-free-shipping-label {
    font-size: 16px !important;
}

/* ---------------------------------------------------------
   10.3 Paid Shipping — Show Only Price
   --------------------------------------------------------- */

body.woocommerce-checkout
.woocommerce-checkout-review-order-table
.woocommerce-shipping-methods
li:not(:has(input[value^="free_shipping"]))
label .woocommerce-Price-amount,

body.woocommerce-cart
.woocommerce-shipping-methods
li:not(:has(input[value^="free_shipping"]))
label .woocommerce-Price-amount {
    font-size: 16px !important;
}

/* Currency symbol */
body.woocommerce-checkout
.woocommerce-shipping-methods
.woocommerce-Price-currencySymbol,

body.woocommerce-cart
.woocommerce-shipping-methods
.woocommerce-Price-currencySymbol {
    font-size: inherit !important;
}


/* ---------------------------------------------------------
   10.4 Free Shipping — Keep "Free Shipping" Visible
   --------------------------------------------------------- */

body.woocommerce-checkout
.woocommerce-checkout-review-order-table
.woocommerce-shipping-methods
li:has(input[value^="free_shipping"])
label,

body.woocommerce-cart
.woocommerce-shipping-methods
li:has(input[value^="free_shipping"])
label {
    font-size: 16px !important;
}


/* ---------------------------------------------------------
   10.5 Free Shipping — Hide 0৳
   --------------------------------------------------------- */

body.woocommerce-checkout
.woocommerce-checkout-review-order-table
.woocommerce-shipping-methods
li:has(input[value^="free_shipping"])
label .woocommerce-Price-amount,

body.woocommerce-cart
.woocommerce-shipping-methods
li:has(input[value^="free_shipping"])
label .woocommerce-Price-amount {
    display: none !important;
}


/* ---------------------------------------------------------
   10.6 Keep Shipping Radio Buttons Visible
   --------------------------------------------------------- */

body.woocommerce-checkout
.woocommerce-shipping-methods
li input[type="radio"],

body.woocommerce-cart
.woocommerce-shipping-methods
li input[type="radio"] {
    font-size: initial !important;
    opacity: 1 !important;
}


/* ---------------------------------------------------------
   10.7 Shipping Vertical Alignment
   --------------------------------------------------------- */

body.woocommerce-checkout
.woocommerce-checkout-review-order-table
.woocommerce-shipping-totals td,

body.woocommerce-cart
.woocommerce-shipping-totals td {
    vertical-align: middle;
}


/* ---------------------------------------------------------
   10.8 Cart — Default Shipping Area Text
   --------------------------------------------------------- */

/* Hide the actual shipping cell text */
body.woocommerce-cart
.woocommerce-shipping-totals td p{
    font-size: 0 !important;
}

/* Default text when no shipping method is available */
body.woocommerce-cart
.woocommerce-shipping-totals td::after {
    content: "Continue To Checkout";
    font-size: 16px;
    font-weight: light;
    color: #172033;
}

/* When shipping method exists, remove default text */
body.woocommerce-cart
.woocommerce-shipping-totals td:has(.woocommerce-shipping-methods)::after {
    content: none !important;
}
/* =========================================================
   11. RESPONSIVE — MOBILE / TABLET
   ========================================================= */

@media (max-width: 1200px) {

    /* Custom product layout */
    .custom-layout .wd-product {
        padding: 5px;
    }

    .custom-layout .wp-block-wd-container {
        margin-top: 10px;
    }

    .custom-layout .wp-block-wd-container img {
        max-width: 150px;
    }

    .custom-layout .wd-loop-prod-thumb {
        width: 30%;
    }

    .custom-layout .wp-block-post-title {
        font-size: 15px;
    }
}


@media (max-width: 768.98px) {

    /* Custom product layout */
    .custom-layout .products.wd-products {
        display: block !important;
    }

    .custom-layout .wd-product {
        margin-bottom: 10px;
    }
}


@media (max-width: 768px) {

    /* Shipping heading */
    body.woocommerce-checkout
    .woocommerce-checkout-review-order-table
    .woocommerce-shipping-totals th::after,

    body.woocommerce-cart
    .woocommerce-shipping-totals th::after {
        font-size: 15px;
    }

    /* Paid shipping price */
    body.woocommerce-checkout
    .woocommerce-checkout-review-order-table
    .woocommerce-shipping-methods
    li:not(:has(input[value^="free_shipping"]))
    label .woocommerce-Price-amount,

    body.woocommerce-cart
    .woocommerce-shipping-methods
    li:not(:has(input[value^="free_shipping"]))
    label .woocommerce-Price-amount {
        font-size: 15px !important;
    }

    /* Free shipping */
    body.woocommerce-checkout
    .woocommerce-checkout-review-order-table
    .woocommerce-shipping-methods
    li:has(input[value^="free_shipping"])
    label,

    body.woocommerce-cart
    .woocommerce-shipping-methods
    li:has(input[value^="free_shipping"])
    label {
        font-size: 15px !important;
    }
}
/* =========================================================
   12. CHECKOUT PAGE
   ========================================================= */
/* Textarea */
.woocommerce-checkout textarea {
    height: 90px;
    min-height: 90px;
    padding: 15px 16px;
    resize: vertical;
}

/* Billing section heading */
.woocommerce-checkout .woocommerce-billing-fields > h3 {
    font-size: 22px;
    font-weight: 600;
    line-height: 1.3;
    color: #172033;
    margin: 0 0 28px;
    padding-left: 12px;
    border-left: 3px solid #ff6b00;
}
/* =========================================================
   13. OTP LOGIN
   ========================================================= */

/* Main OTP buttons */
button.button.btn.xoo-ml-login-otp-btn,
.xoo-ml-low-back,
.xoo-ml-open-lwo-btn {
    margin-top: 15px;
    border-radius: 5px;
    background-color: rgba(0,132,61,0.125);
    color: #00843D;
}

/* Green button hover */
button.button.btn.xoo-ml-login-otp-btn:hover,
.xoo-ml-low-back:hover,
.xoo-ml-open-lwo-btn:hover {
    background-color: rgba(0,132,61,0.5);
    color: #fff;
}

/* Login / OTP open button */
.xoo-ml-open-lwo-btn {
    margin-top: 15px;
    border-radius: 5px;
    background-color: rgba(0,132,61,0.125);
    color: #00843D;
    position: relative;
}

.xoo-ml-open-lwo-btn:hover {
    opacity: 0.7;
    color: #fff;
    background-color: rgba(0,132,61,0.5);
}

/* Phone icon */
.xoo-ml-open-lwo-btn::before {
    position: absolute;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f095";
    margin-right: 8px;
    padding: 6px;
    border-radius: 50px;
    color: #00843D;
    background-color: #fff;
    transform: translateY(-50%);
    top: 50%;
    left: 8px;
	  width:25px;
  	height:25px;
}
.xoo-ml-login-otp-btn::before {
    position: absolute;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f095";
    margin-right: 8px;
    padding: 6px;
    border-radius: 50px;
    color: #74a32f;
    background-color: #fff;
    transform: translateY(-50%);
    top: 50%;
    left: 8px;
	  width:25px;
  	height:25px;
}
.xoo-ml-low-back::before {
    position: absolute;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f007";
    margin-right: 8px;
    padding: 6px;
    border-radius: 50px;
    color: #74a32f;
    background-color: #fff;
    transform: translateY(-50%);
    top: 50%;
    left: 8px;
	  width:25px;
  	height:25px;
}
.xoo-ml-regphin input.xoo-ml-phone-input{padding-left:60px !important;}
.xoo-ml-inlinver-cont{ position: relative;}
.xoo-ml-inlinver-cont::before {
    position: absolute;
	  width: 54px;
	  min-width: 54px;
    content: "+88";
    margin-right: 8px;
    padding: 6px;
	  border-top-left-radius:5px !important;
		border-bottom-left-radius:5px !important;
		border-top-right-radius:0px !important;
		border-bottom-right-radius:0px !important;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    background-color: #FFCD00;
	  border: 2px solid #FFCD00;
    border-right: 0;
    transform: translateY(-50%);
    top: 50%;
}
.login-form-side form.xoo-lwo-form {
    padding-left: 20px;
}
.xoo-ml-noel-mergedcc span.select2.select2-container{display:none;}

/* =========================================================
   13. ORDER TRACKING PAGE
   ========================================================= */

/* Introductory paragraph */
.woocommerce form.track_order p:first-of-type {
    font-size: 15px;
    color: #666666;
    line-height: 1.6;
    margin-bottom: 25px;
    text-align: center;
}

/* Form row */
.woocommerce form.track_order .form-row {
    margin-bottom: 20px;
    width: 100% !important;
    float: none !important;
}

/* Labels */
.woocommerce form.track_order .form-row label {
    display: block;
    font-weight: 600;
    font-size: 14px;
    color: #222222;
    margin-bottom: 8px;
}

/* Inputs */
.woocommerce form.track_order .form-row input.input-text {
    width: 100%;
    padding: 12px 15px;
    font-size: 15px;
    border: 1px solid #bfc3c8;
    border-radius: 4px;
    transition: all 0.3s ease;
    box-sizing: border-box;
}


/* Tracking submit button */
.woocommerce form.track_order .form-row button.button {
    width: 100%;
    padding: 14px;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #00843D;
    background-color: rgba(0,132,61,0.125);
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    margin-top: 10px;
}

/* Button hover */
.woocommerce form.track_order .form-row button.button:hover {
    background-color: rgba(0,132,61,0.5);
    color: #ffffff;
}
/* Remove Chrome autofill / autocomplete background */
.woocommerce form.track_order input:-webkit-autofill,
.woocommerce form.track_order input:-webkit-autofill:hover,
.woocommerce form.track_order input:-webkit-autofill:focus,
.woocommerce form.track_order input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
    box-shadow: 0 0 0 1000px #ffffff inset !important;
    -webkit-text-fill-color: #333333 !important;
    background-color: #ffffff !important;
    background-image: none !important;
}
/* =========================================================
   14. Checkbox design
   ========================================================= */
input[type="checkbox"],
input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    width: 24px;
    height: 24px;
    border: 2px solid #FFCD00;
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
    vertical-align: middle;
    position: relative;
    margin-right: 8px;
}

/* Checked state */
input[type="checkbox"]:checked,
input[type="radio"]:checked {
    background: #FFCD00;
    border-color: #FFCD00;
}

/* White check mark */
input[type="checkbox"]:checked::after,
input[type="radio"]:checked::after {
    content: "✓";
    position: absolute;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    left: 3px;
    top: 0;
}
/* =========================================================
   15. Checkbox design
   ========================================================= */
/*MC4WP Button*/
.mc4wp-form-fields .button{width:100%; border-radius:5px;background-color:rgba(0,132,61,0.25);color:#fff;color:#00843D;}
.mc4wp-form-fields .button:hover{background-color:rgba(0,132,61,0.5); color:#FFFFFF;}

/*Section Title*/
.wd-title-style-underlined .title{border-bottom:4px solid #FFCD00 !important;}

/* =========================================================
   LEFT SIDE ONLY — XOOTIX LOGIN BUTTONS
   ========================================================= */

/* Hide the OR between the two buttons */
.wd-col.col-login .xoo-lwo-form .xoo-ml-or {
    display: none !important;
}

/* First button */
.wd-col.col-login .xoo-lwo-form .xoo-ml-login-otp-btn {
    float: left !important;
    width: calc(50% - 5px) !important;
    margin: 15px 10px 0 0 !important;
    box-sizing: border-box !important;
}

/* Second button */
.wd-col.col-login .xoo-lwo-form .xoo-ml-low-back {
    float: left !important;
    width: calc(50% - 5px) !important;
    margin: 15px 0 0 0 !important;
    box-sizing: border-box !important;
}
@media (max-width: 768.98px) {
	.wd-col.col-login .xoo-lwo-form .xoo-ml-login-otp-btn,.wd-col.col-login .xoo-lwo-form .xoo-ml-low-back{width:100% !important;}
}
/* Clear the floats after the buttons */
.wd-col.col-login .xoo-lwo-form::after {
    content: "";
    display: table;
    clear: both;
}
.product-grid-item .product-element-bottom:has(.msr-buy-now) .msr-buy-now{background-color:#04aa6d !important;}
.woocommerce-Price-currencySymbol{font-weight:400;}
.price{font-size:20px;}
.wd-cat-content{padding:10px 0 0 0 !important;}
.wd-cat .wd-entities-title{font-size:12px !important;}
/* TRUST BAR + WHY JORJMART — SHARED */
.trust-bar .wd-wpb,
.trust-bar .vc_do_icon,
.why-jorjmart .wd-wpb,
.why-jorjmart .vc_do_icon {
	margin-bottom: 0 !important;
}

.trust-bar .title-wrapper,
.trust-bar .vc_do_icon,
.why-jorjmart .title-wrapper,
.why-jorjmart .vc_do_icon {
	display: inline-block;
	vertical-align: middle;
}

.trust-bar .vc_do_icon,
.why-jorjmart .vc_do_icon {
	margin-right: 15px;
}
.trust-bar-row .vc_icon_element-icon,
.why-jorjmart-row .vc_icon_element-icon {
	font-size: 48px !important;
}
/* TRUST BAR — UNIQUE */
.trust-bar {
	text-align: center;
	border-right: 2px solid rgb(247 248 249);
}

.trust-bar:last-child {
	border-right: none;
}

.trust-bar-row.vc_row-has-fill > .vc_column_container > .vc_column-inner {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}
/* WHY JORJMART — UNIQUE */
.why-jorjmart-row .vc_col-has-fill > .vc_column-inner {
	padding-top: 15px !important;
	padding-bottom: 15px !important;
}
/* TABLET */
@media (max-width: 1024px) {
	.trust-bar .vc_do_icon,
	.why-jorjmart .vc_do_icon {
		margin-right: 5px;
	}
}
/* TABLET / MOBILE */
@media (max-width: 992px) {
	.trust-bar .vc_do_icon,
	.why-jorjmart .vc_do_icon {
		margin-right: 20px;
	}
	.trust-bar,.why-jorjmart {width: 50% !important;float: left;}
	.trust-bar-row.vc_row-has-fill > .vc_column_container > .vc_column-inner,
	.why-jorjmart-row.vc_row-has-fill > .vc_column_container > .vc_column-inner {
		padding-top: 30px !important;
		padding-bottom: 30px !important;
	}
	.trust-bar-row {
		background-color: #F9EFE5;
	}

	.trust-bar {
		border-right: none;
	}
	.why-jorjmart,.trust-bar{text-align: center;}
	.trust-bar-row .vc_icon_element-icon,
	.why-jorjmart-row .vc_icon_element-icon {
		font-size: 36px !important;
	}
	.trust-bar .title-wrapper,.why-jorjmart .title-wrapper {
		--wd-mb: 0 !important;
	}
}
/* SMALL MOBILE */
@media (max-width: 450px) {
	.trust-bar.vc_column_container > .vc_column-inner,
	.why-jorjmart.vc_column_container > .vc_column-inner {
		padding-left: 5px !important;
		padding-right: 5px !important;
	}

	.trust-bar-row.vc_row-has-fill > .vc_column_container > .vc_column-inner,
	.why-jorjmart-row.vc_row-has-fill > .vc_column_container > .vc_column-inner {
		padding-top: 10px !important;
		padding-bottom: 10px !important;
	}
		.trust-bar-row .vc_icon_element-icon,
	.why-jorjmart-row .vc_icon_element-icon {
		font-size: 28px !important;
	}
}




/*CUSTOM TITLE*/
@media (max-width: 1024px){
	.custom-heading{width:50% !important;display:inline-block;}
	.custom-link{width:50% !important;display:inline-block;}
	.custom-link p{font-size:20px;}
}
@media (max-width: 767px){
		.custom-link p{font-size:15px;}
}
/*HEADER BOTTOM BG COLOR FOR MOBILE*/
@media (max-width: 1024px) {
    .whb-header-bottom,
    .whb-header-bottom .whb-row {
        background-color: transparent !important;
    }
}
/*HIDE CATEGORY DESCRIPTION*/
.term-description {
    display: none !important;
}
/*DESKTOP CATEGORY*/
.desktop-categories .cat-design-alt.categories-with-shadow .wd-cat-thumb{background-color:#F7F8FA !important;}
/*MOBILE CATEGORIES*/
.mobile-categories .category-grid-item{background-color:#F7F8FA !important; padding-bottom:10px;border-radius:5px;}
.mobile-categories .cat-design-alt.categories-with-shadow .wd-cat-thumb{box-shadow:none !important;}
/*ADD TO CART*/
a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart.add-to-cart-loop{width:100%;}
.wd-product.wd-hover-standard .wd-add-btn>a{width:100%;}
/*ADDRESS PAGE BUTTON*/
button[name=save_account_details], button[name=save_address]{margin-top:10px;}
/*SCROLL TOP*/
.scrollToTop{height:60px !important;width:60px !important;}
/*SLIDER AREA*/
.wd-content-layout {padding-block: 15px !important;}
/* =========================================
   WOODMART - QUANTITY + PURCHASE BUTTONS
   ========================================= */

/* =========================================================
 * JorjMart - Universal Single Product Quantity Row
 * Simple, Variable and Grouped products
 * ========================================================= */

/* VARIABLE PRODUCT */
.single-product .woocommerce-variation-add-to-cart > .quantity {
    width: 100% !important;
    flex: 0 0 100% !important;
    margin: 0 !important;
}

/* SIMPLE PRODUCT */
.single-product form.cart:not(.variations_form):not(.grouped_form) > .quantity {
    width: 100% !important;
    flex: 0 0 100% !important;
    margin: 0 !important;
}

/* GROUPED PRODUCT
   Each child has its own quantity, so keep each quantity
   inside the grouped-product row rather than making the
   individual control itself 100% wide. */
.single-product form.grouped_form .woocommerce-grouped-product-list-item__quantity {
    width: 100% !important;
}
/* =========================================================
 * JorjMart - Add to Cart + Buy Now 50/50
 * Simple, Variable and Grouped products
 * ========================================================= */


/* VARIABLE PRODUCT - Add to Cart */
.single-product .woocommerce-variation-add-to-cart >
.single_add_to_cart_button {
    width: calc(50% - 5px) !important;
    flex: 0 0 calc(50% - 5px) !important;
    margin: 0 !important;
}

/* VARIABLE PRODUCT - Buy Now */
.single-product .woocommerce-variation-add-to-cart >
.wd-buy-now-btn {
    width: calc(50% - 5px) !important;
    flex: 0 0 calc(50% - 5px) !important;
    margin: 0 !important;
}


/* GROUPED PRODUCT - Add to Cart */
.single-product form.grouped_form >
.single_add_to_cart_button {
    width: calc(50% - 5px) !important;
    flex: 0 0 calc(50% - 5px) !important;
    margin: 0 !important;
}

/* GROUPED PRODUCT - Buy Now */
.single-product form.grouped_form >
.wd-buy-now-btn {
    width: calc(50% - 5px) !important;
    flex: 0 0 calc(50% - 5px) !important;
    margin: 0 !important;
}


/* SIMPLE PRODUCT - Add to Cart */
.single-product form.cart:not(.variations_form):not(.grouped_form) >
.single_add_to_cart_button {
    width: calc(50% - 5px) !important;
    flex: 0 0 calc(50% - 5px) !important;
    margin: 0 !important;
}

/* SIMPLE PRODUCT - Buy Now */
.single-product form.cart:not(.variations_form):not(.grouped_form) >
.wd-buy-now-btn {
    width: calc(50% - 5px) !important;
    flex: 0 0 calc(50% - 5px) !important;
    margin: 0 !important;
}
.wd-reset-bottom-md.variation-swatch-selected{width:100%;}
.quick-shop-form button.single_add_to_cart_button.button.alt{border-radius:5px !important; margin-bottom:-15px !important;}
.quick-shop-wrapper .quick-shop-form{padding:10px 10px 0 10px !important;}

/*Special Offer Zone Homepage*/
@media (max-width: 991px) {
	.special-offer {
		width: 25% !important;
		float: left;}
}
@media (max-width: 767px) {
	.special-offer {
		width: 50% !important;
		float: left;}
}
/* TRUST BAR + WHY JORJMART — COMPACT MOBILE, INCLUDING 320PX */
@media (max-width: 450px) {
    .trust-bar-row .trust-bar.vc_column_container,
    .why-jorjmart-row .why-jorjmart.vc_column_container {
        width: 50% !important;
        float: left !important;
        box-sizing: border-box;
        text-align: center !important;
    }

    .trust-bar-row .trust-bar.vc_column_container > .vc_column-inner,
    .why-jorjmart-row .why-jorjmart.vc_column_container > .vc_column-inner {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .trust-bar-row .trust-bar .vc_do_icon,
    .why-jorjmart-row .why-jorjmart .vc_do_icon,
    .trust-bar-row .trust-bar .title-wrapper,
    .why-jorjmart-row .why-jorjmart .title-wrapper {
        display: block !important;
        width: 100%;
        margin-right: 0 !important;
        margin-left: 0 !important;
        box-sizing: border-box;
        text-align: center !important;
    }

    .trust-bar-row .trust-bar .vc_icon_element-inner,
    .why-jorjmart-row .why-jorjmart .vc_icon_element-inner {
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: center !important;
    }

    .trust-bar-row .trust-bar .title-wrapper *,
    .why-jorjmart-row .why-jorjmart .title-wrapper * {
        text-align: center !important;
    }

    .trust-bar-row .trust-bar .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner .vc_icon_element-icon,
    .why-jorjmart-row .why-jorjmart .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner .vc_icon_element-icon {
        font-size: 28px !important;
    }

    .trust-bar-row .trust-bar .title-wrapper,
    .why-jorjmart-row .why-jorjmart .title-wrapper {
        overflow-wrap: anywhere;
    }
}
