/* PKSaller theme — checkout.css */
/* PKSaller — premium checkout page. Form names/routes and DB fields preserved. */
.sc-checkout {
    --sc-ink:#101820;
    --sc-teal:#00bfb5;
    --sc-teal-dark:#008f88;
    --sc-muted:#627078;
    --sc-line:#dce7e8;
    --sc-soft:#f2fbfa;
    color:var(--sc-ink);
    padding-bottom:64px;
}
.sc-checkout * { box-sizing:border-box; }
.sc-checkout .sc-breadcrumb {
    padding:15px 0;
    color:#e8f7f6;
    background:linear-gradient(110deg,#101820,#17373c);
}
.sc-checkout .sc-breadcrumb-inner {
    max-width:1200px; margin:0 auto; padding:0 20px;
    display:flex; align-items:center; flex-wrap:wrap; gap:10px; font-size:13px;
}
.sc-checkout .sc-breadcrumb a { color:#8af3ea; text-decoration:none; }
.sc-checkout .sc-breadcrumb a:hover { color:#fff; text-decoration:underline; }
.sc-checkout .sc-breadcrumb-sep { color:#7d9da0; }
.sc-checkout .sc-checkout-hero {
    position:relative; overflow:hidden; isolation:isolate;
    background:
      radial-gradient(circle at 88% 20%,rgba(0,214,201,.18),transparent 27%),
      radial-gradient(circle at 4% 100%,rgba(0,214,201,.11),transparent 30%),
      linear-gradient(125deg,#101820,#183137 70%,#104548);
    color:#fff; padding:clamp(34px,5vw,60px) 20px;
}
.sc-checkout .sc-checkout-hero:after {
    content:""; position:absolute; z-index:-1; width:300px; height:300px;
    border:1px solid rgba(138,243,234,.17); border-radius:50%;
    right:-100px; bottom:-190px; box-shadow:0 0 0 28px rgba(138,243,234,.035),0 0 0 58px rgba(138,243,234,.025);
}
.sc-checkout .sc-hero-inner {
    max-width:1160px; margin:0 auto; display:flex; justify-content:space-between;
    align-items:center; gap:28px;
}
.sc-checkout .sc-hero-kicker {
    display:inline-flex; align-items:center; gap:9px; padding:8px 12px;
    border:1px solid rgba(138,243,234,.28); border-radius:999px;
    background:rgba(0,214,201,.08); color:#a7fff7; font-size:11px;
    font-weight:850; letter-spacing:1.3px; text-transform:uppercase;
}
.sc-checkout .sc-pulse {
    width:7px;height:7px;border-radius:50%;background:#00d6c9;
    box-shadow:0 0 0 5px rgba(0,214,201,.13); animation:scPulse 1.8s infinite;
}
@keyframes scPulse { 0%,100%{box-shadow:0 0 0 4px rgba(0,214,201,.12)} 50%{box-shadow:0 0 0 8px rgba(0,214,201,.04)} }
.sc-checkout .sc-checkout-hero h1 {
    color:#fff; margin:17px 0 10px; font-size:clamp(32px,4vw,48px);
    line-height:1.12; letter-spacing:-1px; font-weight:850;
}
.sc-checkout .sc-checkout-hero h1 span { color:#00d6c9; }
.sc-checkout .sc-checkout-hero p { margin:0; max-width:650px; color:#c1d4d7; font-size:15px; line-height:1.8; }
.sc-checkout .sc-hero-assurance {
    flex:0 0 245px; padding:19px; border:1px solid rgba(255,255,255,.14);
    border-radius:18px; background:rgba(255,255,255,.055); backdrop-filter:blur(8px);
}
.sc-checkout .sc-assurance-row { display:flex; align-items:center; gap:12px; color:#effdfc; font-size:13px; font-weight:700; }
.sc-checkout .sc-assurance-row + .sc-assurance-row { margin-top:15px; padding-top:15px; border-top:1px solid rgba(255,255,255,.11); }
.sc-checkout .sc-assurance-row svg { width:22px;height:22px;color:#00d6c9;flex:0 0 auto; }
.sc-checkout .sc-layout {
    max-width:1200px; margin:0 auto; padding:30px 20px 0;
    display:grid; grid-template-columns:minmax(0,1fr) 370px; gap:25px; align-items:start;
}
.sc-checkout .sc-form-card,.sc-checkout .sc-summary-card {
    background:#fff; border:1px solid var(--sc-line); border-radius:22px;
    box-shadow:0 12px 40px rgba(16,24,32,.055); overflow:hidden;
}
.sc-checkout .sc-card-heading {
    display:flex; align-items:center; gap:13px; padding:23px 26px;
    border-bottom:1px solid var(--sc-line); background:linear-gradient(110deg,#f7fcfb,#fff);
}
.sc-checkout .sc-heading-icon {
    display:grid; place-items:center; width:45px;height:45px;flex:0 0 auto;
    color:var(--sc-teal-dark); background:#e3f9f7; border-radius:14px;
}
.sc-checkout .sc-heading-icon svg { width:23px;height:23px; }
.sc-checkout .sc-card-heading h2 { margin:0 0 3px; font-size:20px; line-height:1.3; font-weight:850; }
.sc-checkout .sc-card-heading p { margin:0; color:var(--sc-muted); font-size:12px; line-height:1.5; }
.sc-checkout .sc-form-body { padding:26px; }
.sc-checkout .sc-form-section + .sc-form-section { border-top:1px solid var(--sc-line); margin-top:25px; padding-top:25px; }
.sc-checkout .sc-section-title { display:flex; align-items:center; gap:11px; margin-bottom:20px; }
.sc-checkout .sc-section-number {
    display:grid; place-items:center; width:29px;height:29px; flex:0 0 auto;
    background:#101820; color:#fff; border-radius:9px; font-size:12px; font-weight:850;
}
.sc-checkout .sc-section-title h3 { margin:0; font-size:17px; font-weight:850; }
.sc-checkout .sc-section-title p { margin:3px 0 0; color:var(--sc-muted); font-size:12px; }
.sc-checkout .sc-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:17px 15px; }
.sc-checkout .sc-field { min-width:0; }
.sc-checkout .sc-field-full { grid-column:1/-1; }
.sc-checkout .sc-field label { display:block; margin-bottom:7px; color:#26363b; font-size:12px; font-weight:800; }
.sc-checkout .sc-field input,.sc-checkout .sc-field select {
    width:100%; min-height:48px; padding:12px 13px; color:#15262b;
    border:1px solid #d6e1e2; border-radius:11px; background:#fbfdfd;
    font:inherit; font-size:14px; outline:none; transition:border-color .2s,box-shadow .2s,background .2s;
}
.sc-checkout .sc-field input::placeholder { color:#9aa8ac; }
.sc-checkout .sc-field input:focus,.sc-checkout .sc-field select:focus {
    border-color:var(--sc-teal-dark); background:#fff;
    box-shadow:0 0 0 4px rgba(0,191,181,.11);
}
.sc-checkout .sc-field-hint { margin:6px 0 0; color:#7a898d; font-size:11px; line-height:1.5; }
.sc-checkout .sc-payment-option {
    display:flex; align-items:center; gap:13px; padding:16px;
    border:1.5px solid #00a99f; border-radius:15px; background:#effcfb;
}
.sc-checkout .sc-radio-wrap { display:flex; align-items:center; }
.sc-checkout .sc-radio-wrap input { width:18px;height:18px; accent-color:#008f88; cursor:pointer; }
.sc-checkout .sc-cod-icon {
    width:43px;height:43px; flex:0 0 auto; display:grid;place-items:center;
    color:#007f79;background:#d7f7f3;border-radius:13px;
}
.sc-checkout .sc-cod-icon svg { width:23px;height:23px; }
.sc-checkout .sc-payment-label { flex:1; min-width:0; cursor:pointer; }
.sc-checkout .sc-payment-label strong { display:block; color:#14272b; font-size:14px; }
.sc-checkout .sc-payment-label span { display:block; color:#64797d; font-size:12px; margin-top:3px; }
.sc-checkout .sc-payment-tag { flex:0 0 auto; padding:6px 8px; border-radius:7px; color:#007c75; background:#d4f7f2; font-size:10px; font-weight:850; }
.sc-checkout .sc-submit {
    display:flex; justify-content:center; align-items:center; gap:11px;
    width:100%; min-height:56px; margin-top:25px; padding:15px 20px;
    border:0; border-radius:13px; color:#062523; background:linear-gradient(110deg,#00d6c9,#00b5ab);
    box-shadow:0 9px 22px rgba(0,191,181,.2); font:inherit; font-size:15px;
    font-weight:900; cursor:pointer; transition:transform .2s,box-shadow .2s,filter .2s;
}
.sc-checkout .sc-submit:hover { transform:translateY(-2px); box-shadow:0 13px 26px rgba(0,191,181,.27); filter:saturate(1.08); }
.sc-checkout .sc-submit:active { transform:translateY(0); }
.sc-checkout .sc-submit svg { width:19px;height:19px; }
.sc-checkout .sc-form-note { display:flex; align-items:flex-start; gap:8px; justify-content:center; margin:13px 0 0; color:#718186; font-size:11px; line-height:1.6; text-align:center; }
.sc-checkout .sc-form-note svg { width:15px;height:15px; flex:0 0 auto; color:#008f88; margin-top:1px; }
.sc-checkout .sc-summary-card { position:sticky; top:22px; }
.sc-checkout .sc-summary-card .sc-card-heading { padding:21px; }
.sc-checkout .sc-summary-card .sc-card-heading h2 { font-size:18px; }
.sc-checkout .sc-summary-body { padding:21px; }
.sc-checkout .sc-summary-product { display:flex; align-items:flex-start; gap:13px; padding-bottom:18px; margin-bottom:18px; border-bottom:1px solid var(--sc-line); }
.sc-checkout .sc-product-thumb {
    width:76px;height:76px; flex:0 0 auto; overflow:hidden; border:1px solid var(--sc-line);
    border-radius:13px; background:#f7fafa; display:grid;place-items:center;
}
.sc-checkout .sc-product-thumb img { width:100%;height:100%;object-fit:contain; }
.sc-checkout .sc-product-info { min-width:0; flex:1; }
.sc-checkout .sc-product-name { margin:2px 0 8px; color:#17272c; font-size:13px; line-height:1.55; font-weight:800; overflow-wrap:anywhere; }
.sc-checkout .sc-product-price { color:#008f88; font-size:14px; font-weight:900; }
.sc-checkout .sc-product-qty { margin-top:5px; color:var(--sc-muted); font-size:12px; }
.sc-checkout .sc-total-lines { display:grid; gap:12px; }
.sc-checkout .sc-total-line { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; color:#66767a; font-size:13px; }
.sc-checkout .sc-total-line span:last-child { color:#23363a; font-weight:750; text-align:right; }
.sc-checkout .sc-total-line.sc-grand-total { margin-top:3px; padding-top:16px; border-top:1px dashed #cbdada; color:#101820; font-size:15px; font-weight:900; }
.sc-checkout .sc-total-line.sc-grand-total span:last-child { color:#008f88; font-size:21px; font-weight:900; }
.sc-checkout .sc-summary-trust { display:grid; gap:11px; margin-top:20px; padding:15px; border-radius:14px; background:#f3fbfa; }
.sc-checkout .sc-trust-line { display:flex; align-items:center; gap:9px; color:#40585d; font-size:11px; line-height:1.5; font-weight:700; }
.sc-checkout .sc-trust-line svg { width:17px;height:17px; color:#008f88; flex:0 0 auto; }
.sc-checkout .sc-empty-summary { color:var(--sc-muted); font-size:13px; line-height:1.7; padding:8px 0; }
@media(max-width:980px) {
    .sc-checkout .sc-layout { grid-template-columns:minmax(0,1fr) 320px; gap:17px; }
    .sc-checkout .sc-form-body { padding:22px; }
    .sc-checkout .sc-summary-body { padding:18px; }
}
@media(max-width:760px) {
    .sc-checkout { padding-bottom:40px; }
    .sc-checkout .sc-breadcrumb-inner { padding:0 16px; font-size:12px; }
    .sc-checkout .sc-checkout-hero { padding:32px 18px; }
    .sc-checkout .sc-hero-inner { display:block; }
    .sc-checkout .sc-checkout-hero h1 { font-size:35px; }
    .sc-checkout .sc-checkout-hero p { font-size:14px; }
    .sc-checkout .sc-hero-assurance { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:22px; padding:13px; }
    .sc-checkout .sc-assurance-row { gap:8px; font-size:11px; }
    .sc-checkout .sc-assurance-row + .sc-assurance-row { margin:0; padding:0; border:0; }
    .sc-checkout .sc-assurance-row svg { width:19px;height:19px; }
    .sc-checkout .sc-layout { grid-template-columns:1fr; padding:18px 13px 0; gap:17px; }
    .sc-checkout .sc-form-card,.sc-checkout .sc-summary-card { border-radius:18px; }
    .sc-checkout .sc-card-heading { padding:18px; }
    .sc-checkout .sc-heading-icon { width:41px;height:41px; }
    .sc-checkout .sc-card-heading h2 { font-size:18px; }
    .sc-checkout .sc-form-body { padding:19px 17px; }
    .sc-checkout .sc-form-grid { gap:15px 12px; }
    .sc-checkout .sc-summary-card { position:static; }
    .sc-checkout .sc-summary-card .sc-card-heading { padding:18px; }
    .sc-checkout .sc-summary-body { padding:18px; }
}
@media(max-width:480px) {
    .sc-checkout .sc-form-grid { grid-template-columns:1fr; }
    .sc-checkout .sc-field-full { grid-column:auto; }
    .sc-checkout .sc-checkout-hero h1 { font-size:31px; }
    .sc-checkout .sc-hero-kicker { font-size:9px; letter-spacing:1px; }
    .sc-checkout .sc-hero-assurance { grid-template-columns:1fr; }
    .sc-checkout .sc-card-heading p { font-size:11px; }
    .sc-checkout .sc-payment-option { padding:13px 11px; gap:9px; }
    .sc-checkout .sc-payment-tag { display:none; }
    .sc-checkout .sc-submit { font-size:14px; }
}
@media(prefers-reduced-motion:reduce) {
    .sc-checkout .sc-pulse { animation:none; }
    .sc-checkout .sc-submit { transition:none; }
}