.checkout-page{background:linear-gradient(90deg,#fff 45%,#dae7ff80 0%);min-height:100vh}.checkout-header{background:var(--primary);z-index:100;padding:16px 0;position:sticky;top:0}.checkout-header-container{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:0 40px;display:flex}.checkout-header .col-span-6:last-child{flex-direction:row;justify-content:flex-end;align-items:center;display:flex}.checkout-logo img{filter:invert()brightness(5);height:32px}.checkout-header-right{align-items:center;gap:24px;display:flex}.back-to-cart{color:#fff;align-items:center;gap:8px;font-size:14px;text-decoration:none;transition:opacity .2s;display:flex}.back-to-cart:hover{opacity:.8}.cart-icon{justify-content:center;align-items:center;transition:opacity .2s;display:flex}.cart-icon:hover{opacity:.8}.checkout-container{grid-template-columns:1fr 480px;min-height:calc(100vh - 64px);display:grid}.checkout-form-section{padding:40px 30px 25px 0}.form-section{border-bottom:1px solid #e5e5e5;margin-bottom:32px;padding-bottom:32px}.section-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.section-title{color:var(--primary);margin:0 0 20px;font-size:22px}.section-header .section-title{margin-bottom:0}.login-prompt{color:#666;font-size:13px}.login-link{color:var(--primary);font-weight:600;text-decoration:none}.login-link:hover{text-decoration:underline}.section-subtitle{color:#888;margin:-12px 0 16px;font-size:13px}.form-group{margin-bottom:12px;position:relative}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-input{color:#333;background:#fff;border:1px solid #d0d0d0;border-radius:8px;width:100%;padding:14px 16px;font-size:14px;transition:border-color .2s}.form-input::placeholder{color:#999}.form-input:focus{border-color:var(--primary);outline:none}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;padding-right:40px}[dir=rtl] .form-select{background-position:16px 50%;padding-left:40px;padding-right:16px}.input-icon{pointer-events:none;position:absolute;top:50%;right:16px;transform:translateY(-50%)}[dir=rtl] .input-icon{left:16px;right:auto}.form-checkbox{align-items:center;gap:10px;margin-bottom:10px;display:flex}.form-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary);cursor:pointer}.form-checkbox label{color:var(--primary);cursor:pointer;font-size:13px}.radio-group{flex-direction:column;gap:0;display:flex}.radio-option{cursor:pointer;border:1px solid #d0d0d0;align-items:center;padding:16px;transition:background .2s,border-color .2s;display:flex}.radio-option:first-child{border-radius:8px 8px 0 0}.radio-option:last-child{border-top:none;border-radius:0 0 8px 8px}.radio-option:only-child{border-radius:8px}.radio-option.selected{border-color:var(--primary);background:#f0f5ff}.radio-option.selected+.radio-option{border-top:1px solid #d0d0d0}.radio-option input[type=radio]{width:18px;height:18px;accent-color:var(--primary);margin-right:12px}[dir=rtl] .radio-option input[type=radio]{margin-left:12px;margin-right:0}.radio-label{color:var(--primary);flex:1;font-size:14px;font-weight:500}.radio-price{color:var(--primary);font-size:14px;font-weight:600}.card-option{flex-direction:column;align-items:stretch}.radio-option-header{align-items:center;width:100%;display:flex}.card-icons{gap:6px;margin-left:auto;display:flex}[dir=rtl] .card-icons{margin-left:0;margin-right:auto}.card-icons img{height:24px}.card-form{border-top:1px solid #e5e5e5;margin-top:16px;padding-top:16px}.stripe-payment-wrapper{width:100%}.stripe-loading{color:var(--primary);justify-content:center;align-items:center;gap:12px;padding:30px 20px;font-size:14px;display:flex}.stripe-loading-spinner{border:2px solid #e5e5e5;border-top-color:var(--primary);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.payment-error-message{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-top:12px;padding:12px 16px;font-size:14px}.stripe-payment-wrapper .StripeElement{background:#fff;border:1px solid #d0d0d0;border-radius:8px;padding:14px 16px;transition:border-color .2s}.stripe-payment-wrapper .StripeElement--focus{border-color:var(--primary)}.stripe-payment-wrapper .StripeElement--invalid{border-color:#dc2626}.stripe-payment-wrapper iframe{min-height:200px}.pay-now-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:30px;width:100%;margin-top:24px;padding:18px 24px;font-size:16px;font-weight:600;transition:background .2s,transform .1s}.pay-now-btn:hover:not(:disabled){background:var(--orange)}.pay-now-btn:active:not(:disabled){transform:scale(.98)}.pay-now-btn:disabled{cursor:not-allowed;background:#8a9fc7}.checkout-footer{border-top:1px solid #e5e5e5;margin-top:32px;padding-top:24px}.footer-links{flex-wrap:wrap;gap:24px;display:flex}.footer-links a{color:var(--primary);font-size:13px;text-decoration:underline;transition:opacity .2s}.footer-links a:hover{opacity:.7}.order-summary-section{background:#ecf3ff;border-left:1px solid #e5e5e5;height:100%;padding:40px}.order-summary-pin{position:sticky;top:85px}[dir=rtl] .order-summary-section{border-left:none;border-right:1px solid #e5e5e5}.summary-title{color:var(--primary);margin:0 0 24px;font-size:22px}.summary-items{margin-bottom:24px}.summary-item{border-bottom:1px solid #e5e5e5;grid-template-columns:70px 1fr auto;gap:16px;padding:16px 0;display:grid}.summary-item:last-child{border-bottom:none}.item-image-wrapper{background:#fff;border-radius:8px;justify-content:center;align-items:center;width:70px;height:70px;display:flex;position:relative}.item-quantity-badge{background:var(--orange);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:600;display:flex;position:absolute;top:-8px;right:-8px}[dir=rtl] .item-quantity-badge{left:-8px;right:auto}.item-info{flex-direction:column;gap:4px;display:flex}.item-info .item-name{color:var(--primary);margin:0;font-size:14px;font-weight:600;line-height:1.3}.item-info .item-price{color:var(--primary);margin:0;font-size:14px;font-weight:600}.subscription-select{border:1px solid var(--primary);color:var(--primary);appearance:none;cursor:pointer;background:#fff url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%231A4BA0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 10px center no-repeat;border-radius:4px;width:fit-content;margin-top:4px;padding:6px 28px 6px 10px;font-size:12px}[dir=rtl] .subscription-select{background-position:10px 50%;padding:6px 10px 6px 28px}.item-action-link{color:var(--primary);margin-top:4px;font-size:12px;text-decoration:underline;display:inline-block}.item-action-link:hover{opacity:.7}.upgrade-link{color:var(--primary)}.item-actions{flex-direction:column;justify-content:space-between;align-items:flex-end;display:flex}[dir=rtl] .item-actions{align-items:flex-start}.item-actions .delete-btn{cursor:pointer;opacity:1;background:0 0;border:none;padding:4px;transition:opacity .2s}.item-actions .delete-btn:hover{opacity:.7}.save-later-link{color:var(--secondary);font-size:11px;text-decoration:none}.save-later-link:hover{text-decoration:underline}.promo-section{margin-bottom:24px}.promo-label{color:var(--primary);margin:0 0 12px;font-size:14px;font-weight:500}.promo-input-wrapper{gap:0;display:flex}.promo-input{background:#fff;border:1px solid #d0d0d0;border-radius:8px 0 0 8px;flex:1;padding:14px 16px;font-size:14px}[dir=rtl] .promo-input{border-radius:0 8px 8px 0}.promo-input::placeholder{color:#999}.promo-input:focus{border-color:var(--primary);outline:none}.apply-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:0 8px 8px 0;padding:14px 32px;font-size:14px;font-weight:600;transition:background .2s}[dir=rtl] .apply-btn{border-radius:8px 0 0 8px}.apply-btn:hover{background:var(--orange)}.summary-totals{border-top:1px solid #e5e5e5;padding-top:16px}.summary-row{justify-content:space-between;align-items:center;padding:8px 0;display:flex}.summary-label{color:var(--primary);font-size:14px;font-weight:500}.summary-value{color:var(--primary);font-size:14px;font-weight:600}.shipping-link{color:var(--secondary);font-size:13px;text-decoration:underline}.total-row{border-top:1px solid #e5e5e5;margin-top:8px;padding-top:16px}.total-label{color:var(--primary);font-size:18px;font-weight:700;display:block}.tax-note{color:#888;margin-top:2px;font-size:12px;display:block}.total-value{color:var(--primary);font-size:20px;font-weight:700}.recurring-row{border-top:1px solid #e5e5e5;margin-top:8px}.recurring-label{color:#888;align-items:center;gap:6px;font-size:13px;display:flex}.recurring-value{color:#888;font-size:13px}.mobile-order-summary{display:none}.mobile-accordion-header{cursor:pointer;-webkit-user-select:none;user-select:none;background:#ecf3ff;border-bottom:1px solid #e5e5e5;justify-content:space-between;align-items:center;padding:16px 20px;transition:background .2s;display:flex}.mobile-accordion-header:hover{background:#e3edff}.accordion-title-wrapper{align-items:center;gap:8px;display:flex}.accordion-icon{transition:transform .3s}.accordion-icon.open{transform:rotate(180deg)}.accordion-title{color:var(--primary);font-size:16px}.accordion-item-count{color:var(--secondary);font-size:14px}.accordion-total{color:var(--primary);font-size:18px;font-weight:700}.mobile-accordion-content{background:#ecf3ff;max-height:0;transition:max-height .3s ease-out;overflow:hidden}.mobile-accordion-content.open{max-height:2000px;transition:max-height .5s ease-in}.mobile-accordion-content>*{padding:0 20px}.mobile-accordion-content .summary-items{padding-top:16px}.mobile-accordion-content .summary-totals{padding-bottom:20px}.desktop-order-summary{display:block}@media (max-width:1180px){.checkout-container{grid-template-columns:1fr}.checkout-form-section{max-width:100%;margin:0;padding:30px 20px}.desktop-order-summary{display:none}.mobile-order-summary{order:-1;display:block}.order-summary-section{border-top:1px solid #e5e5e5;border-left:none;padding:30px 20px}[dir=rtl] .order-summary-section{border-right:none}.checkout-page{background:#fff}.checkout-page .container.mx-auto{max-width:100%}header.checkout-header{padding:20px}.checkout-page .col-span-12.lg\:col-span-5{order:2}.checkout-page .col-span-12.lg\:col-span-7.desktop-order-summary{order:1}.checkout-page .col-span-12.mobile-order-summary{order:0}.item-info{padding:0 0 0 20px}}@media (max-width:600px){.checkout-header-container{padding:0 20px}.form-row{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:flex-start;gap:8px}.footer-links{justify-content:center;gap:20px 40px}.card-icons{display:none}.summary-item{grid-template-columns:60px 1fr;gap:12px}.item-actions{flex-direction:row;grid-column:1/-1;justify-content:space-between;margin-top:8px}.mobile-accordion-header{padding:14px 16px}.accordion-title{font-size:14px}.accordion-total{font-size:16px}}