.elementor-33325 .elementor-element.elementor-element-4dc88d39{--display:flex;--min-height:60vh;--overflow:hidden;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-54af22c );--border-color:var( --e-global-color-54af22c );--padding-top:0;--padding-bottom:5rem;--padding-left:16px;--padding-right:16px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-33325 .elementor-element.elementor-element-4dc88d39{--min-height:0vh;--padding-top:1,875;--padding-bottom:1,875;--padding-left:16px;--padding-right:16px;}}/* Start custom CSS for wc-elements, class: .elementor-element-bb90dff *//* --- 1. INFO ICONS & TOOLTIPS --- */
.hypedome-info-wrapper {
    display: inline-block; position: relative; vertical-align: middle;
    margin-right: 5px; margin-left: 2px; z-index: 999;
}
.hypedome-info-icon {
    display: inline-flex; align-items: center; justify-content: center;
    width: 18px; height: 18px; border: 1px solid #ccc; border-radius: 50%;
    color: #999 !important; font-size: 11px; font-family: serif; font-style: italic;
    cursor: pointer; background-color: #fff; line-height: 1;
}
.hypedome-info-icon:hover { border-color: #333; color: #333 !important; }

/* Desktop Tooltip */
.hypedome-tooltip {
    display: none; position: absolute; bottom: 30px; left: 50%;
    transform: translateX(-50%); width: 260px;
    background-color: #fff; border: 1px solid #ddd;
    box-shadow: 0 4px 15px rgba(0,0,0,0.15);
    padding: 15px; border-radius: 4px; font-size: 13px;
    line-height: 1.5; color: #555; text-align: center; font-weight: normal;
    z-index: 1000;
}
.hypedome-tooltip::after {
    content: ""; position: absolute; top: 100%; left: 50%; margin-left: -6px;
    border-width: 6px; border-style: solid; border-color: #fff transparent transparent transparent;
}
.hypedome-tooltip::before {
    content: ""; position: absolute; top: 100%; left: 50%; margin-left: -7px;
    border-width: 7px; border-style: solid; border-color: #ddd transparent transparent transparent;
}
@media (min-width: 1025px) {
    .hypedome-info-wrapper:hover .hypedome-tooltip { display: block; }
}

/* Mobile/Tablet Tooltip */
@media (max-width: 1024px) {
    .hypedome-tooltip {
        position: fixed; top: 50%; left: 50%; bottom: auto;
        transform: translate(-50%, -50%); width: 90%; max-width: 320px;
        box-shadow: 0 0 20px rgba(0,0,0,0.3); z-index: 99999;
    }
    .hypedome-tooltip-total { top: 60% !important; }
    .hypedome-tooltip::after, .hypedome-tooltip::before { display: none; }
}

/* --- 2. RESET SPACING --- */
html body .wtbx-cart {
    padding-bottom: 0 !important; margin-bottom: 0 !important;
    height: auto !important; min-height: 0 !important;
}
table.shop_table {
    margin-bottom: 0 !important; border-bottom: 0 none !important;
    padding-bottom: 0 !important; width: 100%;
}
.woocommerce-cart-form {
    margin-bottom: 0 !important; padding-bottom: 0 !important;
}
.hidden-actions-row { display: none !important; }
td.actions { display: none; }
button[name="update_cart"]:not(.moved-update-btn-proxy),
input[name="update_cart"]:not(.moved-update-btn-proxy) {
    display: none !important;
}

/* --- 3. GRID LAYOUT --- */
.hypedome-custom-grid {
    display: flex; justify-content: space-between; align-items: flex-start;
    margin-top: 0 !important; padding-top: 25px !important; border-top: none !important; 
    width: auto !important; margin-left: 25px !important; margin-right: 25px !important;
    padding-left: 0 !important; padding-right: 0 !important;
    box-sizing: border-box;
}
/* Desktop Widths */
.grid-col-left { width: 25%; padding: 0; }
.grid-col-right { width: 70%; display: flex; justify-content: flex-end; }

/* --- 4. CART TOTALS BOX --- */
.cart-collaterals {
    width: 100% !important; max-width: 100% !important; margin: 0 !important;
    padding: 25px !important; border: 1px solid #eaeaea !important; 
    border-radius: 4px; background-color: #fff; box-sizing: border-box;
}
.cart_totals { width: 100% !important; float: none !important; }
.cart_totals h2, .cart_totals h3, .cart-collaterals h2 { display: none !important; }

.cart_totals table.shop_table { width: 100%; border: none !important; margin: 0; }
.cart_totals table.shop_table th, 
.cart_totals table.shop_table td {
    padding: 15px 0; border-top: 1px solid #f9f9f9; 
    text-align: right; vertical-align: middle;
}
.cart_totals table.shop_table tr:first-child th,
.cart_totals table.shop_table tr:first-child td { border-top: none; }
.cart_totals table.shop_table th {
    text-align: left; font-weight: normal; color: #666; width: 40%;
}

/* TAX INFO */
.cart-collaterals tr.order-total td small.includes_tax {
    display: block !important; color: #888 !important; 
    margin-top: 5px !important; font-weight: normal !important;
    line-height: 1.4;
}

/* --- 5. PROMO CODE --- */
.promo-trigger {
    font-size: 14px; font-weight: 500; color: #333; cursor: pointer;
    display: flex; align-items: center; gap: 8px; margin-bottom: 15px;
}
.promo-body { display: none; }
.promo-body[style*="display: block"], 
.promo-body[style*="display: flex"] { display: flex !important; gap: 10px; width: 100%; }
.promo-body input, 
.promo-body input[type="text"] {
    flex: 1; height: 45px !important; padding: 0 15px !important;
    border: 1px solid #e1e1e1 !important; border-radius: 4px; background-color: #fff;
    width: auto !important; float: none !important; margin: 0 !important;
    display: block !important; visibility: visible !important;
}
.promo-body button,
.promo-body input[type="submit"] {
    flex: 0 0 auto; height: 45px !important; padding: 0 25px !important;
    background-color: #ff6b6b !important; color: #fff !important;
    border: none; border-radius: 4px; font-weight: 500; cursor: pointer;
    width: auto !important; float: none !important; margin: 0 !important;
    display: block !important; visibility: visible !important; opacity: 1 !important;
}

/* --- 6. BOTTOM BUTTONS --- */
.wc-proceed-to-checkout {
    display: flex !important; justify-content: flex-end !important;
    gap: 15px !important; padding-top: 25px; margin-top: 15px;
    border-top: 1px solid #f1f1f1; align-items: center !important; 
}
.moved-update-btn-proxy {
    background-color: #d8d8d8 !important; color: #333 !important; font-weight: 600 !important;
    height: 50px !important; padding: 0 30px !important;
    border-radius: 4px !important; border: none !important; cursor: pointer;
    display: inline-flex !important; align-items: center !important; justify-content: center !important;
    margin: 0 !important; line-height: 1 !important; box-sizing: border-box !important;
}
.moved-update-btn-proxy:hover { background-color: #c0c0c0 !important; }
.wc-proceed-to-checkout .checkout-button {
    background-color: #ff6b6b !important; color: #fff !important; font-weight: 600 !important;
    height: 50px !important; padding: 0 40px !important;
    border-radius: 4px !important; font-size: 16px;
    display: inline-flex !important; align-items: center !important; justify-content: center !important;
    margin: 0 !important; line-height: 1 !important; box-sizing: border-box !important;
}
.wc-proceed-to-checkout .checkout-button:hover { background-color: #ff4c4c !important; }

/* --- 7. RESPONSIVENESS (TABLETS & MOBILE) --- */
/* CHANGED: Increased breakpoint to 1024px to fix Tablet overlap */
@media only screen and (max-width: 1024px) {
    .hypedome-custom-grid {
        flex-direction: column; gap: 30px;
        width: auto !important; margin-left: 20px !important; margin-right: 20px !important;
    }
    .grid-col-left, .grid-col-right { width: 100% !important; padding: 0 !important; }
    .promo-trigger { justify-content: center !important; width: 100%; }
    .wc-proceed-to-checkout { flex-direction: column; gap: 15px !important; }
    .moved-update-btn-proxy, .wc-proceed-to-checkout .checkout-button { width: 100% !important; margin: 0 !important; }
}

.return-to-shop {
    margin: 0 15px;
    text-align: center;
    padding: 30px 0;
   
}

.return-to-shop  a {
     color: var( --e-global-color-accent );
}/* End custom CSS */