/* BILSTORE_CODE_REDEEM_V45 — buyer page /code-redeem (same look as the Robux page) */
@font-face{font-family:Bilstore;src:url('/assets/fonts/ibm-plex-sans-condensed/IBMPlexSansCondensed-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Bilstore;src:url('/assets/fonts/ibm-plex-sans-condensed/IBMPlexSansCondensed-Bold.woff2') format('woff2');font-weight:600 900;font-display:swap}
:root{--bg:#151014;--card:#231b22;--card2:#2c2129;--line:#44303d;--text:#f7f2f5;--muted:#beaeb8;--accent:#ed3d8b;--accent2:#eabbcf;--ok:#5fdc9d;--bad:#ff8a8a}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 Bilstore,system-ui,sans-serif}
a{color:var(--accent2);text-decoration:none}a:hover{text-decoration:underline}
header,main,footer{max-width:1200px;margin:auto;padding:24px}
header{display:flex;align-items:center;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;border-bottom:1px solid #48313f}
.brand{font-weight:850;letter-spacing:.14em;color:#fff}
nav{display:flex;gap:8px 20px;flex-wrap:wrap}
footer{color:var(--muted);font-size:13px;border-top:1px solid #2e2229}
.eyebrow{letter-spacing:.14em;font-size:11px;font-weight:750;color:#ecadca;margin:0}
h1{font-size:clamp(30px,4.6vw,48px);line-height:1.15;margin:6px 0 8px}
h2{font-size:19px;display:flex;align-items:center;gap:10px;margin:0 0 16px}
h2>span{background:var(--accent);color:#fff;border-radius:9px;width:30px;height:30px;line-height:30px;text-align:center;flex:none;font-size:16px}
.cr-optional{font-size:12px;font-weight:600;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:1px 9px}
.cr-hero{padding:32px 34px;border-radius:22px;margin:16px 0 18px;background:radial-gradient(120% 140% at 100% 0,#5a2d47 0,transparent 55%),linear-gradient(100deg,#3b2231,#1f171e);border:1px solid #4d3141}
.cr-lead{max-width:720px;color:#dccbd4;margin:0}
.cr-points{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:16px 0 0;padding:0}
.cr-points li{padding:5px 12px;border-radius:999px;background:#ffffff12;border:1px solid #ffffff1f;font-size:13px;font-weight:600}
#message{min-height:24px;margin:0 0 16px;color:#efd0df}
.cr-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;align-items:start}
.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:24px;margin-bottom:24px}
.summary{position:sticky;top:24px}
.muted{color:var(--muted);font-size:13px}
button,input,select{font:inherit}
button{cursor:pointer;border:1px solid #624053;background:#382631;color:#fff;border-radius:14px;padding:12px 16px;transition:background .15s,transform .15s}
button:hover:not(:disabled){background:#543347;transform:translateY(-1px)}
button:disabled{opacity:.45;cursor:not-allowed}
button[aria-pressed=true]{border:2px solid #fa64a6;background:#4b273b}
input:focus,select:focus,button:focus-visible,a:focus-visible{outline:2px solid #f381b4;outline-offset:3px}
.cr-games{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.cr-game{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;min-height:118px;padding:14px 10px;text-align:center}
.cr-game img{display:block;width:100%;max-width:120px;height:44px;object-fit:contain;margin-bottom:auto}
.cr-game strong{font-size:15px;line-height:1.25}
.cr-game small{font-size:12px;color:var(--muted)}
.cr-packages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.cr-package{text-align:left;display:flex;flex-direction:column;gap:4px;padding:14px 15px}
.cr-package strong{font-size:17px}
.cr-price{font-weight:700;color:#ffc2da;font-variant-numeric:tabular-nums}
.cr-stock{font-size:12px;color:var(--ok)}.cr-stock.is-out{color:var(--bad)}
.cr-empty{grid-column:1/-1;padding:22px;border:1px dashed #5a4050;border-radius:16px;text-align:center;color:var(--muted)}
.cr-empty strong{display:block;color:var(--text);font-size:18px;margin-bottom:4px}.cr-empty p{margin:0}
.cr-howto p{margin:0;white-space:pre-wrap;color:#e3d4dc;line-height:1.6}
.cr-howto-title{font-style:normal}.cr-howto-game{font-weight:inherit}
label{display:block;font-size:13px;font-weight:600}
input,select{display:block;width:100%;padding:12px;color:#fff;background:#171117;border:1px solid #634657;border-radius:10px;margin:6px 0 14px}
.check{display:flex;align-items:flex-start;gap:10px;margin:18px 0}
.check input{width:18px;flex:none;margin:4px 0}.check span{font-weight:400;line-height:1.5}
#selectedName{margin:0;font-weight:600}
.price{font-size:30px;font-weight:800;margin:6px 0 2px;font-variant-numeric:tabular-nums}
#stockNote{margin:0 0 16px;min-height:1.2em}
.primary{width:100%;background:#ce286f;border-color:#ce286f;font-weight:750;min-height:48px}
.primary:hover:not(:disabled){background:#e0397f}
.cr-login{display:block;margin:12px 0 0;font-weight:600}
@media (max-width:900px){.cr-layout{grid-template-columns:1fr}.summary{position:static}}
@media (max-width:640px){header,main,footer{padding:16px}.cr-hero{padding:24px 20px}.card{padding:18px;border-radius:18px}
  .cr-games{grid-template-columns:repeat(2,minmax(0,1fr))}.cr-packages{grid-template-columns:repeat(2,minmax(0,1fr))}.cr-game{min-height:104px}}
/* BILSTORE_REDEEM_QTY_V1: jumlah kode dalam satu pesanan */
.cr-qty{margin:14px 0 2px}
.cr-qty-row{display:flex;align-items:stretch;gap:8px;margin:6px 0 4px}
.cr-qty-row input{width:auto;flex:1 1 auto;min-width:0;margin:0;text-align:center;font-size:20px;font-weight:800;font-variant-numeric:tabular-nums;-moz-appearance:textfield;appearance:textfield}
.cr-qty-row input::-webkit-outer-spin-button,.cr-qty-row input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.cr-qty-btn{flex:none;width:52px;min-height:50px;padding:0;font-size:26px;font-weight:700;line-height:1;border-radius:12px}
.cr-qty-note{margin:4px 0 0}
.cr-unit{margin:0}