.sps-checkout-page{width:100%;max-width:1180px!important;padding-top:8px}.sps-checkout-pending{visibility:hidden}.sps-payment-setup-warning{color:#a16207;font-size:12px}.sps-payment-option.is-disabled{opacity:.55;cursor:not-allowed}
.sps-checkout-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 30px;padding:30px 34px;border:1px solid rgba(37,99,235,.1);border-radius:23px;background:linear-gradient(120deg,#f7faff,#fff 62%,#fff8f3);box-shadow:0 12px 30px rgba(16,24,40,.04)}
.sps-checkout-heading h1{margin:5px 0 7px;color:var(--sps-text);font-size:30px;line-height:1.3}
.sps-checkout-heading p{margin:0;color:var(--sps-muted);font-size:13px}
.sps-checkout-back{display:inline-flex;align-items:center;border:1px solid #dfe6f0;border-radius:10px;background:#fff;color:var(--sps-primary);padding:10px 14px;font-size:12px;text-decoration:none;transition:border-color .2s,background .2s,transform .2s}
.sps-checkout-back:hover{border-color:var(--sps-primary);background:#f7faff;transform:translateY(-1px)}

.sps-checkout-layout{display:grid;grid-template-columns:350px minmax(0,1fr);gap:28px;align-items:start;direction:ltr}
.sps-checkout-details{grid-column:2;grid-row:1;min-width:0;direction:rtl}
.sps-checkout-summary{grid-column:1;grid-row:1;min-width:0;direction:rtl;position:sticky;top:24px;padding:23px;border:1px solid rgba(37,99,235,.1);border-radius:20px;background:linear-gradient(155deg,#f4f8ff,#fff);box-shadow:0 16px 34px rgba(16,24,40,.08)}
.sps-checkout-section{margin-bottom:18px;padding:24px;border:1px solid var(--sps-border);border-radius:18px;background:#fff;box-shadow:0 8px 22px rgba(16,24,40,.035)}
.sps-checkout-section-heading{display:flex;align-items:center;gap:11px;margin-bottom:22px}
.sps-step-number{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--sps-primary);color:#fff;font-size:12px;font-weight:800}
.sps-checkout-section-heading h2{margin:0;color:var(--sps-text);font-size:18px}
.sps-checkout-section-heading p{margin:3px 0 0;color:var(--sps-muted);font-size:11px}
.sps-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.sps-checkout label{display:block;color:var(--sps-text);font-size:12px;font-weight:700;margin:0 0 17px}
.sps-checkout input,.sps-checkout select,.sps-checkout textarea{display:block;width:100%;box-sizing:border-box;border:1px solid var(--sps-border);border-radius:11px;background:#fff;padding:12px 13px;margin-top:8px;color:var(--sps-text);font:inherit;font-size:13px;outline:none;transition:border-color .2s,box-shadow .2s}
.sps-checkout select{appearance:auto;cursor:pointer}
.sps-checkout-select{position:relative;height:45px;margin-top:8px}
.sps-checkout .sps-form-grid>label>input,.sps-checkout .sps-form-grid>label>.sps-checkout-select{height:45px!important;min-height:45px!important;max-height:45px!important}
.sps-checkout .sps-form-grid>label>.sps-checkout-select{display:block!important;box-sizing:border-box!important;overflow:visible}
.sps-checkout-select>select{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:0!important;opacity:0!important;pointer-events:none!important}
.sps-checkout-select-button{display:flex;align-items:center;justify-content:space-between;width:100%;height:45px;min-height:45px;box-sizing:border-box;margin:0!important;padding:0 13px!important;border:1px solid var(--sps-border);border-radius:11px;background:#fff;color:var(--sps-text);font:inherit;font-size:13px;line-height:1.4;text-align:right;cursor:pointer}
.sps-checkout-select-button:after{content:"⌄";color:var(--sps-muted);font-size:18px}
.sps-checkout-select-menu{position:absolute;z-index:30;top:calc(100% + 7px);right:0;left:0;max-height:260px;overflow:auto;padding:7px;border:1px solid #dfe6f0;border-radius:13px;background:#fff;box-shadow:0 16px 35px rgba(16,24,40,.16)}
.sps-checkout-select-menu[hidden]{display:none!important}
.sps-checkout-select-option{display:block;width:100%;padding:10px 12px;border:0;border-radius:8px;background:transparent;color:var(--sps-text);font:inherit;font-size:12px;text-align:right;cursor:pointer}
.sps-checkout-select-option:hover{background:#eef4ff;color:var(--sps-primary)}
.sps-checkout textarea{resize:none;min-height:130px}
.sps-checkout input:focus,.sps-checkout select:focus,.sps-checkout textarea:focus{border-color:var(--sps-primary);box-shadow:0 0 0 4px rgba(37,99,235,.1)}
.sps-field-error{display:block;min-height:16px;margin-top:5px;color:#c2410c;font-size:10px;font-weight:500;line-height:1.6}
.sps-checkout label.has-error input,.sps-checkout label.has-error select,.sps-checkout label.has-error textarea{border-color:#e5484d;background:#fffafa}
.sps-checkout label.has-error input:focus,.sps-checkout label.has-error select:focus,.sps-checkout label.has-error textarea:focus{border-color:#e5484d;box-shadow:0 0 0 4px rgba(229,72,77,.1)}
.sps-payment-options{display:grid;gap:10px}
.sps-payment-option{position:relative;display:flex!important;align-items:center;gap:12px;margin:0!important;padding:15px 14px;border:1px solid var(--sps-border);border-radius:12px;background:#fff;cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s}
.sps-payment-option input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.sps-payment-option.is-selected,.sps-payment-option:has(input:checked){border-color:var(--sps-primary);background:#f7faff;box-shadow:0 0 0 3px rgba(37,99,235,.08)}
.sps-payment-radio{display:inline-flex;align-items:center;justify-content:center;flex:0 0 18px;width:18px;height:18px;border:1px solid #aab5c5;border-radius:50%;box-sizing:border-box}
.sps-payment-option input:checked+.sps-payment-radio{border-color:var(--sps-primary);box-shadow:inset 0 0 0 4px #fff;background:var(--sps-primary)}
.sps-payment-option strong,.sps-payment-option small{display:block}
.sps-payment-option strong{font-size:12px;color:var(--sps-text)}
.sps-payment-option small{margin-top:4px;color:var(--sps-muted);font-size:10px;font-weight:400}
.sps-checkout-submit{width:100%;justify-content:space-between;padding:14px 18px;border-radius:11px}
.sps-checkout-submit span{font-size:19px;line-height:1}
.sps-checkout-message{min-height:20px;margin-top:12px;color:var(--sps-primary);font-size:12px}

.sps-checkout-summary-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-bottom:17px;border-bottom:1px solid #dfe7f3}
.sps-checkout-summary-heading span{color:var(--sps-text);font-size:18px;font-weight:850}
.sps-checkout-summary-heading small{color:var(--sps-muted);font-size:10px}
.sps-checkout-items{display:grid;gap:11px;padding:17px 0;border-bottom:1px solid #dfe7f3}
.sps-checkout-item{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px}
.sps-checkout-item-image{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:9px;object-fit:cover;background:var(--sps-soft);color:#aab3c0;font-size:9px}
.sps-checkout-item-info{min-width:0}
.sps-checkout-item-title{overflow:hidden;color:var(--sps-text);font-size:11px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}
.sps-checkout-item-meta{margin-top:4px;color:var(--sps-muted);font-size:10px}
.sps-checkout-item-total{color:var(--sps-text);font-size:11px;font-weight:800;white-space:nowrap}
.sps-checkout-summary-lines{display:grid;gap:13px;padding:18px 0;border-bottom:1px solid #dfe7f3}
.sps-checkout-summary-lines>div{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--sps-muted);font-size:12px}
.sps-checkout-summary-lines strong{color:var(--sps-text);font-size:12px}
.sps-checkout-summary-lines .sps-checkout-discount-row strong{color:#16a05d}
.sps-checkout-total{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 0;color:var(--sps-text);font-size:13px;font-weight:800}
.sps-checkout-grand-total{font-size:18px}
.sps-checkout-page.is-empty .sps-checkout-layout{display:none}

@media(max-width:900px){
	.sps-checkout-heading{padding:25px 23px}
	.sps-checkout-layout{display:block}
	.sps-checkout-summary{position:static;margin-top:22px}
}
@media(max-width:620px){
	.sps-checkout-heading{align-items:stretch;flex-direction:column;margin-bottom:22px;padding:23px 18px}
	.sps-checkout-heading h1{font-size:25px}
	.sps-checkout-back{align-self:flex-start}
	.sps-checkout-section{padding:19px}
	.sps-form-grid{grid-template-columns:1fr}
	.sps-checkout-summary{padding:19px}
}
