/* The offers page (/offers): the season's offers side by side, with the
   sale page's splashes (black-friday.css), then gifts. */
.offer-holiday .splash-quiet { --splash:var(--teal); }
/* A gift's card: the season's price as a smaller splash in its corner. */
.gift-plan { position:relative; display:flex; flex-direction:column; }
.gift-plan .gift-splash { --size:104px; position:absolute; top:-16px; right:-8px; }
.gift-plan .gift-splash .splash-price { font-size:26px; }
.gift-plan .gift-splash.splash-quiet { --splash:var(--teal); }
.gift-plan:has(.gift-splash:not([hidden])) > :is(h3, .gift-for) { padding-right:96px; }
.gift-plan .gift-price { margin:14px 0 16px; color:var(--muted); font-size:13px; }
.gift-plan .gift-price::before { content:"List price "; }
.gift-plan:has(.gift-splash:not([hidden]) .splash-price:not([hidden])) .list-price { text-decoration:line-through; }
.gift-plan .button { margin-top:auto; align-self:flex-start; }
.gift-subhead { margin:34px 0 4px; font:400 26px/1.15 var(--serif); letter-spacing:-.02em; }
.gift-steps { margin-top:14px; }
.gift-before { max-width:680px; margin:26px 0 0; padding:18px 22px; border-left:3px solid var(--teal); background:var(--paper-deep); }
.gift-before h3 { margin:0 0 6px; font:650 14px/1.3 var(--sans); }
.gift-before p { margin:0; }