/* The Hillbilly Way · The McCoy family
   Frank Miller's system: one paper background, off-white tiles, oxblood for action, green for money.
   Fonts: Oswald (headings, labels, prices, buttons) + Atkinson Hyperlegible (reading). Libre Baskerville for the H1 only. */
:root{
  color-scheme:light;
  --paper:#F2EBD4;
  --card:#F9F6EC;
  --ink:#181816;
  --ink-2:#403E3A;
  --ink-3:#77726A;
  --line:#D8D0BB;
  --red:#8C1D1D;
  --red-2:#6B1414;
  --green:#22703A;
  --green-2:#1A5A2E;
  --green-soft:#E3EBD6;
  --green-line:#B9CDA6;
  --steel:#44525E;
  --gold:#C9971B;
  --wood:#2A211B;
  --r:4px;
  --shadow:0 1px 2px rgba(36,30,24,.05),0 8px 20px -14px rgba(36,30,24,.4);
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{font-size:21px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Atkinson Hyperlegible",Verdana,sans-serif;font-size:1rem;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
p{margin:0 0 1rem}
a{color:var(--red);text-underline-offset:.2em}
:focus-visible{outline:4px solid var(--steel);outline-offset:3px}
h1,h2,h3,.label,.btn,.badge,.price,.stat b{font-family:"Oswald",Impact,sans-serif;text-transform:uppercase;letter-spacing:.02em;font-weight:600}
h1{font-family:"Libre Baskerville",Georgia,serif;text-transform:none;letter-spacing:-.005em;font-weight:700;font-size:1.55rem;line-height:1.25;margin:0 0 .7rem;text-wrap:balance}
h2{font-size:2rem;line-height:1.08;margin:0 0 .6rem;text-wrap:balance}
h3{font-size:1.2rem;line-height:1.2;margin:0 0 .35rem}
.label{display:flex;align-items:center;gap:.8rem;font-size:.82rem;letter-spacing:.18em;color:var(--steel);margin:0 0 .9rem}
.lead{font-size:1.05rem;line-height:1.55;color:var(--ink-2)}
.soft{color:var(--ink-2)}
.small{font-size:.82rem}
.center{text-align:center}
.money{color:var(--green)}
.hot{color:var(--red)}
.col{width:min(700px,100% - 32px);margin-inline:auto}
.wrap{width:min(1000px,100% - 32px);margin-inline:auto}
section{padding-block:2.6rem;border-top:1px solid var(--line)}
section:first-of-type{border-top:0}

/* masthead: photo banner + logo */
.masthead{position:relative;background:#3A2A1E url("../images/banner.jpg") center/cover no-repeat}
.masthead::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 55% 80% at 50% 50%,rgba(20,14,9,.75),rgba(20,14,9,.2) 75%,rgba(20,14,9,.05))}
.masthead a{position:relative;display:flex;align-items:center;justify-content:center;min-height:96px;padding:.8rem 16px;text-decoration:none}
.logo{display:flex;flex-direction:column;align-items:center}
.logo .top{font-family:"Oswald",sans-serif;font-weight:500;text-transform:uppercase;letter-spacing:.34em;font-size:.55rem;color:#E9D6AE}
.logo .word{font-family:"Alfa Slab One",Rockwell,Georgia,serif;font-weight:400;text-transform:uppercase;color:#F6EAD0;font-size:clamp(1.2rem,6.4vw,2.2rem);line-height:1.05;letter-spacing:.03em;text-shadow:0 2px 0 #1a120c,0 6px 16px rgba(0,0,0,.5);white-space:nowrap}
.logo .bot{display:none}

/* photos */
.frame{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:.6rem}
.frame img{width:100%;aspect-ratio:4/3;object-fit:cover}
.frame.wide img{aspect-ratio:3/2}
.frame figcaption{font-size:.78rem;color:var(--ink-3);text-align:center;padding:.5rem .3rem .1rem;line-height:1.35}
figure{margin:0}

/* buttons */
.btn{position:relative;display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;min-height:72px;padding:.9rem 1.4rem;border-radius:var(--r);border:3px solid var(--red);background:var(--red);color:#fff;font-size:1.25rem;line-height:1.1;text-align:center;text-decoration:none;cursor:pointer;transition:background .15s,transform .1s}
.btn:hover{background:var(--red-2);border-color:var(--red-2);color:#fff}
.btn:active{transform:translateY(1px)}
.btn.ghost{background:transparent;color:var(--ink);border-color:var(--ink)}
.btn.ghost:hover{background:var(--ink);color:var(--paper)}
.btn small{font-family:"Atkinson Hyperlegible",sans-serif;text-transform:none;letter-spacing:0;font-weight:400;font-size:.8rem}
.btns{display:grid;gap:.9rem;margin-top:1.3rem}
.under{font-family:"Oswald",sans-serif;font-weight:500;text-transform:uppercase;letter-spacing:.18em;font-size:.9rem;color:var(--ink-2);margin:.9rem 0 0}
.jar-bit{position:fixed;z-index:999;pointer-events:none;width:24px;height:30px}
.jar-pop{position:absolute;top:-1.1rem;right:-.8rem;width:1.8rem;height:2.2rem;pointer-events:none;opacity:0;transform:scale(.2) rotate(-25deg);transition:transform .22s cubic-bezier(.2,1.5,.5,1),opacity .18s}
.btn:hover .jar-pop{opacity:1;transform:scale(1) rotate(-12deg)}

/* badges (Frank's) */
.badge{display:inline-flex;align-items:center;font-size:.68rem;letter-spacing:.1em;line-height:1;padding:.32rem .55rem;border-radius:2px;background:var(--red);color:#fff;white-space:nowrap;vertical-align:.15em}
.badge.green{background:var(--green)}
.badge.soft{background:var(--green-soft);color:var(--green);box-shadow:inset 0 0 0 1.5px var(--green-line)}
.free{display:inline-block;background:var(--green);color:#fff;font-family:"Oswald",sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.08em;font-size:.85rem;padding:.25rem .6rem;border-radius:2px}

/* hero */
.hero{padding-block:1.2rem 1.6rem}
.hero .frame img{aspect-ratio:16/10}
.hero h1{text-align:center;margin-top:1.1rem}
.hero .lead{text-align:center}
.pill{display:flex;align-items:center;gap:.7rem;width:fit-content;max-width:100%;margin:1rem auto 0;padding:.35rem 1rem .35rem .4rem;border:2px solid var(--line);border-radius:999px;background:var(--card)}
.faces{display:flex;flex:none}
.faces img{width:2.1rem;height:2.1rem;border-radius:50%;border:2px solid var(--card);object-fit:cover;margin-left:-.6rem}
.faces img:first-child{margin-left:0}
.pill span{font-size:.8rem;line-height:1.25;color:var(--ink-2)}
.pill b{color:var(--ink)}

/* checks */
.checks{list-style:none;margin:0;padding:0}
.checks li{position:relative;padding:.8rem 0 .8rem 2.2rem;border-bottom:1px solid var(--line);font-weight:700;line-height:1.4}
.checks li:last-child{border-bottom:0}
.checks li::before,.stack li::before{content:"";position:absolute;left:0;top:.9rem;width:1.45rem;height:1.45rem;border-radius:50%;background:var(--green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/72% no-repeat}
.stats{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);padding-block:.8rem;margin-top:1.3rem}
.stat{text-align:center;padding-inline:.3rem}
.stat + .stat{border-left:1px solid var(--line)}
.stat b{display:block;font-size:1.5rem;line-height:1;color:var(--red)}
.stat span{display:block;font-family:"Oswald",sans-serif;font-weight:500;text-transform:uppercase;letter-spacing:.08em;font-size:.56rem;line-height:1.3;color:var(--steel);margin-top:.35rem}

/* honest math (two cards) */
.ledger{display:grid;gap:1.1rem;margin-top:1.2rem}
.ledger .card{background:var(--card);border:1px solid var(--line);border-top:5px solid var(--ink-3);border-radius:var(--r);padding:1.1rem 1rem}
.ledger .card.ours{border-top-color:var(--green)}
.ledger h3{font-size:1.3rem;margin:0 0 .4rem}
.ledger .card.ours h3{color:var(--green)}
.ledger ul{list-style:none;margin:0;padding:0}
.ledger li{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.6rem 0;border-bottom:1px dotted var(--line);font-size:.95rem;line-height:1.35}
.ledger li b{font-family:"Oswald",sans-serif;font-weight:600;font-size:1.1rem;white-space:nowrap;color:var(--red)}
.ledger .ours li b{color:var(--green)}
.ledger .tot{display:flex;justify-content:space-between;align-items:baseline;margin-top:.7rem;padding-top:.7rem;border-top:3px solid var(--ink);font-family:"Oswald",sans-serif;font-weight:600;text-transform:uppercase;font-size:1.05rem}
.ledger .tot b{font-size:1.7rem;color:var(--red)}
.ledger .ours .tot b{color:var(--green)}

/* order the collection (Frank's stack) */
.books-shot{width:100%;max-width:32rem;margin:1.2rem auto 0}
.stack{list-style:none;margin:0;padding:0}
.stack li{position:relative;padding:.9rem 0 .9rem 2.2rem;border-bottom:1px solid var(--line)}
.stack .t{display:block;line-height:1.4}
.stack .t b{font-size:1.02rem}
.stack .v{display:flex;justify-content:flex-end;align-items:center;gap:.6rem;margin-top:.35rem;font-family:"Oswald",sans-serif;font-weight:600;font-size:1.2rem;color:var(--steel)}
.stack .v s{color:var(--ink-3);font-weight:500}
.total{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;border-top:3px solid var(--ink);padding-top:.9rem;margin-top:.1rem;font-family:"Oswald",sans-serif;font-weight:600;text-transform:uppercase;font-size:1.2rem}
.total s{color:var(--ink-3);font-weight:500;margin-right:.6rem}
.total b.big{font-size:1.9rem;color:var(--ink)}
.keeps{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:.9rem;padding:.8rem 1rem;background:var(--green-soft);border:2px solid var(--green-line);border-radius:var(--r);font-family:"Oswald",sans-serif;font-weight:600;text-transform:uppercase;font-size:.95rem;color:var(--green-2)}
.keeps b{font-size:1.4rem;color:var(--green);white-space:nowrap}
.keeps span{font-size:.85rem;line-height:1.2}

/* guarantee (Frank's card) */
.guar{display:grid;grid-template-columns:2.2rem 1fr;gap:.9rem;align-items:center;background:var(--card);border:2px solid var(--red);border-radius:var(--r);padding:1.1rem 1rem;margin-top:1.4rem;box-shadow:0 10px 26px -18px rgba(140,29,29,.6)}
.guar svg{width:2.2rem;height:2.4rem}
.guar h3{color:var(--red);font-size:1.25rem;margin:0 0 .2rem}
.guar p{margin:0;font-size:.88rem;line-height:1.45;color:var(--ink-2)}
.guar.big{grid-template-columns:1fr;text-align:center;justify-items:center;padding:1.6rem 1.2rem}
.guar.big svg{width:3.4rem;height:3.8rem}
.guar.big h3{font-size:1.6rem}
.guar.big p{font-size:.98rem}
.secure{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.4rem;margin-top:1rem}
.secure .lock{display:flex;align-items:center;gap:.35rem;width:100%;justify-content:center;font-family:"Oswald",sans-serif;font-weight:500;text-transform:uppercase;letter-spacing:.14em;font-size:.7rem;color:var(--steel);margin-bottom:.2rem}
.secure .lock svg{width:.85rem;height:.85rem;fill:var(--gold)}
.paycard{display:inline-flex;align-items:center;justify-content:center;height:1.8rem;min-width:2.6rem;padding:0 .4rem;background:#fff;border:1px solid var(--line);border-radius:3px}
.paycard svg{height:.95rem;width:auto}
.help{font-size:.8rem;color:var(--ink-3);text-align:center;margin:.9rem 0 0}

/* inside the collection */
.book{background:var(--card);border:1px solid var(--line);border-top:5px solid var(--red);border-radius:var(--r);padding:1rem;margin-top:1.1rem}
.book-top{display:grid;grid-template-columns:4.2rem 1fr;gap:.9rem;align-items:center;margin-bottom:.4rem}
.book-top img{border-radius:2px;box-shadow:0 2px 6px rgba(24,24,22,.25)}
.book-top h3{margin:0}
.book-top .by{font-family:"Oswald",sans-serif;font-weight:500;text-transform:uppercase;letter-spacing:.1em;font-size:.68rem;color:var(--steel);margin-top:.15rem}
.rows{list-style:none;margin:0;padding:0}
.rows li{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.6rem 0;border-top:1px dotted var(--line);font-size:.95rem;line-height:1.35}
.rows li b{font-family:"Oswald",sans-serif;font-weight:600;font-size:1.05rem;color:var(--green);white-space:nowrap}

/* faq */
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1rem 0;font-weight:700;line-height:1.35}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex:none;font-family:"Oswald",sans-serif;font-size:1.6rem;line-height:1;color:var(--red)}
.faq details[open] summary::after{content:"–"}
.faq details p{font-size:.95rem;color:var(--ink-2)}

/* story */
.quote{margin:1.2rem 0;background:var(--card);border-left:5px solid var(--red);border-radius:var(--r);padding:1rem 1.1rem}
.quote blockquote{margin:0;font-family:"Libre Baskerville",Georgia,serif;font-style:italic;font-size:1.1rem;line-height:1.45}
.quote figcaption{font-family:"Oswald",sans-serif;font-weight:500;text-transform:uppercase;letter-spacing:.14em;font-size:.68rem;color:var(--red);margin-top:.6rem}
.people{display:grid;gap:.7rem;margin-top:1.2rem}
.person{display:grid;grid-template-columns:3.8rem 1fr;gap:.8rem;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:.7rem}
.person img{width:3.8rem;height:3.8rem;border-radius:50%;object-fit:cover}
.person h3{margin:0;font-size:1.05rem}
.person p{margin:.1rem 0 0;font-size:.85rem;line-height:1.35;color:var(--ink-2)}

/* contact */
.ask{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:1.2rem 1rem}
.field{display:grid;gap:.3rem;margin-top:.9rem}
.field label{font-family:"Oswald",sans-serif;font-weight:500;text-transform:uppercase;letter-spacing:.12em;font-size:.74rem;color:var(--steel)}
.field input,.field textarea{width:100%;font:inherit;font-size:1rem;padding:.85rem .9rem;border:2px solid var(--line);border-radius:var(--r);background:#fff;color:var(--ink)}
.field textarea{min-height:7rem;resize:vertical}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--steel)}
.sent{font-weight:700;color:var(--green);background:var(--green-soft);border-radius:var(--r);padding:.9rem;margin-top:1rem;text-align:center}

/* single books */
.singles{display:grid;gap:.6rem;margin-top:1rem}
.single{display:grid;grid-template-columns:3rem 1fr auto;gap:.8rem;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:.6rem .8rem;text-decoration:none;color:var(--ink)}
.single img{mix-blend-mode:multiply}
.single b{display:block;font-family:"Oswald",sans-serif;font-weight:600;text-transform:uppercase;font-size:.95rem;line-height:1.15}
.single small{display:block;font-size:.78rem;color:var(--ink-2)}
.single em{font-style:normal;font-family:"Oswald",sans-serif;font-weight:600;font-size:1.1rem;color:var(--red);white-space:nowrap}

/* sticky bar */
.sticky{position:fixed;left:0;right:0;bottom:0;z-index:50;background:var(--card);border-top:3px solid var(--red);box-shadow:0 -8px 24px -12px rgba(36,30,24,.5);padding:.5rem 16px calc(.5rem + env(safe-area-inset-bottom,0px))}
.sticky-in{display:grid;grid-template-columns:3.4rem 1fr auto;gap:.7rem;align-items:center;max-width:700px;margin:0 auto}
.sticky-in img{mix-blend-mode:multiply}
.sticky-t{line-height:1.2;min-width:0}
.sticky-t b{display:block;font-family:"Oswald",sans-serif;font-weight:600;text-transform:uppercase;font-size:.95rem}
.sticky-t span{font-size:.76rem;color:var(--ink-2)}
.btn.sticky-btn{width:auto;min-height:54px;padding:.5rem 1.2rem;font-size:1.1rem}
body.has-sticky{padding-bottom:5rem}

/* footer */
.foot{background:var(--wood);color:#C8B48E;text-align:center;padding-block:1.8rem 2.4rem;font-size:.85rem}
.foot b{font-family:"Oswald",sans-serif;font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:#F2E4C4}
.foot nav{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem 1.3rem;margin-top:.9rem}
.foot a{color:#EBDCB9}
.foot .disc{max-width:38ch;margin:1rem auto 0;font-size:.72rem;color:#9D8B6B}

/* checkout aliases (checkout.html uses these names) */
:root{--green-2:#1A5A2E}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
@media (min-width:860px){
  html{font-size:20px}
  .hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.6rem;align-items:center}
  .hero h1,.hero .lead{text-align:left}
  .hero h1{font-size:2rem;margin-top:0}
  .pill{margin-left:0}
  .btns.row{grid-template-columns:1fr 1fr}
  .ledger{grid-template-columns:1fr 1fr;align-items:start}
  .two{display:grid;grid-template-columns:1fr 1fr;gap:2.6rem;align-items:start}
}
.sign{font-family:"Libre Baskerville",Georgia,serif;font-style:italic;font-size:1.1rem;color:var(--red);margin:.4rem 0 0}

/* choose your option (the hunter's selector, Frank's look) */
.pick{margin-top:1.4rem;background:#fff;border:2px solid var(--line);border-radius:var(--r);padding:1rem;box-shadow:var(--shadow)}
.pick-h{font-family:"Oswald",sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.16em;font-size:.8rem;color:var(--steel);text-align:center;margin:0 0 .8rem}
.choice{position:relative;display:grid;grid-template-columns:1.6rem 1fr auto;gap:.8rem;align-items:center;padding:.9rem .9rem;border:2px solid var(--line);border-radius:var(--r);background:var(--card);cursor:pointer;transition:border-color .15s,background .15s}
.choice + .choice{margin-top:.7rem}
.choice input{position:absolute;opacity:0;pointer-events:none}
.choice .dot{width:1.6rem;height:1.6rem;border-radius:50%;border:2.5px solid var(--ink-3);background:#fff;display:grid;place-content:center}
.choice input:checked ~ .dot{border-color:var(--green)}
.choice input:checked ~ .dot::after{content:"";width:.8rem;height:.8rem;border-radius:50%;background:var(--green)}
.choice:has(input:checked){border-color:var(--green);background:var(--green-soft)}
.choice input:focus-visible ~ .dot{outline:3px solid var(--steel);outline-offset:2px}
.c-t{min-width:0;line-height:1.25}
.c-t .badge{margin-bottom:.35rem}
.c-t b{display:block;font-family:"Oswald",sans-serif;font-weight:600;text-transform:uppercase;font-size:1.15rem}
.c-t small{display:block;font-size:.8rem;color:var(--ink-2);margin-top:.1rem}
.c-p{text-align:right;line-height:1}
.c-p s{display:block;font-family:"Oswald",sans-serif;font-size:.95rem;color:var(--ink-3);margin-bottom:.2rem}
.c-p b{display:block;font-family:"Oswald",sans-serif;font-weight:700;font-size:1.9rem;color:var(--ink)}
.pick .btn{margin-top:1rem}

/* v10 · selector with covers */
.choice.best{grid-template-columns:1.6rem 1fr auto;row-gap:.7rem}
.choice .c-img{grid-column:1/-1;width:100%;height:auto;border-radius:2px;mix-blend-mode:multiply}
.choice.one{grid-template-columns:1.6rem 3.2rem 1fr auto;column-gap:.7rem;row-gap:.15rem;padding:.75rem .8rem}
.choice.one .dot,.choice.one .c-cov{grid-row:1/3}
.choice.one .c-t{align-self:end}
.choice.one .c-s{grid-column:3/-1;align-self:start;font-size:.82rem;line-height:1.3;color:var(--ink-2)}
.choice .c-cov{width:3.2rem;height:auto;border-radius:2px;box-shadow:0 1px 4px rgba(24,24,22,.3)}
.choice.one .c-t b{font-size:1rem;line-height:1.15}
.choice.one .c-p b{font-size:1.5rem}
.pick-or{font-family:"Oswald",sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.14em;font-size:.75rem;color:var(--ink-3);text-align:center;margin:1rem 0 .6rem}
.pick-or + .choice{margin-top:0}
.c-t .badge{white-space:normal;max-width:100%}

/* v12 · book contents + honesty pact */
.book-for{font-size:.92rem;color:var(--ink-2);margin:.2rem 0 .6rem;line-height:1.45}
.inside-h{font-family:"Oswald",sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;color:var(--steel);margin:1rem 0 .4rem}
.inside{list-style:none;margin:0;padding:0}
.inside li{position:relative;padding:.25rem 0 .25rem 1.1rem;font-size:.92rem;line-height:1.4}
.inside li::before{content:"";position:absolute;left:.1rem;top:.78rem;width:.42rem;height:.42rem;border-radius:50%;background:var(--red)}
.pact{margin-top:1.4rem;background:var(--card);border:2px solid var(--line);border-radius:var(--r);padding:1.1rem;text-align:center}
.pact h3{margin:.1rem 0 .8rem;font-size:1.35rem}
.pact p{margin:.8rem 0 0;font-size:.92rem;color:var(--ink-2)}
.verdicts{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:center}
.verdicts span{font-family:"Oswald",sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.06em;font-size:.78rem;padding:.35rem .6rem;border-radius:var(--r);border:1.5px solid}
.v-ok{color:var(--green-2);background:var(--green-soft);border-color:var(--green-line)}
.v-mid{color:#7A5A0E;background:#F6EACB;border-color:#E2C98A}
.v-no{color:var(--red-2);background:#F3DEDA;border-color:#E0B7B0;text-decoration:line-through;text-decoration-thickness:1.5px}

/* v13 · exit offer */
.exit{position:fixed;inset:0;z-index:60;background:rgba(24,24,22,.62);display:grid;place-items:center;padding:1rem;overflow-y:auto}
.exit[hidden]{display:none!important}
body.exit-open{overflow:hidden}
.exit-card{position:relative;width:100%;max-width:26rem;background:var(--paper);border-radius:var(--r);border-top:6px solid var(--red);padding:1.4rem 1.1rem 1rem;text-align:center;box-shadow:0 20px 50px rgba(0,0,0,.35);animation:exitIn .28s ease-out}
@keyframes exitIn{from{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}
.exit-x{position:absolute;top:.3rem;right:.4rem;width:2.6rem;height:2.6rem;border:0;background:none;font-size:2rem;line-height:1;color:var(--ink-3);cursor:pointer}
.exit-top{font-family:"Oswald",sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.16em;font-size:.8rem;color:var(--red);margin:0}
.exit h2{margin:.3rem 0 .6rem;font-size:1.75rem;line-height:1.1}
.exit img{width:100%;height:auto;margin:.2rem 0 .4rem}
.exit-p{font-size:.95rem;margin:0 0 .9rem}
.exit-p s{color:var(--ink-3)}
.exit-p b{color:var(--green-2)}
.exit-g{font-size:.78rem;color:var(--ink-3);margin:.5rem 0 0}
.exit-free{margin-top:1rem;padding-top:.9rem;border-top:1.5px dashed var(--line)}
.exit-free p{font-size:.88rem;margin:0 0 .6rem}
.exit-free form{display:grid;gap:.5rem}
.exit-free input{font:inherit;font-size:1rem;padding:.8rem .9rem;border:2px solid var(--line);border-radius:var(--r);background:#fff;min-height:3.2rem}
.exit-free .btn{min-height:3.2rem;font-size:1rem}
.exit-ok{color:var(--green-2);font-weight:700}
.exit-no{margin-top:.8rem;border:0;background:none;font:inherit;font-size:.82rem;color:var(--ink-3);text-decoration:underline;cursor:pointer;padding:.4rem}

/* v14 · "Most ordered" flag on the collection option */
.choice.best{margin-top:.9rem}
.choice .c-flag{position:absolute;top:-.85rem;left:.8rem;z-index:1;background:var(--red);color:#fff;box-shadow:0 2px 6px rgba(24,24,22,.18)}

/* v14 · blog */
.crumb{font-family:"Oswald",sans-serif;font-weight:500;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;color:var(--steel);margin:0 0 .8rem}
.crumb a{color:var(--steel)}
.post h1{font-size:clamp(1.7rem,6.5vw,2.4rem);line-height:1.15;margin:0 0 .9rem;text-wrap:balance}
.byline{display:flex;align-items:center;gap:.7rem;font-size:.9rem;color:var(--ink-2);margin-bottom:1.2rem}
.byline img{width:2.8rem;height:2.8rem;border-radius:50%;object-fit:cover;border:2px solid var(--card)}
.byline b{display:block;color:var(--ink)}
.post .hero-img{margin:0 0 1.4rem}
.post .hero-img img{width:100%;height:auto;display:block;border-radius:var(--r)}
.post h2{font-size:1.45rem;margin:2rem 0 .6rem;text-wrap:balance}
.post p{margin:0 0 1rem}
.post .lead{font-size:1.08rem;color:var(--ink)}
.post ol,.post ul.plain{padding-left:1.3rem;margin:0 0 1rem}
.post li{margin-bottom:.45rem}
.verdict{display:inline-block;font-family:"Oswald",sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;padding:.25rem .5rem;border-radius:var(--r);margin-right:.35rem;vertical-align:.1em}
.verdict.ok{color:var(--green-2);background:var(--green-soft)}
.verdict.no{color:var(--red-2);background:#F3DEDA;text-decoration:line-through}
.careful{background:#F3DEDA;border-left:4px solid var(--red);padding:.8rem 1rem;border-radius:var(--r);margin:1.2rem 0;font-size:.95rem}
.inline-promo{display:grid;grid-template-columns:4.2rem 1fr;gap:.9rem;align-items:center;background:var(--card);border:2px solid var(--line);border-radius:var(--r);padding:.9rem;margin:1.6rem 0;text-decoration:none;color:var(--ink)}
.inline-promo img{width:4.2rem;height:auto;border-radius:2px;box-shadow:0 2px 6px rgba(24,24,22,.25)}
.inline-promo small{display:block;font-family:"Oswald",sans-serif;text-transform:uppercase;letter-spacing:.12em;font-size:.68rem;color:var(--steel)}
.inline-promo b{display:block;font-size:1rem;line-height:1.3}
.inline-promo u{color:var(--red);font-weight:700}
.end-promo{background:var(--card);border:2px solid var(--line);border-top:6px solid var(--red);border-radius:var(--r);padding:1.2rem 1rem;margin:2.2rem 0 1rem;text-align:center}
.end-promo h2{margin:.2rem 0 .6rem}
.end-promo img{width:100%;height:auto;margin:.4rem 0 .6rem}
.end-promo ul{list-style:none;padding:0;margin:0 0 1rem;text-align:left}
.end-promo li{padding:.35rem 0 .35rem 1.6rem;position:relative;font-size:.95rem}
.end-promo li::before{content:"✓";position:absolute;left:.2rem;color:var(--green);font-weight:700}
.watch{display:inline-flex;align-items:center;gap:.4rem;font-weight:700;color:var(--red)}
.posts{display:grid;gap:1rem;margin-top:1.2rem}
.pcard{display:grid;grid-template-columns:1fr;background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;text-decoration:none;color:var(--ink)}
.pcard img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block}
.pcard div{padding:.9rem 1rem 1.1rem}
.pcard small{font-family:"Oswald",sans-serif;text-transform:uppercase;letter-spacing:.12em;font-size:.68rem;color:var(--steel)}
.pcard h2{font-size:1.25rem;margin:.3rem 0 .4rem}
.pcard p{margin:0;font-size:.92rem;color:var(--ink-2)}
.verdict.mid{color:#7A5A0E;background:#F6EACB}
.post img{max-width:100%;height:auto}
.revs{display:grid;gap:.8rem;margin-top:1rem}
.rev{margin:0;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:1rem}
.rev .stars{color:var(--gold);letter-spacing:.1em}
.rev blockquote{margin:.3rem 0 .5rem;font-size:1rem;line-height:1.5}
.rev figcaption{font-family:"Oswald",sans-serif;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;color:var(--steel)}

/* Real YouTube comments */
.yts{display:grid;gap:.7rem;margin-top:1rem}
.yt{margin:0;display:grid;grid-template-columns:2.6rem 1fr;gap:.75rem;align-items:start;background:#fff;border:1px solid var(--line);border-radius:10px;padding:.9rem .9rem .8rem;box-shadow:var(--shadow)}
.yt-av{width:2.6rem;height:2.6rem;border-radius:50%;display:grid;place-content:center;color:#fff;font:700 1.15rem/1 Arial,sans-serif}
.yt-b{min-width:0}
.yt figcaption{font-size:.86rem;color:var(--ink-3);overflow-wrap:anywhere}
.yt figcaption b{color:var(--ink);font-weight:700}
.yt blockquote{margin:.25rem 0 0;font-size:1.02rem;line-height:1.5;color:var(--ink)}
.yt-l{display:inline-flex;align-items:center;gap:.35rem;margin-top:.45rem;font-size:.85rem;color:var(--ink-2)}
.yt-l svg{width:1.05rem;height:1.05rem}
.yt-more{display:grid;gap:.7rem}
.yt-btn{justify-self:center;margin-top:.2rem;padding:.8rem 1.2rem;min-height:48px;background:none;border:2px solid var(--ink-2);border-radius:var(--r);font:600 .95rem/1 "Oswald",sans-serif;text-transform:uppercase;letter-spacing:.08em;color:var(--ink);cursor:pointer}
.yt-src{display:flex;align-items:center;gap:.45rem;font-size:.82rem;color:var(--ink-3);margin:.9rem 0 0;justify-content:center;text-align:center}
.yt-src svg{width:1.3rem;height:1.3rem;flex:none}
.co .yts{margin-top:.6rem}
.co .yt blockquote{font-size:.95rem}
img.yt-av{object-fit:cover;display:block}
.fans{display:flex;align-items:center;gap:.75rem;width:fit-content;max-width:100%;margin:0 auto 1.3rem;padding:.4rem 1.1rem .4rem .45rem;background:#fff;border:2px solid var(--line);border-radius:999px;box-shadow:var(--shadow)}
.fans .faces img{width:2.3rem;height:2.3rem}
.fans-t{line-height:1.2;font-size:.85rem;color:var(--ink-2)}
.fans-t b{display:block;font-family:"Oswald",sans-serif;font-weight:600;font-size:1.05rem;letter-spacing:.02em;color:var(--ink)}
.fans-t b svg{width:1rem;height:1rem;vertical-align:-.12em;margin-right:.25rem;color:var(--red)}
.co .fans{margin:.4rem auto .2rem}
.fans{gap:.6rem;padding:.35rem .9rem .35rem .4rem}
.fans .faces img{width:2.1rem;height:2.1rem;margin-left:-.7rem}
.fans .faces img:first-child{margin-left:0}
.fans-t{font-size:.78rem;white-space:nowrap}
.fans-t b{font-size:1rem}
.fans-t{white-space:normal}
.fans-t b{white-space:nowrap}
@media (max-width:350px){.fans .faces img:nth-child(4){display:none}}