/* ReStore — Online mağaza: sepet, ödeme ve sipariş sonucu */
.sp{padding-top:28px;padding-bottom:72px}
.sp-loading{padding:48px 0;text-align:center;color:var(--space-500)}
.sp-empty{max-width:560px;margin:0 auto;padding:36px 28px;text-align:center}
.sp-empty h2{margin:0 0 8px;font:700 22px var(--font-display);color:var(--navy-900)}
.sp-empty p{margin:0 0 20px;color:var(--space-500)}
.sp-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;align-items:start}
.sp-grid[hidden]{display:none}
.sp-main{display:grid;gap:18px}
.sp-box{padding:22px 24px}
.sp-h{display:flex;align-items:center;gap:10px;margin:0 0 16px;font:700 18px var(--font-display);color:var(--navy-900)}
.sp-h span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--accent-50);color:var(--accent-700);font-size:14px}
.sp-h2{margin:0 0 14px;font:700 18px var(--font-display);color:var(--navy-900)}
.sp-lines{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.sp-line{display:grid;grid-template-columns:64px minmax(0,1fr) auto 110px 32px;align-items:center;gap:14px;padding:10px 0;border-bottom:1px solid var(--silver-200)}
.sp-line:last-child{border-bottom:0}
.sp-line.has-issue .sp-line__sum{color:var(--silver-400);text-decoration:line-through}
.sp-line__img{width:64px;height:64px;border-radius:12px;background:linear-gradient(145deg,#fff,#F1F5F9);display:grid;place-items:center;overflow:hidden;border:1px solid var(--silver-200)}
.sp-line__img img{width:88%;height:88%;object-fit:contain}
.sp-line__img .ico{width:26px;height:26px;color:var(--silver-400)}
.sp-line__main b{display:block;font:600 15px/1.35 var(--font-display);color:var(--navy-900)}
.sp-line__main small{color:var(--space-500);font-size:13px}
.sp-line__issue{display:block;margin-top:4px;font-size:12.5px;font-weight:600;color:var(--danger-600)}
.sp-line__sum{text-align:right;font:700 16px var(--font-display);font-variant-numeric:tabular-nums;color:var(--navy-900)}
.sp-line__rm{width:32px;height:32px;border:0;background:none;border-radius:8px;color:var(--silver-400);cursor:pointer;display:grid;place-items:center}
.sp-line__rm:hover{background:var(--danger-50);color:var(--danger-600)}
.sp-line__rm .ico{width:16px;height:16px}
.sp-qty{display:inline-flex;align-items:center;border:1px solid var(--silver-300);border-radius:10px;overflow:hidden;height:38px}
.sp-qty button{width:34px;height:100%;border:0;background:#fff;font:600 18px var(--font-sans);color:var(--navy-800);cursor:pointer}
.sp-qty button:disabled{color:var(--silver-300);cursor:not-allowed}
.sp-qty output{min-width:30px;text-align:center;font-weight:700;font-variant-numeric:tabular-nums}
.sp-choices{border:0;margin:0;padding:0;display:grid;gap:10px}
.sp-choices .rs-choice{align-items:flex-start}
.sp-choices .rs-choice span{flex:1}
.sp-choices .rs-choice b{display:block;font:600 15px var(--font-display);color:var(--navy-900)}
.sp-choices .rs-choice small{display:block;margin-top:2px;font-size:13px;color:var(--space-500)}
.sp-choices .rs-choice em{font-style:normal;font-weight:700;white-space:nowrap;color:var(--navy-900)}
.sp-choices .rs-choice input{margin-top:2px}
.sp-free{margin:12px 0 0;padding:10px 12px;border-radius:10px;background:var(--accent-50);color:var(--accent-700);font-size:14px}
.sp-err{display:block;margin-top:8px;color:var(--danger-600);font-weight:600}
.sp-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.sp-span2{grid-column:1/-1}
.sp-side{position:sticky;top:96px}
.sp-sum dl{display:grid;grid-template-columns:1fr auto;gap:10px 12px;margin:0 0 16px;font-size:15px}
.sp-sum dt{color:var(--space-500)}
.sp-sum dd{margin:0;text-align:right;font-weight:600;font-variant-numeric:tabular-nums;color:var(--navy-900)}
.sp-sum .sp-total{padding-top:12px;border-top:1px solid var(--silver-200);font:700 19px var(--font-display);color:var(--navy-900)}
.sp-sum dt.sp-total small{display:block;font:500 12px var(--font-sans);color:var(--space-500)}
.sp-consent{display:grid;gap:4px;margin-bottom:14px}
.sp-consent .rs-check{align-items:flex-start;font-size:13.5px;line-height:1.45;min-height:0;padding:4px 0}
.sp-consent .rs-check input{margin-top:1px}
.sp-consent a{color:var(--accent-700);font-weight:600}
.sp-alert{margin:0 0 12px;padding:10px 12px;border-radius:10px;background:var(--danger-50);color:var(--danger-700);font-size:14px;font-weight:500}
.sp-secure{display:flex;align-items:center;justify-content:center;gap:6px;margin:12px 0 0;font-size:12.5px;color:var(--space-500);text-align:center}
.sp-secure a{color:var(--space-500)}
.sp-secure .ico{width:14px;height:14px;color:var(--success-600)}
.sp-pay{max-width:760px;margin:0 auto;padding:22px 24px}
.sp-pay[hidden]{display:none}
.sp-pay__head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.sp-pay__head h2{margin:0;font:700 20px var(--font-display);color:var(--navy-900)}
/* sonuç */
.sp-result{max-width:640px}
.sp-res{text-align:center;padding:36px 28px}
.sp-res h1{margin:12px 0 8px;font:700 26px var(--font-display);color:var(--navy-900)}
.sp-res__ic{width:64px;height:64px;margin:0 auto;border-radius:50%;display:grid;place-items:center}
.sp-res__ic .ico{width:30px;height:30px}
.sp-res__ic.ok{background:var(--success-50);color:var(--success-600)}
.sp-res__ic.bad{background:var(--danger-50);color:var(--danger-600)}
.sp-res__ic.wait{background:var(--accent-50);color:var(--accent-600)}
.sp-res__cta{margin-top:22px}
.sp-items{width:100%;margin-top:20px;border-collapse:collapse;text-align:left;font-size:14.5px}
.sp-items td{padding:9px 4px;border-bottom:1px solid var(--silver-200)}
.sp-items .n{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.sp-items tfoot td{font:700 16px var(--font-display);border-bottom:0}
@media(max-width:1023px){.sp-grid{grid-template-columns:1fr}.sp-side{position:static}}
@media(max-width:600px){
  .sp-box{padding:18px 16px}
  .sp-line{grid-template-columns:56px minmax(0,1fr) 28px;grid-template-areas:"img main rm" "img qty sum";gap:8px 12px}
  .sp-line__img{grid-area:img;width:56px;height:56px}.sp-line__main{grid-area:main}.sp-qty{grid-area:qty;justify-self:start;height:34px}.sp-line__sum{grid-area:sum}.sp-line__rm{grid-area:rm}
  .sp-fields{grid-template-columns:1fr}
}