.elementor-24460 .elementor-element.elementor-element-549ada45{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-fb750a3 */.woocommerce-form-login-toggle{
    display: none !important;
}
#payment #place_order {
    border-radius: 8px;
}
/* 2. General Body & Font */
body.woocommerce-checkout {
    background-color: #f4f5f7 !important;
     font-family: "Urbanist", sans-serif!important;
}
.custom_woo .woocommerce-checkout .woocommerce-form-coupon .button {
    background-color: #2f855a !important;
}

.button{
    background-color: #2f855a !important;
    border-radius: 0px 8px 8px 0px;
    border: none !important;
}
.custom_flex{
    display: flex;
    
}
.custom_flex #coupon_code{
    border-radius: 8px 0px 0px 8px;
    
}
body.woocommerce-checkout .woocommerce-checkout {
    max-width: 900px !important;
    margin: 50px auto !important;
}

/* 3. Hide Unnecessary Fields */
#customer_details,
.woocommerce-checkout-payment .woocommerce-terms-and-conditions-wrapper {
    display: none !important;
}

/* 4. Main Card Container */
body.woocommerce-checkout .custom_container_woo {
    display: flex !important;
    flex-wrap: wrap !important;
    background-color: #ffffff !important;
    border-radius: 12px !important;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.07) !important;
    overflow: hidden !important;
    border: 1px solid #e7eaf0 !important;
}

/* 5. Left Column: Product Summary */
body.woocommerce-checkout .custom_container_woo .custom_flid_one {
    flex: 1 !important;
    min-width: 310px !important;
    padding: 35px !important;
    background-color: #fcfdfd !important;
    border-right: 1px solid #e7eaf0 !important;
}

/* Adds the "Activation Summary" title using only CSS */
body.woocommerce-checkout .custom_container_woo .custom_flid_one::before {
    content: 'Activation Summary' !important;
    display: block !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #2d3748 !important;
    margin-bottom: 25px !important;
}
body.woocommerce-checkout .cart-contents { display: flex !important; align-items: center !important; gap: 15px !important; }
body.woocommerce-checkout .cart-product-image img { border-radius: 6px !important; width: 65px !important; height: auto !important; }
body.woocommerce-checkout .cart-product-title { flex-grow: 1 !important; font-weight: 500 !important; color: #4a5568 !important; line-height: 1.4 !important; }
body.woocommerce-checkout .cart-product-remove a { color: #a0aec0 !important; text-decoration: none !important; font-size: 13px !important; }
body.woocommerce-checkout .cart-product-remove a:hover { color: #e53e3e !important; }

/* 6. Right Column: Activation Form */
body.woocommerce-checkout .custom_container_woo .custom_flid_tow {
    flex: 1.2 !important;
    min-width: 320px !important;
    padding: 35px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

body.woocommerce-checkout .woocommerce-form-coupon .custom_title {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #1a202c !important;
    text-align: left !important;
    margin-bottom: 15px !important;
}

/* Selects the helper text paragraph */
body.woocommerce-checkout .woocommerce-form-coupon p.custom_title:has(a) {
    font-size: 14px !important;
    text-align: center !important;
    margin-top: 25px !important;
    color: #718096 !important;
    font-weight: 400 !important;
}
body.woocommerce-checkout .woocommerce-form-coupon p.custom_title:has(a) a {
    color: #2f855a !important;
    font-weight: 500 !important;
    text-decoration: none !important;
}
body.woocommerce-checkout .woocommerce-form-coupon p.custom_title:has(a) a:hover { text-decoration: underline !important; }

/* Input Field Styling */
body.woocommerce-checkout .woocommerce-form-coupon input#coupon_code {
    width: 100% !important;
    padding: 12px 16px !important;
    font-size: 16px !important;
    color: #2d3748 !important;
    background-color: #ffffff !important;
    border: 1px solid #cbd5e0 !important;
    border-radius: 8px !important;
    height: 48px !important;
    box-sizing: border-box !important;
    transition: all 0.2s ease-in-out !important;
    box-shadow: none !important;
}
body.woocommerce-checkout .woocommerce-form-coupon input#coupon_code:focus {
    border-color: #38a169 !important;
    box-shadow: 0 0 0 3px rgba(56, 161, 105, 0.4) !important;
    outline: none !important;
}

/* Apply Code Button Styling */
body.woocommerce-checkout .woocommerce-form-coupon .button {
    padding: 12px 24px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    background-color: #4a5568 !important;
    color: white !important;
    border: none !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    height: 48px !important;
}
body.woocommerce-checkout .woocommerce-form-coupon .button:hover {
    background-color: #2d3748 !important;
}


/* 7. Final "Complete Activation" Button (Green Theme) */
body.woocommerce-checkout .checkout-order-button {
    width: 100% !important;
    text-align: center !important;
    padding: 15px 20px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    background-color: #2f855a !important;
    color: white !important;
    border: none !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    margin-top: 30px !important;
}
body.woocommerce-checkout .checkout-order-button:hover {
    background-color: #276749 !important;
}

/* 8. Responsive Design */
@media (max-width: 768px) {
    body.woocommerce-checkout .custom_container_woo {
        flex-direction: column !important;
    }
    body.woocommerce-checkout .custom_container_woo .custom_flid_one {
        border-right: none !important;
        border-bottom: 1px solid #e7eaf0 !important;
    }
}

@media screen and (min-width: 1025px) {
    form.checkout .woocommerce-checkout-review-order {
        width: 100%;
        
    }
}/* End custom CSS */