:root{ --gap:32px; --black:#111; --gray:#777; --border:#e5e5e5; }
body.nap-layout .nap-grid{ display:grid; grid-template-columns: 1fr 360px; gap:var(--gap); align-items:start; }
@media(max-width:980px){ body.nap-layout .nap-grid{ grid-template-columns:1fr; } .nap-summary{ position:static; }
}

.nap-summary.sticky{ position:sticky; top:24px; }
.nap-summary{ border:1px solid var(--border); padding:20px; border-radius:12px; background:#fff; }
.nap-summary h2{ margin:0 0 12px; font-size:18px; }

.nap-steps{ display:flex; gap:24px; list-style:none; padding:0; margin:0 0 24px; }
.nap-steps li{ position:relative; padding-left:28px; color:var(--gray); }
.nap-steps li:before{ content:""; width:18px; height:18px; border:2px solid var(--border); border-radius:50%; position:absolute; left:0; top:2px; }
.nap-steps li.past{ color:var(--black); }
.nap-steps li.active{ color:var(--black); font-weight:600; }
.nap-steps li.active:before{ border-color:var(--black); box-shadow: inset 0 0 0 6px var(--black); }

.nap-step.hidden{ display:none; }
.nap-checkout h2, .nap-cart-list h1{ margin:0 0 16px; }

/* Cart list */
.nap-items{ list-style:none; padding:0; margin:0; }
.nap-item{ display:grid; grid-template-columns:120px 1fr; gap:16px; padding:16px 0; border-bottom:1px solid var(--border); }
.nap-thumb img{ width:100%; border-radius:10px; }
.nap-title{ margin:0 0 4px; font-size:16px; }
.nap-meta{ color:#555; font-size:13px; margin:0 0 6px; }
.nap-row{ display:flex; align-items:center; justify-content:space-between; }
.nap-price{ font-weight:600; }
.nap-actions .remove{ color:#b00; font-size:13px; }

/* Badges & icons */
.nap-badge{ background:#f5f5f5; border-radius:999px; padding:4px 10px; font-size:11px; margin-left:6px; }
.nap-pay-icons{ display:flex; gap:8px; margin-top:12px; opacity:.7; }
.nap-pay-icons .i{ width:36px; height:24px; background:#efefef; border-radius:4px; display:inline-block; }

/* Buttons */
.button.nap-cta{ width:100%; height:48px; border-radius:8px; font-size:16px; }
.nap-nav{ display:flex; gap:12px; margin-top:12px; }

/* Gift & newsletter */
.nap-gift, .nap-newsletter{ border:1px solid var(--border); padding:16px; border-radius:12px; background:#fafafa; margin-top:16px; }
.nap-hint{ color:#444; font-size:13px; margin:0 0 8px; }
.wc-checkbox{ display:flex; gap:10px; align-items:center; }