.elementor-39 .elementor-element.elementor-element-4feb71c:not(.elementor-motion-effects-element-type-background), .elementor-39 .elementor-element.elementor-element-4feb71c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor5 );}.elementor-39 .elementor-element.elementor-element-4feb71c{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:50px 0px 50px 0px;}.elementor-39 .elementor-element.elementor-element-4feb71c > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-39 .elementor-element.elementor-element-49083bd{text-align:center;}.elementor-39 .elementor-element.elementor-element-49083bd .elementor-heading-title{font-size:60px;color:#54595f;}.elementor-39 .elementor-element.elementor-element-4c824ebb:not(.elementor-motion-effects-element-type-background), .elementor-39 .elementor-element.elementor-element-4c824ebb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor5 );}.elementor-39 .elementor-element.elementor-element-4c824ebb{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 80px 0px;}.elementor-39 .elementor-element.elementor-element-4c824ebb > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-39 .elementor-element.elementor-element-4feb71c{padding:0px 0px 0px 0px;}.elementor-39 .elementor-element.elementor-element-4b10cab > .elementor-element-populated{padding:50px 50px 50px 50px;}.elementor-39 .elementor-element.elementor-element-49083bd .elementor-heading-title{font-size:3em;}.elementor-39 .elementor-element.elementor-element-4c824ebb{padding:50px 50px 50px 50px;}}@media(max-width:767px){.elementor-39 .elementor-element.elementor-element-49083bd .elementor-heading-title{font-size:2.5em;}.elementor-39 .elementor-element.elementor-element-4c824ebb{padding:20px 20px 20px 20px;}}/* Start custom CSS for shortcode, class: .elementor-element-e17e091 *//* Container spacing */
.elementor-39 .elementor-element.elementor-element-e17e091 .bh-shipping-bar-container {
    margin: 25px 0;
}

/* 15% Bigger Text Message */
.elementor-39 .elementor-element.elementor-element-e17e091 .bh-shipping-message {
    font-size: 16.5px; /* Increased from 14px */
    color: #e21b1b; 
    margin-bottom: 12px;
    font-family: 'Google Sans', sans-serif;
    transition: color 0.4s ease;
}

/* 15% Bigger Gray Background Track */
.elementor-39 .elementor-element.elementor-element-e17e091 .bh-progress-bg {
    background-color: #eee9e3; 
    height: 20px; /* Increased from 16px */
    border-radius: 50px;
    width: 100%;
    overflow: hidden;
    position: relative;
}

/* Animated Striped Fill */
.elementor-39 .elementor-element.elementor-element-e17e091 .bh-progress-fill {
    height: 100%;
    background-color: #ff4d4d; /* Urgent Red/Orange */
    background-image: linear-gradient(45deg, rgba(255,255,255,.2) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.2) 50%, rgba(255,255,255,.2) 75%, transparent 75%, transparent);
    background-size: 35px 35px;
    border-radius: 50px;
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    animation: bh-stripes 1.5s linear infinite;
}

/* Success State: Turn Bar Green and Text Green */
.elementor-39 .elementor-element.elementor-element-e17e091 .bh-achieved .bh-progress-fill {
    background-color: #27ae60 !important; /* Success Green */
}
.elementor-39 .elementor-element.elementor-element-e17e091 .bh-achieved .bh-shipping-message {
    color: #27ae60 !important;
}

/* 15% Bigger Percentage Text */
.elementor-39 .elementor-element.elementor-element-e17e091 .bh-percent-text {
    font-size: 12px; /* Increased from 10px */
    color: #ffffff;
    font-weight: bold;
}

@keyframes bh-stripes {
    from { background-position: 0 0; }
    to { background-position: 35px 0; }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-245f8e5c *//* 1. MAIN CONTAINER: 40/40 Split */
.woocommerce .cart-collaterals::after { content: ""; display: table; clear: both; }

.woocommerce .cross-sells {
    width: 40% !important; 
    float: left !important;
    border: 1px dashed #ff6600 !important;
    background-color: #fffaf7 !important;
    padding: 25px !important;
    border-radius: 15px !important;
    margin: 30px 0 !important;
    display: block !important;
    box-sizing: border-box !important;
}

.woocommerce .cart_totals {
    width: 40% !important;
    float: right !important;
    margin: 30px 0 !important;
}

/* 2. GRID & CARD SETUP */
.woocommerce .cross-sells ul.products {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    gap: 15px !important;
}

.woocommerce .cross-sells ul.products li.product {
    width: 28% !important;
    display: flex !important;
    flex-direction: column !important;
    position: relative !important; 
    /* Space reserved for Price, Badge, and Button */
    padding-bottom: 110px !important; 
    margin-bottom: 30px !important;
}

/* 3. TITLE CLAMP & HOVER */
.woocommerce .cross-sells h2.woocommerce-loop-product__title {
    display: block !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    margin: 10px 0 5px 0 !important;
    line-height: 1.2 !important;
}

@media (min-width: 768px) {
    .woocommerce .cross-sells li.product:hover h2.woocommerce-loop-product__title {
        white-space: normal !important; 
        overflow: visible !important;
        position: relative;
        z-index: 5;
        background: #fffaf7 !important; 
    }
}

/* 4. ABSOLUTE POSITIONING: Price, Badge, and Button */
.woocommerce .cross-sells .price,
.woocommerce .cross-sells .add_to_cart_button,
.woocommerce .cross-sells .my-discount-badge { 
    position: absolute !important;
    left: 0 !important;
}

/* Sale Price */
.woocommerce .cross-sells .price {
    bottom: 75px !important; 
    display: flex !important;
    flex-direction: column !important;
    margin: 0 !important;
}

/* Your Discount Badge Shortcode Output */
.woocommerce .cross-sells .my-discount-badge {
    bottom: 42px !important;
    display: block !important;
}

/* Button */
.woocommerce .cross-sells .add_to_cart_button {
    bottom: 0 !important; 
    margin: 0 !important;
}

/* 5. ELEMENT STYLING */
.woocommerce .cross-sells .price del bdi { font-size: 11px !important; color: #bbb !important; }
.woocommerce .cross-sells .price ins bdi { font-size: 18px !important; color: #111 !important; font-weight: 800 !important; }

.woocommerce .cross-sells .add_to_cart_button {
    width: 100% !important;
    background-color: #f27435 !important;
    color: #fff !important;
    padding: 8px 2px !important;
    border-radius: 50px !important;
    font-size: 8.5px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 28px !important;
}

/* 6. IMAGE & KILLERS */
.woocommerce .cross-sells .astra-shop-thumbnail-wrap img {
    max-width: 95px !important;
    border-radius: 8px !important;
}

.woocommerce .cross-sells .ast-woo-product-category, 
.woocommerce .cross-sells .onsale,
.woocommerce .cross-sells .posted_in { 
    display: none !important; 
}

/* 7. MOBILE RESPONSIVENESS */
@media (max-width: 767px) {
    .woocommerce .cross-sells, .woocommerce .cart_totals { width: 100% !important; float: none !important; }
}


/* Remove Grey Background/Border ONLY for Cross-Sells Heading */
.woocommerce-cart .cart-collaterals .cross-sells > h2 {
    background-color: transparent !important;
    border-bottom: none !important;
    margin: 0 0 20px 0 !important; /* Resets the negative margin that was pulling it left */
    padding-left: 0 !important;    /* Ensures text aligns with the books */
}/* End custom CSS */