/* Gift card look, shared by /gift-cards (buy) and /gift/<token> (the card on the phone).
   Brand colours and fonts from the home page. No new red UI: the only red is inside the logo. */
.btn-gold{background:var(--gold);color:var(--ink);box-shadow:0 10px 24px -12px rgba(242,193,78,.9)}
.btn-gold:hover{background:#f5cc6a}
.btn-line{background:#fff;color:var(--jade);border:1.5px solid var(--line)}
.btn-line:hover{border-color:var(--basil)}
.btn[disabled]{opacity:.55;cursor:not-allowed}

/* the card itself (credit-card proportions) */
.gcard{position:relative;overflow:hidden;aspect-ratio:1.586;width:100%;max-width:420px;border-radius:22px;color:#fff;padding:20px 22px;
  background:radial-gradient(120% 140% at 100% 0%,#1F7A55 0%,#0E4A37 46%,#072619 100%);
  box-shadow:0 26px 50px -26px rgba(7,38,25,.85),inset 0 0 0 1px rgba(255,255,255,.08);display:flex;flex-direction:column;isolation:isolate}
.gcard::before,.gcard::after{content:"";position:absolute;border-radius:50%;z-index:-1;pointer-events:none}
.gcard::before{width:300px;height:300px;right:-120px;bottom:-150px;border:1.5px solid rgba(242,193,78,.45);box-shadow:0 0 0 22px rgba(242,193,78,.05),0 0 0 23.5px rgba(242,193,78,.22)}
.gcard::after{width:150px;height:150px;left:-70px;top:-80px;border:1px solid rgba(255,255,255,.10)}
.gcard .row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.gcard .glogo{height:34px;width:auto}
.gcard .gtag{font-size:11.5px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);padding-top:6px;white-space:nowrap}
.gcard .gfor{margin-top:auto;font-size:14px;color:#cfe3d8;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gcard .gbal{font-family:"Fraunces",Georgia,serif;font-weight:800;font-size:clamp(40px,12vw,54px);line-height:1;letter-spacing:-.02em;margin-top:2px}
.gcard .gbal small{font:600 14px "Be Vietnam Pro",system-ui,sans-serif;color:#cfe3d8;letter-spacing:0;margin-left:6px}
.gcard .gnum{margin-top:12px;font:600 15px/1 ui-monospace,"SF Mono",Menlo,Consolas,monospace;letter-spacing:.14em;color:#e9f3ee}
.gcard .gpromo{position:relative;z-index:1;margin-top:6px;align-self:flex-start;background:#0b3527;color:var(--gold);border:1px solid rgba(242,193,78,.45);border-radius:999px;padding:3px 10px;font-size:12.5px;font-weight:700}
.gcard.promo{background:radial-gradient(120% 140% at 100% 0%,#3a6b52 0%,#1d4a37 50%,#0d2a1e 100%)}

/* small print and misc */
.gfine{font-size:13.5px;color:var(--muted);line-height:1.5}
.gpanel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:18px}
.gnote{background:#FFF6DC;border:1px solid #F1DFA6;color:#4a3b0b;border-radius:14px;padding:12px 14px;font-size:14.5px;line-height:1.45}
.gok{background:var(--mint);border:1px solid #BFDCCB;color:var(--jade);border-radius:14px;padding:12px 14px;font-size:14.5px;line-height:1.45}