.ppage__hero{ padding:56px 0 34px; }
.ppage__back{ display:inline-flex; align-items:center; gap:8px; margin-bottom:22px; font-size:13px; font-weight:700;
  color:var(--muted); text-decoration:none; }
.ppage__back:hover{ color:var(--ice); }
.ppage__top{ display:flex; align-items:flex-start; gap:20px; flex-wrap:wrap; }
.ppage__icon{ width:72px; height:72px; display:grid; place-items:center; flex:0 0 auto;
  background-image:linear-gradient(rgba(127,198,238,.14),rgba(6,10,16,.6)); background-size:64px;
  box-shadow:var(--bevel); color:var(--ice); font-size:30px; }
.ppage__head{ flex:1; min-width:260px; }
.ppage__tag{ display:inline-block; margin-bottom:8px; padding:4px 10px; font-size:11px; font-weight:800;
  letter-spacing:.14em; text-transform:uppercase; color:var(--ice-2);
  background:rgba(127,198,238,.08); box-shadow:var(--bevel-sm); }
.ppage__title{ margin:0 0 12px; font-family:"Press Start 2P",monospace; font-size:30px; line-height:1.3;
  color:var(--ink); text-shadow:3px 3px 0 rgba(0,0,0,.55); }
.ppage__title em{ font-style:normal; color:var(--ice); }
.ppage__lead{ margin:0 0 18px; max-width:66ch; font-size:16px; line-height:1.65; color:var(--ink-soft); }
.ppage__meta{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-bottom:20px; font-size:12.5px; color:var(--muted); }
.ppage__price{ padding:5px 12px; font-weight:800; color:var(--green); background:rgba(143,224,106,.08); box-shadow:var(--bevel-sm); }
.ppage__price--soon{ color:var(--gold); background:rgba(255,207,106,.08); }
.ppage__btns{ display:flex; gap:12px; flex-wrap:wrap; }
.ppage__btns .is-soon{ opacity:.75; cursor:not-allowed; }

.ppage__grid{ display:grid; grid-template-columns:1fr 1fr; gap:26px; }
.ppage__col h3{ display:flex; align-items:center; gap:10px; margin:0 0 14px; font-size:15px; font-weight:800; color:var(--ink); }
.ppage__col h3 i{ color:var(--ice); }

.ppage__note{ display:flex; align-items:center; gap:10px; margin-top:14px; padding:10px 13px;
  font-size:13px; color:var(--ice-2); background:rgba(127,198,238,.06); box-shadow:var(--bevel-sm); }

@media (max-width:860px){
  .ppage__grid{ grid-template-columns:1fr; }
  .ppage__title{ font-size:22px; }
  .ppage__hero{ padding:40px 0 26px; }
}