/* =========================================================================
   The V5 shell for the secondary pages: faq, terms, privacy, refund, gift (redeem), cancel.
   Loaded LAST on those pages, after their own styles and site.css. It does not redesign
   them: it re-points their existing token names at V5 values (so their own type and colour
   follow), swaps the fonts, and styles the shared V5 header and footer. Page content keeps
   its own layout. Fonts and V5 tokens come from /v5.css, linked before site.css.
   ========================================================================= */
:root{
  --ivory:#f6f3ec; --paper:#f6f3ec; --cream:#eee8dc; --beige:#eee8dc;
  --ink:#16110a; --dim:#6a6053; --soft:#6a6053; --faint:#6a6053;
  --gold:#a8823f; --rose:#b0685b;
  --line:rgba(22,17,10,.16); --line-2:rgba(22,17,10,.08);
  --serif:"Noto Serif Display",Georgia,serif;
  --sans:"Hanken Grotesk",ui-sans-serif,system-ui,sans-serif;
}
html body{background:#f6f3ec}
html body::before{display:none}                 /* site.css's paper tooth: V5 paper is flat */
html body :is(h1,h2,h3){letter-spacing:-.02em}
html body main a:not(.btn),html body .acc a:not(.btn){color:#3b3228;border-bottom-color:rgba(22,17,10,.3)}

/* buttons: the V5 button (site.css forced uppercase tracked capsules with !important) */
html body a.btn,html body button.btn{font-family:var(--sans)!important;font-weight:500!important;font-size:15px!important;
  letter-spacing:.02em!important;text-transform:none!important;border-radius:0!important;padding:0 30px!important;
  min-height:56px;display:inline-flex!important;align-items:center;justify-content:center;
  background:#16110a!important;color:#f6f3ec!important;border:1px solid #16110a!important}
html body a.btn:hover,html body button.btn:hover{background:#3b3228!important;border-color:#3b3228!important;color:#f6f3ec!important}

/* ---------------- header ---------------- */
html body .v5bar{background:#f6f3ec;border:0}
html body .v5bar .in{max-width:1440px;margin:0 auto;padding:0 clamp(20px,5vw,72px);height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px}
html body .v5bar .brand,html body .v5foot .brand{display:flex;align-items:center;gap:12px;font-family:"Noto Serif Display",Georgia,serif;font-style:normal;
  font-weight:300;font-size:clamp(20px,1.53vw,22px);letter-spacing:-.01em;color:#16110a!important;border:0;text-decoration:none;white-space:nowrap}
html body .v5bar .rings,html body .v5foot .rings{display:inline-block;width:30px;height:18px;flex:none}
html body .v5bar .rings circle,html body .v5foot .rings circle{fill:none;stroke:#a8823f;stroke-width:1.3}
html body .v5bar .links{display:flex;align-items:center;gap:30px}
html body .v5bar .links a{font-family:var(--sans);font-weight:350;font-size:15px;letter-spacing:0;text-transform:none;color:#3b3228!important;border:0}

/* ---------------- footer ---------------- */
html body footer.v5foot{border-top:0;margin:0;padding:clamp(56px,6vw,90px) 0 clamp(48px,5vw,80px);text-align:left;background:transparent}
html body .v5foot .wrapf{max-width:1440px;margin:0 auto;padding:0 clamp(20px,5vw,72px)}
html body .v5foot .top{display:flex;justify-content:space-between;align-items:center;gap:26px;flex-wrap:wrap}
html body .v5foot .links{display:flex;gap:10px 28px;flex-wrap:wrap}
html body .v5foot .links a{font-family:var(--sans);font-weight:350;font-size:15px;letter-spacing:0;text-transform:none;color:#3b3228!important;border:0}
html body .v5foot .fine,html body .v5foot .copy{font-family:var(--sans);font-weight:350;font-size:15px;line-height:1.6;letter-spacing:0;
  text-transform:none;color:#6a6053!important;opacity:1;max-width:60em;margin:28px 0 0}
html body .v5foot .copy{margin-top:10px}
html body .v5foot a:hover,html body .v5bar .links a:hover{color:#16110a!important}
html body .v5bar a,html body .v5foot a{text-decoration:none}

@media (max-width:760px){
  html body .v5bar .in{height:64px;padding:0 22px}
  html body .v5bar .brand{gap:10px}
  html body .v5foot .wrapf{padding:0 22px}
  html body .v5foot .top{flex-direction:column;text-align:center}
  html body .v5foot .links{justify-content:center}
  html body .v5foot .fine,html body .v5foot .copy{text-align:center;margin-left:auto;margin-right:auto}
}