.checkout-overlay{position:fixed;inset:0;z-index:5000;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.35)}.checkout-modal{background:white;border-radius:16px;width:100%;max-width:480px;margin:16px;box-shadow:0 20px 60px rgba(0,0,0,.15);overflow:hidden;display:flex;flex-direction:column;max-height:90vh}.checkout-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #f1f5f9}.checkout-title{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:700;color:#1e293b;margin:0}.checkout-close{background:none;border:none;padding:6px;cursor:pointer;border-radius:8px;color:#64748b;transition:all .2s;display:flex;align-items:center}.checkout-close:hover{background:#f1f5f9;color:#334155}.checkout-body{padding:20px;overflow-y:auto;flex:1}.checkout-subtitle{font-size:14px;color:#64748b;margin:0 0 16px}.checkout-product-name{font-size:16px;font-weight:700;color:#1e293b;margin:0 0 16px;text-align:center}.checkout-section{margin-bottom:16px}.checkout-section-label{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.checkout-duration-options{display:flex;gap:8px;flex-wrap:wrap}.checkout-duration-option{position:relative;display:flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;background:white;transition:all .2s ease;font-size:14px;font-weight:500}.checkout-duration-option.active{border:2px solid var(--mui-palette-primary-main,#7c3aed);background:var(--mui-palette-primary-lightOpacity,rgba(124,58,237,.08))}.checkout-duration-option input[type=radio]{cursor:pointer}.duration-discount{position:absolute;top:-8px;right:-8px;background-color:var(--primary-hover,#ef4444);color:var(--primary-contrast,white);font-size:10px;font-weight:700;padding:2px 6px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.15)}.perunit-tiers{display:flex;gap:6px;margin-bottom:12px}.perunit-tier{flex:1;min-width:0;position:relative;display:flex;flex-direction:column;align-items:center;gap:1px;padding:10px 4px 8px;border:1.5px solid #e5e7eb;border-radius:10px;background:#fff;cursor:pointer;transition:all .15s ease}.perunit-tier:hover{border-color:#cbd5e1;background:#f8fafc}.perunit-tier.active{border-color:var(--primary-hover,#f97316);background:color-mix(in srgb,var(--primary-hover,#f97316) 6%,white);box-shadow:0 0 0 1px var(--primary-hover,#f97316)}.perunit-tier-top{display:flex;align-items:baseline;gap:2px}.perunit-tier-days{font-size:17px;font-weight:600;color:#334155;line-height:1}.perunit-tier.active .perunit-tier-days{color:var(--primary-hover,#ea580c)}.perunit-tier-unit{font-size:10px;font-weight:400;color:#b0b8c4}.perunit-tier.active .perunit-tier-unit{color:var(--primary-hover,#ea580c);opacity:.6}.perunit-tier-price{font-size:10px;font-weight:500;color:#94a3b8;white-space:nowrap;margin-top:2px}.perunit-tier.active .perunit-tier-price{color:#64748b;font-weight:600}.perunit-tier-badge{position:absolute;top:-6px;right:-4px;font-size:9px;font-weight:700;color:white;background:#16a34a;padding:1px 5px;border-radius:6px;line-height:1.4;box-shadow:0 1px 3px rgba(0,0,0,.12)}.perunit-input-row{display:flex;align-items:center;gap:8px}.perunit-input-label{font-size:12px;color:#94a3b8;white-space:nowrap}.perunit-input-wrap{display:flex;align-items:center;border:1.5px solid #e2e8f0;border-radius:8px;overflow:hidden;transition:border-color .15s}.perunit-input-wrap:focus-within{border-color:var(--primary-hover,#f97316)}.perunit-input{width:70px;padding:8px 4px 8px 8px;border:none;outline:none;font-size:16px;font-weight:700;text-align:center;color:#1e293b;background:transparent;-moz-appearance:textfield}.perunit-input::-webkit-inner-spin-button,.perunit-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.perunit-input-unit{padding:6px 8px 6px 2px;font-size:11px;color:#94a3b8;font-weight:500;white-space:nowrap}.perunit-calc{font-size:13px;color:#64748b}.perunit-calc strong{color:#0f172a;font-size:15px}.perunit-saving{display:flex;align-items:center;gap:8px;margin-top:6px;padding:5px 10px;border-radius:8px;background:#f0fdf4;border:1px solid #bbf7d0}.perunit-saving-pct{font-size:10px;font-weight:700;color:white;background:#16a34a;padding:1px 5px;border-radius:5px;flex-shrink:0}.perunit-saving-detail{font-size:12px;color:#15803d}.perunit-saving-detail s{color:#94a3b8;font-weight:400}.perunit-saving-detail strong{font-weight:700}.checkout-price-table{border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;margin-bottom:16px}.price-table-header{padding:10px 14px;background:#f8fafc;font-size:13px;font-weight:600;color:#64748b}.price-table-header,.price-table-row{display:grid;grid-template-columns:1fr 1fr 1fr;text-align:center}.price-table-row{padding:12px 14px;align-items:center}.price-cell{font-size:14px;font-weight:600;color:#334155}.qty-cell{display:flex;justify-content:center}.qty-cell .quantity-controls,.qty-cell .quantity-wrapper{width:auto}.qty-cell .qty-display{width:40px}.subtotal-cell{font-size:15px;font-weight:700;color:var(--primary-hover,#e53e3e)}.qty-limit-note{padding:0 14px 10px;font-size:11.5px;color:#64748b;text-align:center}.qty-limit-note strong{color:#334155;font-weight:700}.qty-limit-note-hit{color:#b45309;font-weight:600}.checkout-discount{display:flex;gap:8px;margin-bottom:16px}.discount-input-wrapper{flex:1;display:flex;align-items:center;gap:8px;border:1px solid #e2e8f0;border-radius:8px;padding:0 12px;transition:border-color .2s}.discount-input-wrapper:focus-within{border-color:var(--mui-palette-primary-main,#7c3aed)}.discount-icon{color:#94a3b8;flex-shrink:0}.discount-input{border:none;outline:none;font-size:13px;padding:10px 0;width:100%;background:transparent}.discount-btn{padding:10px 16px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;font-weight:600;color:#475569;cursor:pointer;white-space:nowrap;transition:all .2s}.discount-btn:hover{background:#e2e8f0}.checkout-summary{background:#f8fafc;border-radius:10px;padding:14px;margin-bottom:16px}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:5px 0}.summary-row:not(:last-child){border-bottom:1px solid #f1f5f9}.summary-label{font-size:13px;color:#64748b;font-weight:500}.summary-value{font-size:13px;color:#1e293b;font-weight:600}.checkout-warning{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#fef3c7;border:1px solid #fcd34d;border-radius:8px;font-size:13px;color:#92400e}.checkout-footer{padding:16px 20px;border-top:1px solid #f1f5f9;background:#fafbfc}.checkout-total{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.total-text{font-size:15px;font-weight:600;color:#334155}.total-amount{font-size:20px;font-weight:700;color:var(--primary-hover,#e53e3e)}.checkout-pay-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:var(--primary-gradient,linear-gradient(135deg,#e07c50,#c95a20));color:var(--primary-contrast,white);border:none;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s}.checkout-pay-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.checkout-pay-btn:active:not(:disabled){transform:translateY(0) scale(.97);box-shadow:0 2px 4px rgba(0,0,0,.1);opacity:.85}.checkout-pay-btn:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-hover,#e07c50) 30%,transparent)}.checkout-pay-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width:480px){.checkout-modal{margin:8px;max-height:95vh}.perunit-input-row{flex-wrap:wrap;gap:6px}.perunit-input{width:60px;font-size:15px}.perunit-tiers{gap:6px}.perunit-tier{min-width:56px;padding:6px 4px}}