@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');
        #wc-simple-box-app, #wc-simple-box-app * { font-family: 'Montserrat', sans-serif !important; }
        #wc-simple-box-app.v13-container { margin: 25px 0 !important; width: 100% !important; max-width: 500px !important; display: flex !important; flex-direction: column !important; }
        #v13-total-wrap { order: 1 !important; } .v13-grid { order: 2 !important; } .v13-footer-area { order: 3 !important; }
        .v13-footer-area .added_to_cart, #wc-simple-box-app .added_to_cart { display: none !important; opacity: 0 !important; }
        .v-toast-msg { position: fixed; bottom: 30px; left: 50%; transform: translateX(-50%) translateY(20px); background: #671b22; color: #fff; padding: 12px 24px; border-radius: 8px; font-weight: 700; font-size: 14px; box-shadow: 0 4px 12px rgba(0,0,0,0.2); opacity: 0; transition: all 0.3s ease; z-index: 999999; }
        .v-toast-msg.show { opacity: 1; transform: translateX(-50%) translateY(0); }
        .v13-row.is-main { background-color: #fff !important; border: 1px solid #e0e0e0 !important; box-shadow: none !important; margin-bottom: 5px !important; }
        
        .v13-total-box { display: flex !important; justify-content: space-between !important; align-items: center !important; margin-bottom: 0 !important; padding: 0 20px !important; background: #fffafb !important; border-radius: 12px !important; border: 1px solid transparent !important; opacity: 0 !important; transform: translateY(15px) !important; visibility: hidden !important; transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important; box-shadow: 0 8px 30px rgba(103, 27, 34, 0) !important; max-height: 0 !important; overflow: hidden !important; }
        .v13-total-box.is-visible { padding: 15px 20px !important; margin-bottom: 15px !important; border-color: rgba(103, 27, 34, 0.15) !important; box-shadow: 0 8px 25px rgba(103, 27, 34, 0.08) !important; opacity: 1 !important; transform: translateY(0) !important; visibility: visible !important; max-height: 200px !important; }
        .v13-total-left { display: flex !important; align-items: baseline !important; gap: 8px !important; flex-wrap: wrap !important; }
        .v13-total-amount { font-size: 36px !important; color: #671b22 !important; font-weight: 900 !important; letter-spacing: -1px !important; line-height: 1 !important; }
        .v13-total-label { font-size: 14px !important; color: #888 !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 1px !important; }
        .v13-discount-badge { background: #15803d !important; color: white !important; padding: 6px 12px !important; border-radius: 20px !important; font-size: 11px !important; font-weight: 800 !important; text-align: center !important; line-height: 1.3 !important; flex-shrink: 0 !important; }
        
        .v13-grid { display: flex !important; flex-direction: column !important; gap: 10px !important; }
        .v13-row { display: flex !important; justify-content: space-between !important; align-items: center !important; padding: 12px 15px !important; background: #fff !important; border: 1px solid #e0e0e0 !important; border-radius: 10px !important; transition: all 0.2s ease !important; position: relative !important; }
        .v13-row.v13-active { border-color: #111 !important; }
        .v13-info-wrap { display: flex !important; align-items: center !important; flex-grow: 1; padding-right: 15px; }
        .v13-badge { position: absolute !important; top: -8px !important; left: -8px !important; width: 24px !important; height: 24px !important; background: #661b22 !important; color: #fff !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 11px !important; font-weight: 900 !important; opacity: 0; transform: scale(0); transition: all 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; z-index: 5 !important; box-shadow: 0 3px 6px rgba(0,0,0,0.15) !important; }
        .v13-badge.v13-show { opacity: 1 !important; transform: scale(1) !important; }
        .v13-current-badge-floating { position: absolute !important; top: -8px !important; right: 15px !important; background: #111 !important; color: #fff !important; font-size: 9px !important; font-weight: 800 !important; padding: 3px 8px !important; border-radius: 6px !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; box-shadow: 0 2px 5px rgba(0,0,0,0.2) !important; z-index: 4 !important; }
        
        .v13-text-meta { display: flex; flex-direction: column; width: 100%; }
        .v13-name { font-weight: 700 !important; font-size: 14px !important; color: #111 !important; line-height: 1.2 !important; display: block !important; padding-right: 10px !important; }
        .v13-name a { text-decoration: none !important; color: inherit !important; transition: color 0.2s ease !important; outline: none !important; } 
        .v13-name a:hover { color: #671b22 !important; }
        .v13-price { font-size: 13px !important; color: #666 !important; font-weight: 600 !important; display: block !important; margin-top: 3px !important; }
        
        .v13-main-price-big { font-size: 22px !important; font-weight: 900 !important; color: #111 !important; display: block !important; margin-top: 0 !important; line-height: 1 !important; }
        .v13-main-price-big del { font-size: 14px !important; font-weight: 600 !important; color: #999 !important; margin-right: 6px !important; }
        .v13-main-price-big ins { text-decoration: none !important; color: #671b22 !important; }
        .v13-main-price-big bdi { font-weight: 900 !important; }

        .v13-transfer-price { display: block !important; font-size: 12px !important; color: #888 !important; font-weight: 600 !important; margin-top: 6px !important; line-height: 1.3 !important; letter-spacing: -0.2px !important; }
        
        .v13-controls-wrap { display: flex !important; align-items: center !important; background: #f2f2f2 !important; border-radius: 8px !important; padding: 3px !important; border: 1px solid #ddd !important; flex-shrink: 0 !important; }
        .v13-step-btn { width: 30px !important; height: 30px !important; background: #fff !important; color: #000 !important; border: none !important; border-radius: 6px !important; cursor: pointer !important; font-size: 18px !important; font-weight: 800 !important; display: flex !important; justify-content: center !important; align-items: center !important; padding: 0 !important; box-shadow: 0 1px 3px rgba(0,0,0,0.1) !important; }
        .v13-input-field { width: 35px !important; height: 30px !important; border: none !important; background: transparent !important; text-align: center !important; font-size: 16px !important; font-weight: 800 !important; padding: 0 !important; margin: 0 !important; color: #000 !important; -moz-appearance: textfield !important; }
        .v13-input-field::-webkit-inner-spin-button { -webkit-appearance: none !important; }
        
        .v13-accordion { position: relative !important; margin-top: 15px !important; border: none !important; border-radius: 12px !important; }
        .v13-acc-badge-floating { --cdv-badge-bg: #671b22; position: absolute; top: -8px; right: 20px; left: auto; background: var(--cdv-badge-bg); color: #ffffff; font-size: 11px; line-height: 19px; font-weight: 800; padding: 4px 10px; border-radius: 0 0 5px 5px; white-space: nowrap; box-shadow: 0 4px 6px rgba(0,0,0,.15); z-index: 3; text-transform: uppercase; letter-spacing: 0.5px; }
        .v13-acc-badge-floating::before, .v13-acc-badge-floating::after { content: ""; position: absolute; top: 0; border-style: solid; filter: brightness(0.85); }
        .v13-acc-badge-floating::before { left: 0; transform: translateX(-100%) rotate(180deg); border-width: 8px 6px 0 0; border-color: var(--cdv-badge-bg) transparent transparent transparent; }
        .v13-acc-badge-floating::after { right: 0; transform: translateX(100%) rotate(180deg); border-width: 8px 0 0 6px; border-color: var(--cdv-badge-bg) transparent transparent transparent; }
        
        .v13-accordion-toggle { width: 100% !important; background: #fffaf5 !important; border: 2px solid #671b22 !important; border-radius: 12px !important; padding: 22px 20px 16px 20px !important; display: flex !important; justify-content: space-between !important; align-items: center !important; cursor: pointer !important; transition: all 0.2s ease !important; box-shadow: 0 4px 15px rgba(0,0,0,0.03) !important; }
        .v13-accordion-toggle:hover { background: #fdf2f2 !important; } 
        .v13-accordion-toggle.is-open { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; border-bottom-color: #e0e0e0 !important; } 
        .v13-accordion-toggle.is-open .v13-arrow { transform: rotate(180deg) !important; }
        
        .v13-acc-check-wrap { display: flex !important; align-items: center !important; gap: 10px !important; flex: 1 1 auto !important; text-align: left !important; }
        .v13-acc-check-fake { width: 18px !important; height: 18px !important; border-radius: 50% !important; border: 2px solid #671b22 !important; box-sizing: border-box !important; position: relative !important; flex-shrink: 0 !important; background: #fff !important; }
        .v13-acc-check-fake::after { content: "" !important; position: absolute !important; inset: 3px !important; border-radius: 50% !important; background: #671b22 !important; opacity: 0 !important; transition: opacity .15s ease !important; }
        .v13-accordion-toggle.is-open .v13-acc-check-fake::after { opacity: 1 !important; }
        .v13-acc-check-text { font-weight: 800 !important; font-size: 14px !important; color: #671b22 !important; line-height: 1.4 !important; white-space: normal !important; padding-right: 15px !important; }
        .v13-arrow { transition: transform 0.3s ease !important; flex-shrink: 0 !important; color: #671b22 !important; }
        
        .v13-accordion-inner { padding: 15px !important; display: flex !important; flex-direction: column !important; gap: 10px !important; background: #fdfdfd !important; border: 2px solid #671b22 !important; border-top: none !important; border-bottom-left-radius: 12px !important; border-bottom-right-radius: 12px !important; }
        
        .v13-main-btn { width: 100% !important; margin-top: 20px !important; padding: 18px !important; background: #7a2028 !important; color: #fff !important; border: none !important; border-radius: 10px !important; font-weight: 800 !important; cursor: pointer !important; display: flex !important; justify-content: center !important; align-items: center !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; font-size: 15px !important; transition: background 0.25s ease !important; }
        .v13-main-btn:hover { background: #671b22 !important; } 
        .v13-main-btn:disabled { background: #999 !important; cursor: not-allowed !important; }
        
        .v13-main-btn.is-empty-btn { background: #999 !important; cursor: not-allowed !important; }
        .v13-main-btn.is-empty-btn:hover { background: #888 !important; }

        .v13-spinner { display: none; width: 16px; height: 16px; border: 2px solid rgba(255,255,255,0.3); border-top-color: #fff; border-radius: 50%; animation: v13s 0.8s linear infinite; margin-left: 10px; }
        @keyframes v13s { to { transform: rotate(360deg); } }
        
        .v13-modal-overlay { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.6); z-index: 9999999; align-items: center; justify-content: center; backdrop-filter: blur(3px); font-family: 'Montserrat', sans-serif; }
        .v13-modal-box { background: #fff; padding: 35px 30px; border-radius: 16px; max-width: 400px; width: 90%; text-align: center; box-shadow: 0 10px 40px rgba(0,0,0,0.2); }
        .v13-modal-box h3 { margin: 0 0 10px 0; color: #111; font-weight: 900; font-size: 22px; } 
        .v13-modal-box p { color: #666; font-size: 14px; margin-bottom: 25px; line-height: 1.5; }
        .v13-modal-actions { display: flex; flex-direction: column; gap: 10px; }
        .v13-btn-primary { background: #7a2028; color: #fff; border: none; padding: 14px; border-radius: 10px; font-weight: 800; cursor: pointer; transition: 0.2s; font-size: 15px; } 
        .v13-btn-primary:hover { background: #671b22; }
        .v13-btn-secondary { background: #f2f2f2; color: #111; border: none; padding: 14px; border-radius: 10px; font-weight: 700; cursor: pointer; transition: 0.2s; font-size: 15px; } 
        .v13-btn-secondary:hover { background: #e0e0e0; color: #111!important; }
        .v13-btn-text { background: transparent; color: #888; border: none; padding: 10px; font-weight: 600; cursor: pointer; text-decoration: underline; font-size: 14px; }
        .v13-btn-text:hover { background: transparent!important; color: #888!important; }
        
        @media (max-width: 768px) { 
            .v-toast-msg { width: 90% !important; max-width: 320px !important; font-size: 12px !important; padding: 10px 15px !important; text-align: center !important; } 
            .v13-row { padding: 10px 12px !important; } 
            .v13-name { font-size: 13px !important; } 
            .v13-transfer-price { font-size: 10px !important; margin-top: 4px !important; }
            #v13-total-wrap { order: 1 !important; margin-top: 0 !important; margin-bottom: 0 !important; } 
            #v13-total-wrap.is-visible { margin-top: 0 !important; margin-bottom: 15px !important; } 
            .v13-grid { order: 2 !important; } 
            .v13-footer-area { order: 3 !important; } 
        }
        @media (max-width: 480px) { 
            .v13-total-box.is-visible { padding: 15px !important; flex-wrap: wrap !important; gap: 10px !important; justify-content: center !important; text-align: center !important; max-height: 250px !important; } 
            .v13-total-left { justify-content: center !important; width: 100% !important; } 
            .v13-total-amount { font-size: 32px !important; } 
        }
