/* LootBox product pages + order form + success page */
.prod{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,5vw,64px);padding:clamp(40px,6vw,80px) clamp(20px,5vw,76px);align-items:start}
.breadcrumb{grid-column:1/-1;font:10px "DM Mono",monospace;letter-spacing:.14em;text-transform:uppercase;color:#777}
.breadcrumb a{color:#aaa;text-decoration:none}
.breadcrumb a:hover{color:var(--orange)}
.prod-media{position:sticky;top:84px}
.prod-media img{width:100%;aspect-ratio:3/4;object-fit:cover;border:1px solid var(--line);display:block}
.prod-info .badge{display:inline-block;background:var(--orange);color:#090909;font:800 10px "DM Mono",monospace;letter-spacing:.14em;padding:6px 10px;margin-bottom:16px}
.prod-info h1{font-family:Anton,sans-serif;font-size:clamp(40px,5.5vw,72px);line-height:.9;text-transform:uppercase;margin:0 0 8px}
.prod-tagline{color:var(--muted);font-size:16px;margin:0 0 18px}
.prod-price{font:400 26px "DM Mono",monospace;color:var(--orange);margin-bottom:20px}
.prod-desc{color:#b5b5b5;line-height:1.7;max-width:540px;margin-bottom:22px}
.prod-facts{display:grid;gap:10px;margin-bottom:26px}
.fact{background:var(--panel);border:1px solid var(--line);padding:12px 16px;font-size:13px;color:#bbb}
.fact b{display:block;font:10px "DM Mono",monospace;letter-spacing:.13em;text-transform:uppercase;color:var(--orange);margin-bottom:4px}
.field-label{font:10px "DM Mono",monospace;letter-spacing:.14em;text-transform:uppercase;color:#999;margin:0 0 10px}
.field-label em{color:var(--orange);font-style:normal}
.sizes{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.size-chip{min-width:52px;height:46px;padding:0 14px;background:var(--panel);border:1px solid var(--line);color:#ddd;font:700 14px Outfit,sans-serif;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:.15s}
.size-chip:hover{border-color:#555}
.size-chip.active{background:var(--orange);border-color:var(--orange);color:#090909}
.qty-row{display:flex;align-items:center;gap:14px;margin-bottom:24px}
.qty-btn{width:42px;height:42px;background:var(--panel);border:1px solid var(--line);color:#fff;font-size:19px;cursor:pointer}
.qty-btn:hover{border-color:var(--orange);color:var(--orange)}
.qty-val{font:700 17px "DM Mono",monospace;min-width:30px;text-align:center}
.opt-row{display:flex;align-items:center;gap:12px;background:var(--panel);border:1px solid var(--line);padding:13px 16px;cursor:pointer;margin-bottom:8px}
.opt-row.active{border-color:var(--orange)}
.opt-row input{accent-color:var(--orange)}
.opt-row .t{font-weight:700;font-size:14px}
.opt-row .s{color:var(--muted);font-size:12px;margin-top:2px}
.opt-row .r{margin-left:auto;font:700 14px "DM Mono",monospace;color:var(--orange)}
.bkash-box{background:var(--panel);border:1px dashed var(--orange);padding:14px 16px;margin-bottom:20px;font-size:13px}
.bkash-box b{color:var(--orange)}
.bkash-box .trx{width:100%;margin-top:10px;background:#0d0d0d;border:1px solid var(--line);color:#fff;border-radius:6px;padding:12px;font:14px "DM Mono",monospace;outline:none}
.bkash-box .trx:focus{border-color:var(--orange)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0}
.form-grid .full{grid-column:1/-1}
.f-in{width:100%;background:#0d0d0d;border:1px solid var(--line);color:#fff;border-radius:6px;padding:12px 13px;font:14px Outfit,sans-serif;outline:none}
.f-in:focus{border-color:var(--orange)}
.f-label{font:10px "DM Mono",monospace;letter-spacing:.13em;text-transform:uppercase;color:#999;display:block;margin-bottom:6px}
.total-line{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--line);padding-top:16px;margin:8px 0 18px}
.total-line .l{font:10px "DM Mono",monospace;letter-spacing:.14em;text-transform:uppercase;color:#999}
.total-line .v{font:700 30px "DM Mono",monospace;color:var(--orange)}
.order-btn{display:block;width:100%;background:var(--orange);border:0;color:#090909;font:800 13px Outfit,sans-serif;letter-spacing:.12em;text-transform:uppercase;padding:17px;cursor:pointer;transition:.2s}
.order-btn:hover{filter:brightness(1.1)}
.order-btn:disabled{opacity:.45;cursor:wait}
.form-err{color:#f87171;font-size:13px;min-height:18px;margin-top:10px}
.form-err.ok{color:#4ade80}
.trust-note{color:#666;font-size:12px;margin-top:12px;line-height:1.6}
.steps{padding:clamp(40px,6vw,70px) clamp(20px,5vw,76px);border-top:1px solid var(--line);background:#0d0d0d}
.steps h2{font-family:Anton,sans-serif;font-size:clamp(28px,4vw,46px);text-transform:uppercase;margin:0 0 30px}
.steps h2 span{color:var(--orange)}
.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}
.step{background:var(--panel);padding:24px;min-height:150px}
.step b{font:900 34px Anton,sans-serif;color:var(--orange)}
.step h3{font-family:"Barlow Condensed",sans-serif;font-weight:900;text-transform:uppercase;font-size:24px;margin:14px 0 8px}
.step p{color:var(--muted);line-height:1.6;margin:0}

/* success page */
.success-wrap{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:70px 20px}
.success-check{width:84px;height:84px;border-radius:50%;background:var(--orange);color:#090909;font-size:40px;display:flex;align-items:center;justify-content:center;margin-bottom:22px;animation:pop .5s ease}
@keyframes pop{0%{transform:scale(.4);opacity:0}100%{transform:scale(1);opacity:1}}
.success-wrap h1{font-family:Anton,sans-serif;font-size:clamp(38px,6vw,72px);text-transform:uppercase;margin:0 0 10px}
.success-wrap h1 em{font-style:normal;color:var(--orange)}
.success-wrap .sub{color:var(--muted);max-width:480px;line-height:1.7;margin:0 0 28px}
.order-id{font:700 22px "DM Mono",monospace;color:#fff;background:var(--panel);border:1px solid var(--line);padding:14px 26px;border-radius:10px;margin-bottom:30px}
.order-id span{color:var(--orange)}
.sum-card{width:100%;max-width:460px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:24px;text-align:left;margin-bottom:24px}
.sum-card .row{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #1c1c1c;font-size:14px}
.sum-card .row:last-child{border-bottom:0}
.sum-card .row b{color:var(--orange)}
.sum-card .k{color:var(--muted)}
.next-steps{width:100%;max-width:460px;text-align:left;background:#0d0d0d;border:1px solid var(--line);border-radius:12px;padding:22px 24px;margin-bottom:26px}
.next-steps h3{font-family:"Barlow Condensed",sans-serif;font-weight:900;text-transform:uppercase;font-size:22px;margin:0 0 12px}
.next-steps li{color:#bbb;font-size:14px;line-height:1.7;margin-bottom:6px}
.next-steps b{color:#fff}
.back-link{color:var(--orange);text-decoration:none;font:800 12px "DM Mono",monospace;letter-spacing:.12em;text-transform:uppercase}

@media(max-width:900px){
  .prod{grid-template-columns:1fr}
  .prod-media{position:static}
  .steps-grid{grid-template-columns:1fr}
  .form-grid{grid-template-columns:1fr}
  .form-grid .full{grid-column:1}
}