/* v6.5.2 — Separate checkout modal */
dialog#checkoutDialog{
  border:none; padding:0; border-radius:16px; width:min(760px, 92vw); max-height:88vh; overflow:hidden;
  background:#0c1020; color:#e8eeff; box-shadow: 0 20px 60px rgba(0,0,0,.55), inset 0 0 0 1px rgba(160,190,255,.08);
}
#checkoutDialog::backdrop{ background: rgba(6,10,20,.55); backdrop-filter: blur(2px); }

.checkout-head{ display:flex; align-items:center; justify-content:space-between; padding:12px 14px; border-bottom:1px solid #223056; }
.checkout-title{ font-size:16px; color:#cfe2ff; margin:0; }
.checkout-close{ background:transparent; border:1px solid #34446e; color:#cfe2ff; border-radius:10px; padding:6px 10px; cursor:pointer; }

.checkout-body{ padding:12px 14px 2px; }
.checkout-grid{ display:grid; grid-template-columns:1fr 1fr; gap:10px 14px; }
.checkout-grid .full{ grid-column:1/-1; }
.checkout-grid label{ font-size:12px; color:#98a6c4; margin-bottom:4px; display:block; }
.checkout-grid input, .checkout-grid textarea, .checkout-grid select{
  width:100%; background:#0f1322; color:#e8eeff;
  border:1px solid #2b3657; border-radius:10px; padding:10px 12px; font-size:14px;
}
.checkout-grid textarea{ resize:vertical; min-height:72px; }

.segmented{ display:inline-flex; gap:4px; background:#0d1222; padding:4px; border-radius:999px; border:1px solid #26345a; }
.segmented .seg{ padding:6px 10px; font-size:13px; color:#cbd6ff; border-radius:999px; cursor:pointer; }
.segmented .seg.active{ background:#1a2242; box-shadow: 0 0 0 1px rgba(140,180,255,.25) inset; }

.radio-line{ display:flex; gap:12px; align-items:center; flex-wrap:wrap; }
.radio-line label{ display:flex; align-items:center; gap:6px; font-size:13px; color:#cbd6ff; }

.checkout-actions{ display:flex; gap:10px; justify-content:flex-end; padding:10px 14px 14px; border-top:1px solid #223056; }
.btn-ghost{ background:transparent; border:1px solid #34446e; color:#cfe2ff; border-radius:10px; padding:8px 14px; }
.btn-ghost:hover{ background:#121a34; }
.btn-primary{ border-radius:10px; padding:9px 16px; }
.btn-primary.loading{ opacity:.7; pointer-events:none; }

/* Gentle neon for 'All categories' + language switcher (kept) */
.lang-switcher{ display:inline-flex; margin-left:8px; }
.lang-switcher .lang-switcher-btn{
  background:#0e1220; color:#dfe6ff; border:1px solid rgba(140,170,255,.25);
  border-radius:999px; padding:4px 10px; font-size:12px; line-height:18px;
  box-shadow: 0 0 0 1px rgba(140,170,255,.12) inset, 0 2px 10px rgba(0,0,0,.28);
  cursor:pointer;
}
.lang-switcher .lang-switcher-btn:hover{
  box-shadow: 0 0 0 1px rgba(160,190,255,.20) inset, 0 0 10px rgba(110,160,255,.18);
}
#chips .all-categories{
  background:#0f1220 !important;
  border:1px solid rgba(120,160,255,.28) !important;
  font-weight:600 !important;
  box-shadow: 0 0 0 1px rgba(120,160,255,.20) inset,
              0 0 12px rgba(80,140,255,.18),
              0 2px 10px rgba(0,0,0,.20);
}
#chips .all-categories:hover{
  box-shadow: 0 0 0 1px rgba(140,180,255,.28) inset,
              0 0 16px rgba(100,160,255,.22),
              0 4px 14px rgba(0,0,0,.26);
}