.elementor-94 .elementor-element.elementor-element-30a799a7{--display:flex;--padding-top:104px;--padding-bottom:104px;--padding-left:0px;--padding-right:0px;}.elementor-94 .elementor-element.elementor-element-5abece1{--links-normal-color:#FFFFFF;--forms-fields-normal-color:#FFFFFF;--forms-buttons-normal-text-color:#FFFFFF;--forms-buttons-border-color:#FFFFFF;--order-summary-color:#FFFFFF;}.e-woo-select2-wrapper .select2-results__option{color:#FFFFFF;}.elementor-94 .elementor-element.elementor-element-5abece1 .select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#FFFFFF transparent transparent transparent;}.elementor-94 .elementor-element.elementor-element-5abece1 .woocommerce-cart-form{--order-summary-title-color:#FFFFFF;}@media(max-width:1024px){.elementor-94 .elementor-element.elementor-element-30a799a7{--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-94 .elementor-element.elementor-element-30a799a7{--padding-top:64px;--padding-bottom:64px;--padding-left:0px;--padding-right:0px;}}
/* Start custom CSS for container, class: .elementor-element-30a799a7 *//* 1. Scoped Theme Variables & Wrapper Background */
.custom-cart-page {
    --crt-bg: 230 25% 5%;
    --crt-fg: 220 20% 93%;
    --crt-card: 230 25% 8%;
    --crt-primary: 210 100% 60%;
    --crt-primary-fg: 230 25% 5%;
    --crt-muted: 230 20% 12%;
    --crt-muted-fg: 220 15% 55%;
    --crt-border: 230 20% 15%;
    --crt-radius: .75rem;
    --crt-glow-cta: 0 0 16px hsl(270 60% 50% / .4), 0 0 40px hsl(210 100% 60% / .25), 0 0 80px hsl(185 100% 50% / .1);
    
    background-color: hsl(var(--crt-bg)) !important;
    color: hsl(var(--crt-fg)) 
    font-family: "Space Grotesk", sans-serif !important;
}

/* 2. Turn Cart Sections into Dark Cards */
.custom-cart-page .e-cart-section,
.custom-cart-page .cart_totals {
    background-color: hsl(var(--crt-card)) !important;
    border: 1px solid hsl(var(--crt-border)) !important;
    border-radius: var(--crt-radius) !important;
    
    margin-bottom: 1.5rem !important;
    box-shadow: none !important;
    padding: 2rem !important;
}

/* 3. Typography & Table Styling */
.custom-cart-page h2 {
    font-family: "Outfit", sans-serif !important;
    color: hsl(var(--crt-primary)) !important;
    font-weight: 700 !important;
    margin-bottom: 1.5rem !important;
}

.custom-cart-page table {
    border: none !important;
}

.custom-cart-page th {
    font-family: "Space Grotesk", sans-serif !important;
    color: hsl(var(--crt-muted-fg)) !important;
    text-transform: uppercase !important;
    font-size: 0.75rem !important;
    letter-spacing: 0.05em !important;
    border-bottom: 1px solid hsl(var(--crt-border)) !important;

}

.custom-cart-page td {
    color: hsl(var(--crt-fg)) !important;
    border-bottom: 1px solid hsl(var(--crt-border)) !important;
    border-top: none !important;
}

.custom-cart-page tr:last-child td {
    border-bottom: none !important; /* Removes border from the very last row */
}

/* Product Links */
.custom-cart-page .product-name a {
    color: hsl(var(--crt-fg)) !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: color 0.15s !important;
}

.custom-cart-page .product-name a:hover {
    color: hsl(var(--crt-primary)) !important;
}

/* 4. Product Images */
.custom-cart-page .product-thumbnail img {
    border-radius: calc(var(--crt-radius) - 4px) !important;
    max-width: 80px !important;
    height: auto !important;
}

/* 5. Inputs (Quantity & Coupon) */
.custom-cart-page input[type="number"],
.custom-cart-page input[type="text"] {
    background-color: hsl(var(--crt-muted)) !important;
    border: 1px solid hsl(var(--crt-border)) !important;
    border-radius: calc(var(--crt-radius) - 2px) !important;
    color: hsl(var(--crt-fg)) !important;
    height: 2.5rem !important;
    padding: 0.5rem 0.75rem !important;
    font-family: "Space Grotesk", sans-serif !important;
}

.custom-cart-page input[type="number"] {
    max-width: 80px !important; /* Keep quantity box small */
    text-align: center !important;
}

.custom-cart-page input:focus {
    outline: none !important;
    border-color: hsl(var(--crt-primary)) !important;
    box-shadow: none !important;
}

/* 6. Buttons Styling */
.custom-cart-page .button {
    background-color: hsl(var(--crt-muted)) !important;
    color: hsl(var(--crt-fg)) !important;
    border: 1px solid hsl(var(--crt-border)) !important;
    font-family: "Outfit", sans-serif !important;
    font-weight: 600 !important;
    border-radius: calc(var(--crt-radius) - 2px) !important;
    transition: all 0.15s ease-in-out !important;
    cursor: pointer !important;
}

.custom-cart-page .button:hover {
    border-color: hsl(var(--crt-primary)) !important;
    color: hsl(var(--crt-primary)) !important;
}

.custom-cart-page .button:disabled {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
}

/* 7. Glowing Checkout Button (Primary CTA) */
.custom-cart-page .checkout-button {
    background-color: hsl(var(--crt-primary)) !important;
    color: hsl(var(--crt-primary-fg)) !important;
    border: none !important;
    font-size: 1rem !important;

    width: 100% !important;
    display: block !important;
    text-align: center !important;
    box-shadow: var(--crt-glow-cta) !important;
    margin-top: 1.5rem !important;
}

.custom-cart-page .checkout-button:hover {
    background-color: hsl(var(--crt-primary) / 0.9) !important;
    color: hsl(var(--crt-primary-fg)) !important;
}

/* 8. Remove Item (X) Button */
.custom-cart-page .product-remove a.remove {
    color: hsl(0, 100%, 65%) !important; /* Red color for removal */
    background: transparent !important;
    font-size: 1.5rem !important;
    border: none !important;
    font-weight: 400 !important;
    transition: color 0.15s !important;
}

.custom-cart-page .product-remove a.remove:hover {
    color: hsl(0, 100%, 75%) !important;
    background: transparent !important;
}

/* Fix Coupon Layout Alignments */
.custom-cart-page .coupon-col {
    display: flex !important;
    gap: 1rem !important;
    align-items: center !important;
}

@media (max-width: 767px) {
    .custom-cart-page .coupon-col {
        flex-direction: column !important;
        align-items: stretch !important;
    }
}/* End custom CSS */