@font-face {
            font-family: 'Recia';
            src: url('https://dev.rozebiohealth.com/wp-content/themes/supro-child/fonts/Recia-Regular.woff2') format('woff2');
            font-weight: 400;
            font-style: normal;
        }

        :root {
            /* ROZE Color Palette */
            --rs-black: #111111;
            --rs-dark: #222222;
            --rs-mid: #6A6A62;
            --rs-light: #999999;
            --rs-cream: #F2EDE3;
            --rs-cream-m: #F9F6F0;
            --rs-cream-l: #FCFBF9;
            --rs-pure-white: #FFFFFF;
            --rs-border: rgba(0, 0, 0, 0.08);
            --rs-error: #D93025;
            --rs-success: #1E8E3E;
            
            /* Typography */
            --rs-satoshi: 'Satoshi', sans-serif;
            --rs-recia: 'Recia', serif;
            
            /* Shadows & Transitions */
            --rs-shadow-soft: 0 10px 40px rgba(0, 0, 0, 0.04);
            --rs-transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);
        }

        /* Base Resets */
        * { margin: 0; padding: 0; box-sizing: border-box; }
        body {
            font-family: var(--rs-satoshi);
            color: var(--rs-dark);
            background-color: var(--rs-cream);
            line-height: 1.6;
            -webkit-font-smoothing: antialiased;
        }
        a { color: inherit; text-decoration: none; }
        button { font-family: inherit; }

        /* ─────────────────────────────────────────────────────────────
           1. GLOBAL HEADERS (Matched strictly to Live Product Page)
           ───────────────────────────────────────────────────────────────*/
        .ann-bar {
            background-color: var(--rs-black);
            color: var(--rs-pure-white);
            padding: 8px 6%;
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 20px;
            font-size: 11px;
            font-weight: 500;
            letter-spacing: 0.03em;
        }
        .ann-bar span { display: flex; align-items: center; gap: 6px; }
        .ann-bar ion-icon { font-size: 14px; color: var(--rs-pure-white); }
        .ann-sep { width: 1px; height: 12px; background-color: rgba(255,255,255,0.3); }
        
        .site-header {
            background-color: var(--rs-pure-white);
            border-bottom: 1px solid var(--rs-border);
            padding: 0 6%;
        }
        .header-main {
            display: flex;
            justify-content: space-between;
            align-items: center;
            height: 80px;
            max-width: 1440px;
            margin: 0 auto;
        }
        .site-logo img { height: 28px; }
        .menu-main ul {
            display: flex;
            list-style: none;
            gap: 32px;
            align-items: center;
        }
        .menu-main a { font-size: 13px; font-weight: 600; color: var(--rs-black); text-transform: uppercase; letter-spacing: 0.05em; transition: color 0.25s; }
        .menu-main a:hover { color: var(--rs-mid); }
        
        .currency-selector {
            display: flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; text-transform: uppercase;
        }
        .currency-selector img { width: 16px; height: auto; border-radius: 2px; }

        .menu-extra ul { display: flex; list-style: none; gap: 24px; align-items: center; }
        .menu-extra i { font-size: 20px; color: var(--rs-black); cursor: pointer; }
        
        /* Breadcrumbs */
        .product-toolbar {
            background-color: var(--rs-black);
            padding: 12px 6%;
        }
        .woocommerce-breadcrumb {
            max-width: 1440px;
            margin: 0 auto;
            display: flex;
            align-items: center;
            font-size: 12px;
            color: rgba(255, 255, 255, 0.7);
            font-weight: 400;
        }
        .woocommerce-breadcrumb a { color: rgba(255, 255, 255, 0.7); transition: color 0.2s; }
        .woocommerce-breadcrumb a:hover { color: var(--rs-pure-white); }
        .woocommerce-breadcrumb .circle {
            display: inline-block;
            width: 4px;
            height: 4px;
            background-color: rgba(255, 255, 255, 0.4);
            border-radius: 50%;
            margin: 0 10px;
        }


        /* ─────────────────────────────────────────────────────────────
           2. CHECKOUT LAYOUT
           ───────────────────────────────────────────────────────────────*/
        .checkout-container {
            max-width: 1280px;
            margin: 0 auto;
            padding: 50px 6% 100px;
            display: grid;
            grid-template-columns: 1fr 480px;
            gap: 60px;
            align-items: start;
        }

        .checkout-left {
            display: flex;
            flex-direction: column;
            gap: 30px;
        }

        .page-title {
            font-family: var(--rs-recia);
            font-size: 42px;
            font-weight: 400;
            color: var(--rs-black);
            letter-spacing: -0.02em;
        }

        /* Slide down toggles (Login / Coupon) */
        .checkout-toggles { display: flex; flex-direction: column; gap: 12px; }
        .toggle-box {
            background-color: var(--rs-pure-white); border: 1px solid var(--rs-border); border-radius: 6px; overflow: hidden;
        }
        .toggle-btn {
            width: 100%; background: none; border: none; padding: 16px 20px; font-size: 13px; font-weight: 500; color: var(--rs-dark); cursor: pointer; display: flex; align-items: center; justify-content: space-between; transition: background-color 0.25s;
        }
        .toggle-btn:hover { background-color: var(--rs-cream-l); }
        .toggle-btn-left { display: flex; align-items: center; gap: 8px; }
        
        .toggle-content {
            max-height: 0; opacity: 0; overflow: hidden; transition: all 0.4s ease; padding: 0 20px; border-top: 1px solid transparent;
        }
        .toggle-content.open { max-height: 250px; opacity: 1; padding: 20px; border-top-color: var(--rs-border); }
        
        .inline-form { display: flex; gap: 12px; }
        .btn-outline {
            padding: 0 20px; border: 1px solid var(--rs-black); background: transparent; color: var(--rs-black); border-radius: 4px; font-weight: 500; cursor: pointer; transition: var(--rs-transition); white-space: nowrap;
        }
        .btn-outline:hover { background: var(--rs-black); color: white; }

        /* Express Checkout */
        .express-checkout { background-color: var(--rs-pure-white); border: 1px solid var(--rs-border); border-radius: 8px; padding: 24px; text-align: center; }
        .express-checkout p { font-size: 12px; color: var(--rs-mid); margin-bottom: 16px; }
        .btn-link-pay {
            width: 100%; background-color: #00D66F; color: #000; border: none; border-radius: 4px; padding: 12px; font-size: 15px; font-weight: 600; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 6px; transition: opacity 0.2s;
        }
        .btn-link-pay:hover { opacity: 0.9; }

        .divider { display: flex; align-items: center; text-align: center; color: var(--rs-light); font-size: 11px; font-weight: 500; letter-spacing: 0.05em; margin: 10px 0; }
        .divider::before, .divider::after { content: ''; flex: 1; border-bottom: 1px solid var(--rs-border); }
        .divider:not(:empty)::before { margin-right: 15px; }
        .divider:not(:empty)::after { margin-left: 15px; }

        /* Forms & Floating Labels */
        .section-title { font-family: var(--rs-recia); font-size: 24px; font-weight: 400; margin-bottom: 24px; }
        .form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
        .form-grid.full { grid-template-columns: 1fr; }

        .floating-input { position: relative; background-color: var(--rs-pure-white); border: 1px solid var(--rs-border); border-radius: 4px; transition: var(--rs-transition); }
        .floating-input:focus-within { border-color: var(--rs-black); box-shadow: 0 0 0 1px var(--rs-black); }
        .floating-input input, .floating-input select, .floating-input textarea {
            width: 100%; border: none; background: transparent; padding: 24px 16px 8px; font-family: var(--rs-satoshi); font-size: 14px; color: var(--rs-black); outline: none;
        }
        .floating-input label {
            position: absolute; left: 16px; top: 16px; font-size: 14px; color: var(--rs-mid); pointer-events: none; transition: var(--rs-transition); transform-origin: left top;
        }
        .floating-input input:focus ~ label, .floating-input input:not(:placeholder-shown) ~ label,
        .floating-input select:focus ~ label, .floating-input select:not([value=""]) ~ label,
        .floating-input textarea:focus ~ label, .floating-input textarea:not(:placeholder-shown) ~ label {
            transform: translateY(-10px) scale(0.75); color: var(--rs-mid);
        }

        .custom-checkbox { display: flex; align-items: center; gap: 12px; cursor: pointer; font-size: 16px; font-weight: 500; color: var(--rs-black); margin: 10px 0; user-select: none; font-family: var(--rs-recia); }
        .custom-checkbox input {
            appearance: none; width: 20px; height: 20px; border: 1px solid var(--rs-mid); border-radius: 3px; outline: none; cursor: pointer; position: relative; transition: var(--rs-transition); flex-shrink: 0;
        }
        .custom-checkbox input:checked { background-color: var(--rs-black); border-color: var(--rs-black); }
        .custom-checkbox input:checked::after {
            content: ''; position: absolute; left: 6px; top: 2px; width: 5px; height: 10px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg);
        }

        /* Shipping Form Slide down */
        .shipping-form-wrapper {
            max-height: 0; opacity: 0; overflow: hidden; transition: all 0.4s ease;
        }
        .shipping-form-wrapper.open { max-height: 800px; opacity: 1; padding-top: 20px; }


        /* ─────────────────────────────────────────────────────────────
           RIGHT COLUMN: ORDER SUMMARY (STICKY)
           ───────────────────────────────────────────────────────────────*/
        .checkout-right { position: sticky; top: 100px; }
        .summary-card {
            background-color: var(--rs-pure-white); border: 1px solid var(--rs-border); border-radius: 12px; padding: 32px; box-shadow: var(--rs-shadow-soft);
        }
        .summary-header { font-family: var(--rs-recia); font-size: 20px; margin-bottom: 24px; padding-bottom: 16px; border-bottom: 1px solid var(--rs-border); }

        .summary-products {
            display: flex; flex-direction: column; gap: 16px; margin-bottom: 24px; padding-bottom: 24px; border-bottom: 1px solid var(--rs-border); max-height: 400px; overflow-y: auto; padding-right: 10px;
        }
        .summary-products::-webkit-scrollbar { width: 4px; }
        .summary-products::-webkit-scrollbar-thumb { background: var(--rs-border); border-radius: 4px; }

        .summary-product-item { display: flex; align-items: flex-start; gap: 16px; }
        .product-thumb {
            width: 64px; height: 64px; background-color: var(--rs-cream-m); border-radius: 8px; display: flex; align-items: center; justify-content: center; border: 1px solid var(--rs-border); overflow: hidden; flex-shrink: 0;
        }
        .product-thumb img { width: 100%; height: 100%; object-fit: cover; }
        
        .product-details { flex: 1; display: flex; justify-content: space-between; align-items: flex-start; }
        .product-name-wrap { display: flex; flex-direction: column; gap: 4px; max-width: 220px; }
        .product-name { font-size: 13px; font-weight: 500; color: var(--rs-black); line-height: 1.4; }
        .product-qty { color: var(--rs-mid); font-size: 12px; font-weight: 400; white-space: nowrap; }
        .product-meta { font-size: 11px; color: var(--rs-mid); }
        .product-price { font-size: 13px; font-weight: 500; color: var(--rs-dark); text-align: right; white-space: nowrap; }

        .summary-row { display: flex; justify-content: space-between; font-size: 14px; color: var(--rs-dark); margin-bottom: 12px; }
        .summary-row.total { font-size: 18px; font-weight: 700; color: var(--rs-black); margin-top: 20px; padding-top: 20px; border-top: 1px solid var(--rs-border); }

        /* Boxed Shipping Selectors */
        .shipping-options { margin: 24px 0; }
        .shipping-title { font-size: 15px; font-family: var(--rs-recia); font-weight: 400; margin-bottom: 16px; color: var(--rs-black); }
        
        .shipping-cards { display: flex; flex-direction: column; gap: 10px; }
        .shipping-card {
            position: relative; display: flex; align-items: center; justify-content: space-between; padding: 16px; border: 1px solid var(--rs-border); border-radius: 6px; cursor: pointer; transition: var(--rs-transition); background-color: var(--rs-cream-l);
        }
        .shipping-card:hover { border-color: var(--rs-mid); }
        .shipping-card.selected { border-color: var(--rs-black); background-color: var(--rs-pure-white); box-shadow: 0 2px 8px rgba(0,0,0,0.03); }
        .shipping-card input[type="radio"] { position: absolute; opacity: 0; pointer-events: none; }
        .ship-card-info { display: flex; align-items: center; gap: 12px; }
        .ship-radio-circle { width: 18px; height: 18px; border: 1px solid var(--rs-mid); border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
        .shipping-card.selected .ship-radio-circle { border-color: var(--rs-black); }
        .shipping-card.selected .ship-radio-circle::after { content: ''; width: 10px; height: 10px; background-color: var(--rs-black); border-radius: 50%; }
        .ship-method-name { font-size: 13px; font-weight: 500; color: var(--rs-black); }
        .ship-method-cost { font-size: 13px; color: var(--rs-mid); white-space: nowrap; }

        /* Compact shipping cards for recurring block */
        .shipping-cards.compact .shipping-card { padding: 12px; }
        .shipping-cards.compact .ship-method-name, .shipping-cards.compact .ship-method-cost { font-size: 12px; }

        /* Recurring Totals Section */
        .recurring-totals-section {
            margin-top: 30px;
            padding-top: 24px;
            border-top: 1px dashed var(--rs-border);
        }
        .recurring-label {
            font-size: 10px;
            color: var(--rs-mid);
            text-transform: uppercase;
            letter-spacing: 0.05em;
            margin-bottom: 16px;
            text-align: right;
            font-weight: 700;
        }

        /* Payment Section */
        .payment-section { background-color: var(--rs-cream-l); border: 1px solid var(--rs-border); border-radius: 6px; padding: 20px; margin-bottom: 24px; }
        .payment-method-header { display: flex; align-items: center; gap: 10px; font-size: 14px; font-weight: 500; margin-bottom: 16px; }
        .payment-icons { display: flex; gap: 4px; margin-left: auto; }
        .payment-icons img { height: 20px; }
        .stripe-card-mockup { background-color: var(--rs-pure-white); border: 1px solid var(--rs-border); border-radius: 4px; padding: 12px 16px; font-size: 14px; color: var(--rs-mid); display: flex; align-items: center; justify-content: space-between; }
        
        .terms-text { font-size: 12px; color: var(--rs-mid); margin-bottom: 20px; }
        .btn-place-order {
            width: 100%; background-color: var(--rs-black); color: var(--rs-pure-white); border: none; padding: 18px; font-family: var(--rs-satoshi); font-size: 16px; font-weight: 500; border-radius: 4px; cursor: pointer; transition: opacity 0.2s; display: flex; align-items: center; justify-content: center; gap: 8px;
        }
        .btn-place-order:hover { opacity: 0.9; }
        .trust-badges { display: flex; align-items: center; justify-content: center; gap: 12px; margin-top: 20px; color: var(--rs-mid); font-size: 12px; }
        .trust-badges ion-icon { font-size: 20px; color: var(--rs-success); }

        @media (max-width: 991px) {
            .checkout-container { grid-template-columns: 1fr; gap: 40px; }
            .checkout-right { position: relative; top: 0; }
            .form-grid { grid-template-columns: 1fr; }
            .ann, .nav { display: none; }
        }
    /* WOOCOMMERCE SPECIFIC OVERRIDES TO MATCH MOCKUP */
.woocommerce-checkout .checkout-grid-container {
    display: grid !important;
    grid-template-columns: 1fr 500px !important;
    gap: 40px !important;
    max-width: 1600px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 4% !important;
}
@media (max-width: 1024px) { .woocommerce-checkout .checkout-grid-container { grid-template-columns: 1fr; } }
.woocommerce-checkout .checkout-right { position: sticky; top: 100px; background: #fdfdfc; border: 1px solid var(--rs-border); border-radius: 12px; padding: 32px; }
.woocommerce-checkout .form-row { position: relative; margin-bottom: 16px; padding: 0; }
.woocommerce-checkout .form-row label { position: absolute; left: 16px; top: 18px; pointer-events: none; font-size: 14px; font-weight: 500; color: var(--rs-mid); transition: all 0.25s ease; z-index: 2; }
.woocommerce-checkout .form-row input.input-text, .woocommerce-checkout .form-row select, .woocommerce-checkout .form-row textarea { width: 100%; height: 56px; padding: 22px 16px 6px; border: 1px solid var(--rs-border); border-radius: 8px; font-size: 14px; font-weight: 500; color: var(--rs-black); background-color: var(--rs-pure-white); outline: none; transition: border-color 0.25s ease, box-shadow 0.25s ease; }
.woocommerce-checkout .form-row:has(input:focus) label, .woocommerce-checkout .form-row:has(input:not(:placeholder-shown)) label, .woocommerce-checkout .form-row:has(select) label { top: 10px; font-size: 11px; color: var(--rs-mid); }

/* Hiding WooCommerce default required asterisk as it conflicts with floating labels */
.woocommerce-checkout .form-row label abbr.required { display: none; }

/* WooCommerce Review Order Table to match mock */
.woocommerce-checkout-review-order-table { width: 100%; border-collapse: collapse; }
.woocommerce-checkout-review-order-table th, .woocommerce-checkout-review-order-table td { padding: 16px 0; border-bottom: 1px solid var(--rs-border); text-align: left; font-size: 14px; }
.woocommerce-checkout-review-order-table thead { display: none; }

.roze-checkout-product-details { display: flex; align-items: center; gap: 16px; }
.roze-checkout-product-thumb { position: relative; width: 64px; height: 64px; border: 1px solid var(--rs-border); border-radius: 8px; background: #fff; overflow: visible; }
.roze-checkout-product-thumb img { width: 100%; height: 100%; object-fit: contain; border-radius: 8px; }
.roze-checkout-qty-badge { position: absolute; top: -8px; right: -8px; background: rgba(0,0,0,0.6); color: white; border-radius: 50%; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 600; }
.roze-checkout-product-info { display: flex; flex-direction: column; gap: 4px; font-weight: 600; color: var(--rs-black); }
.product-total { text-align: right !important; font-weight: 600; }

/* Shipping Methods into Cards */
#shipping_method { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 12px; }
#shipping_method li { display: flex; align-items: center; border: 1px solid var(--rs-border); border-radius: 8px; padding: 16px; cursor: pointer; transition: all 0.2s; position: relative; }
#shipping_method li:has(input:checked) { border-color: var(--rs-black); background-color: #fafafa; }
#shipping_method input[type="radio"] { position: absolute; opacity: 0; }
#shipping_method label { display: flex; justify-content: space-between; width: 100%; margin: 0; cursor: pointer; font-size: 14px; font-weight: 600; }

/* Final Subscription Shipping Wildcard Fixes */
ul[id^="shipping_method"] { list-style: none !important; padding: 0 !important; margin: 0 !important; display: flex !important; flex-direction: column !important; gap: 12px !important; }
ul[id^="shipping_method"] li { display: flex !important; align-items: center !important; border: 1px solid var(--rs-border) !important; border-radius: 8px !important; padding: 16px !important; cursor: pointer !important; transition: all 0.2s !important; position: relative !important; margin-bottom: 0 !important; }
ul[id^="shipping_method"] li:has(input:checked) { border-color: var(--rs-black) !important; background-color: #fafafa !important; }
ul[id^="shipping_method"] input[type="radio"] { position: absolute !important; opacity: 0 !important; width: 0 !important; height: 0 !important; }
ul[id^="shipping_method"] label { display: flex !important; justify-content: space-between !important; width: 100% !important; margin: 0 !important; cursor: pointer !important; font-size: 14px !important; font-weight: 600 !important; padding: 0 !important; }
ul[id^="shipping_method"] label .amount { font-weight: 600 !important; }

/* Fix Masthead Selector */
body.woocommerce-checkout header#masthead { display: block !important; background-color: #ffffff !important; }


/* Force ALL Shipping Rows to be Vertical Blocks */
.woocommerce-checkout table.shop_table tr:has(ul[id^="shipping_method"]) { display: flex !important; flex-direction: column !important; border: none !important; }
.woocommerce-checkout table.shop_table tr:has(ul[id^="shipping_method"]) th { text-align: left !important; padding: 0 0 12px 0 !important; width: 100% !important; }
.woocommerce-checkout table.shop_table tr:has(ul[id^="shipping_method"]) td { width: 100% !important; padding: 0 !important; }

/* Safeguard against Theme Customizer hiding all notices */
.woocommerce-checkout .woocommerce-notices-wrapper { display: block !important; }


/* Force WooCommerce Info Toggles to Stack Vertically */
.woocommerce-checkout .woocommerce-info, .woocommerce-checkout .woocommerce-form-login-toggle, .woocommerce-checkout .woocommerce-form-coupon-toggle { width: 100% !important; display: block !important; float: none !important; clear: both !important; margin-bottom: 16px !important; }

/* Hide Theme Checkout Titles */
body.woocommerce-checkout .supro-page-header, 
body.woocommerce-checkout .page-title, 
body.woocommerce-checkout h1.page-title { 
    display: none !important; 
    height: 0 !important; 
    margin: 0 !important; 
    padding: 0 !important; 
    visibility: hidden !important; 
}

/* Shipping Card Pixel-Perfect Mockup Alignment */
ul[id^="shipping_method"] input[type="radio"] + label::before,
ul[id^="shipping_method"] input[type="radio"] + label::after { display: none !important; }
ul[id^="shipping_method"] li { border: 1px solid #EBEBEB !important; border-radius: 8px !important; padding: 0 !important; box-shadow: 0 2px 4px rgba(0,0,0,0.02) !important; overflow: hidden !important; }
ul[id^="shipping_method"] li label { padding: 20px !important; display: flex !important; justify-content: space-between !important; font-family: "Inter", sans-serif !important; }
ul[id^="shipping_method"] li:has(input:checked) { border-color: #111 !important; background-color: #fafafa !important; box-shadow: 0 4px 12px rgba(0,0,0,0.05) !important; }


/* UI AUDIT FINAL POLISH */
body.woocommerce-checkout .site-content, body.woocommerce-checkout #main, body.woocommerce-checkout #content { background-color: var(--rs-cream) !important; }
body.woocommerce-checkout .page-header-catalog { background-color: #111111 !important; padding: 15px 0 !important; width: 100% !important; border: none !important; }
body.woocommerce-checkout .page-header-catalog .breadcrumbs { color: #ffffff !important; text-align: center !important; width: 100% !important; display: block !important; }
body.woocommerce-checkout .page-header-catalog .breadcrumbs a { color: rgba(255,255,255,0.7) !important; text-decoration: none !important; }
body.woocommerce-checkout .page-header-catalog .breadcrumbs .circle { background-color: rgba(255,255,255,0.3) !important; display: inline-block !important; width: 4px !important; height: 4px !important; border-radius: 50% !important; margin: 0 10px !important; vertical-align: middle !important; }
.woocommerce-checkout-review-order { background: transparent !important; border: none !important; padding: 0 !important; box-shadow: none !important; }
ul[id^="shipping_method"] li { border: 1px solid #EBEBEB !important; border-radius: 8px !important; padding: 0 !important; box-shadow: 0 2px 4px rgba(0,0,0,0.02) !important; overflow: hidden !important; background-color: var(--rs-pure-white) !important; transition: background-color 0.2s !important; }
ul[id^="shipping_method"] li label { padding: 20px !important; padding-left: 50px !important; display: flex !important; justify-content: space-between !important; font-family: "Inter", sans-serif !important; position: relative !important; align-items: center !important; }
ul[id^="shipping_method"] li label::before { content: '' !important; position: absolute !important; left: 20px !important; top: 50% !important; transform: translateY(-50%) !important; width: 18px !important; height: 18px !important; border: 1px solid #ccc !important; border-radius: 50% !important; display: block !important; background-color: transparent !important; }
ul[id^="shipping_method"] li:has(input:checked) label::after { content: '' !important; position: absolute !important; left: 25px !important; top: 50% !important; transform: translateY(-50%) !important; width: 10px !important; height: 10px !important; background: #111 !important; border-radius: 50% !important; display: block !important; }
ul[id^="shipping_method"] li:hover { background-color: #fafafa !important; }
.woocommerce-checkout table.shop_table tr.recurring-total { display: flex !important; justify-content: space-between !important; align-items: center !important; padding: 20px 0 0 0 !important; border-top: 1px solid var(--rs-border) !important; margin-top: 20px !important; }
.woocommerce-checkout table.shop_table tr.recurring-total th, .woocommerce-checkout table.shop_table tr.recurring-total td { width: auto !important; border: none !important; padding: 0 !important; }


/* BUG FIXES: Breadcrumb, Toggles, Express Background, Shipping Width */
body.woocommerce-checkout #page-header-catalog { width: 100vw !important; max-width: 100vw !important; position: relative !important; left: 50% !important; right: 50% !important; margin-left: -50vw !important; margin-right: -50vw !important; background-color: #111111 !important; padding: 15px 0 !important; border: none !important; box-sizing: border-box !important; }
.woocommerce-checkout .roze-toggle-wrapper { width: 100% !important; display: block !important; float: none !important; clear: both !important; }
.woocommerce-checkout #wc-stripe-express-checkout-button-container, .woocommerce-checkout .wc-stripe-express-checkout-container, .woocommerce-checkout .express-checkout-wrapper, .woocommerce-checkout #stripe-payment-request-button { background: transparent !important; border: none !important; box-shadow: none !important; padding: 0 !important; }
.woocommerce-checkout table.shop_table tr:has(ul[id^="shipping_method"]) td { padding: 0 !important; display: block !important; width: 100% !important; }
ul[id^="shipping_method"] { width: 100% !important; box-sizing: border-box !important; }
ul[id^="shipping_method"] li { width: 100% !important; box-sizing: border-box !important; margin-left: 0 !important; margin-right: 0 !important; }


/* FINAL BREADCRUMB GAP FIX */
body.woocommerce-checkout .roze-custom-breadcrumb-pull { margin-top: -60px !important; }
@media (max-width: 991px) { body.woocommerce-checkout .roze-custom-breadcrumb-pull { margin-top: -40px !important; } }


/* AGGRESSIVE FIXES V3 */
body.woocommerce-checkout .site-content, body.woocommerce-checkout #main, body.woocommerce-checkout #content, body.woocommerce-checkout .page-content, body.woocommerce-checkout .entry-content { padding-top: 0 !important; margin-top: 0 !important; }
.woocommerce-checkout .woocommerce-shipping-totals table.shop_table th, .woocommerce-checkout .woocommerce-shipping-totals table.shop_table td { padding: 0 !important; margin: 0 !important; width: 100% !important; display: block !important; }
.woocommerce-checkout .woocommerce-shipping-totals { width: 100% !important; display: block !important; }
#shipping_method { width: 100% !important; display: block !important; padding: 0 !important; margin: 0 !important; }
#shipping_method li { width: 100% !important; display: block !important; box-sizing: border-box !important; padding: 0 !important; margin: 0 !important; margin-bottom: 12px !important; }
#shipping_method li label { width: 100% !important; box-sizing: border-box !important; display: flex !important; }


/* FINAL PRODUCTION POLISH - BUG FIXES V4 */
/* 1. Force Shipping Table Full Width */
.woocommerce-checkout table.shop_table { padding: 0 !important; }
/* 2. Force Toggles to Stack (Bypass Parent Theme Wrapper) */
.woocommerce-checkout .roze-toggles-grid .checkout-left > div { display: flex !important; flex-direction: column !important; width: 100% !important; gap: 16px !important; }
.woocommerce-checkout .roze-toggle-wrapper { width: 100% !important; flex: 0 0 100% !important; max-width: 100% !important; display: block !important; float: none !important; clear: both !important; }
/* 3. Unified Slide-Down Card Styling */
.woocommerce-checkout .roze-toggle-wrapper { background-color: var(--rs-pure-white) !important; border: 1px solid var(--rs-border) !important; border-radius: 6px !important; overflow: hidden !important; box-shadow: 0 2px 4px rgba(0,0,0,0.02) !important; margin-bottom: 16px !important; }
.woocommerce-checkout .toggle-box { border: none !important; background: transparent !important; border-radius: 0 !important; box-shadow: none !important; }
.woocommerce-checkout .toggle-btn { padding: 20px !important; width: 100% !important; display: flex !important; align-items: center !important; justify-content: space-between !important; }
.woocommerce-checkout form.woocommerce-form-login, .woocommerce-checkout form.woocommerce-form-coupon { padding: 0 20px 20px 20px !important; border-top: 1px solid var(--rs-border) !important; margin-top: 0 !important; }
/* 4. Breadcrumb and Title Spacing */
body.woocommerce-checkout #page-header-catalog.roze-custom-breadcrumb-pull { margin-bottom: 40px !important; }


/* SHIPPING CARD NUCLEAR OVERRIDE */
.woocommerce-checkout table.shop_table .woocommerce-shipping-totals td, .woocommerce-checkout ul#shipping_method, .woocommerce-checkout ul#shipping_method li, .woocommerce-checkout ul#shipping_method li label { width: 100% !important; min-width: 100% !important; max-width: none !important; padding-right: 0 !important; margin-right: 0 !important; box-sizing: border-box !important; display: block !important; }


/* MOCKUP TOGGLE CSS & FLEX TABLE CONVERSION */
.woocommerce-checkout .toggle-content { max-height: 0; opacity: 0; overflow: hidden; transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1); border-top: 1px solid transparent; }
.woocommerce-checkout .toggle-content.open { max-height: 800px; opacity: 1; border-top-color: var(--rs-border); }
.woocommerce-checkout .roze-master-left-column > .woocommerce-notices-wrapper { margin-bottom: 24px !important; }
.woocommerce-checkout table.shop_table .woocommerce-shipping-totals, .woocommerce-checkout table.shop_table .woocommerce-shipping-totals tbody { display: flex !important; flex-direction: column !important; width: 100% !important; }
.woocommerce-checkout table.shop_table .woocommerce-shipping-totals th, .woocommerce-checkout table.shop_table .woocommerce-shipping-totals td { display: flex !important; flex-direction: column !important; width: 100% !important; padding: 0 !important; border: none !important; }


/* ULTIMATE SPECIFICITY OVERRIDES V7 */
body.woocommerce-checkout #content .checkout-grid-container.roze-toggles-grid, body.woocommerce-checkout .checkout-grid-container.roze-toggles-grid { display: grid !important; grid-template-columns: 1fr 500px !important; gap: 60px !important; max-width: 1600px !important; margin: 0 auto !important; padding: 0 4% !important; width: 100% !important; box-sizing: border-box !important; }
body.woocommerce-checkout .roze-toggles-grid .roze-master-left-column { display: flex !important; flex-direction: column !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; }
body.woocommerce-checkout .roze-toggle-wrapper { width: 100% !important; display: block !important; background-color: #FFFFFF !important; border: 1px solid rgba(0,0,0,0.08) !important; border-radius: 6px !important; margin-bottom: 16px !important; box-sizing: border-box !important; }
body.woocommerce-checkout #content table.shop_table, body.woocommerce-checkout table.shop_table { padding: 0 !important; margin: 0 !important; width: 100% !important; max-width: 100% !important; border-collapse: collapse !important; }
body.woocommerce-checkout ul#shipping_method, body.woocommerce-checkout .woocommerce-shipping-methods, body.woocommerce-checkout ul.shipping_method { width: 100% !important; max-width: 100% !important; padding: 0 !important; margin: 0 !important; }
body.woocommerce-checkout ul#shipping_method li, body.woocommerce-checkout .woocommerce-shipping-methods li { width: 100% !important; max-width: none !important; margin: 0 0 12px 0 !important; padding: 16px 20px !important; box-sizing: border-box !important; border: 1px solid rgba(0,0,0,0.08) !important; border-radius: 6px !important; display: flex !important; align-items: center !important; }
body.woocommerce-checkout #place_order { margin-top: 24px !important; }