/* Language storefronts (2026-10-18): the Italian landing layout (offer.css + hero-video.css) with a host photo
   in place of the hero video, a written sample conversation in place of the scanned book pages, and the
   language's flag on the button badge. */
.btn::after{background:var(--flag)!important}

/* Hero: the host photo card sits where the Italian video sits. */
.hero-photo{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:stretch;background:#fbf6ea;
  color:#181816;border-radius:6px;overflow:hidden;text-align:left}
.hero-photo img{display:block;width:100%;height:100%;min-height:300px;object-fit:cover;object-position:50% 18%}
.hp-note{padding:clamp(1.1rem,3vw,2rem);display:flex;flex-direction:column;justify-content:center;gap:.7rem}
.hp-note .hp-hi{margin:0;font:700 clamp(1.4rem,2.6vw,2rem)/1.15 "Oswald",sans-serif;text-transform:uppercase;letter-spacing:.01em}
.hp-note p{margin:0;font-size:1.02rem;line-height:1.55;color:#403E3A}
.hp-note .hp-sig{font-family:"Lora",Georgia,serif;font-style:italic;color:#8C1D1D}
.hp-line{margin-top:.3rem;padding:.75rem .9rem;border-left:4px solid #8C1D1D;background:#efe8d6;border-radius:3px}
.hp-line b{display:block;font-size:1.08rem;color:#181816}
.hp-line span{font-size:.92rem;color:#5b5750}
.hv-wrap.photo{margin-bottom:calc(-1 * min(9rem, 18vw))}
@media (min-width:821px){.hv-wrap.photo{max-width:56rem;margin-bottom:-70px}}
@media (max-width:640px){
  .hero-photo{grid-template-columns:1fr}
  .hero-photo img{height:auto;aspect-ratio:4/3.4;min-height:0}
  .hv-wrap.photo{margin-bottom:-2.5rem}
  .vh-after{padding-top:3.4rem}
}

/* Sample conversation, both sides, target language first, English under it. */
.convo{background:var(--tile,#F9F6EC);border:1px solid var(--line,#D8D0BB);border-radius:6px;padding:clamp(1rem,2.6vw,1.6rem);
  max-width:44rem;margin:0 auto 1.4rem}
.convo-head{display:flex;justify-content:space-between;align-items:baseline;gap:.8rem;flex-wrap:wrap;margin-bottom:.9rem}
.convo-head h3{margin:0}
.convo-head small{font-family:"Oswald",sans-serif;text-transform:uppercase;letter-spacing:.14em;color:var(--steel,#44525E);font-size:.7rem}
.convo ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}
.convo li{max-width:85%;padding:.6rem .85rem;border-radius:10px;background:#fff;border:1px solid #e3dccb}
.convo li.you{align-self:flex-end;background:#f4e3df;border-color:#e2c3bc}
.convo li b{display:block;font-size:1.05rem;color:var(--ink,#181816)}
.convo li span{display:block;font-size:.88rem;color:#5b5750}
.convo li i{display:block;font-style:normal;font-family:"Oswald",sans-serif;text-transform:uppercase;letter-spacing:.12em;font-size:.6rem;color:#8C1D1D;margin-bottom:.15rem}
.convo-turn{margin:1rem 0 0;font-size:.95rem;color:var(--ink-soft,#403E3A)}
.phrase-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:0 0 1.4rem}
.phrase-cards figure{margin:0;background:#fff;border:1px solid var(--line,#D8D0BB);border-radius:6px;padding:1rem 1.1rem}
.phrase-cards figcaption{font-family:"Oswald",sans-serif;text-transform:uppercase;letter-spacing:.12em;font-size:.68rem;color:var(--steel,#44525E);margin-bottom:.45rem}
.phrase-cards b{display:block;font-size:1.08rem;line-height:1.35}
.phrase-cards span{display:block;font-size:.9rem;color:#5b5750;margin-top:.25rem}
@media (max-width:820px){.phrase-cards{grid-template-columns:1fr}}

/* Book stand-in until the cover art exists: a plain typographic cover. */
.css-cover{aspect-ratio:1000/1414;max-width:360px;margin:0 auto;background:#1c1915;color:#fbf6ea;border-radius:4px 10px 10px 4px;
  box-shadow:0 18px 40px rgba(0,0,0,.28), inset 10px 0 0 rgba(255,255,255,.06);display:flex;flex-direction:column;justify-content:space-between;
  padding:1.6rem 1.4rem;text-align:left;border-top:10px solid transparent;border-image:var(--flag) 1}
.css-cover small{font-family:"Oswald",sans-serif;letter-spacing:.24em;text-transform:uppercase;font-size:.72rem;color:#f0c24f}
.css-cover strong{font:700 2.1rem/1.05 "Oswald",sans-serif;text-transform:uppercase}
.css-cover span{font-family:"Lora",Georgia,serif;font-style:italic;font-size:1rem;color:#e4dccd}
.css-cover em{font-style:normal;font-size:.8rem;color:#c9bea8}

/* Social links under the bio and in the footer. */
.social{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}
.social a{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .8rem;border:1px solid var(--line,#D8D0BB);border-radius:999px;
  background:#fff;color:var(--ink,#181816);text-decoration:none;font-size:.9rem;font-weight:700}
.social a:hover{border-color:#8C1D1D;color:#8C1D1D}
.foot .social a{background:transparent;color:#C9BEA8;border-color:#3a352e}

/* Checkout not connected yet: buttons are inert and say so. */
.btn.pending{background:#9c958a!important;border-color:#9c958a!important;cursor:not-allowed;pointer-events:none}
.btn.pending::after{display:none}
.pending-note{position:sticky;top:0;z-index:60;margin:0;max-width:none;width:100%;padding:.45rem 1rem;background:#f0c24f;color:#181816;text-align:center;
  font:700 .8rem/1.3 "Atkinson Hyperlegible",system-ui,sans-serif;letter-spacing:.04em}

/* Phone buy bar: shown once the hero button has scrolled away (lang.js sets the class). */
@media (max-width:820px){
  .mobile-purchase{transition:transform .25s ease, visibility .25s}
  body:not(.bar-on) .mobile-purchase{transform:translateY(110%);visibility:hidden}
}
.foot-in > div:last-child a{margin-right:.9rem}
/* Two options (2026-10-18): the book at $19, the book plus bonuses at $27. */
.options{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.2rem 0 1rem}
.option{position:relative;display:flex;flex-direction:column;gap:.6rem;background:#fff;border:2px solid var(--line,#D8D0BB);border-radius:8px;padding:1.1rem 1.1rem 1.2rem}
.option.best{border-color:#8C1D1D;box-shadow:0 8px 22px rgba(140,29,29,.12)}
.opt-flag{position:absolute;top:-.8rem;left:1rem;margin:0;padding:.2rem .6rem;background:#8C1D1D;color:#fff;border-radius:3px;
  font:600 .7rem/1.2 "Oswald",sans-serif;text-transform:uppercase;letter-spacing:.12em}
.opt-name{margin:0;font:600 1.05rem/1.2 "Oswald",sans-serif;text-transform:uppercase;letter-spacing:.06em}
.opt-price{margin:0;display:flex;align-items:baseline;gap:.4rem}
.opt-price b{font:700 2.4rem/1 "Oswald",sans-serif;color:var(--ink,#181816)}
.opt-price small{color:var(--steel,#44525E);font-size:.85rem}
.opt-list{list-style:none;margin:0 0 .4rem;padding:0;display:flex;flex-direction:column;gap:.35rem;font-size:.95rem;line-height:1.4;flex:1}
.opt-list li{padding-left:1.3rem;position:relative}
.opt-list li::before{content:"✓";position:absolute;left:0;color:#2f7a45;font-weight:700}
.opt-list li.tbd{color:#8a8378;font-style:italic}
.option .btn{width:100%;margin-top:auto;white-space:normal;text-align:center}
@media (max-width:1100px){.options{grid-template-columns:1fr}}
.options.single{grid-template-columns:1fr;max-width:30rem}
.option.planned{border-style:dashed;border-color:#b9a99a;box-shadow:none}
.option.planned .opt-flag{background:#6e6b64}
.opt-list .free-tag{font-style:normal;font-size:.7rem;font-weight:700;color:#fff;background:#2f7a45;border-radius:3px;padding:.05rem .35rem;margin-left:.2rem;vertical-align:1px}
.opt-list s,.opt-price s{color:#8a8378;font-weight:400}
.opt-price s{font:500 1.3rem/1 "Oswald",sans-serif;margin-right:.2rem}