*{box-sizing:border-box}.checkout-page-container{max-width:var(--container-max-width);background:linear-gradient(135deg,#fafbfc 0%,#f5f7fa 100%);min-height:100vh;margin:0 auto;padding:2rem 2rem 2.5rem}.checkout-breadcrumb{color:#7a8fa3;align-items:center;gap:.6rem;margin-bottom:1rem;font-size:.72rem;display:flex}.checkout-breadcrumb a{color:#5a6d7f;text-decoration:none;transition:color .2s}.checkout-breadcrumb a:hover{color:#2d3748}.breadcrumb-separator{color:#d1d8e0}.breadcrumb-current{color:#2d3748;font-weight:500}.checkout-page-title{color:#0f172a;letter-spacing:-.5px;margin:0 0 1.25rem;font-size:1.9rem;font-weight:800}.checkout-submit-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;margin-bottom:1rem;padding:.9rem 1rem;font-size:.9rem;font-weight:600}.checkout-form{display:block}.checkout-grid{grid-template-columns:1fr;gap:1.25rem;display:grid}@media (min-width:1024px){.checkout-grid{grid-template-columns:1.35fr 360px;align-items:start;gap:1.5rem}.checkout-right{height:fit-content;position:sticky;top:80px;overflow:visible}}.checkout-card{background:#fff;border:1px solid #e8ecf1;border-radius:14px;margin-bottom:1rem;transition:box-shadow .3s;overflow:hidden;box-shadow:0 8px 24px #0f172a14}.checkout-card:hover{box-shadow:0 12px 32px #0f172a1f}.checkout-card-head{background:linear-gradient(135deg,#fafbfc 0%,#f5f7fa 100%);border-bottom:2px solid #f1f5f9;align-items:center;gap:.75rem;margin-bottom:.25rem;padding:1rem 1.25rem;display:flex}.checkout-card-head h3{color:#0f172a;letter-spacing:-.2px;margin:0;font-size:.95rem;font-weight:700}.checkout-card-body{padding:1rem 1.25rem 1.15rem}.checkout-card-body.p-0{padding:0}.form-row{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}@media (max-width:600px){.form-row{grid-template-columns:1fr;gap:1rem}}.form-group{flex-direction:column;gap:.45rem;margin-bottom:.9rem;display:flex}.form-group label{color:#334155;text-transform:uppercase;letter-spacing:.35px;font-size:.72rem;font-weight:600}.form-group input,.form-group select,.form-group textarea{color:#334155;background:#fff;border:1px solid #d8deee;border-radius:8px;outline:none;padding:.8rem 1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.9rem;transition:all .25s}.form-group input::placeholder,.form-group select::placeholder,.form-group textarea::placeholder{color:#cbd5e1}.form-group input:focus,.form-group select:focus{border-color:#3949ab;box-shadow:0 0 0 3px #3949ab24}.form-group textarea{resize:vertical;min-height:90px}.form-group textarea:focus{border-color:#3949ab;box-shadow:0 0 0 3px #3949ab24}.checkout-methods-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (max-width:768px){.checkout-methods-row{grid-template-columns:1fr;gap:1rem}}.method-card{flex:1}.method-label{color:#64748b;text-transform:uppercase;letter-spacing:.4px;margin-bottom:.75rem;font-size:.7rem;font-weight:600}.method-radio{cursor:pointer;color:#1e293b;background:#fff;border:2px solid #e2e8f0;border-radius:8px;align-items:center;gap:.85rem;margin-bottom:.75rem;padding:.9rem 1rem;font-size:.85rem;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.method-radio:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #0b0f190f}.method-radio input{cursor:pointer;accent-color:#0b0f19;width:16px;height:16px}.method-radio.selected-only{background:#f5f6f8;border-color:#d4d8de}.method-card.store-pickup-mode{background:#fff;border-color:#a7f3d0}.store-pickup-head-tag{text-transform:uppercase;letter-spacing:.04em;color:#059669;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:999px;padding:.2rem .6rem;font-size:.68rem;font-weight:700}.store-pickup-payment-box{background:linear-gradient(135deg,#f0fdf4 0%,#ecfdf5 100%);border:1.5px solid #a7f3d0;border-radius:12px;flex-direction:column;gap:.5rem;margin-bottom:.85rem;padding:1rem 1.15rem;display:flex;box-shadow:0 2px 8px #10b9810f}.store-pickup-payment-header{align-items:flex-start;gap:.85rem;display:flex}.store-pickup-icon-wrap{color:#fff;background:#10b981;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;box-shadow:0 4px 10px #10b98138}.store-pickup-text-wrap{flex:1}.store-pickup-title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.35rem;display:flex}.store-pickup-title-row h4{color:#065f46;margin:0;font-size:.92rem;font-weight:700}.store-pickup-badge{color:#047857;text-transform:uppercase;letter-spacing:.04em;background:#d1fae5;border:1px solid #6ee7b7;border-radius:999px;align-items:center;padding:.18rem .55rem;font-size:.7rem;font-weight:700;display:inline-flex}.store-pickup-desc{color:#047857;margin:0;font-size:.82rem;line-height:1.45}.store-pickup-desc strong{color:#064e3b}.we-accept{border-top:2px solid #f1f5f9;margin-top:1rem;padding-top:1rem}.we-accept p{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;font-size:.68rem;font-weight:700}.payment-icons{flex-wrap:wrap;gap:.6rem;display:flex}.payment-icons img{object-fit:contain;opacity:.85;width:auto;height:24px;transition:opacity .2s}.payment-icons img:hover{opacity:1}.checkout-products-table{border-collapse:collapse;width:100%}.checkout-products-table td{border-bottom:1px solid #f1f5f9;padding:.9rem 1.25rem;font-size:.85rem}.checkout-products-table tr:last-child td{border-bottom:none}.product-name-cell{color:#1e293b;letter-spacing:-.2px;font-weight:600}.product-total-cell{text-align:right;color:#0f172a;width:120px;font-size:.9rem;font-weight:700}.checkout-left>.checkout-card:last-child,.checkout-right{margin-bottom:0}.summary-card-fixed{position:relative;margin-bottom:0!important;box-shadow:0 8px 24px #0f172a14!important}.summary-card-fixed:hover{box-shadow:0 12px 32px #0f172a1f!important}.summary-promo-box{background:linear-gradient(135deg,#fafbfc 0%,#f5f7fa 100%);border:2px dashed #e8ecf1;border-radius:10px;margin-bottom:1rem;padding:1rem;transition:all .25s}.agreement-help{color:#b91c1c;margin:.6rem 0 0;font-size:.82rem;font-weight:600;line-height:1.4}.agreement-help.hidden{display:none}.summary-promo-box:hover{background:linear-gradient(135deg,#f5f6f8 0%,#f1f3f7 100%);border-color:#d4d8de}.promo-text{color:#0f172a;letter-spacing:-.3px;margin:0 0 .25rem;font-size:.8rem;font-weight:700}.promo-sub{color:#64748b;margin:0 0 .75rem;font-size:.7rem}.promo-tabs{gap:.5rem;margin-bottom:.75rem;display:flex}.promo-tab-btn{cursor:pointer;color:#475569;text-transform:uppercase;letter-spacing:.3px;background:#fff;border:2px solid #e2e8f0;border-radius:8px;padding:.45rem .75rem;font-size:.68rem;font-weight:600;transition:all .2s}.promo-tab-btn:hover{background:#f8fafc;border-color:#cbd5e1}.promo-tab-btn.active{color:#fff;background:#0b0f19;border-color:#0b0f19}.promo-input-row{gap:0;display:flex}.promo-input-row input{background:#fff;border:2px solid #e2e8f0;border-right:none;border-radius:8px 0 0 8px;outline:none;flex:1;padding:.65rem .85rem;font-size:.8rem;transition:border .25s}.promo-input-row input:focus{border-color:#0b0f19}.promo-apply{cursor:pointer;color:#334155;text-transform:uppercase;letter-spacing:.3px;background:#f1f5f9;border:2px solid #e2e8f0;border-radius:0 8px 8px 0;padding:.65rem 1rem;font-size:.7rem;font-weight:700;transition:all .2s}.promo-apply:hover{color:#fff;background:#0b0f19;border-color:#0b0f19}.summary-totals-list{margin-bottom:1.15rem}.sum-row{color:#475569;justify-content:space-between;align-items:center;padding:.45rem 0;font-size:.8rem;display:flex}.sum-row span:first-child{font-weight:500}.sum-total{color:#0f172a;border-top:2px solid #f1f5f9;border-bottom:2px solid #f1f5f9;margin:0;padding:.75rem 0;font-weight:700}.sum-total-val{color:#0b0f19;font-size:1.1rem;font-weight:800}.summary-agreement{margin-bottom:1.15rem}.agree-checkbox{cursor:pointer;color:#475569;gap:.75rem;font-size:.72rem;line-height:1.6;display:flex}.agree-checkbox input{cursor:pointer;accent-color:#0b0f19;flex-shrink:0;width:16px;height:16px;margin-top:1px}.agree-checkbox a.agreement-link{color:#3949ab;border-bottom:1px solid #3949ab33;font-weight:700;text-decoration:none;transition:all .2s}.agree-checkbox a.agreement-link:hover{color:#303f9f;background:#3949ab0d;border-bottom-color:#303f9f}.ui-btn.checkout-confirm-btn{color:#fff;text-transform:none;letter-spacing:0;width:100%;box-shadow:none;background:#3949ab;border-radius:4px;padding:.85rem;font-size:1rem;font-weight:700;transition:background .2s}.ui-btn.checkout-confirm-btn:hover{box-shadow:none;background:#303f9f}.ui-btn.checkout-confirm-btn:disabled{opacity:.75;cursor:progress}@media (min-width:1024px) and (max-height:900px),(min-width:1024px) and (max-width:1440px){.checkout-page-container{padding:1.25rem 1.5rem 2.5rem}.checkout-breadcrumb{margin-bottom:.5rem}.checkout-page-title{margin:0 0 .85rem;font-size:1.65rem}.checkout-grid{grid-template-columns:1.35fr 350px;align-items:start;gap:1.25rem}.checkout-right{height:fit-content;position:sticky;top:75px;overflow:visible}.checkout-card-head{padding:.75rem 1rem}.checkout-card-body{padding:.85rem 1rem}.summary-promo-box{margin-bottom:.75rem;padding:.65rem .85rem}.promo-text{margin:0 0 .15rem;font-size:.75rem}.promo-sub{margin:0 0 .45rem;font-size:.65rem}.promo-tabs{gap:.4rem;margin-bottom:.45rem}.promo-tab-btn{padding:.35rem .6rem;font-size:.65rem}.promo-input-row input{padding:.45rem .65rem;font-size:.75rem}.promo-apply{padding:.45rem .75rem;font-size:.65rem}.summary-totals-list{margin-bottom:.75rem}.sum-row{padding:.35rem 0;font-size:.78rem}.sum-total{padding:.55rem 0}.sum-total-val{font-size:1.05rem}.summary-agreement{margin-bottom:.85rem}.agree-checkbox{font-size:.7rem;line-height:1.45}.ui-btn.checkout-confirm-btn{padding:.75rem;font-size:.95rem}}.checkout-stockout-banner{background:#fef2f2;border:1.5px solid #f87171;border-radius:12px;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.25rem;display:flex;box-shadow:0 4px 12px #ef444414}.checkout-stockout-icon{color:#dc2626;flex-shrink:0}.checkout-stockout-content{flex:1}.checkout-stockout-content strong{color:#991b1b;margin-bottom:.2rem;font-size:.95rem;display:block}.checkout-stockout-content p{color:#b91c1c;margin:0;font-size:.85rem;line-height:1.4}.checkout-stockout-action{color:#fff;white-space:nowrap;background:#dc2626;border-radius:6px;align-items:center;padding:.5rem 1rem;font-size:.82rem;font-weight:700;text-decoration:none;transition:background .2s;display:inline-flex}.checkout-stockout-action:hover{background:#b91c1c}@media (max-width:640px){.checkout-stockout-banner{flex-direction:column;align-items:flex-start;gap:.75rem}}.checkout-tr--stockout{background:#ef44440d!important}.checkout-stockout-tag{color:#dc2626;background:#fee2e2;border:1px solid #fca5a5;border-radius:4px;align-items:center;margin-top:4px;padding:2px 6px;font-size:.72rem;font-weight:700;display:inline-flex}.ui-btn.checkout-confirm-btn.checkout-confirm-btn--blocked,.ui-btn.checkout-confirm-btn.checkout-confirm-btn--blocked:disabled{color:#f1f5f9!important;cursor:not-allowed!important;opacity:.8!important;box-shadow:none!important;background:#94a3b8!important}.checkout-success-card{margin-top:.5rem}.checkout-success-body{gap:1rem;display:grid}.success-kicker{letter-spacing:.12em;text-transform:uppercase;color:#3949ab;margin:0;font-size:.75rem;font-weight:800}.checkout-success-title{margin-bottom:0}.success-copy{color:#475569;margin:0;line-height:1.7}.success-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.success-summary-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:.9rem 1rem}.success-summary-item span{color:#64748b;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.25rem;font-size:.72rem;display:block}.success-summary-item strong{color:#0f172a;font-size:.98rem}.tracking-link-section{background:linear-gradient(135deg,#f0f4f8 0%,#e8ecf1 100%);border:1px solid #d0d8e0;border-radius:12px;margin-top:2rem;padding:1.5rem}.tracking-link-section h3{color:#0f172a;text-transform:uppercase;letter-spacing:.08em;margin:0 0 .5rem;font-size:.9rem;font-weight:700}.tracking-link-section p{color:#64748b;margin:0 0 1rem;font-size:.8rem}.tracking-link-box{align-items:center;gap:.5rem;display:flex}.tracking-link-input{color:#475569;word-break:break-all;background:#fff;border:1px solid #cbd5e1;border-radius:8px;flex:1;padding:.75rem 1rem;font-family:monospace;font-size:.85rem}.copy-link-btn{color:#fff;cursor:pointer;white-space:nowrap;text-transform:uppercase;letter-spacing:.05em;background:#0f172a;border:none;border-radius:8px;padding:.75rem 1.25rem;font-size:.8rem;font-weight:600;transition:all .2s}.copy-link-btn:hover{background:#1a2438;transform:translateY(-1px);box-shadow:0 4px 12px #0f172a33}.success-actions{flex-wrap:wrap;gap:.75rem;display:flex}@media (max-width:768px){.checkout-page-container{padding:1.5rem 1rem 2rem}.checkout-page-title{margin-bottom:1rem;font-size:1.5rem}.checkout-card-body{padding:.9rem 1rem 1rem}.checkout-card-head{padding:.85rem 1rem}.form-row{gap:.85rem}}@media (max-width:480px){.checkout-page-container{padding:1.25rem 1rem 1.5rem}.checkout-page-title{margin-bottom:.85rem;font-size:1.3rem}.checkout-card-body{padding:.85rem .9rem 1rem}.form-group input,.form-group select,.form-group textarea{padding:.75rem .9rem;font-size:16px}.method-radio{gap:.7rem;padding:.85rem .9rem}.checkout-card-head h3{font-size:.9rem}.success-summary-grid{grid-template-columns:1fr}.success-actions{flex-direction:column}.success-actions .ui-btn{justify-content:center;width:100%}}@keyframes error-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.glowing-error-border{transition:all .3s;border:2px solid #ef4444!important;animation:.4s ease-in-out error-shake!important;box-shadow:0 0 0 5px #ef444440!important}.input-error-text{color:#ef4444;align-items:center;gap:4px;margin-top:4px;font-size:11.5px;font-weight:700;display:flex}.checkout-post-order-actions{flex-direction:column;gap:12px;margin:20px 0 10px;display:flex}.whatsapp-confirmation-card{text-align:left;background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border:1.5px solid #22c55e;border-radius:12px;flex-direction:column;gap:14px;padding:16px 18px;display:flex;box-shadow:0 4px 15px #22c55e1a}.whatsapp-card-content{align-items:flex-start;gap:12px;display:flex}.whatsapp-card-icon{color:#fff;background:#22c55e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.whatsapp-card-text h4{color:#14532d;margin:0 0 4px;font-size:15px;font-weight:700}.whatsapp-card-text p{color:#166534;margin:0;font-size:12.5px;line-height:1.45}.btn-whatsapp-confirm{color:#fff;background:#25d366;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #25d36659}.btn-whatsapp-confirm:hover{background:#20bd5a;transform:translateY(-1px);box-shadow:0 6px 16px #25d36673}.btn-download-invoice{color:#0f172a;cursor:pointer;background:#fff;border:1.5px solid #0f172a;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 20px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex}.btn-download-invoice:hover{color:#fff;background:#0f172a;transform:translateY(-1px)}.checkout-invoice-notice-card{text-align:left;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;margin-top:5px;padding:18px 20px}.invoice-notice-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.invoice-notice-header h4{color:#1e293b;margin:0;font-size:15px;font-weight:700}.invoice-notice-header .notice-icon{color:#3b82f6;flex-shrink:0}.checkout-invoice-notice-card p{color:#475569;margin:0 0 12px;font-size:13.5px;line-height:1.5}.invoice-notice-warning{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;align-items:flex-start;gap:8px;padding:10px 12px;font-size:12.5px;line-height:1.45;display:flex}.notice-warning-icon{color:#d97706;flex-shrink:0;margin-top:2px}
