/* =========================================================
   Sepet + Sipariş tamamla
   ========================================================= */

/* Sepet satırları */
.cart-list{display:flex;flex-direction:column;gap:1rem}
.cart-item{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:1.1rem;align-items:center;background:#fff;border:1px solid var(--bb-line);border-radius:18px;padding:1rem;transition:opacity .25s,transform .25s}
.cart-item.is-removing{opacity:0;transform:translateX(12px)}
.cart-thumb{display:block;aspect-ratio:1/1;border-radius:12px;overflow:hidden;background:#e9e3dc}
.cart-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.cart-name{font-size:.95rem;line-height:1.35;margin:0 0 .45rem}
.cart-name a{color:inherit;text-decoration:none}
.cart-name a:hover{text-decoration:underline}
.cart-meta{list-style:none;padding:0;margin:0 0 .45rem;display:flex;flex-wrap:wrap;gap:.3rem}
.cart-meta li{background:var(--bb-cream);border-radius:999px;padding:.15rem .6rem;font-size:.72rem}
.cart-unit{font-size:.78rem;color:var(--bb-muted)}
.cart-actions{display:flex;flex-direction:column;align-items:flex-end;gap:.55rem}
.cart-line{font-weight:700;font-size:.98rem}
.cart-remove{border:0;background:none;color:var(--bb-muted);font-size:.78rem;display:flex;gap:.35rem;align-items:center;padding:.25rem;border-radius:6px}
.cart-remove:hover{color:#B3261E}
@media (max-width:575.98px){
  .cart-item{grid-template-columns:80px minmax(0,1fr);gap:.8rem;padding:.85rem}
  .cart-actions{grid-column:1 / -1;flex-direction:row;align-items:center;justify-content:space-between;border-top:1px solid var(--bb-line);padding-top:.75rem}
}
.cart-empty{text-align:center;padding:3.5rem 1.5rem}
.cart-empty .success-mark{background:var(--bb-cream)}

/* İndirim kodu */
.coupon{display:flex;gap:.5rem;margin:1.1rem 0}
.coupon .form-control{flex:1;min-width:0;border-radius:999px;padding:.55rem 1rem;font-size:.85rem}
.coupon .btn-line{padding:.5rem 1.1rem;font-size:.82rem;white-space:nowrap}

/* Adım göstergesi */
.checkout-steps{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin:1.1rem 0 0;font-size:.72rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}
.checkout-steps li{display:flex;align-items:center;gap:.45rem;color:var(--bb-muted)}
.checkout-steps li + li::before{content:"";width:26px;height:1px;background:currentColor;opacity:.5}
.checkout-steps .dot{width:22px;height:22px;border-radius:50%;border:1px solid currentColor;display:grid;place-items:center;font-size:.68rem}
.checkout-steps .is-done,.checkout-steps .is-current{color:var(--bb-ink)}
.checkout-steps .is-done .dot{background:var(--bb-ink);border-color:var(--bb-ink);color:#fff}
.checkout-steps .is-current .dot{background:#fff;box-shadow:0 0 0 3px rgba(43,37,34,.12)}

/* Seçim kutuları (fatura tipi) */
.seg{display:inline-flex;background:var(--bb-cream);border-radius:999px;padding:4px;gap:4px}
.seg label{border-radius:999px;padding:.45rem 1.1rem;font-size:.82rem;font-weight:600;cursor:pointer;margin:0}
.seg input{position:absolute;opacity:0;pointer-events:none}
.seg input:checked + label{background:var(--bb-ink);color:#fff}
.seg input:focus-visible + label{outline:2px solid var(--bb-ink);outline-offset:2px}

/* Kart görünümü */
.pay-card{max-width:340px;aspect-ratio:1.586/1;border-radius:18px;padding:1.2rem 1.3rem;color:#fff;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(135deg,var(--bb-deep) 0%,#6E5B50 100%);box-shadow:0 12px 28px rgba(59,48,43,.25);margin-bottom:1.3rem}
.pay-card-top{display:flex;justify-content:space-between;align-items:center;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;opacity:.85}
.pay-card-chip{width:40px;height:30px;border-radius:6px;background:linear-gradient(135deg,#E8D3A8,#BFA06A)}
.pay-card-number{font-size:clamp(1rem,4.6vw,1.25rem);letter-spacing:.12em;font-weight:600;font-variant-numeric:tabular-nums}
.pay-card-bottom{display:flex;justify-content:space-between;gap:1rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}
.pay-card-bottom span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Taksit tablosu */
.inst-wrap{overflow-x:auto;border:1px solid var(--bb-line);border-radius:14px;margin-top:.5rem}
.inst-table{width:100%;border-collapse:collapse;font-size:.85rem;min-width:320px}
.inst-table th{background:var(--bb-cream);font-size:.72rem;letter-spacing:.05em;text-transform:uppercase;font-weight:600;color:var(--bb-muted);padding:.6rem .9rem;text-align:left}
.inst-table td{padding:.6rem .9rem;border-top:1px solid var(--bb-line)}
.inst-table label{display:flex;align-items:center;gap:.55rem;cursor:pointer;margin:0;font-weight:600}
.inst-table tr:has(input:checked) td{background:#FCF8F5}
.inst-table input{accent-color:var(--bb-ink)}

/* Özet ürün listesi */
.sum-items{list-style:none;padding:0;margin:0 0 1rem;display:flex;flex-direction:column;gap:.9rem}
.sum-items li{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:.75rem;align-items:start}
.sum-thumb{position:relative;display:block;width:56px;height:56px}
.sum-thumb img{width:100%;height:100%;object-fit:cover;border-radius:10px}
.sum-thumb b{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;border-radius:999px;background:var(--bb-muted);color:#fff;font-size:.66rem;display:grid;place-items:center}
.sum-items strong{display:block;font-size:.84rem;line-height:1.3}
.sum-items small{display:block;color:var(--bb-muted);font-size:.72rem;line-height:1.4;margin-top:.15rem}
.sum-items .price{font-size:.84rem;font-weight:700;white-space:nowrap}

/* Onay kutuları */
.agree{background:var(--bb-cream);border-radius:14px;padding:1rem 1.1rem}
.agree .form-check + .form-check{margin-top:.55rem}
.agree.is-invalid{box-shadow:0 0 0 1px #E7B4AE;background:#FBEDEB}
.agree-error{color:#B3261E;font-size:.8rem;font-weight:600;margin:.6rem 0 0}
