:root {
	--wd-text-font: "Inter", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #333333;
	--wd-text-font-size: 14px;
	--wd-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 700;
	--wd-title-color: rgb(10,76,106);
	--wd-entities-title-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 600;
	--wd-entities-title-color: rgb(10,76,106);
	--wd-entities-title-color-hover: rgba(10, 76, 106, 0.67);
	--wd-alternative-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: rgb(229,184,128);
	--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: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(10,76,106);
	--wd-alternative-color: #E5B880;
	--btn-default-bgcolor: rgb(255,255,255);
	--btn-default-bgcolor-hover: rgba(30,115,190,0.65);
	--btn-default-color: rgb(0,0,0);
	--btn-default-color-hover: rgb(255,255,255);
	--btn-accented-bgcolor: rgb(0,58,109);
	--btn-accented-bgcolor-hover: rgba(30,115,190,0.65);
	--btn-accented-color: rgb(255,255,255);
	--btn-accented-color-hover: rgb(255,255,255);
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: rgb(255,255,255);
	background-image: url();
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center 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;
}
:is(.page, .search-no-results, .error404) :is(.wd-page-content, .whb-header) {
	background-color: rgb(255,255,255);
	background-image: none;
}
.single-product :is(.wd-page-content, .whb-header) {
	background-color: rgb(248,250,252);
	background-image: none;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
.woocommerce-product-gallery {
	--wd-gallery-gap: 10px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--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) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: rgba(0,41,89,0.78);
}

@font-face {
	font-family: "hkgroteskpro";
	font-weight: 400;
	font-display:swap;
	font-style: normal;
}

@font-face {
	font-family: "hkgroteskpro";
	font-weight: 600;
	font-display:swap;
	font-style: normal;
}

@font-face {
	font-family: "hkgroteskpro";
	font-weight: 700;
	font-display:swap;
	font-style: normal;
}

@font-face {
	font-family: "hkgroteskpro";
	font-weight: 500;
	font-display:swap;
	font-style: normal;
}

@media (min-width: 768px) and (max-width: 1024px) {
	/* ========================================================
   OPTICOBD - REFINED FLOATING MOBILE NAVBAR (FIXED Z-INDEX & OFFSET)
   ======================================================== */
@media (max-width: 1024px) {
    /* ১. মেইন ফ্লোটিং কন্টেইনার (নিচে নামানো ও প্রোপার Z-Index) */
    .wd-toolbar,
    .woodmart-toolbar {
        bottom: calc(6px + env(safe-area-inset-bottom, 0px)) !important;
        left: 8px !important;
        right: 8px !important;
        width: calc(100% - 16px) !important;
        height: 54px !important;
        border-radius: 999px !important;
        background: rgba(255, 255, 255, 0.96) !important;
        border: 1.5px solid rgba(19, 57, 102, 0.08) !important;
        box-shadow: 0 4px 18px rgba(15, 41, 74, 0.08) !important;
        padding: 0 6px !important;
        box-sizing: border-box !important;

        /* WoodMart-এর ড্রয়ার ও ব্যাকড্রপের নিচে রাখার জন্য স্ট্যান্ডার্ড z-index */
        z-index: 350 !important;

        /* ৪ বা ৫ বাটন যাই থাকুক সমান দূরত্ব নিশ্চিতকরণ */
        display: grid !important;
        grid-auto-flow: column !important;
        grid-auto-columns: 1fr !important;
        align-items: center !important;
        justify-items: center !important;

        /* জিপিউ অ্যাকসিলারেশন ও স্লাইড ইফেক্ট */
        transform: translate3d(0, 0, 0) !important;
        -webkit-transform: translate3d(0, 0, 0) !important;
        backface-visibility: hidden !important;
        contain: paint layout !important;
        transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 250ms ease !important;
        opacity: 1 !important;
    }

    /* ২. সাইড কার্ট, ফিল্টার বা মেনু ওপেন থাকলে ফুটার সম্পূর্ণ ব্যাকগ্রাউন্ডে চলে যাওয়া */
    body.wd-side-hidden-opened .wd-toolbar,
    body.wd-opened-cart .wd-toolbar,
    body.wd-opened-mobile-nav .wd-toolbar,
    body.offcanvas-opened .wd-toolbar,
    body.wd-opened-sidebar .wd-toolbar,
    body[class*="opened"] .wd-toolbar {
        opacity: 0 !important;
        pointer-events: none !important;
        visibility: hidden !important;
        z-index: 0 !important;
    }

    /* ৩. স্ক্রোল করার সময় নিচে নেমে লুকিয়ে যাওয়ার স্টেট */
    .wd-toolbar.wd-toolbar-hidden,
    .woodmart-toolbar.wd-toolbar-hidden {
        transform: translate3d(0, calc(100% + 30px), 0) !important;
        -webkit-transform: translate3d(0, calc(100% + 30px), 0) !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    /* ৪. বাটন ও ক্লিকেবল এরিয়া অ্যালাইনমেন্ট */
    .wd-toolbar .wd-toolbar-item,
    .woodmart-toolbar .woodmart-toolbar-item {
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        -webkit-tap-highlight-color: transparent !important;
    }

    /* খালি আইটেম বন্ধ রাখা */
    .wd-toolbar .wd-toolbar-item:empty,
    .wd-toolbar [style*="display: none"] {
        display: none !important;
    }

    .wd-toolbar .wd-toolbar-item > a,
    .woodmart-toolbar .woodmart-toolbar-item > a {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        height: 100% !important;
        color: #0F294A !important;
        text-decoration: none !important;
        position: relative !important;
        transition: transform 140ms ease-out !important;
    }

    /* ট্যাপ ফিডব্যাক */
    .wd-toolbar .wd-toolbar-item > a:active {
        transform: scale(0.92) !important;
    }

    /* ৫. আইকন সাইজ ও কালার */
    .wd-toolbar .wd-toolbar-item .wd-toolbar-icon,
    .wd-toolbar .wd-toolbar-item .wd-tools-icon,
    .woodmart-toolbar .woodmart-toolbar-item .woodmart-toolbar-icon {
        font-size: 19px !important;
        color: #0F294A !important;
        transition: color 200ms ease !important;
    }

    .wd-toolbar .wd-toolbar-item:hover .wd-toolbar-icon,
    .wd-toolbar .wd-toolbar-item.wd-active .wd-toolbar-icon {
        color: #C9A84C !important;
    }

    /* ৬. সেন্টার অপটিকো লোগো (Button 1) অপটিমাইজেশন */
    .wd-toolbar .wd-toolbar-item.wd-header-custom-btn img,
    .wd-toolbar .wd-custom-btn img {
        max-height: 22px !important;
        width: auto !important;
        object-fit: contain !important;
        image-rendering: -webkit-optimize-contrast !important;
    }

    /* ৭. কার্ট কাউন্টার ব্যাজ */
    .wd-toolbar .wd-tools-count,
    .woodmart-toolbar .woodmart-cart-number {
        position: absolute !important;
        top: 7px !important;
        right: calc(50% - 16px) !important;
        background: #0F294A !important;
        color: #FFFFFF !important;
        font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;
        font-size: 9px !important;
        font-weight: 700 !important;
        min-width: 15px !important;
        height: 15px !important;
        line-height: 15px !important;
        border-radius: 999px !important;
        padding: 0 3px !important;
        border: 1.5px solid #FFFFFF !important;
        box-shadow: 0 2px 4px rgba(15, 41, 74, 0.2) !important;
        pointer-events: none !important;
    }
}

/* ৮. রিডিউসড মোশন সাপোর্ট */
@media (prefers-reduced-motion: reduce) {
    .wd-toolbar,
    .woodmart-toolbar {
        transition: none !important;
    }
}
}

@media (max-width: 576px) {
	/* Force HUSKY Filter to display on Mobile */
.woof {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}
/* Hide the duplicate "Filter" button HUSKY tries to create */
.woof_mobile_btn_container, .woof_show_mobile_filter_btn {
    display: none !important;
}

/* Fix Custom Mobile Navbar Icon Shrinking */
.wd-toolbar-link .wd-custom-icon img {
    width: 35px !important;       /* Set your desired size */
    height: 35px !important;      /* Keep height same as width */
    min-width: 35px !important;   /* CRITICAL: Forces it to never shrink below 24px */
    object-fit: contain !important; /* Keeps the shape/aspect ratio perfect */
}

/* Optional: Adjust the button container so it doesn't clip */
.wd-toolbar-item {
    flex-shrink: 1; /* Allow the container to shrink, but not the icon inside */
}


/*
 * Adjust Facebook Chat bubble position on mobile devices 
 * to avoid overlapping with Woodmart's sticky mobile footer.
 */
@media (max-width: 1024px) {
    /* Selects the main container of the chat plugin */
    div.fb-customerchat {
        /* 
         * The default 'bottom' value is around 24px.
         * Woodmart's mobile footer is usually 50-60px high.
         * We are setting it to 85px to place it safely above the footer with some spacing.
         * You can adjust this value (e.g., 80px or 90px) if needed.
        */
        bottom: 85px !important;
    }
}

/* ========================================================
   OPTICOBD - REFINED FLOATING MOBILE NAVBAR (FIXED Z-INDEX & OFFSET)
   ======================================================== */
@media (max-width: 1024px) {
    /* ১. মেইন ফ্লোটিং কন্টেইনার (নিচে নামানো ও প্রোপার Z-Index) */
    .wd-toolbar,
    .woodmart-toolbar {
        bottom: calc(6px + env(safe-area-inset-bottom, 0px)) !important;
        left: 8px !important;
        right: 8px !important;
        width: calc(100% - 16px) !important;
        height: 54px !important;
        border-radius: 999px !important;
        background: rgba(255, 255, 255, 0.96) !important;
        border: 1.5px solid rgba(19, 57, 102, 0.08) !important;
        box-shadow: 0 4px 18px rgba(15, 41, 74, 0.08) !important;
        padding: 0 6px !important;
        box-sizing: border-box !important;

        /* WoodMart-এর ড্রয়ার ও ব্যাকড্রপের নিচে রাখার জন্য স্ট্যান্ডার্ড z-index */
        z-index: 350 !important;

        /* ৪ বা ৫ বাটন যাই থাকুক সমান দূরত্ব নিশ্চিতকরণ */
        display: grid !important;
        grid-auto-flow: column !important;
        grid-auto-columns: 1fr !important;
        align-items: center !important;
        justify-items: center !important;

        /* জিপিউ অ্যাকসিলারেশন ও স্লাইড ইফেক্ট */
        transform: translate3d(0, 0, 0) !important;
        -webkit-transform: translate3d(0, 0, 0) !important;
        backface-visibility: hidden !important;
        contain: paint layout !important;
        transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 250ms ease !important;
        opacity: 1 !important;
    }

    /* ২. সাইড কার্ট, ফিল্টার বা মেনু ওপেন থাকলে ফুটার সম্পূর্ণ ব্যাকগ্রাউন্ডে চলে যাওয়া */
    body.wd-side-hidden-opened .wd-toolbar,
    body.wd-opened-cart .wd-toolbar,
    body.wd-opened-mobile-nav .wd-toolbar,
    body.offcanvas-opened .wd-toolbar,
    body.wd-opened-sidebar .wd-toolbar,
    body[class*="opened"] .wd-toolbar {
        opacity: 0 !important;
        pointer-events: none !important;
        visibility: hidden !important;
        z-index: 0 !important;
    }

    /* ৩. স্ক্রোল করার সময় নিচে নেমে লুকিয়ে যাওয়ার স্টেট */
    .wd-toolbar.wd-toolbar-hidden,
    .woodmart-toolbar.wd-toolbar-hidden {
        transform: translate3d(0, calc(100% + 30px), 0) !important;
        -webkit-transform: translate3d(0, calc(100% + 30px), 0) !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    /* ৪. বাটন ও ক্লিকেবল এরিয়া অ্যালাইনমেন্ট */
    .wd-toolbar .wd-toolbar-item,
    .woodmart-toolbar .woodmart-toolbar-item {
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        -webkit-tap-highlight-color: transparent !important;
    }

    /* খালি আইটেম বন্ধ রাখা */
    .wd-toolbar .wd-toolbar-item:empty,
    .wd-toolbar [style*="display: none"] {
        display: none !important;
    }

    .wd-toolbar .wd-toolbar-item > a,
    .woodmart-toolbar .woodmart-toolbar-item > a {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        height: 100% !important;
        color: #0F294A !important;
        text-decoration: none !important;
        position: relative !important;
        transition: transform 140ms ease-out !important;
    }

    /* ট্যাপ ফিডব্যাক */
    .wd-toolbar .wd-toolbar-item > a:active {
        transform: scale(0.92) !important;
    }

    /* ৫. আইকন সাইজ ও কালার */
    .wd-toolbar .wd-toolbar-item .wd-toolbar-icon,
    .wd-toolbar .wd-toolbar-item .wd-tools-icon,
    .woodmart-toolbar .woodmart-toolbar-item .woodmart-toolbar-icon {
        font-size: 19px !important;
        color: #0F294A !important;
        transition: color 200ms ease !important;
    }

    .wd-toolbar .wd-toolbar-item:hover .wd-toolbar-icon,
    .wd-toolbar .wd-toolbar-item.wd-active .wd-toolbar-icon {
        color: #C9A84C !important;
    }

    /* ৬. সেন্টার অপটিকো লোগো (Button 1) অপটিমাইজেশন */
    .wd-toolbar .wd-toolbar-item.wd-header-custom-btn img,
    .wd-toolbar .wd-custom-btn img {
        max-height: 22px !important;
        width: auto !important;
        object-fit: contain !important;
        image-rendering: -webkit-optimize-contrast !important;
    }

    /* ৭. কার্ট কাউন্টার ব্যাজ */
    .wd-toolbar .wd-tools-count,
    .woodmart-toolbar .woodmart-cart-number {
        position: absolute !important;
        top: 7px !important;
        right: calc(50% - 16px) !important;
        background: #0F294A !important;
        color: #FFFFFF !important;
        font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;
        font-size: 9px !important;
        font-weight: 700 !important;
        min-width: 15px !important;
        height: 15px !important;
        line-height: 15px !important;
        border-radius: 999px !important;
        padding: 0 3px !important;
        border: 1.5px solid #FFFFFF !important;
        box-shadow: 0 2px 4px rgba(15, 41, 74, 0.2) !important;
        pointer-events: none !important;
    }
}

/* ৮. রিডিউসড মোশন সাপোর্ট */
@media (prefers-reduced-motion: reduce) {
    .wd-toolbar,
    .woodmart-toolbar {
        transition: none !important;
    }
}
}