/* Gift (product) page, designeye r1. Extends site.css (hm-*). Only what this page needs. */
.gp-hero{padding:24px 0 48px}
.gp-crumb{display:inline-flex;align-items:center;min-height:44px;font:500 14px/1 Inter,sans-serif;color:var(--muted)!important;text-decoration:none;margin:0 0 8px}
.gp-crumb:hover{color:var(--ink)!important}
.gp-lede{margin-bottom:24px!important;max-width:44ch}
.gp-buyrow{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px}
.gp-price{display:flex;flex-direction:column;margin:0!important}
.gp-price b{font:800 39px/1 Inter,sans-serif;color:var(--ink);letter-spacing:-.03em}
.gp-price span{font-size:14px;color:var(--muted);margin-top:4px}
.gp-go{min-width:230px}
.gp-or{margin:12px 0 0!important;font-size:15px}
.gp-or a,.gp-or2{color:var(--hot-ink)!important;text-underline-offset:3px}
.gp-or2{display:inline-flex;align-items:center;min-height:44px;font-size:15px}
/* hero visual: a player screen made for this show + the ticket */
.gp-vis{margin:16px 0 0;position:relative}
.gp-phone{width:min(290px,74vw)}
.gp-screen{height:100%;border-radius:28px;background:#0b0d0e;padding:28px 18px 18px;display:flex;flex-direction:column;align-items:center;text-align:center}
.gp-screen canvas{width:86%;height:auto;aspect-ratio:1/1;border-radius:10px;box-shadow:0 12px 30px rgba(0,0,0,.6);background:#15191b}
.gp-pt{font:700 18px/1.2 Inter,sans-serif;color:var(--ink)!important;margin-top:20px!important}
.gp-ps{font-size:12px;color:var(--muted)!important;margin-top:6px!important}
.gp-pbar{width:100%;height:4px;border-radius:4px;background:#2c3135;margin-top:18px;position:relative}
.gp-pbar i{position:absolute;left:0;top:0;bottom:0;width:22%;border-radius:4px;background:var(--ink)}
.gp-pctl{display:flex;align-items:center;justify-content:center;gap:28px;margin-top:18px}
.gp-pctl span{width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:12px solid var(--ink)}
.gp-pctl span:last-child{border-right:0;border-left:12px solid var(--ink)}
.gp-pctl b{width:52px;height:52px;border-radius:50%;background:var(--ink);position:relative}
.gp-pctl b::before,.gp-pctl b::after{content:"";position:absolute;top:17px;width:5px;height:18px;background:#0b0d0e;border-radius:1px}
.gp-pctl b::before{left:19px}.gp-pctl b::after{right:19px}
.gp-tk{position:relative;width:min(280px,80vw);margin:-56px auto 0!important;transform:rotate(-4deg);box-shadow:0 24px 50px rgba(0,0,0,.6)}
.gp-tk .strip span:first-child{text-transform:uppercase}
.gp-vis figcaption{font-size:13px;color:var(--muted);text-align:center;margin-top:18px}
/* lists */
.gp-two{display:grid;gap:24px}
.gp-dig{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.gp-dig li{display:grid;gap:4px;padding:16px 20px;border:1px solid var(--line);border-radius:16px;background:var(--raised)}
.gp-dig b{font:700 17px/1.3 Inter,sans-serif;color:var(--ink)}
.gp-dig span{font-size:15px;color:var(--muted)}
.gp-facts{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.gp-facts li{padding:14px 0;border-bottom:1px solid var(--line);color:var(--soft);font-size:16px}
.gp-facts a{color:var(--hot-ink)}
.gp-finalcta{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
/* sticky buy bar (phones) */
.gp-bar{position:fixed;left:0;right:0;bottom:0;z-index:50;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(rgba(11,13,14,0),var(--bg) 30%);transform:translateY(120%);transition:transform .25s}
.gp-bar.on{transform:none}
.gp-bar .hm-btn{width:100%}
@media (min-width:760px){
  .gp-hero{padding:32px 0 96px}
  .gp-vis{margin:0}
  .gp-two{grid-template-columns:1fr 1.2fr;gap:64px;align-items:start}
  .gp-bar{display:none}
}

/* r2: on this page the nav button steps back so "Give this as a gift" is the one primary action */
.gp .hm-navcta{background:none;border:1px solid var(--line2);color:var(--ink)!important}
.gp-cards article{position:relative}
.gp-tag{display:inline-block;margin:16px 24px 0;font:600 12px/1 Inter,sans-serif;color:var(--muted);border:1px solid var(--line2);border-radius:999px;padding:6px 10px}
.gp-cards h3{margin-top:12px}
@media (min-width:760px){
  .gp-tk{position:absolute;left:50%;bottom:-8px;width:260px;margin:0!important;transform:translateX(-122%) rotate(-6deg)}
  .gp-vis figcaption{margin-top:28px;padding-left:46%;text-align:left}
}
/* polish 10-29: cover swatches on the night page */
.gp-coverfig{display:flex;flex-direction:column;align-items:center;margin:0}
.gp-sw{min-height:40px;padding:0 14px;border:1px solid var(--line2,#343a3e);border-radius:999px;background:var(--bg2,#15191b);color:var(--ink,#f3efe8);font:500 14px/1 Inter,system-ui,sans-serif;cursor:pointer}
.gp-sw.on{border-color:var(--hot,#4fae6a);color:var(--hot-ink,#8fd19e)}
.gp-coverfig figcaption{margin-top:10px;text-align:center}
/* preview before paying (10-30, mockup A) */
.gp-who{margin:0 0 24px}
.gp-who label{display:block;font:600 15px/1.4 Inter,sans-serif;color:var(--ink);margin-bottom:8px}
.gp-who input{width:100%;max-width:360px;min-height:52px;border-radius:12px;border:1px solid var(--line2);background:var(--raised);color:var(--ink);font:600 18px Inter,sans-serif;padding:0 14px}
.gp-who input:focus{outline:2px solid var(--accent);outline-offset:1px}
.gp-whohint{font-size:14px;color:var(--muted)!important;margin-top:8px!important}
.gp-sample{margin-top:28px;padding:20px 22px;border-left:3px solid var(--accent);background:var(--raised);border-radius:0 12px 12px 0}
.gp-samplek{font:700 13px/1.3 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)!important;margin-bottom:10px!important}
.gp-tag{display:inline-block;margin-left:6px;padding:2px 7px;border-radius:4px;background:var(--line2);color:var(--ink);letter-spacing:.04em}
.gp-sampleq{font:500 italic 19px/1.55 "Source Serif 4",Georgia,serif;color:var(--ink)!important}
.gp-later{font-size:14px;color:var(--muted)!important;margin-top:12px!important}