.page-checkout{max-width:var(--sm-max-width-content, 900px);margin:0 auto;padding:var(--sm-space-6) var(--sm-section-px);font-family:var(--sm-font-sans)}.checkout-container{background:#fff;border-radius:var(--sm-radius-xl, 20px);box-shadow:var(--sm-shadow-lg, 0 10px 30px rgba(15, 14, 13, .1));overflow:hidden}.checkout-header{background:#f7f7f8;text-align:center;padding:var(--sm-space-10) var(--sm-space-6);border-bottom:1px solid var(--sm-gray-200, #E8E4DE)}.checkout-header h1{font-family:var(--sm-font-serif, "Playfair Display", serif);font-size:var(--sm-text-3xl);font-weight:var(--sm-font-bold, 700);color:var(--sm-dark, #111111);margin:0 0 var(--sm-space-2) 0}.checkout-header p{font-size:clamp(11.5px,3.4vw,var(--sm-text-base));color:var(--sm-gray-600, #5C5852);margin:0;white-space:nowrap}.checkout-section{padding:var(--sm-space-8) var(--sm-space-6);border-bottom:1px solid var(--sm-gray-200, #E8E4DE)}.checkout-section:last-child{border-bottom:none}.checkout-section h2{font-family:var(--sm-font-sans);font-size:var(--sm-text-xl);font-weight:var(--sm-font-semibold, 600);color:var(--sm-dark, #111111);margin:0 0 var(--sm-space-5) 0;display:flex;align-items:center;gap:var(--sm-space-3)}.checkout-section h2 .section-number,.customer-form-section h2 .section-number{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--sm-dark, #111111);color:var(--sm-white, #FFFDFB);border-radius:50%;font-size:var(--sm-text-sm);font-weight:var(--sm-font-bold)}.plan-selection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--sm-space-4)}.plan-option{background:#fff;border:2px solid var(--sm-gray-200, #E8E4DE);border-radius:var(--sm-radius-lg, 16px);padding:var(--sm-space-5);cursor:pointer;transition:all var(--sm-transition-normal, .3s);position:relative}@media(hover:hover){.plan-option:hover{border-color:var(--sm-secondary, #9E7A4D);box-shadow:var(--sm-shadow-md, 0 4px 16px rgba(15, 14, 13, .08));transform:translateY(-2px)}}.plan-option.selected{border-color:var(--sm-dark, #111111);background:var(--sm-gray-50, #F9F7F4);box-shadow:var(--sm-shadow-accent, 0 10px 25px rgba(17, 17, 17, .2))}.plan-option.selected .plan-option-check{opacity:1;transform:scale(1)}.plan-option-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--sm-space-2);padding-right:32px}.plan-option-header h3{font-size:var(--sm-text-lg);font-weight:var(--sm-font-semibold, 600);color:var(--sm-dark, #111111);margin:0}.plan-option-price{font-size:var(--sm-text-lg);font-weight:var(--sm-font-bold, 700);color:var(--sm-secondary, #9E7A4D);white-space:nowrap}.plan-option-desc{font-size:var(--sm-text-sm);color:var(--sm-gray-600, #5C5852);line-height:var(--sm-leading-relaxed, 1.6);margin:0}.plan-promo{display:inline-block;margin-top:var(--sm-space-3);padding:var(--sm-space-2) var(--sm-space-3);background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#2e7d32;font-size:var(--sm-text-xs);font-weight:var(--sm-font-semibold, 600);border-radius:var(--sm-radius-sm, 6px)}.plan-option-check{position:absolute;top:var(--sm-space-4);right:var(--sm-space-4);width:24px;height:24px;background:var(--sm-dark, #111111);color:var(--sm-white, #FFFDFB);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;opacity:0;transform:scale(.5);transition:all var(--sm-transition-normal, .3s)}.order-summary{background:#f7f7f8}.plan-details{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:var(--sm-space-4);border-radius:var(--sm-radius-md, 12px);border:1px solid var(--sm-gray-200, #E8E4DE);margin-bottom:var(--sm-space-3)}#plan-name{font-size:var(--sm-text-lg);font-weight:var(--sm-font-semibold, 600);color:var(--sm-dark, #111111)}#plan-price{font-size:var(--sm-text-xl);font-weight:var(--sm-font-bold, 700);color:var(--sm-secondary, #9E7A4D)}#plan-description{margin:0;font-size:var(--sm-text-sm);color:var(--sm-gray-600, #5C5852);font-style:italic}.change-plan-link{display:inline-block;margin-top:var(--sm-space-3);color:var(--sm-secondary, #9E7A4D);font-size:var(--sm-text-sm);text-decoration:none;transition:color var(--sm-transition-fast, .15s)}@media(hover:hover){.change-plan-link:hover{color:var(--sm-dark, #111111);text-decoration:underline}}.discount-tip-box{display:flex;align-items:flex-start;gap:var(--sm-space-3, 12px);background:linear-gradient(135deg,#16803c14,#16a34a0a);border:1px solid rgba(22,128,60,.2);border-radius:var(--sm-radius-lg, 16px);padding:var(--sm-space-4, 16px);margin-top:var(--sm-space-5, 20px)}.discount-tip-box.hidden{display:none}.discount-tip-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#16803c1a;border-radius:10px;color:#16803c}.discount-tip-content{flex:1}.discount-tip-title{font-size:var(--sm-text-sm, 14px);font-weight:var(--sm-font-semibold, 600);color:#16803c;margin:0 0 4px}.discount-tip-text{font-size:var(--sm-text-sm, 14px);color:var(--sm-gray-600, #5C5852);margin:0 0 10px;line-height:1.5}.discount-tip-text strong{color:#16803c;font-weight:var(--sm-font-semibold, 600)}.discount-tip-apply{display:inline-flex;align-items:center;gap:6px;background:#16803c;color:#fff;border:none;border-radius:50px;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.discount-tip-apply:hover{background:#15703a;transform:translateY(-1px);box-shadow:0 4px 12px #16803c4d}.discount-tip-apply:active{transform:translateY(0)}.discount-code-section{margin-top:var(--sm-space-4);padding-top:var(--sm-space-3);border-top:none}.discount-code-toggle{color:var(--sm-secondary, #9E7A4D);font-size:var(--sm-text-sm);text-decoration:none;display:flex;flex-wrap:wrap;align-items:center;gap:var(--sm-space-2);transition:color var(--sm-transition-fast, .15s)}.discount-applied-text{color:#16a34a;font-weight:var(--sm-font-medium, 500)}@media(hover:hover){.discount-code-toggle:hover{color:var(--sm-dark, #111111);text-decoration:underline}}.discount-code-toggle:before{content:"\1f3f7\fe0f";font-size:1em}.discount-code-panel{margin-top:var(--sm-space-3);animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.discount-code-form{display:flex;gap:var(--sm-space-3)}.discount-code-form input{flex:1;padding:var(--sm-space-3) var(--sm-space-4);border:2px solid var(--sm-gray-200, #E8E4DE);border-radius:var(--sm-radius-md, 12px);font-size:var(--sm-text-base);text-transform:uppercase;transition:border-color var(--sm-transition-fast, .15s),box-shadow var(--sm-transition-fast, .15s)}.discount-code-form input:focus{outline:none;border-color:var(--sm-secondary, #9E7A4D);box-shadow:0 0 0 3px #9e7a4d26}.discount-code-form input::placeholder{text-transform:none;color:var(--sm-gray-400, #9CA3AF)}.discount-code-btn{padding:var(--sm-space-3) var(--sm-space-5);background:var(--sm-dark, #111111);color:var(--sm-white, #FFFDFB);border:none;border-radius:var(--sm-radius-md, 12px);font-weight:var(--sm-font-semibold, 600);font-size:var(--sm-text-sm);cursor:pointer;transition:all var(--sm-transition-normal, .3s);min-width:100px}@media(hover:hover){.discount-code-btn:hover:not(:disabled){background:var(--sm-secondary, #9E7A4D);transform:translateY(-1px)}}.discount-code-btn:active:not(:disabled){transform:scale(.97)}.discount-code-btn:disabled{opacity:.6;cursor:not-allowed}.discount-code-btn .btn-loading{display:flex;align-items:center;justify-content:center;gap:var(--sm-space-2)}.discount-code-btn .spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.discount-feedback{margin-top:var(--sm-space-3);font-size:var(--sm-text-sm);padding:var(--sm-space-3);border-radius:var(--sm-radius-sm, 6px);display:none}.discount-feedback.success{display:block;background:#e8f5e9;color:#2e7d32;border:1px solid #c8e6c9}.discount-feedback.error{display:block;background:#ffebee;color:#c62828;border:1px solid #ffcdd2}.discount-feedback.info{display:block;background:#fff8e1;color:#f57c00;border:1px solid #ffe0b2}.discount-terms{margin-top:var(--sm-space-3);font-size:var(--sm-text-xs);color:var(--sm-gray-500, #6B7280);line-height:var(--sm-leading-relaxed, 1.6)}.discount-display{margin-top:var(--sm-space-5);padding:var(--sm-space-4);background:#f0fdf4;border:1px solid #bbf7d0;border-radius:var(--sm-radius-md, 12px)}.discount-row{display:flex;justify-content:space-between;padding:var(--sm-space-2) 0;font-size:var(--sm-text-sm)}.discount-row.discount-savings{color:#16a34a;font-weight:var(--sm-font-medium, 500)}.discount-row.discount-total{border-top:1px solid #bbf7d0;margin-top:var(--sm-space-2);padding-top:var(--sm-space-3);font-weight:var(--sm-font-bold, 700);font-size:var(--sm-text-base);color:var(--sm-dark, #111111)}#plan-price.has-discount{text-decoration:line-through;color:var(--sm-gray-400, #9CA3AF);font-size:var(--sm-text-base)}.clear-discount-btn{background:none;border:none;color:#dc2626;font-size:var(--sm-text-xs);cursor:pointer;padding:var(--sm-space-1) var(--sm-space-2);margin-left:var(--sm-space-2);border-radius:var(--sm-radius-sm, 6px);transition:background var(--sm-transition-fast, .15s)}@media(hover:hover){.clear-discount-btn:hover{background:#fee2e2}}.customer-form-section{padding:var(--sm-space-8) var(--sm-space-6)}.customer-form-section h2{font-size:var(--sm-text-xl);font-weight:var(--sm-font-semibold, 600);color:var(--sm-dark, #111111);margin:0 0 var(--sm-space-6) 0;display:flex;align-items:center;gap:var(--sm-space-3)}.form-row{display:flex;gap:var(--sm-space-4);margin-bottom:var(--sm-space-4)}.form-group{flex:1}.form-group label{display:block;margin-bottom:var(--sm-space-2);font-weight:var(--sm-font-medium, 500);color:var(--sm-dark, #111111);font-size:var(--sm-text-sm)}.form-group input,.form-group select{width:100%;padding:var(--sm-space-3) var(--sm-space-4);border:2px solid var(--sm-gray-200, #E8E4DE);border-radius:var(--sm-radius-md, 12px);font-size:var(--sm-text-base);font-family:var(--sm-font-sans);transition:border-color var(--sm-transition-fast, .15s),box-shadow var(--sm-transition-fast, .15s);box-sizing:border-box;background:#fff}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--sm-secondary, #9E7A4D);box-shadow:0 0 0 3px #9e7a4d26}.form-group input[readonly]{background-color:var(--sm-gray-100, #F5F2ED);color:var(--sm-gray-600, #5C5852);cursor:not-allowed}.form-group input.invalid,.form-group select.invalid{border-color:var(--sm-error, #DC2626)!important;box-shadow:0 0 0 3px #dc26261a!important}.field-error{color:var(--sm-error, #DC2626);font-size:var(--sm-text-xs);margin-top:var(--sm-space-1)}.checkout-actions{display:flex;flex-direction:column;align-items:center;gap:var(--sm-space-4);margin-top:var(--sm-space-8);padding-top:var(--sm-space-6);border-top:1px solid var(--sm-gray-200, #E8E4DE)}.checkout-terms{font-size:var(--sm-text-xs);color:var(--sm-gray-500, #6B7280);line-height:var(--sm-leading-relaxed, 1.6);text-align:center;max-width:480px;margin:0}.checkout-terms a{color:var(--sm-secondary, #9E7A4D);text-decoration:underline;transition:color var(--sm-transition-fast, .15s)}@media(hover:hover){.checkout-terms a:hover{color:var(--sm-dark, #111111)}}.btn-primary,.btn-secondary{padding:var(--sm-space-4) var(--sm-space-8);border:none;border-radius:var(--sm-radius-full, 9999px);font-size:var(--sm-text-base);font-weight:var(--sm-font-semibold, 600);cursor:pointer;transition:all var(--sm-transition-normal, .3s);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-width:180px}.btn-primary{background:var(--sm-btn-bg, #111111);color:var(--sm-btn-text, #FFFDFB);box-shadow:var(--sm-btn-shadow, 0 8px 24px rgba(17, 17, 17, .25))}@media(hover:hover){.btn-primary:hover:not(:disabled){background:#2a2a2a;box-shadow:0 10px 28px #1111114d}}.btn-primary:focus-visible:not(:disabled){outline:2px solid var(--sm-secondary, #9E7A4D);outline-offset:2px}.btn-primary:active:not(:disabled){transform:scale(.98)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:transparent;color:var(--sm-gray-600, #5C5852);border:2px solid var(--sm-gray-300, #D1CCC4)}@media(hover:hover){.btn-secondary:hover{background:var(--sm-gray-100, #F5F2ED);border-color:var(--sm-gray-400, #9CA3AF)}}#submit-loading:after{content:"";display:inline-block;width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite;margin-left:var(--sm-space-2)}@media(max-width:768px){.page-checkout{padding:var(--sm-space-4)}.checkout-header{padding:var(--sm-space-8) var(--sm-space-4)}.checkout-header h1{font-size:var(--sm-text-2xl)}.checkout-section,.customer-form-section{padding:var(--sm-space-6) var(--sm-space-4)}.plan-selection-grid{grid-template-columns:1fr}.form-row,.checkout-actions{flex-direction:column;gap:var(--sm-space-3)}.btn-primary,.btn-secondary{width:100%;min-width:auto}.plan-details{flex-direction:column;text-align:center;gap:var(--sm-space-2)}.discount-code-form{flex-direction:column}.discount-code-btn{width:100%}}@media(max-width:768px){.form-row--keep-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--sm-space-3)}.form-row--keep-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--sm-space-3)}.form-row--ratio-2-1{grid-template-columns:2fr 1fr 1fr}.form-row--2-fixed{display:grid;grid-template-columns:1fr 1fr;gap:var(--sm-space-3)}}@media(min-width:430px)and (max-width:768px){.form-row--2-sm{display:grid;grid-template-columns:1fr 1fr;gap:var(--sm-space-3)}}@media(max-width:340px){.form-row--keep-3{grid-template-columns:1fr 1fr}}@media(max-width:480px){.checkout-header h1{font-size:var(--sm-text-xl)}.form-group input,.form-group select{padding:var(--sm-space-3)}.discount-code-toggle{font-size:var(--sm-text-xs)}.discount-applied-text{flex:1 1 100%;margin-bottom:var(--sm-space-1)}.clear-discount-btn{font-size:var(--sm-text-xs)}}@media(max-width:380px){.plan-option-header{flex-direction:column;gap:var(--sm-space-1);padding-right:32px}.plan-option-price{font-size:var(--sm-text-base)}.plan-option-desc{font-size:var(--sm-text-xs)}}.checkout-payment-trust{text-align:center;margin-top:var(--sm-space-6);padding-top:var(--sm-space-5);border-top:1px dashed var(--sm-gray-200, #E8E4DE)}.payment-trust-label{font-size:var(--sm-text-sm);color:var(--sm-gray-500, #6B7280);margin:0 0 var(--sm-space-3) 0;font-weight:var(--sm-font-medium, 500)}.checkout-payment-icons{display:flex;justify-content:center;align-items:center;gap:var(--sm-space-3);flex-wrap:wrap}.checkout-payment-icons img{height:64px;width:64px;object-fit:contain;background:#fff;padding:10px;border-radius:var(--sm-radius-sm, 6px);border:1px solid var(--sm-gray-200, #E8E4DE);transition:transform var(--sm-transition-fast, .15s),box-shadow var(--sm-transition-fast, .15s)}.checkout-payment-icons img.ideal-wero{padding:0;border:none;background:none;object-fit:cover}@media(hover:hover){.checkout-payment-icons img:hover{transform:translateY(-2px);box-shadow:var(--sm-shadow-sm, 0 2px 8px rgba(0,0,0,.06))}}@media(max-width:480px){.checkout-payment-icons img{height:50px;width:50px;padding:8px}.checkout-payment-icons img.ideal-wero{padding:0;border:none;background:none}}.address-result{background:#f8f8f8;border-radius:8px;padding:10px 14px;margin:6px 0 10px;font-size:.9rem;color:#333;display:flex;align-items:center;gap:8px}.address-result.error{background:#fee;color:#c00}.address-result.loading{color:#666}.address-result .address-spinner{width:14px;height:14px;border:2px solid #ddd;border-top-color:#9e7a4d;border-radius:50%;animation:address-spin .6s linear infinite;flex-shrink:0}@keyframes address-spin{to{transform:rotate(360deg)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/checkout.css.map */