/* ══════════════════════════════════════════════════════════════════════════
   FERTILITY WONDERLAND — OLIVIA MASTER SALES SYSTEM
   Visual tokens copied from the live computed Olivia Grand Ballroom
   (rooms/ballroom.html) at 1440 and 390. Rooms are the master.
   Do not edit room.css or ballroom.html from this file.

   Measured desktop (1440) from live ballroom.html:
     mark 1382×233 · Playfair 102.24px / credentials 40.32px
     nav pill 28px / min-height 94 / padding 18×34 / radius 999
     name pill 48.96px / min-height 99 / padding 22×52 / width 980
     H1 card max 1100 · Playfair 89.28px / padding 30×48 / radius 32
     lede max 1100 · DM Sans 46.08px / padding 22×44 / radius min(999,44)
     face ALL characters 980 × height:auto, visible-art optical fractions
     Geometry law is measured from grounded.html, not guessed.
     feature card 980 · padding 40×56 · radius 32 · border 3px rgba(255,62,175,.55)
     feature h3 Playfair 63.36px · body 34.56px
     product card 980 · padding 36×44 · radius 32 · border 2px rgba(255,62,175,.22)
     product h3 51.84px · body 33.12px
     price pill 36px / min-height 79 / padding 14×30 / width 144
     CTA 34.56px / padding 22×56 / radius 999 / tracking .13em
     (room CTAs are 93px nowrap; sales labels are longer so height is 131 wrap)
     ghost 34.56px / min-height 93 / padding 22×56 / width 606
     footer 980 · padding 36×48 · radius 28 · type 22px
     lift 0 20px 52px rgba(0,0,0,.18)
     décor — same shared engine as rooms (sales may use fewer pieces)

   Shared sales breathing-room tokens (spacing pass only).
   Card width, type, pills, CTAs, and character size stay exact.
   ══════════════════════════════════════════════════════════════════════════ */

:root{
  --pink:#FF3EAF;
  --white:#fff;
  --ink:#000;
  --card:#fff;
  --edge:rgba(255,62,175,.22);
  --edge-hi:rgba(255,62,175,.55);
  --lift:0 20px 52px rgba(0,0,0,.18);
  --display:'Playfair Display',Georgia,'Times New Roman',serif;
  --body:'DM Sans',system-ui,sans-serif;
  --plate:min(94vw,980px);
  --title-plate:min(90vw,1100px);
  --rhythm:clamp(120px,11vw,240px);
  --masthead-gap:clamp(40px,4.2vw,84px);
  --tight:clamp(34px,3.4vw,64px);
  --space-header-title:var(--rhythm);
  --space-nav-gutter:calc((var(--masthead-gap) + var(--space-header-title)) / 2);
  --space-guide:calc(var(--tight) + 0.16173 * min(980px, calc(100vw - 80px)));
  --sales-gap:var(--rhythm);
  --card-cta-gap:var(--rhythm);
  --price-band:var(--space-guide);
  --cta-w:min(882px,var(--plate));
  --cta-h:132px;
  --cta-size:clamp(26px,2.4vw,34.56px);
  --cta-pad:22px 56px;
  --cta-track:.13em;
  --nav-h:94px;
  --nav-pill-w:540px;
  --face-safe:80px;
  --cat-air:108px;
  --head-list:var(--cat-air);
  --ex-head-list:var(--cat-air);
  --ex-block:var(--cat-air);
  --title-lede:var(--rhythm);
  --lede-pill:var(--rhythm);
  --lede-safe-y:22px;
  --lede-safe-x:44px;
  --lede-radius:44px;
  --card-safe:36px;
  --title-safe-y:30px;
  --title-safe-x:48px;
  --pill-face:var(--space-guide);
  --face-price:var(--price-band);
  --price-card:var(--price-band);
  --checkout-title-pill:var(--rhythm);
  --checkout-pill-face:var(--rhythm);
  --type-hero:clamp(44px,6.2vw,100px);
  --type-section:clamp(40px,4.4vw,63.36px);
  --type-problem:clamp(32px,3.6vw,51.84px);
  --type-sub:clamp(22px,2.5vw,36px);
  --type-body:clamp(22px,2.4vw,34.56px);
  --type-section-lh:1.08;
  --type-section-track:0;
  --type-problem-lh:1.08;
  --type-sub-lh:1.15;
  --type-body-lh:1.35;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;overflow-x:clip}
body.olivia-sales{
  margin:0;
  min-height:100vh;
  display:flex;
  flex-direction:column;
  font-family:var(--body);
  font-size:23.04px;
  line-height:1.35;
  color:var(--ink);
  background:var(--white);
  font-variant-numeric:lining-nums;
  font-feature-settings:"lnum" 1,"onum" 0;
}
body.olivia-sales img{max-width:100%;height:auto;display:block}
body.olivia-sales a{text-decoration:none;color:inherit}
body.olivia-sales :focus-visible{outline:4px solid var(--pink);outline-offset:4px}

/* Same sky treatment as Olivia / rooms — cover, no film */
body.olivia-sales .sky{
  position:fixed;inset:-40px;z-index:0;pointer-events:none;
  background:url("../assets/sky-wide.png") center center/cover no-repeat;
}
body.olivia-sales .sky::after{content:none;display:none}
body.olivia-sales .read-atmosphere{display:none}

body.olivia-sales .page{position:relative;z-index:2;flex:1 0 auto}

/* ── header / brand ── */
body.olivia-sales .top{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:var(--space-nav-gutter);
  padding:var(--space-nav-gutter) 16px 0;
  max-width:none;
  margin:0 auto;
}
body.olivia-sales .mark{
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  align-items:center;
  width:min(96vw,1800px);
  max-width:100%;
  margin-inline:auto;
  padding:24px 40px 32px;
  border-radius:28px;
  background:#fff;
  box-shadow:var(--lift);
  font-family:var(--display);
  font-weight:900;
  font-size:clamp(52px,7.1vw,136px);
  line-height:.96;
  letter-spacing:-.01em;
  color:var(--pink);
  white-space:nowrap;
  text-wrap:nowrap;
  text-align:center;
}
body.olivia-sales .mark small{
  display:block;
  margin-top:32px;
  font-family:var(--body);
  font-size:clamp(26px,2.8vw,48px);
  line-height:1.15;
  letter-spacing:.08em;
  font-weight:800;
  color:var(--ink);
  white-space:normal;
  text-wrap:pretty;
}

body.olivia-sales .nav{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,var(--nav-pill-w)));
  justify-content:center;
  align-items:center;
  width:min(96vw,calc(var(--nav-pill-w) * 2 + 18px));
  gap:18px;
}
body.olivia-sales .nav a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  width:100%;
  min-width:0;
  max-width:none;
  height:auto;
  min-height:var(--nav-h);
  max-height:none;
  padding:12px 20px;
  border-radius:999px;
  border:3px solid var(--edge);
  background:#fff;
  box-shadow:var(--lift);
  font-family:var(--body);
  font-size:clamp(15px,1.7vw,28px);
  font-weight:800;
  letter-spacing:.06em;
  line-height:1.15;
  text-transform:uppercase;
  white-space:normal;
  text-wrap:balance;
  overflow:hidden;
  color:var(--ink);
}
body.olivia-sales .nav a:hover,
body.olivia-sales .nav a:focus-visible{
  background:var(--pink);
  color:var(--white);
  border-color:var(--pink);
}

/* ── hall ── */
body.olivia-sales .hall{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  width:100%;
  max-width:none;
  margin:0 auto;
  padding:var(--space-nav-gutter) 16px var(--rhythm);
  gap:0;
}
body.olivia-sales .hall > *{width:auto;max-width:100%}
body.olivia-sales .hall > h1{margin-top:0}
body.olivia-sales .hall > .lede{margin-top:var(--rhythm)}
body.olivia-sales .hall > h1 + .lede,
body.olivia-sales .hall > h1 + .pill,
body.olivia-sales .hall > .lede + .pill{margin-top:var(--title-lede)}
body.olivia-sales .title-stack{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:var(--title-lede);
  width:100%;
  max-width:100%;
}
body.olivia-sales .title-stack > h1,
body.olivia-sales .title-stack > .lede,
body.olivia-sales .title-stack > .pill{margin-top:0}
body.olivia-sales .title-stack:not(:has(.lede)){gap:var(--checkout-title-pill)}
body.olivia-sales .hall > .title-stack + .pair{margin-top:var(--pill-face)}
body.olivia-sales .hall > .title-stack:not(:has(.lede)) + .pair{margin-top:var(--checkout-pill-face)}
body.olivia-sales .hall > .pair{margin-top:var(--pill-face)}
body.olivia-sales .hall > .pill.price{margin-top:var(--face-price)}
body.olivia-sales .hall > .unit{margin-top:var(--sales-gap)}
body.olivia-sales .hall > .card,
body.olivia-sales .hall > .card.box{
  width:min(94vw,1000px);
  margin-top:var(--sales-gap);
}
body.olivia-sales .hall > .pill.price + .unit,
body.olivia-sales .hall > .pill.price + .card{margin-top:var(--price-card)}
body.olivia-sales .hall > .acts{margin-top:var(--rhythm)}

/* ── pills ── */
body.olivia-sales .pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  width:var(--plate);
  min-width:0;
  max-width:min(var(--plate),100%);
  height:auto;
  min-height:99px;
  max-height:none;
  padding:22px 52px;
  border-radius:999px;
  border:3px solid var(--pink);
  background:var(--pink);
  color:var(--white);
  box-shadow:var(--lift);
  font-family:var(--body);
  font-size:clamp(32px,3.4vw,56px);
  font-weight:900;
  line-height:1.1;
  letter-spacing:.08em;
  text-transform:uppercase;
  text-align:center;
  white-space:normal;
  text-wrap:balance;
  overflow-wrap:anywhere;
  overflow:visible;
}
body.olivia-sales .pill.price{
  width:144px;
  min-width:144px;
  max-width:144px;
  height:79px;
  min-height:79px;
  max-height:79px;
  font-size:36px;
  font-weight:900;
  letter-spacing:.06em;
  padding:14px 30px;
}

/* ── H1 + lede ── */
body.olivia-sales .hall > h1,
body.olivia-sales .title-stack > h1{
  box-sizing:border-box;
  width:max-content;
  max-width:min(var(--title-plate),100%);
  margin:0;
  padding:var(--title-safe-y) var(--title-safe-x);
  border-radius:32px;
  background:#fff;
  box-shadow:var(--lift);
  font-family:var(--display);
  font-size:var(--type-hero);
  font-weight:900;
  line-height:1.0;
  letter-spacing:.005em;
  text-align:center;
  text-transform:uppercase;
  color:#000;
  overflow-wrap:anywhere;
  hyphens:none;
  font-variant-numeric:lining-nums;
  font-feature-settings:"lnum" 1,"onum" 0;
}
body.olivia-sales .spark{
  font-family:"Apple Color Emoji","Segoe UI Emoji",sans-serif;
  font-size:.86em;
  line-height:1;
  vertical-align:.04em;
}
body.olivia-sales .hall > .lede,
body.olivia-sales .title-stack > .lede{
  box-sizing:border-box;
  width:fit-content;
  max-width:min(80vw,1100px,100%);
  margin:var(--rhythm) 0 0;
  padding:var(--lede-safe-y) var(--lede-safe-x);
  border-radius:min(999px, var(--lede-radius));
  background:#fff;
  border:2px solid var(--edge);
  box-shadow:var(--lift);
  font-family:var(--body);
  font-size:clamp(22px,3.2vw,48px);
  font-weight:700;
  line-height:1.15;
  letter-spacing:.03em;
  text-transform:uppercase;
  text-align:center;
  color:#000;
  overflow-wrap:anywhere;
  hyphens:none;
}

@media (min-width:761px){
  body.olivia-sales .hall > .lede,
  body.olivia-sales .title-stack > .lede{font-size:clamp(28px,3.2vw,48px)}
}
body.olivia-sales .title-stack > .lede{margin-top:0}

/* ── character = Olivia room rule ── */
body.olivia-sales .pair{
  width:var(--plate);
  margin-inline:auto;
  display:flex;
  flex-direction:column;
  align-items:center;
}
body.olivia-sales .pair,
body.olivia-sales .pair.guide{
  overflow:visible;
}
body.olivia-sales .hero-face,
body.olivia-sales .face{
  display:block;
  width:min(980px, calc(100vw - var(--face-safe)));
  height:auto;
  max-width:min(980px, calc(100vw - var(--face-safe)));
  margin:0 auto;
  overflow:visible;
  object-fit:contain;
  object-position:center center;
  --face-optical-x:0%;
  --face-scale:1;
  --face-top-frac:0;
  --face-bottom-frac:0;
  transform:translateX(var(--face-optical-x)) scale(var(--face-scale));
}
/* Visible-art fractions (alpha box / PNG width). Same room master. */
body.olivia-sales .hero-face[src*="bubbles.png"],
body.olivia-sales .face[src*="bubbles.png"]{--face-optical-x:0.034%; --face-scale:1.22; --face-top-frac:0.03667; --face-bottom-frac:0.18004}
body.olivia-sales .hero-face[src*="olivia.png"],
body.olivia-sales .face[src*="olivia.png"]{--face-optical-x:-0.361%; --face-top-frac:0.16173; --face-bottom-frac:0.16462}
body.olivia-sales .hero-face[src*="princess.png"],
body.olivia-sales .face[src*="princess.png"]{--face-optical-x:2.264%; --face-top-frac:0.11622; --face-bottom-frac:0.17500}
body.olivia-sales .hero-face[src*="sparkles.png"],
body.olivia-sales .face[src*="sparkles.png"]{--face-optical-x:0.980%; --face-top-frac:0.13446; --face-bottom-frac:0.15405}
body.olivia-sales .hero-face[src*="barnaboo.png"],
body.olivia-sales .face[src*="barnaboo.png"]{--face-optical-x:-0.989%; --face-top-frac:0.23734; --face-bottom-frac:0.28244}
body.olivia-sales .hero-face[src*="penelope.png"],
body.olivia-sales .face[src*="penelope.png"]{--face-optical-x:0.346%; --face-top-frac:0.12289; --face-bottom-frac:0.16359}
body.olivia-sales .hero-face[src*="betty.png"],
body.olivia-sales .face[src*="betty.png"]{--face-optical-x:1.920%; --face-top-frac:0.11444; --face-bottom-frac:0.14593}
body.olivia-sales .hero-face[src*="datariffic.png"],
body.olivia-sales .face[src*="datariffic.png"]{--face-optical-x:-1.700%; --face-top-frac:0.16169; --face-bottom-frac:0.26866}
body.olivia-sales .pair > .hero-face,
body.olivia-sales .pair > .face{
  margin-top:calc(-1 * var(--face-top-frac) * min(980px, calc(100vw - var(--face-safe))));
  margin-bottom:calc(-1 * var(--face-bottom-frac) * min(980px, calc(100vw - var(--face-safe))));
}

/* ── white cards ── */
body.olivia-sales .gift,
body.olivia-sales .unit{
  width:min(94vw,1000px);
  margin-inline:auto;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:var(--card-cta-gap);
}
body.olivia-sales .card{
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:0;
  padding:40px 56px;
  border-radius:32px;
  background:#fff;
  border:3px solid var(--edge-hi);
  box-shadow:var(--lift);
  color:var(--ink);
  text-align:center;
}
body.olivia-sales .card h2,
body.olivia-sales .card h3{
  width:100%;
  margin:0;
  font-family:var(--display);
  font-weight:900;
  text-transform:uppercase;
  text-align:center;
  color:var(--ink);
  font-variant-numeric:lining-nums;
  font-feature-settings:"lnum" 1,"onum" 0;
}
body.olivia-sales .card.box > h2{
  font-size:var(--type-section);
  font-weight:900;
  line-height:var(--type-section-lh);
  letter-spacing:var(--type-section-track);
  text-align:center;
}
body.olivia-sales .card:not(.box) > h3{
  font-size:var(--type-problem);
  font-weight:900;
  line-height:var(--type-problem-lh);
  letter-spacing:var(--type-section-track);
  text-align:center;
}
body.olivia-sales .card p{
  width:100%;
  margin:0;
  max-width:none;
  font-family:var(--body);
  font-size:var(--type-body);
  line-height:var(--type-body-lh);
  text-align:left;
  hyphens:none;
}

/* Product plates — live Olivia collection cards */
body.olivia-sales .card.box{
  padding:36px 44px;
  border-width:2px;
  border-color:var(--edge);
}
body.olivia-sales .card > h2 + .inv,
body.olivia-sales .card > h3:not(.inv-cat) + .inv{
  margin-top:var(--cat-air);
}
body.olivia-sales .card.box > h2{
  font-size:var(--type-section);
  line-height:var(--type-section-lh);
}
body.olivia-sales .card h3.inv-cat,
body.olivia-sales h3.inv-cat,
body.olivia-sales .inv-cat{
  display:block;
  width:100%;
  margin:0;
  font-family:var(--display);
  font-size:var(--type-sub);
  font-weight:900;
  line-height:1;
  letter-spacing:var(--type-section-track);
  text-align:center;
  text-transform:uppercase;
  color:var(--pink);
}
body.olivia-sales .card h3.inv-cat.ex,
body.olivia-sales h3.inv-cat.ex{
  align-self:flex-start;
  text-align:left;
  width:calc(100% + 40px);
  max-width:none;
  margin-left:0;
}
body.olivia-sales .inv-cat .keep{white-space:nowrap}
body.olivia-sales .inv{
  list-style:none;
  width:100%;
  margin:0;
  padding:0;
  text-align:left;
}
body.olivia-sales .inv li{
  position:relative;
  margin:0;
  padding:0 0 10px 1.45em;
  font-family:var(--body);
  font-size:var(--type-body);
  font-weight:600;
  line-height:var(--type-body-lh);
  color:var(--ink);
  text-align:left;
}
body.olivia-sales .card.box .inv li{
  font-size:var(--type-body);
}
body.olivia-sales .inv li:last-child{padding-bottom:0}
body.olivia-sales .inv li::before{
  content:"★";
  position:absolute;
  left:0;
  top:.05em;
  color:var(--pink);
  font-size:.9em;
}
body.olivia-sales .inv b{font-weight:800;font-size:inherit}
body.olivia-sales .card > * + .inv-cat,
body.olivia-sales .card > * + h3.inv-cat{margin-top:var(--cat-air)}
body.olivia-sales .inv-cat + *,
body.olivia-sales .card h3.inv-cat + *{margin-top:var(--cat-air)}
body.olivia-sales .card > * + .mock,
body.olivia-sales .card > * + .bump{margin-top:var(--cat-air)}
body.olivia-sales .bump{
  display:flex;
  gap:16px;
  align-items:flex-start;
  width:100%;
  text-align:left;
}
body.olivia-sales .bump input{
  width:28px;
  height:28px;
  margin-top:.35em;
  flex:0 0 auto;
  accent-color:var(--pink);
}
body.olivia-sales .bump label{
  font-family:var(--body);
  font-size:var(--type-body);
  font-weight:800;
  line-height:var(--type-body-lh);
  color:var(--ink);
  text-align:left;
}
body.olivia-sales .bump + .inv{margin-top:var(--cat-air)}

/* ── mockups fill the Olivia plate ── */
body.olivia-sales .mock{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:var(--cat-air);
  width:100%;
  margin:0;
}
body.olivia-sales .mock figure{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:var(--cat-air);
  margin:0;
  width:100%;
}
body.olivia-sales .mock img{
  width:auto;
  max-width:min(100%,520px);
  max-height:680px;
  height:auto;
  object-fit:contain;
  margin-inline:auto;
  border-radius:18px;
  border:3px solid var(--pink);
  box-shadow:var(--lift);
  background:transparent;
}
body.olivia-sales .mock figcaption{
  margin:0;
  text-align:center;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:var(--pink);
  font-size:clamp(22px,2vw,32px);
}

/* ── CTAs ── */
body.olivia-sales .acts.one,
body.olivia-sales .cta-wrap{
  display:flex;
  justify-content:center;
  width:var(--plate);
  margin:0 auto;
}
body.olivia-sales .act{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.6em;
  box-sizing:border-box;
  width:var(--cta-w);
  min-width:0;
  max-width:min(var(--cta-w),100%);
  overflow-wrap:anywhere;
  height:auto;
  min-height:var(--cta-h);
  max-height:none;
  padding:var(--cta-pad);
  border-radius:999px;
  border:3px solid var(--pink);
  background:var(--pink);
  color:#fff;
  box-shadow:var(--lift);
  font-family:var(--body);
  font-size:var(--cta-size);
  font-weight:900;
  letter-spacing:var(--cta-track);
  line-height:1.16;
  text-transform:uppercase;
  text-align:center;
  white-space:normal;
  flex-shrink:0;
  font-variant-numeric:lining-nums;
  font-feature-settings:"lnum" 1,"onum" 0;
}
body.olivia-sales .act:hover,
body.olivia-sales .act:focus-visible{transform:translateY(-3px)}
body.olivia-sales .act i{
  font-style:normal;
  color:#fff;
  font-size:1em;
  line-height:1;
  width:1em;
  height:1em;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
}
body.olivia-sales .act.ghost{
  width:606px;
  min-width:0;
  max-width:min(606px,100%);
  height:93px;
  min-height:93px;
  max-height:93px;
  padding:var(--cta-pad);
  font-size:var(--cta-size);
  letter-spacing:var(--cta-track);
  background:#fff;
  color:var(--ink);
}
body.olivia-sales .act.ghost:hover,
body.olivia-sales .act.ghost:focus-visible{
  background:var(--pink);
  color:#fff;
}
body.olivia-sales .cta-wrap.final-cta{
  margin-top:0;
  width:var(--plate);
}
body.olivia-sales .cta-wrap.final-cta .act{
  width:var(--cta-w);
  min-width:0;
  max-width:min(var(--cta-w),100%);
  height:auto;
  min-height:var(--cta-h);
  max-height:none;
  padding:var(--cta-pad);
  font-size:var(--cta-size);
}

/* ── footer ── */
body.olivia-sales .foot{
  position:relative;
  z-index:2;
  width:min(94vw,980px);
  margin:0 auto 36px;
  padding:36px 48px;
  border-radius:28px;
  background:#fff;
  box-shadow:var(--lift);
  text-align:center;
}
body.olivia-sales .foot p{
  margin:0 auto 12px;
  max-width:none;
  font-size:22px;
  font-weight:400;
  line-height:1.4;
  letter-spacing:.04em;
  text-transform:uppercase;
  text-shadow:none;
  color:#000;
}
body.olivia-sales .foot p:last-child{margin-bottom:0;font-size:20px}
body.olivia-sales .foot a{color:#000}

@media (max-width:1439px){
  body.olivia-sales .mark{
    white-space:normal;
    text-wrap:balance;
    font-size:clamp(40px,6.2vw,110px);
  }
}
@media (max-width:760px){
  body.olivia-sales{--cat-air:80px;--head-list:var(--cat-air);--ex-head-list:var(--cat-air);--ex-block:var(--cat-air)}
  body.olivia-sales .mark{
    width:min(96vw,1800px);
    padding:18px 16px 24px;
    font-size:clamp(36px,11vw,56px);
    white-space:normal;
    text-wrap:balance;
  }
  body.olivia-sales .mark small{
    font-size:clamp(18px,4.6vw,26px);
    margin-top:20px;
  }
  body.olivia-sales .nav{
    width:min(94vw,100%);
    grid-template-columns:minmax(0,1fr);
  }
  body.olivia-sales .nav a{
    width:100%;
    min-width:0;
    max-width:none;
    font-size:18px;
    height:auto;
    min-height:var(--nav-h);
    max-height:none;
    padding:14px 20px;
  }
  body.olivia-sales .pill:not(.price){
    width:100%;
    min-width:0;
    max-width:100%;
    height:auto;
    min-height:90px;
    max-height:none;
    font-size:26px;
    padding:16px 24px;
  }
  body.olivia-sales .pill.price{
    width:120px;
    min-width:120px;
    max-width:120px;
    height:64px;
    min-height:64px;
    max-height:64px;
    font-size:24px;
    padding:14px 30px;
  }
  body.olivia-sales .hall > h1,
  body.olivia-sales .title-stack > h1{
    width:min(94%,1300px);
    padding:22px 24px;
    font-size:40px;
  }
  body.olivia-sales .hall > .lede,
  body.olivia-sales .title-stack > .lede{
    font-size:18px;
    padding:20px 32px;
    border-radius:28px;
  }
  body.olivia-sales{--type-hero:40px;--type-section:28px;--type-problem:24px;--type-sub:20px;--type-body:18px}
  body.olivia-sales .card{padding:40px 24px}
  body.olivia-sales .card p,
  body.olivia-sales .inv li,
  body.olivia-sales .card.box .inv li{font-size:var(--type-body)}
  body.olivia-sales .card.box{padding:36px 24px}
  body.olivia-sales .act:not(.ghost){
    width:100%;
    min-width:0;
    max-width:100%;
    height:auto;
    min-height:var(--cta-h);
    max-height:none;
    padding:16px 28px;
    border-radius:999px;
    font-size:20px;
    letter-spacing:.13em;
    white-space:normal;
  }
  body.olivia-sales .foot{
    width:min(94vw,980px);
    padding:24px;
  }
  body.olivia-sales .foot p,
  body.olivia-sales .foot p:last-child{font-size:18px}
}