/* Checkout (sepet) step-by-step UI */

.checkout-page .container{max-width:1499px}

.checkout-shell{display:grid;grid-template-columns:1fr 360px;gap:20px;align-items:start}
@media(max-width:980px){.checkout-shell{grid-template-columns:1fr}}

.checkout-steps{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}

.co-step{border-top:1px solid var(--border)}
.co-step:first-child{border-top:0}
.co-step > summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px}
.co-step > summary::-webkit-details-marker{display:none}

.co-step-title{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:-.01em}
.co-step-title span{font-weight:900}

.co-step-plus{width:28px;height:28px;border-radius:8px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--muted);background:var(--surface-2);flex-shrink:0}
.co-step[open] .co-step-plus{color:var(--text)}

.co-step-body{padding:0 18px 18px}

.co-hint{margin:0 0 12px;color:var(--muted);font-size:13px;line-height:1.6}

.co-option{display:flex;gap:10px;flex-wrap:wrap}

/* Right summary */
.cart-grid{display:grid;grid-template-columns:1fr;gap:14px}
.cart-items{display:flex;flex-direction:column;gap:12px}
.cart-item{display:flex;gap:14px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;padding:12px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}
.cart-item-media{width:74px;height:74px;border-radius:14px;border:1px solid var(--border);background:var(--surface-2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}
.cart-item-media img{width:100%;height:100%;object-fit:cover}
.cart-item-main{flex:1;min-width:220px}
.cart-item-title{font-weight:900;font-size:15px;margin-bottom:4px}
.cart-item-actions{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;justify-content:flex-end}
.cart-qty{display:grid;gap:6px;min-width:130px}
.cart-summary-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px}

.co-disabled{opacity:.55;pointer-events:none}