/* ═══════════════════════════════════════════════════════════════════════════════
   THE TREASURE HOUSE · EBC MEMPHIS · 2026-10-18
   Pastor Clark: "a mini elegant professional bookstore called The Treasure House … it will look and feel like a
   real online store but underneath it doesn't need all the online store bells and whistles — description, add to
   basket and totals, and the pay-links do the rest. We keep no inventory." Approved from the prototype (Oct 18).

   Rules this file keeps:
   · Every rule is scoped to the store's own classes (th-…) and the two edition cards (#heStandsCard, #sheRisesCard).
     It never restyles anything the app already has. Remove the <link> and the <script> for treasure-house.js and
     the store is gone; nothing else changes.
   · Colours are the app's own v3 tokens (navy, gold, paper). The store is light, like the app.
   ═══════════════════════════════════════════════════════════════════════════════ */
body.v3{--th-rose:#b0405e;--th-teal:#0A6E6E;--th-ok:#2f7a4f;--th-ok-soft:#eef7f1;--th-cream:#f1ead8;--th-mist:#c3c9d4;--th-gold-deep:#7a5f22}
.th-mark{display:block}

/* ── the room on the home page ─────────────────────────────────────────────── */
body.v3 #v3-treasure{background:var(--v3-ink);color:var(--th-cream);position:relative;overflow:hidden;border-top:0}
body.v3 #v3-treasure::after{content:"";position:absolute;right:-160px;top:-120px;width:480px;height:480px;border-radius:50%;border:1px solid rgba(201,167,90,.18);pointer-events:none}
body.v3 #v3-treasure .v3-wrap{display:grid;gap:26px;position:relative;z-index:1;padding-block:44px 48px}
body.v3 #v3-treasure .v3-eyebrow{color:var(--v3-gold-hi)}
body.v3 #v3-treasure h2{font-family:var(--v3-display);font-size:clamp(34px,6vw,52px);line-height:1.04;color:var(--th-cream);font-weight:600;margin:6px 0 0;text-wrap:balance}
body.v3 #v3-treasure p.th-lead{color:var(--th-mist);font-size:16px;line-height:1.55;max-width:52ch;margin:12px 0 0}
.th-intro{display:grid;grid-template-columns:96px minmax(0,1fr);gap:18px;align-items:center}
.th-intro .th-mark{width:96px;height:96px}
.th-acts{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.th-shelf{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.th-shelf button{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);border-radius:14px;padding:8px;cursor:pointer;display:flex;flex-direction:column;gap:7px;text-align:left;min-width:0;font:inherit;color:inherit}
.th-shelf img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:8px;display:block;max-width:100%}
.th-shelf span{font-size:12px;font-weight:700;color:var(--th-cream);line-height:1.25}
.th-shelf em{font-style:normal;color:var(--v3-gold-hi);font-weight:800;font-size:12.5px}
@media(min-width:860px){body.v3 #v3-treasure .v3-wrap{grid-template-columns:1fr 1.1fr;align-items:center}}
body.v3 .v3-jump a.th-jump{color:var(--th-gold-deep)}

/* ── buttons ───────────────────────────────────────────────────────────────── */
.th-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:14px;padding:15px 20px;font:800 15px/1.2 var(--v3-body);cursor:pointer;text-decoration:none;min-height:50px;-webkit-tap-highlight-color:transparent}
.th-btn.gold{background:linear-gradient(135deg,#8a6a1f,#c9a75a 55%,#e6cf8f);color:#1b1206;box-shadow:0 8px 22px rgba(165,132,58,.3)}
.th-btn.navy{background:var(--v3-ink);color:#fff}
.th-btn.ghost{background:var(--v3-card);border:1px solid var(--v3-line);color:var(--v3-ink)}
.th-btn.ghost-d{background:rgba(255,255,255,.06);border:1px solid rgba(201,167,90,.45);color:var(--th-cream)}
.th-btn.block{width:100%}
.th-btn:focus-visible,.th-x:focus-visible,.th-add:focus-visible{outline:3px solid var(--v3-gold-hi);outline-offset:2px}

/* ── the store: full screen, inside the app ────────────────────────────────── */
body.th-locked{overflow:hidden}
.th-store{position:fixed;inset:0;z-index:8300;background:var(--v3-paper);overflow-y:auto;-webkit-overflow-scrolling:touch;opacity:0;visibility:hidden;transform:translateY(18px);transition:opacity .22s,visibility .22s,transform .25s;color:var(--v3-text);font-family:var(--v3-body)}
.th-store.open{opacity:1;visibility:visible;transform:none}
.th-wrap{max-width:1140px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.th-bar{position:sticky;top:0;z-index:5;background:var(--v3-ink);color:var(--th-cream);border-bottom:1px solid rgba(201,167,90,.3);padding-top:env(safe-area-inset-top,0px)}
.th-bar .th-wrap{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-block:10px}
.th-brand{display:flex;align-items:center;gap:10px;min-width:0}
.th-brand .th-mark{width:40px;height:40px;flex:none}
.th-brand b{display:block;font-family:"Cinzel",var(--v3-display);font-size:15px;letter-spacing:.1em;color:var(--th-cream);line-height:1.1}
.th-brand small{display:block;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--v3-gold-hi);margin-top:3px}
.th-bar-acts{display:flex;gap:8px;flex:none}
.th-bask{position:relative;display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(201,167,90,.55);background:rgba(255,255,255,.06);color:var(--th-cream);border-radius:999px;padding:9px 14px;font:800 13.5px/1 var(--v3-body);cursor:pointer;min-height:42px}
.th-bask svg{width:18px;height:18px;stroke:var(--v3-gold-hi);fill:none;stroke-width:1.8}
.th-bask i{font-style:normal;background:var(--v3-gold-hi);color:var(--v3-ink);border-radius:999px;min-width:21px;height:21px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;padding:0 6px}
.th-bask.bump{animation:thBump .4s}
@keyframes thBump{50%{transform:scale(1.08)}}
.th-x{flex:none;border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;border-radius:999px;padding:10px 16px;font:800 14px/1 var(--v3-body);cursor:pointer;min-height:42px}

.th-hero{background:radial-gradient(120% 90% at 85% 0%,#1d3a68 0%,var(--v3-ink) 55%);color:var(--th-cream);overflow:hidden}
.th-hero .th-wrap{padding-block:34px 40px;display:grid;gap:22px;align-items:center}
.th-lock{display:flex;gap:18px;align-items:center}
.th-lock .th-mark{width:clamp(84px,18vw,128px);height:auto;flex:none}
.th-hero h2{font-family:"Cinzel",var(--v3-display);font-size:clamp(24px,5vw,40px);letter-spacing:.08em;font-weight:700;line-height:1.08;margin:0;color:var(--th-cream)}
.th-tagl{font-family:var(--v3-display);font-style:italic;font-size:clamp(20px,3.6vw,26px);color:var(--v3-gold-hi);margin:6px 0 0}
.th-verse{font-size:14px;color:var(--th-mist);max-width:54ch;margin:0;border-left:2px solid var(--v3-gold);padding-left:14px;line-height:1.55}
.th-verse cite{display:block;font-style:normal;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:#9aa3b3;margin-top:6px}
@media(min-width:860px){.th-hero .th-wrap{grid-template-columns:1.2fr 1fr}}

.th-head{margin:30px 0 14px}
.th-head .v3-eyebrow{display:block}
.th-head h3{font-family:var(--v3-display);font-size:clamp(28px,4.4vw,38px);line-height:1.08;color:var(--v3-ink);font-weight:600;margin:5px 0 0;text-wrap:balance}
.th-feat{display:grid;gap:14px}
.th-feat-card{display:grid;grid-template-columns:118px minmax(0,1fr);border-radius:18px;overflow:hidden;border:1px solid var(--v3-line);background:var(--v3-card);box-shadow:var(--v3-shadow);cursor:pointer;text-align:left;padding:0;font:inherit;color:inherit}
.th-feat-card .art{position:relative;display:flex;align-items:center;justify-content:center;padding:14px 8px;min-height:170px}
.th-feat-card .art img{width:66%;max-width:100%;border-radius:4px;box-shadow:0 6px 18px rgba(0,0,0,.28)}
.th-feat-card .art img + img{margin-left:-28%;transform:translateY(8px)}
.th-feat-card.he .art{background:linear-gradient(180deg,#14243d,#0a1426)}
.th-feat-card.she .art{background:linear-gradient(180deg,#f8e4e9,#f3d5dc)}
.th-feat-card .tx{padding:16px;display:flex;flex-direction:column;gap:6px;min-width:0}
.th-feat-card .k{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--v3-gold)}
.th-feat-card.she .k{color:var(--th-rose)}
.th-feat-card h4{font-family:var(--v3-display);font-size:27px;line-height:1.05;margin:0;color:var(--v3-ink);font-weight:600}
.th-feat-card p{margin:0;color:var(--v3-muted);font-size:14px;line-height:1.5}
.th-feat-card .go{font-weight:800;font-size:13.5px;color:var(--th-gold-deep);margin-top:auto}
@media(min-width:860px){.th-feat{grid-template-columns:1fr 1fr}}

.th-filters{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;margin-bottom:16px;scrollbar-width:none}
.th-filters button{flex:none;border:1px solid var(--v3-line);background:var(--v3-card);color:var(--v3-muted);border-radius:999px;padding:9px 15px;font:700 14px/1 var(--v3-body);cursor:pointer}
.th-filters button.on{background:var(--v3-ink);color:#fff;border-color:var(--v3-ink)}

.th-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media(min-width:760px){.th-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1040px){.th-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.th-grid > .th-pc:only-child{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.th-grid > .th-pc:only-child .pic{aspect-ratio:auto;min-height:100%}
.th-pc{background:var(--v3-card);border:1px solid var(--v3-line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--v3-shadow);min-width:0}
.th-pc .pic{position:relative;border:0;padding:14px 14px 0;cursor:pointer;display:flex;align-items:flex-end;justify-content:center;aspect-ratio:1/1;max-width:100%;overflow:hidden;font:inherit}
.th-pc .pic img{max-height:100%;width:auto;max-width:78%;border-radius:4px 4px 0 0;box-shadow:0 6px 18px rgba(0,0,0,.25);display:block}
.th-pc .pic.duo img{max-width:52%}
.th-pc .pic.duo img + img{margin-left:-14%;transform:translateY(6px)}
.th-pc .pic.he{background:linear-gradient(180deg,#1b2f4f,#0a1426)}
.th-pc .pic.she{background:linear-gradient(180deg,#fbeef1,#f1d3da)}
.th-pc .pic.both{background:linear-gradient(115deg,#14243d 0%,#14243d 50%,#f6dfe5 50%,#f6dfe5 100%)}
.th-pc .pic.tee{background:#0b0b0d;padding:0;align-items:stretch}
.th-pc .pic.tee img{max-width:100%;width:100%;max-height:none;height:100%;object-fit:cover;object-position:50% 20%;border-radius:0;box-shadow:none}
.th-ribbon{position:absolute;left:10px;top:10px;background:rgba(13,26,46,.9);color:var(--v3-gold-hi);font:800 10px/1 var(--v3-body);letter-spacing:.14em;text-transform:uppercase;border-radius:6px;padding:6px 8px}
.th-pc .bd{padding:12px 13px 13px;display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}
.th-pc .sel{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:var(--th-teal);overflow-wrap:anywhere}
.th-pc h4{font-family:var(--v3-display);font-size:21px;line-height:1.08;margin:0;color:var(--v3-ink);font-weight:600}
.th-pc .sub{font-size:13px;color:var(--v3-muted);margin:0;line-height:1.45}
.th-seg{display:flex;gap:4px;background:var(--v3-paper);border:1px solid var(--v3-line);border-radius:10px;padding:3px}
.th-seg button{flex:1;border:0;background:transparent;border-radius:7px;padding:7px 4px;font:800 12px/1.15 var(--v3-body);color:var(--v3-muted);cursor:pointer;min-width:0}
.th-seg button.on{background:var(--v3-card);color:var(--v3-ink);box-shadow:0 1px 3px rgba(13,26,46,.15)}
.th-size{width:100%;border:1.5px solid var(--v3-line);border-radius:10px;padding:9px 10px;font:700 14px/1.2 var(--v3-body);color:var(--v3-ink);background:var(--v3-card)}
.th-price{font-family:var(--v3-display);font-size:26px;font-weight:700;color:var(--v3-ink);line-height:1;font-variant-numeric:lining-nums tabular-nums;margin-top:auto;padding-top:4px}
.th-price small{font-family:var(--v3-body);font-size:12px;font-weight:700;color:var(--v3-muted);margin-left:4px}
.th-add{border:0;border-radius:11px;background:var(--v3-ink);color:#fff;padding:11px 8px;font:800 13.5px/1.1 var(--v3-body);cursor:pointer;min-height:44px}
.th-add.done{background:var(--th-ok)}

.th-sell{margin-top:30px;display:grid;gap:16px;background:var(--v3-card);border:1px solid var(--v3-gold-hi);border-radius:18px;padding:20px;box-shadow:var(--v3-shadow)}
.th-sell h3{font-family:var(--v3-display);font-size:30px;margin:4px 0 0;color:var(--v3-ink);font-weight:600;line-height:1.05}
.th-sell p{margin:6px 0 0;color:var(--v3-muted);line-height:1.55}
.th-tiers{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}
.th-tier{border:1px solid var(--v3-line);border-radius:14px;padding:13px;background:var(--v3-paper);display:flex;flex-direction:column;gap:3px;min-width:0}
.th-tier b{font-size:12.5px;font-weight:800;color:var(--v3-ink)}
.th-tier .amt{font-family:var(--v3-display);font-size:30px;font-weight:700;color:var(--th-gold-deep);line-height:1}
.th-tier span{font-size:12.5px;color:var(--v3-muted);line-height:1.4}
.th-tier.best{border-color:var(--v3-gold-hi);background:var(--v3-gold-soft)}
@media(max-width:520px){.th-tiers{grid-template-columns:1fr}.th-tier{flex-direction:row;flex-wrap:wrap;align-items:baseline;column-gap:10px}.th-tier span{flex-basis:100%}}
.th-foot{margin-top:30px;border-top:1px solid var(--v3-line);padding-block:20px calc(40px + env(safe-area-inset-bottom,0px));color:var(--v3-muted);font-size:13.5px;display:grid;gap:6px;line-height:1.55}
.th-foot b{color:var(--v3-ink)}

/* ── the store's own pop-outs (basket, apparel, application) ───────────────── */
.th-sheet-bg{position:fixed;inset:0;z-index:8400;background:rgba(5,10,20,.68);display:flex;align-items:flex-end;justify-content:center;opacity:0;visibility:hidden;transition:opacity .22s,visibility .22s}
.th-sheet-bg.open{opacity:1;visibility:visible}
.th-sheet{background:var(--v3-paper);width:100%;max-width:600px;max-height:92vh;max-height:92dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;border-radius:22px 22px 0 0;
  padding:0 max(14px,env(safe-area-inset-right,0px)) calc(22px + env(safe-area-inset-bottom,0px)) max(14px,env(safe-area-inset-left,0px));color:var(--v3-text);font-family:var(--v3-body)}
.th-sheet-bar{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--v3-paper);padding:14px 0 12px;border-bottom:1px solid var(--v3-line);margin-bottom:14px}
.th-sheet-bar b{font-family:var(--v3-display);font-size:24px;color:var(--v3-ink);font-weight:600;line-height:1.1;min-width:0}
.th-sheet-bar .th-x{background:var(--v3-ink);border:0}
.th-body{display:flex;flex-direction:column;gap:16px}

/* ── shared content blocks (also used inside the two edition cards) ───────── */
.th-flyer{width:100%;border-radius:16px;display:block;box-shadow:var(--v3-shadow)}
.th-lead2{font-family:var(--v3-display);font-size:23px;line-height:1.3;color:var(--v3-ink);margin:6px 0 0;font-weight:500}
.th-copy p{margin:0 0 12px;font-size:15.5px;line-height:1.65;color:var(--v3-text)}
.th-copy p:last-child{margin-bottom:0}
.th-inside{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.th-inside > div{background:var(--v3-card);border:1px solid var(--v3-line);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:4px;min-width:0}
.th-inside .k{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--v3-gold)}
.th-inside h4{margin:0;font-family:var(--v3-display);font-size:21px;color:var(--v3-ink);font-weight:600;line-height:1.1}
.th-inside .amt{font-family:var(--v3-display);font-size:28px;font-weight:700;color:var(--v3-ink);line-height:1;margin-top:4px}
.th-inside .amt small{font-family:var(--v3-body);font-size:12px;color:var(--v3-muted);font-weight:700}
.th-inside p{margin:4px 0 0;font-size:13px;color:var(--v3-muted);line-height:1.5}
@media(max-width:420px){.th-inside{grid-template-columns:1fr}}
.th-box{background:var(--v3-card);border:1px solid var(--v3-line);border-radius:16px;padding:16px}
.th-box h4{margin:0 0 12px;font:800 12px/1 var(--v3-body);letter-spacing:.14em;text-transform:uppercase;color:var(--v3-ink)}
.th-steps{list-style:none;margin:0;padding:0;display:grid;gap:12px;counter-reset:ths}
.th-steps li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;align-items:start;counter-increment:ths;font-size:14.5px;line-height:1.5}
.th-steps li::before{content:counter(ths);width:30px;height:30px;border-radius:50%;background:var(--v3-ink);color:var(--v3-gold-hi);font:800 14px/30px var(--v3-body);text-align:center}
.th-steps b{color:var(--v3-ink)}
.th-know{margin:0;padding:0;list-style:none;display:grid;gap:9px}
.th-know li{font-size:14px;line-height:1.5;padding-left:18px;position:relative;color:var(--v3-text)}
.th-know li::before{content:"";position:absolute;left:2px;top:8px;width:7px;height:7px;transform:rotate(45deg);background:var(--v3-gold)}
.th-acts2{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.th-stack{display:grid;gap:9px}
.th-contact{font-size:13.5px;color:var(--v3-muted);text-align:center;margin:0}
.th-contact span{color:var(--v3-ink);font-weight:800;user-select:all}
.th-she .k,.th-she .v3-eyebrow{color:var(--th-rose)}
.th-sz{width:100%;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums}
.th-sz td{padding:9px 4px;border-bottom:1px solid var(--v3-line)}
.th-sz td:last-child{text-align:right;font-weight:800;color:var(--v3-ink)}
.th-must{background:var(--v3-gold-soft);border:1px solid var(--v3-gold-hi);border-radius:14px;padding:14px 16px;font-size:14.5px;line-height:1.55;color:var(--v3-ink)}
.th-note{font-size:13px;color:var(--v3-muted);line-height:1.55;margin:0}
.th-ok{background:var(--th-ok-soft);border:1px solid #bfe0cb;border-radius:14px;padding:14px 16px;font-size:14px;color:#1d4d33;line-height:1.55}
.th-err{background:#fff1f2;border:1px solid rgba(155,28,46,.3);border-radius:14px;padding:12px 14px;font-size:14px;color:#7a1426;line-height:1.5;font-weight:600}

/* basket and checkout */
.th-line{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:12px;align-items:center;background:var(--v3-card);border:1px solid var(--v3-line);border-radius:14px;padding:10px}
.th-line img{width:54px;height:66px;object-fit:cover;border-radius:6px;display:block;background:var(--v3-paper)}
.th-line .nm{font-weight:800;color:var(--v3-ink);font-size:14.5px;line-height:1.25}
.th-line .meta{font-size:12.5px;color:var(--v3-muted)}
.th-line .rt{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.th-line .p{font-weight:800;font-variant-numeric:tabular-nums}
.th-qty{display:flex;align-items:center;border:1px solid var(--v3-line);border-radius:999px;overflow:hidden}
.th-qty button{border:0;background:var(--v3-card);width:34px;height:32px;cursor:pointer;font-weight:800;font-size:16px;color:var(--v3-ink)}
.th-qty span{min-width:22px;text-align:center;font-weight:800;font-size:13px;font-variant-numeric:tabular-nums}
.th-tot{display:grid;gap:6px;background:var(--v3-card);border:1px solid var(--v3-line);border-radius:14px;padding:14px 16px;font-variant-numeric:tabular-nums}
.th-tot div{display:flex;justify-content:space-between;gap:10px;font-size:14px;color:var(--v3-muted)}
.th-tot .g{font-size:18px;color:var(--v3-ink);font-weight:800;border-top:1px solid var(--v3-line);padding-top:8px;margin-top:2px}
.th-empty{text-align:center;padding:28px 10px;color:var(--v3-muted);line-height:1.55}
.th-empty b{display:block;font-family:var(--v3-display);font-size:26px;color:var(--v3-ink);font-weight:600;margin-bottom:6px}
.th-stepper{display:flex;gap:6px}
.th-stepper span{flex:1;height:5px;border-radius:9px;background:var(--v3-line)}
.th-stepper span.on{background:var(--v3-gold)}
.th-fld{display:flex;flex-direction:column;gap:5px}
.th-fld label{font-size:13px;font-weight:800;color:var(--v3-ink)}
.th-fld input,.th-fld textarea,.th-fld select{border:1.5px solid var(--v3-line);border-radius:11px;padding:12px 13px;font:500 16px/1.3 var(--v3-body);color:var(--v3-text);background:var(--v3-card);width:100%;box-sizing:border-box}
.th-fld input:focus,.th-fld textarea:focus,.th-fld select:focus{border-color:var(--v3-gold-hi);outline:0;box-shadow:0 0 0 3px rgba(201,167,90,.25)}
.th-fld small{font-size:12px;color:var(--v3-muted)}
.th-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:420px){.th-two{grid-template-columns:1fr}}
.th-pay-grp{display:grid;gap:8px}
.th-pay-grp h5{margin:4px 0 0;font:800 11.5px/1.2 var(--v3-body);letter-spacing:.12em;text-transform:uppercase;color:var(--th-teal)}
.th-pay{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;background:var(--v3-card);border:1px solid var(--v3-line);border-radius:14px;padding:12px 13px}
.th-pay .nm{font-weight:800;color:var(--v3-ink);font-size:14.5px}
.th-pay .meta{font-size:12.5px;color:var(--v3-muted);line-height:1.4}
.th-pay .meta b{color:var(--v3-ink)}
.th-pay a{border-radius:10px;padding:10px 12px;font:800 13px/1.1 var(--v3-body);text-decoration:none;background:linear-gradient(135deg,#8a6a1f,#c9a75a 55%,#e6cf8f);color:#1b1206;white-space:nowrap}
.th-pay.done{border-color:var(--th-ok);background:var(--th-ok-soft)}
.th-pay.done a{background:var(--th-ok);color:#fff}
.th-radio{display:grid;gap:8px}
.th-radio label{display:flex;gap:10px;align-items:flex-start;border:1.5px solid var(--v3-line);border-radius:12px;padding:12px;background:var(--v3-card);cursor:pointer;font-size:14px;line-height:1.4;font-weight:500;color:var(--v3-text)}
.th-radio input{accent-color:var(--v3-gold);width:20px;height:20px;margin:0;flex:none}
.th-radio label:has(input:checked){border-color:var(--v3-gold-hi);background:var(--v3-gold-soft)}
.th-sheet [hidden],.th-store [hidden]{display:none!important}
@media(max-width:430px){.th-bask .lbl,.th-brand small{display:none}.th-brand b{font-size:13.5px;letter-spacing:.08em}}
.th-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}

/* ── the two edition cards (they wait in the vault and open in the app's pop-out) ── */
#heStandsCard,#sheRisesCard{display:flex;flex-direction:column;gap:16px;font-family:var(--v3-body,inherit);color:var(--v3-text,#1b2433)}
@media (prefers-reduced-motion:reduce){.th-store,.th-sheet-bg,.th-bask{transition:none!important;animation:none!important}}

/* Showcase Rules & Agreement, copyright line (2026-10-18) */
.th-rules{border-color:var(--v3-gold-hi)}
.th-rules-hd{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}
.th-rules-hd h4{margin:0}
.th-rules-n{font:800 12px/1 var(--v3-body);letter-spacing:.08em;padding:7px 10px;border-radius:999px;background:var(--v3-gold-soft);color:var(--v3-ink);border:1px solid var(--v3-gold-hi);white-space:nowrap}
.th-rules-n.done{background:var(--v3-ink);color:var(--v3-gold-hi)}
.th-rules-lead{margin:0 0 12px;font-size:13.5px;line-height:1.5;color:var(--v3-muted)}
.th-terms label{font-size:13.5px;line-height:1.5}
.th-terms b,.th-sign b{color:var(--v3-ink)}
.th-sign label{border-color:var(--v3-gold-hi)}
.th-radio label.th-miss{border-color:#b3261e;box-shadow:0 0 0 3px rgba(179,38,30,.14)}
.th-cr{margin:14px 0 0;font-size:12px;line-height:1.6;letter-spacing:.02em;color:var(--v3-muted);text-align:center}
.th-foot .th-cr{margin-top:10px;padding-top:12px;border-top:1px solid var(--v3-line)}

/* Hosted Pay Link (2026-10-18) */
.th-tier.host{border-color:var(--v3-ink);background:var(--v3-ink)}
.th-tier.host b{color:var(--v3-gold-hi)}.th-tier.host .amt{color:var(--v3-gold-hi)}.th-tier.host span{color:rgba(255,255,255,.78)}
.th-hostbox{border-color:var(--v3-gold-hi)}
.th-hostbox label{font-size:13.5px;line-height:1.5}
.th-hostbox b{color:var(--v3-ink)}

/* Albums (2026-10-18): square covers fill the picture, like the tee */
.th-pc .pic.album{background:#0a0805;padding:0;align-items:stretch}
.th-pc .pic.album img{max-width:100%;width:100%;max-height:none;height:100%;object-fit:cover;border-radius:0;box-shadow:none}
.th-pc .pic.book{background:linear-gradient(180deg,#1a1712,#050505)}