.elementor-17 .elementor-element.elementor-element-9829e5e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-fdb7fbd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-6d30384{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-35d44cd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-4cf3f50{--display:flex;--padding-top:30px;--padding-bottom:30px;--padding-left:10px;--padding-right:10px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-17 .elementor-element.elementor-element-f9b1dda{background-color:#650A0A;padding:10px 0px 10px 0px;border-radius:20px 20px 20px 20px;text-align:center;}.elementor-17 .elementor-element.elementor-element-f9b1dda .elementor-heading-title{font-family:"Hind Siliguri", Sans-serif;font-size:28px;font-weight:500;color:#FFFFFF;}.elementor-17 .elementor-element.elementor-element-430256c .wcf-embed-checkout-form,
						.elementor-17 .elementor-element.elementor-element-430256c .wcf-embed-checkout-form-modern-checkout,
						.cartflows_step-template .select2-container--default .select2-results__option--highlighted[aria-selected],
						.cartflows_step-template .select2-container--default .select2-results__option--highlighted[data-selected]{--wcf-primary-color:#F13434;}.elementor-17 .elementor-element.elementor-element-430256c .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form .form-row input.input-text:focus,
						.elementor-17 .elementor-element.elementor-element-430256c .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form .form-row textarea:focus,
						.elementor-17 .elementor-element.elementor-element-430256c .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce #order_review .wcf-custom-coupon-field input.input-text:focus{box-shadow:0 0 0 1px #F13434;}.elementor-17 .elementor-element.elementor-element-430256c .wcf-embed-checkout-form-two-step .wcf-embed-checkout-form-steps .step-one.wcf-current:before,
						.elementor-17 .elementor-element.elementor-element-430256c .wcf-embed-checkout-form-two-step .wcf-embed-checkout-form-steps .step-two.wcf-current:before{background-color:#F13434;}.elementor-17 .elementor-element.elementor-element-430256c .wcf-embed-checkout-form-two-step .wcf-embed-checkout-form-note:before{border-top-color:#F13434;}.elementor-17 .elementor-element.elementor-element-430256c .wcf-embed-checkout-form-two-step .woocommerce .wcf-embed-checkout-form-nav-btns .wcf-next-button,
						.elementor-17 .elementor-element.elementor-element-430256c .wcf-embed-checkout-form-two-step .wcf-embed-checkout-form-note,
						.elementor-17 .elementor-element.elementor-element-430256c .wcf-embed-checkout-form .wcf-custom-coupon-field button.wcf-submit-coupon,
						.elementor-17 .elementor-element.elementor-element-430256c .wcf-embed-checkout-form .woocommerce #order_review button,
						body .wcf-pre-checkout-offer-wrapper #wcf-pre-checkout-offer-content button.wcf-pre-checkout-offer-btn{background-color:#F13434;border-color:#F13434;}.elementor-17 .elementor-element.elementor-element-430256c .wcf-embed-checkout-form,
						.elementor-17 .elementor-element.elementor-element-430256c .wcf-embed-checkout-form-modern-checkout{--wcf-text-color:#000000;--wcf-link-color:#000000;--wcf-payment-section-label-color:#000000;--wcf-payment-section-bg-color:#FFEBDD;--wcf-payment-section-desc-bg-color:#FFD2AC;}.elementor-17 .elementor-element.elementor-element-430256c .wcf-embed-checkout-form, .elementor-17 .elementor-element.elementor-element-430256c .wcf-embed-checkout-form-modern-checkout{--wcf-heading-color:#000000;}.elementor-17 .elementor-element.elementor-element-430256c .wcf-embed-checkout-form .woocommerce form .form-row input.input-text::placeholder,
					.elementor-17 .elementor-element.elementor-element-430256c .wcf-embed-checkout-form .woocommerce form .form-row input.input-text,
					.elementor-17 .elementor-element.elementor-element-430256c .wcf-embed-checkout-form .woocommerce form .form-row textarea,
					.elementor-17 .elementor-element.elementor-element-430256c .wcf-embed-checkout-form .select2-container--default .select2-selection--single,
					.elementor-17 .elementor-element.elementor-element-430256c .wcf-embed-checkout-form .woocommerce form .form-row select.select,
					.elementor-17 .elementor-element.elementor-element-430256c .wcf-embed-checkout-form .woocommerce .col2-set .col-1,
					.elementor-17 .elementor-element.elementor-element-430256c .wcf-embed-checkout-form .woocommerce .col2-set .col-2,
					.elementor-17 .elementor-element.elementor-element-430256c .wcf-embed-checkout-form .woocommerce form p.form-row label,
					.elementor-17 .elementor-element.elementor-element-430256c .wcf-embed-checkout-form .woocommerce #payment [type="radio"]:checked + label,
					.elementor-17 .elementor-element.elementor-element-430256c .wcf-embed-checkout-form .woocommerce #payment [type="radio"]:not(:checked) + label,
					.elementor-17 .elementor-element.elementor-element-430256c .wcf-embed-checkout-form .woocommerce form .form-row select{font-size:15px;font-weight:500;}.elementor-17 .elementor-element.elementor-element-430256c .wcf-embed-checkout-form,
						 .elementor-17 .elementor-element.elementor-element-430256c .wcf-embed-checkout-form-modern-checkout{--wcf-payment-section-desc-text-color:#040404;}.elementor-17 .elementor-element.elementor-element-430256c .wcf-embed-checkout-form .woocommerce-checkout #payment ul.payment_methods{border-radius:20px 20px 20px 20px;}.elementor-17 .elementor-element.elementor-element-430256c .wcf-el-checkout-form .wcf-product-option-wrap .wcf-qty-options .wcf-qty-row.wcf-highlight .wcf-highlight-head{background-color:#FF4444;}.elementor-17 .elementor-element.elementor-element-0a090e3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-17 .elementor-element.elementor-element-4cf3f50{--content-width:1050px;}}/* Start custom CSS for checkout-form, class: .elementor-element-430256c */<style>
/* ============================================================
   1. HIDE DEFAULT RADIO BUTTONS
============================================================ */
.elementor-17 .elementor-element.elementor-element-430256c .wcf-item-.elementor-17 .elementor-element.elementor-element-430256c,
.elementor-17 .elementor-element.elementor-element-430256c .wcf-item-single-sel,
.elementor-17 .elementor-element.elementor-element-430256c input.wcf-single-sel, 
.elementor-17 .elementor-element.elementor-element-430256c input[type="radio"][name="wcf-single-sel"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    position: absolute;
    z-index: -999;
}

/* ============================================================
   2. CARD CONTAINER (DEFAULT & HOVER)
============================================================ */
.elementor-17 .elementor-element.elementor-element-430256c .wcf-qty-row {
    background: #ffffff;
    border: 1.5px solid #F0D5D4; /* Soft Maroon Tint Border */
    border-radius: 12px; 
    margin-bottom: 12px !important; 
    padding: 0 !important;
    transition: all 0.25s ease;
    cursor: pointer;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 10px rgba(67, 1, 3, 0.04); /* Subtle Brand Shadow */
}

.elementor-17 .elementor-element.elementor-element-430256c .wcf-qty-row:hover {
    border-color: #A51B15; /* Brand Crimson Border */
    background: #FFF9F7;   /* Warm Gourmet Light BG */
    transform: translateY(-1px);
}

/* ============================================================
   3. SELECTED STATE (WHEN ACTIVE/CHECKED)
============================================================ */
.elementor-17 .elementor-element.elementor-element-430256c .wcf-qty-row:has(input:checked) {
    border: 2px solid #A51B15 !important; /* Brand Crimson Border */
    background-color: #FFF2EE !important; /* Soft Crimson Tint BG */
    box-shadow: 0 4px 15px rgba(165, 27, 21, 0.15);
}

/* ============================================================
   4. INNER CONTENT LAYOUT
============================================================ */
.elementor-17 .elementor-element.elementor-element-430256c .wcf-item {
    display: flex;
    align-items: center;
    padding: 12px; 
    gap: 12px; 
}

/* Product Thumbnail Image */
.elementor-17 .elementor-element.elementor-element-430256c .wcf-item-image {
    flex-shrink: 0;
    line-height: 0;
    margin: 0 !important;
}
.elementor-17 .elementor-element.elementor-element-430256c .wcf-item-image img {
    width: 70px !important;
    height: 70px !important;
    border-radius: 8px;
    object-fit: cover;
    border: 1.5px solid #EEDCDA; /* Soft Tint Border */
}

/* ============================================================
   5. GRID LAYOUT (Title Top, Subtext Middle, Price Bottom)
============================================================ */
.elementor-17 .elementor-element.elementor-element-430256c .wcf-item-content-options {
    display: grid;
    flex-grow: 1;
    grid-template-columns: 1fr auto; 
    grid-template-areas: 
        "title   qty"
        "subtext qty"
        "price   qty";
    column-gap: 10px;
    row-gap: 3px;
    align-items: center;
}

/* Area 1: Title (Deep Maroon) */
.elementor-17 .elementor-element.elementor-element-430256c .wcf-item-wrap {
    grid-area: title;
    line-height: 1.25;
    margin-bottom: 2px;
}
.elementor-17 .elementor-element.elementor-element-430256c .wcf-display-title {
    font-size: 15.5px; 
    color: #430103; /* Deep Maroon Title */
    font-weight: 700; 
    display: block;
    white-space: normal;
    font-family: 'Hind Siliguri', sans-serif;
}

/* Area 2: Subtext (Crimson Highlight - e.g. ফ্রি ডেলিভারি / অফার) */
.elementor-17 .elementor-element.elementor-element-430256c .wcf-item-subtext {
    grid-area: subtext;
    font-size: 13px;
    font-weight: 600; 
    color: #A51B15; /* Brand Crimson Text */
    line-height: 1.3;
    margin: 0 !important;
    padding: 0 !important;
    font-family: 'Anek Bangla', sans-serif;
}

/* Area 3: Price */
.elementor-17 .elementor-element.elementor-element-430256c .wcf-price {
    grid-area: price;
    text-align: left;
    margin-top: 2px;
    font-family: 'Hind Siliguri', sans-serif;
}
.elementor-17 .elementor-element.elementor-element-430256c .wcf-display-price ins {
    text-decoration: none;
    font-weight: 800;
    color: #A51B15; /* Brand Crimson Offer Price */
    font-size: 16.5px;
}
.elementor-17 .elementor-element.elementor-element-430256c .wcf-display-price del {
    color: #9CA3AF; /* Muted Regular Price */
    font-size: 12.5px;
    margin-right: 6px;
}

/* Area 4: Quantity Area */
.elementor-17 .elementor-element.elementor-element-430256c .wcf-qty {
    grid-area: qty;
    justify-self: end;
}

/* ============================================================
   6. QUANTITY SELECTOR BUTTONS & INPUT
============================================================ */
.elementor-17 .elementor-element.elementor-element-430256c .wcf-qty-selection-wrap {
    display: flex;
    border: 1.5px solid #EEDCDA; /* Soft Tint Border */
    border-radius: 6px;
    height: 34px;
    overflow: hidden;
    background: #ffffff;
}

.elementor-17 .elementor-element.elementor-element-430256c .wcf-qty-selection-btn {
    width: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFF6F4; /* Light Warm Tint */
    font-size: 16px;
    cursor: pointer;
    color: #430103;
    transition: 0.2s ease;
    font-weight: bold;
}

/* Plus/Minus Button Hover */
.elementor-17 .elementor-element.elementor-element-430256c .wcf-qty-selection-btn:hover {
    background: #A51B15; /* Crimson BG */
    color: #ffffff;      /* White Icon */
}

.elementor-17 .elementor-element.elementor-element-430256c input.wcf-qty-selection {
    width: 28px;
    height: 100%;
    border: none;
    text-align: center;
    padding: 0;
    font-size: 14px;
    background: #ffffff;
    color: #430103;
    font-weight: 700;
    font-family: 'Hind Siliguri', sans-serif;
    -moz-appearance: textfield;
}

/* Remove default number input spinners */
.elementor-17 .elementor-element.elementor-element-430256c input.wcf-qty-selection::-webkit-outer-spin-button, 
.elementor-17 .elementor-element.elementor-element-430256c input.wcf-qty-selection::-webkit-inner-spin-button { 
    -webkit-appearance: none; 
    margin: 0; 
}

/* ============================================================
   7. HIDE UNUSED CARTFLOWS ELEMENTS
============================================================ */
.elementor-17 .elementor-element.elementor-element-430256c .wcf-display-attributes, 
.elementor-17 .elementor-element.elementor-element-430256c .wcf-display-title-quantity {
    display: none !important;
}

/* ============================================================
   8. MOBILE RESPONSIVE FIXES
============================================================ */
@media (max-width: 580px) {
    .elementor-17 .elementor-element.elementor-element-430256c .wcf-item {
        padding: 10px !important;
        gap: 10px !important;
    }

    .elementor-17 .elementor-element.elementor-element-430256c .wcf-item-image img {
        width: 62px !important;
        height: 62px !important;
    }
    
    .elementor-17 .elementor-element.elementor-element-430256c .wcf-display-title {
        font-size: 14px;
    }
    
    .elementor-17 .elementor-element.elementor-element-430256c .wcf-item-subtext {
        font-size: 12px;
    }

    .elementor-17 .elementor-element.elementor-element-430256c .wcf-display-price ins {
        font-size: 15px;
    }
}

/* ============================================================
   9. HIDE EXTRA CHECKOUT FIELDS
============================================================ */
#billing_country_field,
.woocommerce-additional-fields, 
.wcf-product-option-wrap .wcf-yp-skin-classic, 
.wcf-product-option-after-customer {
    display: none !important;
}

.wcf-col-1.col-1 {
    padding-bottom: 0px !important;
}

.woocommerce-shipping-totals.shipping {
    display: none !important;
}
</style>/* End custom CSS */