:root {
	--wd-text-font: "Open Sans", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 15px;
	--wd-title-font: "Lexend Deca", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 500;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Lexend Deca", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Lexend Deca", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Lexend Deca", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 500;
	--wd-widget-title-transform: capitalize;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Open Sans", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 600;
	--wd-header-el-transform: capitalize;
	--wd-header-el-font-size: 13px;
	--wd-brd-radius: 10px;
	--wd-otl-style: solid;
	--wd-otl-width: 2px;
	--wd-otl-color: rgb(139,108,207);
	--wd-primary-color: rgb(28,97,231);
	--wd-alternative-color: rgba(28,97,231,0.2);
	--btn-default-font-family: "Poppins", Arial, Helvetica, sans-serif;
	--btn-default-font-weight: 600;
	--btn-default-font-size: 14px;
	--btn-default-bgcolor: rgb(225,235,255);
	--btn-default-bgcolor-hover: rgb(219,227,249);
	--btn-default-color: rgb(28,97,231);
	--btn-default-color-hover: rgb(28,97,231);
	--btn-accented-font-family: "Poppins", Arial, Helvetica, sans-serif;
	--btn-accented-font-weight: 600;
	--btn-accented-transform: none;
	--btn-accented-bgcolor: rgb(28,97,231);
	--btn-accented-bgcolor-hover: rgb(28,97,231);
	--btn-transform: capitalize;
	--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: #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-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg, :is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg :is(.wd-product,.wd-cat) {
	--wd-prod-bg:rgb(255,255,255);
	--wd-bordered-bg:rgb(255,255,255);
}
: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: #ffffff;
	background-image: none;
}
html .wd-nav-mobile > li > a {
	text-transform: capitalize;
}
html .post.wd-post:not(.blog-design-small) .wd-entities-title {
	font-size: 18px;
}
:is(.page, .search-no-results, .error404) :is(.wd-page-content, .whb-header) {
	background-color: rgb(246,246,246);
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) :is(.wd-page-content, .whb-header) {
	background-color: rgb(246,246,246);
	background-image: none;
}
.single-product :is(.wd-page-content, .whb-header) {
	background-color: rgb(246,246,246);
	background-image: none;
}
.woodmart-archive-blog :is(.wd-page-content, .whb-header) {
	background-color: rgb(246,246,246);
	background-image: none;
}
html .btn.wd-buy-now-btn {
	background: rgb(107,163,49);
}
html .btn.wd-buy-now-btn:hover {
	background: rgb(95,158,44);
}
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-bg: rgb(255,255,255);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1400px;
--wd-form-brd-radius: 5px;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
}

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


.wd-page-title {
background-color: rgb(28,97,231);
}

/* =========================================================
   CRAFTY CANVAS — GLOBAL CUSTOM CSS
   Premium Lavender + Handmade Aesthetic
   WoodMart + WooCommerce + Elementor
========================================================= */


/* =========================================================
   ১. GLOBAL PAGE BACKGROUND
   কাজ: পুরো website-এর মূল background soft lavender করা।
========================================================= */

html,
body {
    background-color: #F3EDF8 !important;
}


/* =========================================================
   ২. MAIN WEBSITE CONTENT BACKGROUND
   কাজ: WoodMart-এর মূল content area-তে lavender
   background নিশ্চিত করা।
========================================================= */

.site-content,
.main-page-wrapper {
    background-color: #F3EDF8 !important;
}


/* =========================================================
   ৩. WOOCOMMERCE SHOP / CATEGORY BACKGROUND
   কাজ: Shop, Category এবং Archive page-এ একই
   soft lavender background রাখা।
========================================================= */

.woocommerce-shop .main-page-wrapper,
.woocommerce.archive .main-page-wrapper,
.archive .main-page-wrapper {
    background-color: #F3EDF8 !important;
}


/* =========================================================
   ৪. PRODUCT CARD
   কাজ: Lavender page-এর উপর product card-কে clean
   white card হিসেবে রাখা।
========================================================= */

.products .product {
    background-color: #FFFFFF !important;
}


/* =========================================================
   ৫. PRODUCT IMAGE AREA
   কাজ: Product image area সাদা রাখা যাতে product-এর
   original colour পরিষ্কারভাবে দেখা যায়।
========================================================= */

.products .product .product-element-top {
    background-color: #FFFFFF !important;
}


/* =========================================================
   ৬. ELEMENTOR MINI CART — FOOTER
   কাজ: Mini Cart footer-এ শুধু Checkout button
   মাঝখানে রাখা।
========================================================= */

.elementor-menu-cart__footer-buttons {
    display: flex !important;

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

    width: 100% !important;

    gap: 0 !important;

    margin: 0 auto !important;
}


/* =========================================================
   ৭. MINI CART — VIEW CART HIDE
   কাজ: View Cart button সম্পূর্ণভাবে বাদ দেওয়া।
   শুধু Checkout button থাকবে।
========================================================= */

.elementor-menu-cart__footer-buttons
.elementor-button--view-cart {
    display: none !important;
}


/* =========================================================
   ৮. MINI CART — CHECKOUT BUTTON
   কাজ: Checkout button-কে compact, elegant এবং
   premium lavender/purple theme অনুযায়ী রাখা।
========================================================= */

.elementor-menu-cart__footer-buttons
.elementor-button--checkout {

    width: 130px !important;
    min-width: 130px !important;

    height: 44px !important;
    min-height: 44px !important;

    margin: 0 auto !important;
    padding: 0 18px !important;

    display: inline-flex !important;

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

    border-radius: 7px !important;

    background-color: #76529A !important;
    border: 1px solid #76529A !important;

    color: #FFFFFF !important;

    font-family: "Poppins", sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;

    line-height: 1 !important;

    box-shadow: none !important;

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease !important;
}


/* =========================================================
   ৯. MINI CART — CHECKOUT TEXT
   কাজ: Checkout text পরিষ্কার ও consistent রাখা।
========================================================= */

.elementor-menu-cart__footer-buttons
.elementor-button--checkout
.elementor-button-text {

    color: #FFFFFF !important;

    font-family: "Poppins", sans-serif !important;

    font-size: 13px !important;
    font-weight: 600 !important;

    line-height: 1 !important;
}


/* =========================================================
   ১০. MINI CART — CHECKOUT HOVER
   কাজ: Hover করলে subtle darker purple effect দেওয়া।
========================================================= */

.elementor-menu-cart__footer-buttons
.elementor-button--checkout:hover {

    background-color: #644285 !important;
    border-color: #644285 !important;

    color: #FFFFFF !important;
}


/* =========================================================
   ১১. MINI CART — PRODUCT HORIZONTAL LAYOUT
   কাজ:
   Image       = বামে
   Product     = ডানে
   Price       = Product-এর নিচে
   Remove X    = ডান পাশে
========================================================= */

.elementor-menu-cart__products
.elementor-menu-cart__product {

    display: grid !important;

    grid-template-columns:
        80px
        minmax(0, 1fr)
        24px !important;

    column-gap: 14px !important;

    align-items: start !important;

    padding: 14px 0 !important;

    margin-left: 15px !important;
    margin-right: 12px !important;
}


/* =========================================================
   ১২. MINI CART — PRODUCT IMAGE COLUMN
   কাজ: Product image-কে প্রথম column-এ রাখা।
========================================================= */

.elementor-menu-cart__product-image {

    grid-column: 1 !important;
    grid-row: 1 / span 3 !important;

    width: 80px !important;
    min-width: 80px !important;
    max-width: 80px !important;
}


/* =========================================================
   ১৩. MINI CART — PRODUCT IMAGE
   কাজ: Desktop-এ 80×80px premium thumbnail রাখা।
========================================================= */

.elementor-menu-cart__product-image img {

    display: block !important;

    width: 80px !important;
    height: 80px !important;

    max-width: 80px !important;
    max-height: 80px !important;

    object-fit: cover !important;

    border-radius: 8px !important;
}


/* =========================================================
   ১৪. MINI CART — PRODUCT NAME
   কাজ: Product name image-এর ডান পাশে রাখা।
========================================================= */

.elementor-menu-cart__product-name {

    grid-column: 2 !important;
    grid-row: 1 !important;

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

    font-family: "Poppins", sans-serif !important;

    font-size: 14px !important;
    font-weight: 500 !important;

    line-height: 1.45 !important;

    color: #3A303F !important;
}


/* =========================================================
   ১৫. MINI CART — PRICE / QUANTITY
   কাজ: Product name-এর নিচে price ও quantity রাখা।
========================================================= */

.elementor-menu-cart__product-price {

    grid-column: 2 !important;
    grid-row: 2 !important;

    margin-top: 5px !important;
    padding: 0 !important;

    font-family: "Poppins", sans-serif !important;

    font-size: 13px !important;

    line-height: 1.4 !important;

    color: #76529A !important;
}


/* =========================================================
   ১৬. MINI CART — REMOVE PRODUCT
   কাজ: Product-এর ডান পাশে ছোট ও clean X রাখা।
========================================================= */

.elementor-menu-cart__product-remove {

    grid-column: 3 !important;
    grid-row: 1 !important;

    position: static !important;

    width: 22px !important;
    height: 22px !important;

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

    display: flex !important;

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

    font-size: 16px !important;

    color: #8A7F86 !important;
}


/* =========================================================
   ১৭. MINI CART — REMOVE HOVER
   কাজ: Remove icon hover করলে subtle purple tone দেওয়া।
========================================================= */

.elementor-menu-cart__product-remove:hover {
    color: #76529A !important;
}


/* =========================================================
   ১৮. ORDER NOTES
   কাজ: Checkout-এর Order Notes textarea ছোট ও
   clean রাখা।
========================================================= */

#order_comments {

    min-height: 80px !important;
    height: 80px !important;

    padding: 12px 14px !important;

    resize: vertical !important;
}


/* =========================================================
   ১৯. MOBILE MINI CART
   কাজ: Mobile-এ product layout compact ও
   touch-friendly রাখা।
========================================================= */

@media (max-width: 767px) {


    /* -----------------------------------------------------
       Mobile Product Layout
       কাজ: Image ছোট করে information-এর জন্য
       বেশি জায়গা রাখা।
    ----------------------------------------------------- */

    .elementor-menu-cart__products
    .elementor-menu-cart__product {

        grid-template-columns:
            64px
            minmax(0, 1fr)
            22px !important;

        column-gap: 12px !important;

        padding: 12px 0 !important;

        margin-left: 15px !important;
        margin-right: 12px !important;
    }


    /* -----------------------------------------------------
       Mobile Product Image Column
       কাজ: Image column 64px রাখা।
    ----------------------------------------------------- */

    .elementor-menu-cart__product-image {

        width: 64px !important;
        min-width: 64px !important;
        max-width: 64px !important;
    }


    /* -----------------------------------------------------
       Mobile Product Image
       কাজ: Mobile-এ 64×64px image রাখা।
    ----------------------------------------------------- */

    .elementor-menu-cart__product-image img {

        width: 64px !important;
        height: 64px !important;

        max-width: 64px !important;
        max-height: 64px !important;

        border-radius: 7px !important;
    }


    /* -----------------------------------------------------
       Mobile Product Name
       কাজ: Mobile-এ product name readable রাখা।
    ----------------------------------------------------- */

    .elementor-menu-cart__product-name {

        font-size: 13px !important;

        line-height: 1.4 !important;
    }


    /* -----------------------------------------------------
       Mobile Price / Quantity
       কাজ: Mobile-এ price/quantity compact রাখা।
    ----------------------------------------------------- */

    .elementor-menu-cart__product-price {

        font-size: 12px !important;

        margin-top: 4px !important;
    }


    /* -----------------------------------------------------
       Mobile Remove Button
       কাজ: Mobile-এ X button compact রাখা।
    ----------------------------------------------------- */

    .elementor-menu-cart__product-remove {

        width: 22px !important;
        height: 22px !important;

        font-size: 15px !important;
    }


    /* =====================================================
       MOBILE CHECKOUT BUTTON
       কাজ: শুধু Checkout button মাঝখানে রাখা।
    ===================================================== */

    .elementor-menu-cart__footer-buttons {

        width: 100% !important;

        display: flex !important;

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

        gap: 0 !important;

        padding-left: 4px !important;
        padding-right: 4px !important;
    }


    /* -----------------------------------------------------
       Mobile Checkout Button Size
       কাজ: Mobile-এ button 40px height রাখা।
    ----------------------------------------------------- */

    .elementor-menu-cart__footer-buttons
    .elementor-button--checkout {

        width: 130px !important;
        min-width: 130px !important;

        height: 40px !important;
        min-height: 40px !important;

        margin: 0 auto !important;

        padding: 0 16px !important;

        font-size: 13px !important;
    }


    /* -----------------------------------------------------
       Mobile Checkout Text
       কাজ: Mobile Checkout text consistent রাখা।
    ----------------------------------------------------- */

    .elementor-menu-cart__footer-buttons
    .elementor-button--checkout
    .elementor-button-text {

        font-size: 13px !important;
        font-weight: 600 !important;
    }
}


/* =========================================================
   CRAFTY CANVAS — PRICE FILTER BUTTON
   কাজ: Price Filter button-কে ছোট, clean ও elegant করা।
========================================================= */

/* Filter Button-এর মূল design */
.widget_price_filter .button,
.price_slider_amount .button {

    background-color: #76529A !important;
    color: #FFFFFF !important;

    border: 1px solid #76529A !important;
    border-radius: 7px !important;

    height: 40px !important;
    min-height: 40px !important;

    width: 72px !important;
    min-width: 72px !important;

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

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

    font-family: "Poppins", sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;

    line-height: 1 !important;

    box-shadow: none !important;

    transition: all 0.25s ease !important;
}


/* =========================================================
   Filter Button Hover
   কাজ: Mouse নিলে একটু darker purple হবে।
========================================================= */

.widget_price_filter .button:hover,
.price_slider_amount .button:hover {

    background-color: #644285 !important;
    border-color: #644285 !important;

    color: #FFFFFF !important;
}


/* =========================================================
   Filter Button-এর ভিতরের Text
   কাজ: Filter লেখাকে পরিষ্কার ও consistent রাখা।
========================================================= */

.widget_price_filter .button,
.price_slider_amount .button {

    text-transform: none !important;
    letter-spacing: 0 !important;
}


/* =========================================================
   MOBILE FILTER BUTTON
   কাজ: Mobile screen-এ button-এর size ঠিক রাখা।
========================================================= */

@media (max-width: 767px) {

    .widget_price_filter .button,
    .price_slider_amount .button {

        width: 72px !important;
        min-width: 72px !important;

        height: 40px !important;
        min-height: 40px !important;

        font-size: 13px !important;
    }

}





/* =========================================================
   CRAFTY CANVAS — PREMIUM WOOCOMMERCE THANK YOU PAGE
   Lavender / Handmade Aesthetic
========================================================= */

/* Main page background */
.woocommerce-order-received {
    background: #F7F1FA !important;
}


/* Main WooCommerce order container */
.woocommerce-order-received .woocommerce-order {
    width: 100% !important;
    max-width: 980px !important;
    margin: 35px auto 60px !important;
    padding: 0 20px !important;
    box-sizing: border-box !important;
    font-family: "Poppins", sans-serif !important;
}


/* =========================================================
   THANK YOU MESSAGE
========================================================= */

.woocommerce-order-received
.woocommerce-thankyou-order-received {

    position: relative !important;

    margin: 0 auto 28px !important;
    padding: 28px 25px !important;

    border: 1px solid #DCCCE5 !important;
    border-radius: 14px !important;

    background: #FFFFFF !important;

    color: #76529A !important;

    font-family: "Poppins", sans-serif !important;

    font-size: 18px !important;
    font-weight: 600 !important;

    line-height: 1.5 !important;

    text-align: center !important;

    box-shadow:
        0 8px 25px rgba(118,82,154,.06) !important;
}


/* Small heart above message */
.woocommerce-order-received
.woocommerce-thankyou-order-received::before {

    content: "♡" !important;

    display: block !important;

    margin-bottom: 5px !important;

    color: #76529A !important;

    font-family: Georgia, serif !important;

    font-size: 30px !important;

    line-height: 1 !important;
}


/* =========================================================
   ORDER OVERVIEW
========================================================= */

.woocommerce-order-received
.woocommerce-order-overview {

    display: grid !important;

    grid-template-columns: repeat(4, 1fr) !important;

    gap: 0 !important;

    margin: 0 0 32px !important;

    padding: 0 !important;

    border: 1px solid #E5DCEA !important;

    border-radius: 12px !important;

    background: #FFFFFF !important;

    overflow: hidden !important;

    box-shadow:
        0 6px 20px rgba(118,82,154,.04) !important;
}


/* Each overview item */
.woocommerce-order-received
.woocommerce-order-overview li {

    margin: 0 !important;

    padding: 20px 15px !important;

    border-right: 1px solid #E5DCEA !important;

    text-align: center !important;

    color: #8A8190 !important;

    font-family: "Poppins", sans-serif !important;

    font-size: 11px !important;

    line-height: 1.5 !important;
}


/* Remove last border */
.woocommerce-order-received
.woocommerce-order-overview li:last-child {

    border-right: 0 !important;
}


/* Strong value */
.woocommerce-order-received
.woocommerce-order-overview li strong {

    display: block !important;

    margin-top: 5px !important;

    color: #2F2635 !important;

    font-size: 14px !important;

    font-weight: 600 !important;
}


/* =========================================================
   PAYMENT MESSAGE
========================================================= */

.woocommerce-order-received
.woocommerce-order > p {

    color: #8A8190 !important;

    font-family: "Poppins", sans-serif !important;

    font-size: 12px !important;

    line-height: 1.6 !important;
}


/* =========================================================
   SECTION HEADINGS
========================================================= */

.woocommerce-order-received
.woocommerce-order h2 {

    margin: 32px 0 15px !important;

    padding: 0 !important;

    color: #2F2635 !important;

    font-family: "Poppins", sans-serif !important;

    font-size: 21px !important;

    font-weight: 600 !important;

    line-height: 1.35 !important;
}


/* Small purple decoration */
.woocommerce-order-received
.woocommerce-order h2::after {

    content: "";

    display: block;

    width: 42px;

    height: 2px;

    margin-top: 8px;

    background: #76529A;

    border-radius: 10px;
}


/* =========================================================
   ORDER DETAILS BOX
========================================================= */

.woocommerce-order-received
.woocommerce-order-details {

    margin: 0 0 30px !important;

    padding: 22px !important;

    border: 1px solid #E5DCEA !important;

    border-radius: 12px !important;

    background: #FFFFFF !important;

    box-shadow:
        0 6px 20px rgba(118,82,154,.04) !important;
}


/* Order table */
.woocommerce-order-received
.woocommerce-order-details table {

    width: 100% !important;

    margin: 0 !important;

    border-collapse: collapse !important;

    background: transparent !important;
}


/* Table headings */
.woocommerce-order-received
.woocommerce-order-details th {

    padding: 12px 8px !important;

    border-bottom: 1px solid #E5DCEA !important;

    color: #2F2635 !important;

    font-family: "Poppins", sans-serif !important;

    font-size: 11px !important;

    font-weight: 600 !important;

    text-transform: uppercase !important;
}


/* Table cells */
.woocommerce-order-received
.woocommerce-order-details td {

    padding: 12px 8px !important;

    border-bottom: 1px solid #F0EAF3 !important;

    color: #665D69 !important;

    font-family: "Poppins", sans-serif !important;

    font-size: 12px !important;
}


/* Product link */
.woocommerce-order-received
.woocommerce-order-details td a {

    color: #76529A !important;

    font-weight: 500 !important;

    text-decoration: none !important;
}


/* Price */
.woocommerce-order-received
.woocommerce-order-details .woocommerce-Price-amount {

    color: #76529A !important;

    font-weight: 600 !important;
}


/* Total row */
.woocommerce-order-received
.woocommerce-order-details tfoot tr:last-child th,
.woocommerce-order-received
.woocommerce-order-details tfoot tr:last-child td {

    color: #2F2635 !important;

    font-weight: 600 !important;

    border-bottom: 0 !important;
}


/* =========================================================
   BILLING ADDRESS
========================================================= */

.woocommerce-order-received
.woocommerce-customer-details {

    margin: 0 0 30px !important;

    padding: 22px !important;

    border: 1px solid #E5DCEA !important;

    border-radius: 12px !important;

    background: #FFFFFF !important;

    box-shadow:
        0 6px 20px rgba(118,82,154,.04) !important;
}


.woocommerce-order-received
.woocommerce-customer-details address {

    margin: 0 !important;

    padding: 16px !important;

    border: 1px solid #EEE7F1 !important;

    border-radius: 8px !important;

    background: #FCFAFD !important;

    color: #665D69 !important;

    font-family: "Poppins", sans-serif !important;

    font-size: 12px !important;

    line-height: 1.8 !important;
}


/* =========================================================
   LINKS
========================================================= */

.woocommerce-order-received
.woocommerce-customer-details a {

    color: #76529A !important;

    text-decoration: none !important;
}


/* =========================================================
   CONTINUE SHOPPING BUTTON
========================================================= */

.woocommerce-order-received
.woocommerce-order a.button {

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    min-height: 42px !important;

    padding: 0 24px !important;

    border: 1px solid #76529A !important;

    border-radius: 6px !important;

    background: #76529A !important;

    color: #FFFFFF !important;

    font-family: "Poppins", sans-serif !important;

    font-size: 12px !important;

    font-weight: 600 !important;

    text-decoration: none !important;

    transition: all .25s ease !important;
}


.woocommerce-order-received
.woocommerce-order a.button:hover {

    background: #644285 !important;

    border-color: #644285 !important;

    color: #FFFFFF !important;

    transform: translateY(-1px);
}


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

@media (max-width: 767px) {

    .woocommerce-order-received
    .woocommerce-order {

        margin: 20px auto 40px !important;

        padding: 0 12px !important;
    }


    .woocommerce-order-received
    .woocommerce-thankyou-order-received {

        padding: 22px 15px !important;

        font-size: 15px !important;

        border-radius: 10px !important;
    }


    .woocommerce-order-received
    .woocommerce-order-overview {

        grid-template-columns: repeat(2, 1fr) !important;

        border-radius: 10px !important;
    }


    .woocommerce-order-received
    .woocommerce-order-overview li {

        padding: 15px 8px !important;

        border-right: 1px solid #E5DCEA !important;

        border-bottom: 1px solid #E5DCEA !important;
    }


    .woocommerce-order-received
    .woocommerce-order-overview li:nth-child(2n) {

        border-right: 0 !important;
    }


    .woocommerce-order-received
    .woocommerce-order-overview li:nth-last-child(-n+2) {

        border-bottom: 0 !important;
    }


    .woocommerce-order-received
    .woocommerce-order h2 {

        font-size: 19px !important;

        margin-top: 25px !important;
    }


    .woocommerce-order-received
    .woocommerce-order-details,
    .woocommerce-order-received
    .woocommerce-customer-details {

        padding: 15px !important;

        border-radius: 10px !important;
    }


    .woocommerce-order-received
    .woocommerce-order-details th,
    .woocommerce-order-received
    .woocommerce-order-details td {

        padding: 10px 5px !important;

        font-size: 10px !important;
    }


    .woocommerce-order-received
    .woocommerce-customer-details address {

        padding: 12px !important;

        font-size: 11px !important;
    }


    .woocommerce-order-received
    .woocommerce-order a.button {

        width: 100% !important;

        max-width: 260px !important;
    }
}

@media (max-width: 576px) {
	/* =========================================================
   Crafty Canvas — MOBILE CHECKOUT ORDER
   কাজ: Mobile View-তে "Your Order" প্রথমে দেখাবে
   Desktop View-তে কোনো পরিবর্তন হবে না
========================================================= */

@media (max-width: 767px) {

    /* Checkout-এর মূল Elementor container */
    .elementor-element-f9211dc > .e-con-inner {
        display: flex !important;
        flex-direction: column !important;
    }


    /* =====================================================
       YOUR ORDER
       কাজ: Mobile-এ Your Order সবার উপরে থাকবে
    ===================================================== */

    .elementor-element-f9211dc
    > .e-con-inner
    > .elementor-element-bf9235e {

        order: 1 !important;
        width: 100% !important;
    }


    /* =====================================================
       BILLING + PAYMENT
       কাজ: Your Order-এর নিচে Billing Details
       এবং Payment Information থাকবে
    ===================================================== */

    .elementor-element-f9211dc
    > .e-con-inner
    > .elementor-element-5b69235 {

        order: 2 !important;
        width: 100% !important;
    }

}
}