/* Storexy checkout — consolidated responsive/theme-aware styles. */
.sx-checkout{--sx-primary:var(--sf-primary,var(--theme-primary,var(--primary-color,#ec1976)));--sx-heading:var(--store-heading,var(--sf-heading,var(--theme-heading,#201b29)));--sx-text:var(--store-body,var(--sf-body,var(--theme-text,#625c6b)));--sx-muted:var(--store-muted,var(--sf-muted,#88818f));--sx-surface:var(--store-surface,var(--sf-surface,#fff));--sx-border:var(--sf-border,var(--theme-border,rgba(100,85,120,.16)));--sx-input:var(--sf-input-bg,var(--input-bg,var(--sx-surface)));position:relative;isolation:isolate;padding:clamp(32px,5vw,64px) 0 clamp(56px,8vw,96px);color:var(--sx-text)}
.sx-checkout,.sx-checkout *,.sx-checkout *:before,.sx-checkout *:after{box-sizing:border-box}.sx-checkout [hidden]{display:none!important}
.sx-heading{position:relative;max-width:900px;margin:0 auto clamp(28px,4vw,42px)}.sx-back-link,.sx-heading>a{display:inline-flex;align-items:center;gap:8px;min-height:40px;margin-bottom:22px;color:var(--sx-primary);font-size:.92rem;font-weight:650;text-decoration:none}.sx-back-link:hover,.sx-heading>a:hover{opacity:.82}
.sx-heading>span,.sx-secure-badge{float:right;display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:8px 14px;border:1px solid var(--sx-border);border-radius:999px;background:color-mix(in srgb,var(--sx-primary) 5%,var(--sx-surface));color:var(--sx-heading);font-size:.78rem;font-weight:650}.sx-heading>span:before,.sx-secure-badge:before{content:"";width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#22a06b;box-shadow:0 0 0 3px rgba(34,160,107,.12)}
.sx-heading h1{clear:both;margin:0;padding-top:8px;color:var(--sx-heading);font-family:var(--sf-heading-font,"Poppins",sans-serif);font-size:clamp(2.25rem,5vw,3.7rem);font-weight:750;line-height:1.08;letter-spacing:-.055em}.sx-heading>p{max-width:620px;margin:15px 0 0;color:var(--sx-text);font-size:clamp(.95rem,1.5vw,1.08rem);line-height:1.8}
.sx-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,.85fr);align-items:start;gap:clamp(18px,3vw,30px)}.sx-grid form{display:grid;gap:20px;min-width:0}.sx-grid>aside{min-width:0}
.sx-card{min-width:0;padding:clamp(21px,3vw,31px);border:1px solid var(--sx-border);border-radius:20px;background:var(--sx-surface);box-shadow:0 5px 20px rgba(25,18,40,.025)}.sx-card h2{margin:0 0 22px;color:var(--sx-heading);font-family:var(--sf-heading-font,"Poppins",sans-serif);font-size:clamp(1.05rem,1.8vw,1.2rem);font-weight:700;line-height:1.4;letter-spacing:-.025em}.sx-step-number{display:inline-grid;place-items:center;width:27px;height:27px;margin-right:7px;border-radius:9px;background:color-mix(in srgb,var(--sx-primary) 10%,var(--sx-surface));color:var(--sx-primary);font-size:.78rem;vertical-align:2px}.sx-section-description{margin:-8px 0 20px;color:var(--sx-text);font-size:.88rem;line-height:1.7}
.sx-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 18px}.sx-fields label,.sx-address-fields>label,.sx-notes{display:flex;flex-direction:column;gap:8px;min-width:0;color:var(--sx-heading);font-size:.86rem;font-weight:650;line-height:1.5}.sx-required{color:var(--sx-primary)}.sx-optional{color:var(--sx-muted);font-size:.76rem;font-weight:500}
.sx-fields input,.sx-address-fields textarea,.sx-notes textarea{display:block;width:100%;min-width:0;min-height:50px;margin:0;padding:13px 15px;border:1px solid var(--sx-border);border-radius:12px;background:var(--sx-input);color:var(--sx-heading);font-family:inherit;font-size:16px;line-height:1.55;transition:border-color .2s,box-shadow .2s}.sx-fields input:hover,.sx-address-fields textarea:hover,.sx-notes textarea:hover{border-color:color-mix(in srgb,var(--sx-primary) 35%,var(--sx-border))}.sx-fields input:focus,.sx-address-fields textarea:focus,.sx-notes textarea:focus{outline:none;border-color:var(--sx-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--sx-primary) 13%,transparent)}.sx-fields input::placeholder,.sx-address-fields textarea::placeholder,.sx-notes textarea::placeholder{color:var(--sx-muted);opacity:.85}.sx-wide{grid-column:1/-1}.sx-address-fields textarea{min-height:132px;resize:vertical}.sx-field-help{margin:8px 0 0;color:var(--sx-muted);font-size:.78rem;line-height:1.65}.sx-notes{margin-top:23px}.sx-notes textarea{min-height:100px;resize:vertical}
.sx-options{display:grid;gap:12px;margin-top:17px}.sx-options>p{margin:0;padding:15px;border:1px dashed var(--sx-border);border-radius:12px;color:var(--sx-text);font-size:.9rem;line-height:1.7}.sx-choice{display:flex;align-items:flex-start;gap:13px;min-width:0;padding:16px;border:1px solid var(--sx-border);border-radius:14px;background:var(--sx-surface);color:var(--sx-text);cursor:pointer;transition:border-color .18s,background-color .18s,box-shadow .18s}.sx-choice:hover{border-color:color-mix(in srgb,var(--sx-primary) 40%,var(--sx-border))}
.sx-choice input[type=radio]{appearance:none;-webkit-appearance:none;position:relative;display:grid;place-items:center;width:19px;height:19px;flex:0 0 19px;margin:2px 0 0;padding:0;border:1.5px solid var(--sx-muted);border-radius:50%;background:transparent;cursor:pointer}.sx-choice input[type=radio]:after{content:"";width:7px;height:7px;border-radius:50%;background:#fff;transform:scale(0);transition:transform .15s}.sx-choice input[type=radio]:checked{border-color:var(--sx-primary);background:var(--sx-primary)}.sx-choice input[type=radio]:checked:after{transform:scale(1)}.sx-choice input[type=radio]:focus-visible{outline:3px solid color-mix(in srgb,var(--sx-primary) 23%,transparent);outline-offset:3px}.sx-choice:has(input[type=radio]:checked){border-color:color-mix(in srgb,var(--sx-primary) 65%,var(--sx-border));background:color-mix(in srgb,var(--sx-primary) 6%,var(--sx-surface));box-shadow:0 0 0 1px color-mix(in srgb,var(--sx-primary) 8%,transparent)}
/* Intentionally no ::before/::after selection bar on the card itself. */
.sx-choice-copy{display:grid;flex:1;gap:5px;min-width:0}.sx-choice-copy strong{color:var(--sx-heading);font-size:.92rem;font-weight:700;line-height:1.5}.sx-choice-copy small{color:var(--sx-text);font-size:.8rem;line-height:1.65;overflow-wrap:anywhere}.sx-choice-copy .sx-service-areas{display:block;margin-top:4px;color:var(--sx-muted);font-size:.78rem;line-height:1.6}.sx-service-areas strong{color:var(--sx-heading)}.sx-choice-price{flex:0 0 auto;max-width:36%;color:var(--sx-heading);font-size:.82rem;font-weight:750;line-height:1.5;text-align:right;overflow-wrap:anywhere}
.sx-summary{position:sticky;top:24px;min-width:0}.sx-summary>.sx-card{padding:clamp(20px,2.5vw,28px)}.sx-summary-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.sx-summary-heading h2{margin:0}.sx-summary-heading a,.sx-summary h2 a{color:var(--sx-primary);font-size:.78rem;font-weight:650;text-decoration:underline;text-underline-offset:3px}.sx-summary [data-summary-items]{display:grid;gap:18px;min-width:0}.sx-summary [data-summary-items]>p{margin:0;color:var(--sx-text);font-size:.88rem;line-height:1.75}.sx-line{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0}.sx-line img,.sx-placeholder{display:block;width:58px;height:58px;border:1px solid var(--sx-border);border-radius:12px;background:color-mix(in srgb,var(--sx-primary) 4%,var(--sx-surface));object-fit:cover}.sx-line-name{color:var(--sx-heading);font-size:.84rem;font-weight:700;line-height:1.5;overflow-wrap:anywhere}.sx-line-meta{margin-top:4px;color:var(--sx-muted);font-size:.75rem;line-height:1.55;overflow-wrap:anywhere}.sx-line-price{color:var(--sx-heading);font-size:.81rem;font-weight:700;line-height:1.5;text-align:right;overflow-wrap:anywhere}
.sx-totals{display:grid;gap:14px;margin-top:24px;padding-top:20px;border-top:1px solid var(--sx-border);font-size:.88rem}.sx-totals>div{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.sx-totals>div>span{color:var(--sx-text);line-height:1.6}.sx-totals>div>b{color:var(--sx-heading);font-size:.88rem;line-height:1.6;text-align:right;overflow-wrap:anywhere}.sx-totals>p{margin:0;padding:11px 12px;border:1px solid color-mix(in srgb,var(--sx-primary) 18%,var(--sx-border));border-radius:10px;background:color-mix(in srgb,var(--sx-primary) 5%,var(--sx-surface));font-size:.77rem;line-height:1.65}.sx-totals .sx-total{align-items:center;margin-top:3px;padding-top:19px;border-top:1px solid var(--sx-border)}.sx-totals .sx-total>span{color:var(--sx-heading);font-weight:700}.sx-totals .sx-total>b{color:var(--sx-primary);font-size:clamp(1.15rem,2vw,1.45rem);font-weight:800}
.sx-submit{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:56px;padding:15px 22px;border:1px solid var(--sx-primary);border-radius:14px;background:var(--sx-primary);color:#fff;font-family:inherit;font-size:.96rem;font-weight:750;cursor:pointer;box-shadow:0 7px 18px color-mix(in srgb,var(--sx-primary) 18%,transparent);transition:transform .2s,box-shadow .2s,opacity .2s}.sx-submit:hover:not(:disabled){transform:translateY(-2px)}.sx-submit:focus-visible{outline:3px solid color-mix(in srgb,var(--sx-primary) 30%,transparent);outline-offset:4px}.sx-submit:disabled{opacity:.65;cursor:wait;box-shadow:none;transform:none}.sx-small{margin:-5px 0 0;color:var(--sx-muted);font-size:.78rem;line-height:1.7;text-align:center}.sx-alert{padding:14px 16px;border:1px solid #efb8bf;border-radius:12px;background:#fff1f2;color:#922b38;font-size:.88rem;line-height:1.7;white-space:pre-line;overflow-wrap:anywhere}.sx-alert[hidden]{display:none!important}
.sf-store.sf-theme-dark .sx-checkout{--sx-heading:var(--store-heading,#f5f1f7);--sx-text:var(--store-body,#c7c0ce);--sx-muted:var(--store-muted,#a7a1b0);--sx-surface:var(--store-surface,#1c1f25);--sx-border:var(--sf-border,rgba(220,210,235,.14));--sx-input:var(--sf-input-bg,#17191f)}.sf-store.sf-theme-dark .sx-card{background:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--sx-primary) 5%,transparent),transparent 48%),var(--sx-surface)}.sf-store.sf-theme-dark .sx-choice{background:color-mix(in srgb,var(--sx-primary) 2%,var(--sx-surface))}.sf-store.sf-theme-dark .sx-choice:has(input[type=radio]:checked){background:color-mix(in srgb,var(--sx-primary) 11%,var(--sx-surface))}.sf-store.sf-theme-dark .sx-fields input,.sf-store.sf-theme-dark .sx-address-fields textarea,.sf-store.sf-theme-dark .sx-notes textarea{background:var(--sx-input);color:var(--sx-heading)}.sf-store.sf-theme-dark .sx-alert:not([data-type=success]){border-color:#753b46;background:#321d25;color:#ffd7dd}
@media(max-width:1000px){.sx-grid{grid-template-columns:minmax(0,1fr) minmax(250px,.8fr);gap:18px}.sx-line{grid-template-columns:50px minmax(0,1fr);gap:10px}.sx-line img,.sx-placeholder{width:50px;height:50px}.sx-line-price{grid-column:2;justify-self:start;text-align:left}}
@media(max-width:760px){.sx-grid{grid-template-columns:minmax(0,1fr);gap:17px}.sx-summary{position:static;grid-row:1}.sx-grid form{grid-row:2;gap:16px}.sx-card,.sx-summary>.sx-card{padding:21px;border-radius:16px}.sx-line{grid-template-columns:54px minmax(0,1fr) auto}.sx-line img,.sx-placeholder{width:54px;height:54px}.sx-line-price{grid-column:auto;justify-self:end;text-align:right}}
@media(max-width:520px){.sx-heading>span{min-height:34px;padding:7px 10px;font-size:.7rem}.sx-heading h1{font-size:clamp(2.1rem,10vw,3rem);letter-spacing:-.045em}.sx-fields{grid-template-columns:minmax(0,1fr);gap:16px}.sx-wide{grid-column:auto}.sx-card,.sx-summary>.sx-card{padding:18px;border-radius:15px}.sx-choice{gap:10px;padding:13px 11px;border-radius:12px}.sx-choice-copy strong{font-size:.86rem}.sx-choice-copy small{font-size:.76rem}.sx-choice-price{max-width:34%;font-size:.75rem}.sx-line{grid-template-columns:46px minmax(0,1fr) auto;gap:9px}.sx-line img,.sx-placeholder{width:46px;height:46px}.sx-line-name{font-size:.79rem}.sx-line-meta{font-size:.71rem}.sx-line-price{font-size:.74rem}.sx-submit{min-height:53px;padding:14px 17px;font-size:.91rem}}
/* Existing order confirmation modal hooks retained. */
.sx-confirm-overlay[hidden]{display:none!important}.sx-confirm-overlay{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:20px;overflow-y:auto;background:rgba(15,18,32,.62);backdrop-filter:blur(7px);animation:sxFade .18s ease-out}.sx-confirm-modal{position:relative;width:min(100%,520px);max-height:90vh;overflow-y:auto;padding:32px;border:1px solid var(--sf-border,#ece8f0);border-radius:23px;background:var(--sf-surface,#fff);color:var(--sf-text,#171b2c);box-shadow:0 25px 100px rgba(0,0,0,.22);animation:sxSlide .22s ease-out}.sx-confirm-close{position:absolute;top:14px;right:14px;width:40px;height:40px;border:1px solid var(--sf-border,#e5e7eb);border-radius:12px;background:transparent;color:inherit;font-size:26px;cursor:pointer}.sx-confirm-icon{display:grid;place-items:center;width:62px;height:62px;margin-bottom:20px;border-radius:50%;background:#e9f9ef;color:#16834a}.sx-confirm-icon svg{width:33px}.sx-confirm-eyebrow{display:block;margin-bottom:8px;color:var(--sf-primary,#ec1976);font-size:11px;font-weight:800;letter-spacing:.14em}.sx-confirm-modal h2{margin:0 42px 12px 0;font-size:clamp(24px,4vw,30px);line-height:1.2}.sx-confirm-message{margin:0 0 22px;color:var(--sf-muted,#737586);font-size:14px;line-height:1.75}.sx-confirm-reference,.sx-confirm-bank{margin-bottom:19px;padding:17px;border:1px solid var(--sf-border,#e9e5ed);border-radius:14px;background:var(--sf-muted-bg,#f8f7fa)}.sx-confirm-reference>span{display:block;margin-bottom:10px;color:var(--sf-muted,#737586);font-size:12px}.sx-copy-row,.sx-confirm-detail{display:flex;align-items:center;justify-content:space-between;gap:12px}.sx-copy-row strong,.sx-confirm-detail-copy strong{overflow-wrap:anywhere;font-size:14px}.sx-copy-button{padding:8px 11px;border:1px solid var(--sf-border,#e2dce8);border-radius:9px;background:var(--sf-surface,#fff);color:var(--sf-primary,#ec1976);font:inherit;font-size:12px;font-weight:800;cursor:pointer}.sx-confirm-bank h3{margin:0 0 13px;font-size:15px}.sx-confirm-detail{padding:12px 0;border-bottom:1px solid var(--sf-border,#eeeaf2)}.sx-confirm-detail:last-child{border-bottom:0}.sx-confirm-detail-copy{display:grid;gap:5px;min-width:0}.sx-confirm-detail-copy span{color:var(--sf-muted,#737586);font-size:12px}.sx-confirm-instructions{margin-top:15px;padding:13px;border-radius:10px;background:var(--sf-surface,#fff)}.sx-confirm-instructions strong{display:block;margin-bottom:6px;font-size:12px}.sx-confirm-instructions p{margin:0;color:var(--sf-muted,#737586);font-size:13px;line-height:1.7;overflow-wrap:anywhere}.sx-confirm-actions{display:grid;gap:10px}.sx-confirm-actions>.sf-btn,.sx-confirm-actions>a{display:flex;align-items:center;justify-content:center;width:100%;min-height:51px;text-align:center;text-decoration:none}.sx-confirm-secondary{min-height:45px;border:0;background:transparent;color:var(--sf-muted,#737586);font:inherit;font-size:13px;font-weight:700;cursor:pointer}.sx-copy-feedback{min-height:18px;margin:11px 0 0;color:var(--sf-muted,#737586);font-size:12px;text-align:center}body.sx-confirm-open{overflow:hidden}@keyframes sxFade{from{opacity:0}to{opacity:1}}@keyframes sxSlide{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:520px){.sx-confirm-overlay{align-items:end;padding:10px}.sx-confirm-modal{width:100%;max-height:92vh;padding:26px 19px 21px;border-radius:21px 21px 15px 15px}}@media(prefers-reduced-motion:reduce){.sx-checkout *,.sx-checkout *:before,.sx-checkout *:after,.sx-confirm-overlay,.sx-confirm-modal{animation:none!important;transition:none!important}}
