/* ══════════════════════════════════════════════════════════════════════════════════════════════
   pn-vault-b-20260927.css — THE VAULT, DIRECTION B: ONE HERO BAND AROUND A 3D GOLD WAHCOIN.
   CEO 2026-09-27: "vault page still looks shit — weak, waste of space — create a visual of a
   Wahcoin … big beautiful 3d gold".

   WHAT WAS WRONG (1440x900, booted game → Store):
     1. A small orange "◈ 1,200" pill was the only statement of the thing the page sells.
     2. Two ghost outline buttons sat in a grey rail that was mostly empty (4-cell grid, 2 cells used).
     3. Masthead + a 5-line paragraph + an ~180px dead gap before SPEND IT: ~60% of the first
        viewport was empty.
     4. The Duff / Arcade card copy sat on a 55%→18% scrim over busy neon photos.
   WHAT THIS DOES:
     · ONE hero band (.pn-vb-hero, still .pn-store-topbar so vvWireStore injects Top up + Basket
       unchanged) filling the first viewport: title, one line, the balance as a huge metallic-gold
       number, two real buttons — and the generated coin (assets/vault/wahcoin-hero*.webp, keyed to
       true alpha) floating with a slow perspective sway, a glow and a contact shadow.
     · Top up = the solid orange primary (orange is buttons only). Basket = white outline.
     · Spend cards: a solid gradient scrim under the text, white ink, the price as a gold chip.
     · 390: stacks — coin first at 240px, then title, balance, buttons (2-up, full width).
     · Reduced motion: coin is static, balance does not count (script-01 handles the count).
   Specificity: the three never-matching :not(#id) tiers used by pn-tearsheet-modules, so this
   wins over style-01 / pn-store-20260815 / pn-store-styles / pn-tearsheet-modules.
   ══════════════════════════════════════════════════════════════════════════════════════════════ */

:root{
  --pvb-ground-a: #14110c;
  --pvb-ground-b: #07080c;
  --pvb-gold-hi:  #fff4c8;
  --pvb-gold-1:   #ffd978;
  --pvb-gold-2:   #e9b441;
  --pvb-gold-3:   #c98d22;   /* darkest text stop — 7.2:1 on --pvb-ground-b */
  --pvb-gold-ink: #1d1103;   /* dark ink on the gold chip — ≥11:1 */
  --pvb-btn:      #f97316; --pvb-btn-hi: #ff9142; --pvb-btn-ink: #1d0d02;   /* 7.9:1 on the orange */
  --pvb-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.10'/%3E%3C/svg%3E");
  --pvb-depth: inset 0 1px 0 rgba(255,255,255,.10), inset 0 -40px 60px -40px rgba(0,0,0,.6), 0 30px 60px -30px rgba(0,0,0,.9), 0 3px 8px rgba(0,0,0,.35);
}

/* ── 1 · THE HERO BAND ─────────────────────────────────────────────────────────────────────── */
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-store-topbar.pn-vb-hero{
  position: relative !important; isolation: isolate !important; z-index: 2 !important;
  display: grid !important; grid-template-columns: minmax(0,1.08fr) minmax(0,.92fr) !important;
  align-items: center !important; gap: 12px clamp(16px,3vw,40px) !important;
  min-height: clamp(500px, calc(100vh - 250px), 680px) !important;
  margin: 0 0 clamp(20px,2.6vw,32px) 0 !important;
  padding: clamp(28px,4vw,56px) clamp(22px,4.2vw,64px) !important;
  border-radius: 3px !important; overflow: hidden !important;
  border: 1px solid rgba(233,180,65,.22) !important;
  background-image:
    radial-gradient(60% 75% at 74% 50%, rgba(233,180,65,.26), rgba(233,180,65,0) 62%),
    radial-gradient(120% 140% at 8% -20%, rgba(255,255,255,.07), transparent 55%),
    var(--pvb-noise),
    linear-gradient(160deg, var(--pvb-ground-a), var(--pvb-ground-b)) !important;
  background-blend-mode: screen, normal, overlay, normal !important;
  box-shadow: var(--pvb-depth) !important;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-store-topbar.pn-vb-hero::before{ content: none !important; }

/* left column */
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-vb-hero .pn-vb-copy{
  display: flex !important; flex-direction: column !important; align-items: flex-start !important;
  gap: 0 !important; min-width: 0 !important; position: relative !important; z-index: 2 !important;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-vb-hero .pn-vb-eye{
  margin: 0 0 14px !important; font: 800 12px/1 'JetBrains Mono', ui-monospace, monospace !important;
  letter-spacing: .22em !important; color: #f3d98b !important; -webkit-text-fill-color: #f3d98b !important;
  text-shadow: none !important; opacity: 1 !important;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-vb-hero .pn-vb-eye::before{ background: #f3d98b !important; }
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-vb-hero .pn-vb-title{
  margin: 0 0 16px !important; padding: 0 !important;
  font: 900 clamp(52px, 6.6vw, 104px)/.9 'Inter', system-ui, sans-serif !important; font-style: normal !important;
  letter-spacing: -.035em !important; text-transform: uppercase !important;
  color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; background: none !important;
  text-shadow: 0 2px 0 rgba(0,0,0,.35) !important;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-vb-hero .pn-vb-lede{
  margin: 0 0 clamp(22px,3vw,34px) !important; max-width: 46ch !important;
  font: 500 clamp(15px,1.15vw,17px)/1.5 'Inter', system-ui, sans-serif !important;
  color: rgba(255,255,255,.86) !important; -webkit-text-fill-color: rgba(255,255,255,.86) !important;
}

/* the balance — THE number the page is about */
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-vb-hero .pn-vb-bal{
  display: flex !important; align-items: baseline !important; flex-wrap: wrap !important;
  gap: 0 .14em !important; margin: 0 0 clamp(22px,3vw,34px) !important;
  font: 900 clamp(64px, 8.2vw, 132px)/.88 'Inter', system-ui, sans-serif !important;
  letter-spacing: -.04em !important; font-variant-numeric: tabular-nums !important;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-vb-hero .pn-vb-sym,
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-vb-hero .pn-vb-num{
  color: var(--pvb-gold-1) !important;   /* fallback where background-clip:text is unsupported */
  background-image: linear-gradient(180deg, var(--pvb-gold-hi) 0%, var(--pvb-gold-1) 30%, var(--pvb-gold-2) 58%, var(--pvb-gold-3) 76%, var(--pvb-gold-1) 100%) !important;
  -webkit-background-clip: text !important; background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  filter: drop-shadow(0 2px 0 rgba(60,34,0,.55)) drop-shadow(0 10px 24px rgba(233,180,65,.28)) !important;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-vb-hero .pn-vb-sym{ font-size: .62em !important; transform: translateY(-.08em) !important; display: inline-block !important; }
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-vb-hero .pn-vb-unit{
  align-self: flex-end !important; margin-left: .35em !important; padding-bottom: .5em !important;
  font: 800 13px/1 'JetBrains Mono', ui-monospace, monospace !important; letter-spacing: .18em !important;
  text-transform: uppercase !important; color: #f3d98b !important; -webkit-text-fill-color: #f3d98b !important;
}

/* the two buttons — injected by vvWireStore into .pn-store-util; the grey rail is gone */
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-vb-hero .pn-store-util{
  display: flex !important; flex-wrap: wrap !important; gap: 12px !important; justify-content: flex-start !important;
  grid-column: auto !important; margin: 0 !important; padding: 0 !important;
  border: 0 !important; border-radius: 0 !important; background: none !important;
  backdrop-filter: none !important; -webkit-backdrop-filter: none !important; overflow: visible !important;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-vb-hero .pn-store-util .pn-btn{
  min-height: 54px !important; height: auto !important; min-width: 168px !important; margin: 0 !important;
  padding: 0 28px !important; border-radius: 3px !important; clip-path: none !important; filter: none !important;
  display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important;
  font: 800 15px/1 'Inter', system-ui, sans-serif !important; letter-spacing: .01em !important; text-transform: none !important;
  transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease !important;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-vb-hero #vv-topup-btn{
  background: linear-gradient(180deg, var(--pvb-btn-hi), var(--pvb-btn)) !important;
  color: var(--pvb-btn-ink) !important; -webkit-text-fill-color: var(--pvb-btn-ink) !important;
  border: 0 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.35), inset 0 -10px 18px -10px rgba(120,40,0,.45), 0 14px 26px -12px rgba(249,115,22,.65), 0 2px 5px rgba(0,0,0,.35) !important;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-vb-hero #vv-topup-btn:hover{ transform: translateY(-2px) !important; }
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-vb-hero #vv-cart{
  background: rgba(255,255,255,.02) !important;
  color: #ffffff !important; -webkit-text-fill-color: #ffffff !important;
  border: 2px solid #ffffff !important; box-shadow: 0 10px 22px -14px rgba(0,0,0,.8) !important;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-vb-hero #vv-cart:hover{ background: rgba(255,255,255,.12) !important; transform: translateY(-2px) !important; }
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-vb-hero .pn-store-util .pn-btn:focus-visible{ outline: 3px solid #ffffff !important; outline-offset: 3px !important; }
/* "Basket (n)" — the count is always stated, 0 included */
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-vb-hero #vv-cart .vv-badge{
  display: inline !important; position: static !important; min-width: 0 !important; height: auto !important;
  margin: 0 !important; padding: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important;
  font: inherit !important; color: inherit !important; -webkit-text-fill-color: inherit !important;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-vb-hero #vv-cart .vv-badge::before{ content: "(" ; }
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-vb-hero #vv-cart .vv-badge::after{ content: ")"; }

/* Back — quiet, top-right of the band */
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-vb-hero .pn-vb-back{
  position: absolute !important; top: 18px !important; right: 18px !important; z-index: 4 !important;
  min-height: 44px !important; padding: 0 16px !important; border-radius: 3px !important;
  background: rgba(0,0,0,.35) !important; border: 1px solid rgba(255,255,255,.55) !important;
  color: #ffffff !important; -webkit-text-fill-color: #ffffff !important;
  font: 700 13px/1 'Inter', system-ui, sans-serif !important;
}

/* ── 2 · THE COIN ──────────────────────────────────────────────────────────────────────────── */
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-vb-hero .pn-vb-coin{
  position: relative !important; margin: 0 !important; justify-self: center !important; align-self: center !important;
  width: min(100%, 540px) !important; aspect-ratio: 1 / 1 !important;
  perspective: 1100px !important; z-index: 1 !important; pointer-events: none !important;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-vb-hero .pn-vb-glow{
  position: absolute !important; inset: 8% !important; border-radius: 50% !important;
  background: radial-gradient(closest-side, rgba(255,210,110,.42), rgba(233,160,40,.16) 55%, rgba(233,160,40,0) 100%) !important;
  filter: blur(18px) !important; animation: pvb-glow 6s ease-in-out infinite !important;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-vb-hero .pn-vb-sway{
  position: absolute !important; inset: 0 !important; display: block !important;
  transform-style: preserve-3d !important; animation: pvb-sway 9s ease-in-out infinite !important;
  will-change: transform !important;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-vb-hero .pn-vb-img{
  display: block !important; width: 100% !important; height: 100% !important; max-width: none !important;
  object-fit: contain !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
  transform: scale(1.2) !important;   /* the plate carries ~20% black margin; the coin itself should fill the column */
  filter: drop-shadow(0 26px 30px rgba(0,0,0,.55)) saturate(1.05) !important;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-vb-hero .pn-vb-shadow{
  position: absolute !important; left: 22% !important; right: 22% !important; bottom: 4% !important; height: 7% !important;
  border-radius: 50% !important; background: radial-gradient(closest-side, rgba(0,0,0,.7), rgba(0,0,0,0)) !important;
  filter: blur(6px) !important; animation: pvb-shadow 9s ease-in-out infinite !important; z-index: -1 !important;
}
@keyframes pvb-sway{
  0%   { transform: translate3d(0, 0, 0)     rotateY(-10deg) rotateX(3deg)  rotateZ(-1deg); }
  50%  { transform: translate3d(0, -14px, 0) rotateY(12deg)  rotateX(-2deg) rotateZ(1.5deg); }
  100% { transform: translate3d(0, 0, 0)     rotateY(-10deg) rotateX(3deg)  rotateZ(-1deg); }
}
@keyframes pvb-shadow{
  0%, 100% { transform: scaleX(1);   opacity: .9; }
  50%      { transform: scaleX(.84); opacity: .6; }
}
@keyframes pvb-glow{
  0%, 100% { opacity: .85; transform: scale(1); }
  50%      { opacity: 1;   transform: scale(1.05); }
}
@media (prefers-reduced-motion: reduce){
  html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-vb-hero .pn-vb-sway,
  html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-vb-hero .pn-vb-glow,
  html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-vb-hero .pn-vb-shadow{ animation: none !important; }
  html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-vb-hero .pn-vb-sway{ transform: rotateY(-6deg) !important; }
  html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-vb-hero .pn-store-util .pn-btn{ transition: none !important; }
  html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-vb-hero .pn-store-util .pn-btn:hover{ transform: none !important; }
}

/* ── 3 · SPEND IT — the dead gap closed, the cards made legible ────────────────────────────── */
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body[data-view="store"] #store-spend-sec{
  margin-top: clamp(24px,3.4vw,44px) !important; padding-top: 0 !important;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body[data-view="store"] #store-spend-sec .pn-head{ margin-bottom: 0 !important; }
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body[data-view="store"] #store-spend-sec .pn-head-note{
  margin: 0 !important; color: rgba(255,255,255,.78) !important; -webkit-text-fill-color: rgba(255,255,255,.78) !important;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body[data-view="store"] #store-spend-sec .pn-spend-grid{ margin-top: 18px !important; }
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-spend-hero{
  min-height: clamp(320px, 30vw, 390px) !important; padding: 76px 0 0 !important;   /* the top 76px is the chip's lane — it never sits on the copy */
  justify-content: flex-end !important; background: #07080c !important;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-spend-hero .pn-hero-media img{ object-position: center 30% !important; }
/* the scrim: clear at the top so the photo reads, SOLID under the copy so the copy reads */
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-spend-hero .pn-hero-scrim{
  background:
    var(--pvb-noise),
    linear-gradient(0deg, rgba(6,7,11,.97) 0%, rgba(6,7,11,.94) 44%, rgba(6,7,11,.55) 64%, rgba(6,7,11,0) 84%) !important;
  background-blend-mode: overlay, normal !important;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-spend-hero > .pn-eyebrow,
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-spend-hero > h3,
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-spend-hero > .pn-body,
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-spend-hero > .pn-row{
  margin-left: clamp(20px,2.6vw,32px) !important; margin-right: clamp(20px,2.6vw,32px) !important;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-spend-hero > .pn-row{ margin-top: 16px !important; margin-bottom: clamp(20px,2.6vw,30px) !important; padding: 0 !important; }
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-spend-hero > .pn-row .pn-btn{ margin: 0 !important; }
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-spend-hero > .pn-eyebrow{
  color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; opacity: 1 !important; text-shadow: none !important;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-spend-hero > .pn-eyebrow::before{ background: #ffffff !important; }
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-spend-hero > h3{
  font: 900 clamp(26px,2.8vw,38px)/1 'Inter', system-ui, sans-serif !important; font-style: normal !important;
  letter-spacing: -.02em !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; background: none !important;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-spend-hero > .pn-body{
  font: 500 15px/1.5 'Inter', system-ui, sans-serif !important;
  color: rgba(255,255,255,.9) !important; -webkit-text-fill-color: rgba(255,255,255,.9) !important; opacity: 1 !important;
}
/* the price — a gold chip, top-left over the photo, dark ink on gold */
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-spend-hero > .pn-vb-chip{
  position: absolute !important; top: 18px !important; left: 18px !important; z-index: 3 !important;
  display: inline-flex !important; align-items: center !important; gap: 6px !important;
  padding: 9px 14px !important; border-radius: 3px !important;
  font: 800 14px/1 'Inter', system-ui, sans-serif !important; letter-spacing: .01em !important; font-variant-numeric: tabular-nums !important;
  color: var(--pvb-gold-ink) !important; -webkit-text-fill-color: var(--pvb-gold-ink) !important;
  background-image: radial-gradient(130% 150% at 12% -18%, rgba(255,255,255,.55), transparent 55%), linear-gradient(160deg, #ffe08a, #e9b441) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.55), inset 0 -8px 14px -8px rgba(120,70,0,.45), 0 8px 18px -8px rgba(0,0,0,.7) !important;
}

/* ── 4 · PHONE — coin on top, then the balance and the buttons ─────────────────────────────── */
@media (max-width: 760px){
  html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-store-topbar.pn-vb-hero{
    grid-template-columns: minmax(0,1fr) !important; min-height: 0 !important;
    padding: 14px 18px 22px !important; gap: 0 !important;
    background-image:
      radial-gradient(80% 42% at 50% 20%, rgba(233,180,65,.28), rgba(233,180,65,0) 70%),
      var(--pvb-noise),
      linear-gradient(170deg, var(--pvb-ground-a), var(--pvb-ground-b)) !important;
    background-blend-mode: screen, overlay, normal !important;
  }
  html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-vb-hero .pn-vb-coin{
    order: -1 !important; width: 230px !important; margin: 44px auto 6px !important;
  }
  html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-vb-hero .pn-vb-copy{ align-items: stretch !important; }
  html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-vb-hero .pn-vb-eye{ margin-bottom: 10px !important; }
  html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-vb-hero .pn-vb-title{ font-size: 46px !important; margin-bottom: 10px !important; }
  html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-vb-hero .pn-vb-lede{ font-size: 15px !important; margin-bottom: 18px !important; }
  html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-vb-hero .pn-vb-bal{ font-size: 68px !important; margin-bottom: 18px !important; }
  html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-vb-hero .pn-vb-unit{ font-size: 12px !important; }
  html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-vb-hero .pn-store-util{
    display: grid !important; grid-template-columns: repeat(2, minmax(0,1fr)) !important; gap: 10px !important;
  }
  html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-vb-hero .pn-store-util .pn-btn{ min-width: 0 !important; padding: 0 12px !important; }
  html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-vb-hero .pn-vb-back{ top: 12px !important; right: 12px !important; }
  html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-spend-hero{ min-height: 340px !important; padding-top: 110px !important; }
  html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-spend-hero > h3{ font-size: 28px !important; }
}