/* The shop pages in the Renaissance palette (owner, 2026-11-01: "Shop pages first"): the Black, White and Genesis pages
   (.bk, css/book-edition-20261020.css), the New Testament and Five Books pages (.tb, css/minimalist-bible-books-*.css), the
   theme book pages (.tbk .tp, css/theme-books-20261019u.css), the collection (css/collection.css) and the clothing
   (css/apparel-*.css). Each page keeps its layout, gallery, buy box and scripts; its own colour variables take the
   Renaissance paper and ink (light or dark, as the visitor chose: js/renaissance-20261031.js), its hard-coded whites the
   page's paper, its black buttons the page's ink. The header, the footer and the dialogs are css/renaissance-20261031.css.
   Pictures of pages (look inside, spreads, eBook screens) stay white: they show the printed page. */

/* the Renaissance tokens under names no page reuses (a page may set its own --muted or --line further down the tree) */
:root{--r-paper:var(--paper);--r-ink:var(--ink);--r-muted:var(--muted);--r-rule:var(--rule);--r-panel:var(--panel)}
html:has(body.rena-shop){background:var(--r-paper)!important;background-image:none!important}
body.rena-shop,body.rena-shop.product-page.solid-black{padding-top:var(--head);background:var(--r-paper)!important;background-image:none!important;color:var(--r-ink)}
.rena-shop #store-header{background:#101711f5}
[data-pbb-theme=light] .rena-shop #store-header{background:#fffffff5;color:#1b1c19;border-bottom:1px solid var(--r-rule)}
.rena-shop .eu-guarantee-notice,.rena-shop #pbb-eu-guarantee-notice{background:var(--r-paper);color:var(--r-ink);border-color:var(--r-rule)}
.rena-shop .eu-guarantee-notice select{background:var(--r-paper);color:var(--r-ink);border:1px solid var(--r-rule)}
.rena-shop p.ship-note,.rena-shop span.ship-note,.rena-shop .ship-info{color:var(--r-muted);opacity:1}

/* ---------- the Black, White and Genesis pages ---------- */
.rena-shop.bk-page{background:var(--r-paper);color:var(--r-ink)}
.rena-shop .bk{--bg:var(--r-paper);--fg:var(--r-ink);--muted:var(--r-muted);--line:var(--r-rule);--soft:var(--r-panel);--btn:var(--r-ink);--btn-fg:var(--r-paper);
  --display:var(--serif);--ui:var(--sans)}
.rena-shop .bk-crumbs li+li::before{color:var(--r-muted)}
.rena-shop .pg-thumb{background:transparent}
.rena-shop .bk-switch a[aria-current]{color:var(--r-paper)}
.rena-shop .bk-clarify{background:var(--r-panel);color:var(--r-ink)}
.rena-shop .bk-pill span{background:transparent;border-color:var(--r-rule)}
.rena-shop .bk-pill input:checked+span small,.rena-shop .bk-pill input:checked+span .bk-was{color:var(--r-paper);opacity:.75}
.rena-shop .bk-sub,.rena-shop .bk-line,.rena-shop .bk--genesis .bk-line{color:var(--r-ink)}
.rena-shop .bk-desc,.rena-shop .bk-status,.rena-shop .bk .ship-eta,.rena-shop .bk-fit,.rena-shop .bk-faq details p,.rena-shop .bk-series :is(.collector-intro,.collector-note){color:var(--r-muted)}
[data-pbb-theme=dark] .rena-shop .bk--genesis .bk-kicker,[data-pbb-theme=dark] .rena-shop .bk-series .collector-kicker{color:#d9a650}
.rena-shop .bk-btn.ghost{background:transparent}
.rena-shop .bk--white .bk-quote{background:var(--r-paper)}
.rena-shop .bk-series .waitlist-row button{background:var(--r-ink);color:var(--r-paper)}
.rena-shop .bk-bar{background:var(--r-paper);color:var(--r-ink);border-color:var(--r-rule)}
.rena-shop .bk-bar .bk-btn{--btn:var(--r-ink);--btn-fg:var(--r-paper);background:var(--r-ink);color:var(--r-paper);font-family:var(--sans)}

/* ---------- the New Testament and Five Books pages ---------- */
.rena-shop .tb{--tb-bg:var(--r-paper);--tb-fg:var(--r-ink);--tb-muted:var(--r-muted);--tb-line:var(--r-rule);--tb-display:var(--serif);--tb-ui:var(--sans)}
/* the phone's buy bar sits outside .tb and drew white with a paper-coloured price in dark (2026-11-02) */
.rena-shop .tb-buybar{--tb-bg:var(--r-paper);--tb-fg:var(--r-ink);--tb-muted:var(--r-muted);--tb-line:var(--r-rule);--tb-display:var(--serif);--tb-ui:var(--sans);background:var(--r-paper);color:var(--r-ink);box-shadow:0 -8px 24px #0003}
.rena-shop .tb-buybar-price{color:var(--r-ink)}
.rena-shop .tb-btn:hover{background:var(--r-muted)}
.rena-shop .tb-reader .tb-loading,.rena-shop .tb-end{background:var(--r-panel)}
.rena-shop .tb .pg-thumb{background:transparent}
.rena-shop .nt-unit[aria-current="true"]{background:var(--r-panel)}
.rena-shop .nt-edition{background:transparent}
.rena-shop .nt-edition:hover{background:var(--r-panel)}

/* ---------- the theme book pages (their colours are the theme books page's: .rena .tbk in css/renaissance-20261031.css) ---------- */
.rena-shop .tbk :is(a.tp-btn,.tp-btn:not(.ghost)){color:var(--r-paper)}
.rena-shop .tbk :is(.tp-btn.ghost,a.tp-btn.ghost){background:transparent;color:var(--r-ink)}
.rena-shop .tp-chips span{background:transparent}
.rena-shop .tp-chips input:checked+span{color:var(--r-paper)}
.rena-shop .tp-spread-cta{color:#161616}
.rena-shop .tp-look{background:transparent;color:var(--r-ink);border-color:var(--r-ink)}
@media (hover:hover){
  .rena-shop .tp-look:hover{color:var(--r-paper)}
  .rena-shop .tbk .tp-btn:hover:not(:disabled){background:var(--r-muted);border-color:var(--r-muted);color:var(--r-paper)}
  .rena-shop .tbk .tp-btn.ghost:hover:not(:disabled){background:var(--r-panel);color:var(--r-ink)}
}

/* ---------- the collection ---------- */
.rena-shop .filters button,.rena-shop .search input,.rena-shop .book,.rena-shop .purchase-option,.rena-shop .options-add,.rena-shop .options-pill{background:transparent;color:var(--r-ink);border-color:var(--r-rule)}
/* the cart sits on the cover, and a cover can be any colour, so it keeps a solid disc of its own (owner, 2026-11-05: not visible on the dark books) */
.rena-shop .collection-cart{background:var(--r-paper);color:var(--r-ink);border-color:var(--r-rule);box-shadow:0 2px 10px #00000026}
.rena-shop .filters [aria-pressed=true],.rena-shop .view-book,.rena-shop .options-primary{background:var(--r-ink);color:var(--r-paper);border-color:var(--r-ink)}
.rena-shop .options-primary:hover{background:var(--r-muted)}
.rena-shop .collection-cart:hover,.rena-shop .options-add:hover{background:var(--r-panel)}
.rena-shop .collection-cart:hover{border-color:var(--r-ink)}
.rena-shop .collection-options{background:var(--r-paper);color:var(--r-ink);border-color:var(--r-rule)}

/* ---------- the clothing (css/apparel-lookbook.css already draws with --paper and --ink) ---------- */
.rena-shop .garment-views,.rena-shop .commerce-gallery .garment-views button{background:var(--r-paper);color:var(--r-ink)}
.rena-shop .commerce-info #apparel-buy,.rena-shop .commerce-info #commerce-add,.rena-shop .outfit-shop-actions #outfit-buy,.rena-shop #commerce-sizes button[aria-pressed=true],.rena-shop .size-unit-switch button[aria-pressed=true]{background:var(--r-ink);color:var(--r-paper);border-color:var(--r-ink)}
.rena-shop .look{background:transparent;border-color:var(--r-rule)!important}
.rena-shop .outfit-piece{background:transparent;border-color:var(--r-rule)}
.rena-shop .collection-facts-grid article{background:transparent;border-color:var(--r-rule)}
.rena-shop :is(.breadcrumb,.intro,.book p.details,.binding,.options-eyebrow,.options-price,.options-note,.options-name,.purchase-option-sub,.options-versions legend,.options-list legend,.price-was s,.options-was,.options-was-row){color:var(--r-muted)}
.rena-shop :is(.options-price strong,.options-status,.price-was){color:var(--r-ink)}
.rena-shop .purchase-option input{accent-color:var(--r-ink)}
.rena-shop .collector-series{background:var(--r-paper);color:var(--r-ink)}
.rena-shop :is(.collector-intro,.collector-note){color:var(--r-muted)}


/* ---------- the journal and the older articles (owner, 2026-11-02: "Yes, articles next") ----------
   css/articles-20260921.css, css/journal-20260921.css and the guides' inline styles drew them in a fixed near-black (#111210)
   with !important on the body and the header; here they take the Renaissance paper and ink, light or dark, and the type of
   the Renaissance guides: Schibsted Grotesk for headings and text, Instrument Serif for the deck, EB Garamond kept for
   Scripture. */
html:has(body.rena-shop){color-scheme:dark}
[data-pbb-theme=light]:has(body.rena-shop){color-scheme:light}
body.rena-shop{color:var(--r-ink)!important}
.rena-shop #store-header{background:#101711f5!important;color:#f3eedf!important;border-bottom:0!important}
[data-pbb-theme=light] .rena-shop #store-header{background:#fffffff5!important;color:#1b1c19!important;border-bottom:1px solid var(--r-rule)!important}
.rena-shop .back-nav{color:var(--r-muted);font-family:var(--sans)}
/* the article */
.rena-shop .article-page{padding-top:40px}
.rena-shop .article-meta,.rena-shop .article-byline{font-family:var(--sans);color:var(--r-muted)}
.rena-shop .article-h1{font:700 clamp(38px,5.2vw,72px)/.98 var(--sans);letter-spacing:-.05em;color:var(--r-ink)}
.rena-shop .article-deck{font:400 clamp(22px,2.2vw,28px)/1.25 var(--serif);letter-spacing:-.01em;color:var(--r-muted)}
.rena-shop .article-body{font:17.5px/1.75 var(--sans);color:var(--r-ink)}
.rena-shop .article-body :is(p,li){font:inherit}
.rena-shop .article-body :is(h2,h3),.rena-shop .article-related h2,.rena-shop .article-product-copy h2{font-family:var(--sans);font-weight:700;letter-spacing:-.04em;color:var(--r-ink)}
.rena-shop .article-body h2,.rena-shop .article-related h2{font-size:clamp(26px,2.6vw,34px);line-height:1.08}
.rena-shop .article-body h3{font-size:21px;line-height:1.2}
.rena-shop .article-body a,.rena-shop .article-related a,.rena-shop .article-sample,.rena-shop .article-inline-preview a{color:var(--r-ink);text-decoration-color:var(--brass,#a08c60)}
.rena-shop .article-body blockquote{border-left-color:var(--brass,#a08c60);color:var(--r-ink);font-family:'EB Garamond',Georgia,serif;font-size:19px}
.rena-shop .article-body :is(.ref,.web b){font-family:var(--sans);color:var(--r-muted)}
.rena-shop .article-body .web{color:var(--r-muted);font-family:'EB Garamond',Georgia,serif}
[data-pbb-theme=light] .rena-shop .article-body .wj{color:#a8262b}
.rena-shop :is(.article-end p,.article-related,.article-product-copy p,.article-price span,.article-card-ship){font-family:var(--sans);color:var(--r-muted)}
.rena-shop .article-product-copy .article-price{font-family:var(--sans);color:var(--r-ink)}
.rena-shop .article-table-wrap table{font-family:var(--sans)}
.rena-shop .article-table-wrap :is(th,td){border-color:var(--r-rule)!important;color:var(--r-ink)}
.rena-shop :is(.article-buy,.article-actions .article-sample:first-child){background:var(--r-ink)!important;color:var(--r-paper)!important;border-color:var(--r-ink)!important;border-radius:44px;font-family:var(--sans);font-weight:600}
.rena-shop .article-actions .article-sample:not(:first-child),.rena-shop .article-header>.article-sample{border-radius:44px;border-color:var(--r-ink);color:var(--r-ink);font-family:var(--sans)}
@media (hover:hover){.rena-shop :is(.article-buy,.article-actions .article-sample:first-child):hover{background:var(--r-muted)!important}}
/* the guides' boxes (inline styles of scripts/new-believer-20261021, scripts/guides-20261026, black-pages-eyes) */
.rena-shop :is(#article-buy-card,.gd-lead,.nb-pick,.nb-series,.nb-method,.nb-opts){border-color:var(--r-rule)!important;background:transparent!important;color:var(--r-ink)}
.rena-shop .nb-answer{background:var(--r-panel)!important;border:0!important;border-left:2px solid var(--brass,#a08c60)!important;color:var(--r-ink)}
.rena-shop :is(.nb-answer-label,.gd-lead-k,.nb-small,.nb-products-intro,.nb-products-note,.gd-lead-d,.gd-lead-p span,.nb-pick-price span,.eye-note,.eye-sources,.gd-ref){color:var(--r-muted)!important;font-family:var(--sans)}
.rena-shop :is(.nb-answer,.gd-lead-p,.nb-pick-price,.nb-step-q,.gd-inscription,.gd-kjv,.eye-quote){color:var(--r-ink)!important}
.rena-shop :is(.nb-pick,.gd-lead,#article-buy-card) :is(h2,h3){font-family:var(--sans);font-weight:700;letter-spacing:-.03em}
.rena-shop .article-figure figcaption{color:var(--r-muted);font-family:var(--sans)}
/* the journal */
.rena-shop .journal-title{font:700 clamp(54px,8vw,120px)/.9 var(--sans);letter-spacing:-.06em;color:var(--r-ink)}
.rena-shop .journal-subtitle{font:400 clamp(22px,2.2vw,28px)/1.25 var(--serif);color:var(--r-muted)}
.rena-shop .journal-label{font-family:var(--sans);color:var(--r-muted)}
.rena-shop .journal-feature h2,.rena-shop .journal-section-title{font-family:var(--sans);font-weight:700;letter-spacing:-.045em;color:var(--r-ink)}
.rena-shop .journal-feature p:not(.journal-label){font-family:var(--sans);color:var(--r-muted)}
.rena-shop .journal-button{background:var(--r-ink);color:var(--r-paper)!important;border-radius:44px;font-family:var(--sans)}
.rena-shop .journal-shop{color:var(--r-ink);font-family:var(--sans)}
.rena-shop .journal-container .article-block{border-color:var(--r-rule);color:var(--r-ink)}
.rena-shop .journal-container .article-block:hover,.rena-shop .journal-container .article-block:focus-visible{background:var(--r-panel);border-color:var(--r-muted)}
.rena-shop .article-title{font:700 21px/1.18 var(--sans);letter-spacing:-.03em;color:var(--r-ink)}
.rena-shop .article-excerpt,.rena-shop .read-more{font-family:var(--sans);color:var(--r-muted)}
.rena-shop .journal-guides-translations ul,.rena-shop .journal-guides-translations a{border-color:var(--r-rule)!important}
.rena-shop .journal-guides-translations :is(h2,strong){font-family:var(--sans);font-weight:700;letter-spacing:-.03em}
.rena-shop .journal-guides-translations span{font-family:var(--sans)!important;color:var(--r-muted)}
.rena-shop .journal-guides-translations h2{font:700 clamp(30px,3vw,42px)/1 var(--sans)!important;text-transform:none!important;letter-spacing:-.045em!important;text-align:left!important;color:var(--r-ink)}
/* the black-page guide's own layer (css/guide-layout-20261013.css, body .bpg-guide) */
.rena-shop.bpg-guide,.rena-shop.bpg-guide .article-page{--bpg-ink:var(--r-ink);--bpg-outline:var(--r-rule);--bpg-line:var(--r-rule);--bpg-card:transparent}
.rena-shop.bpg-guide :is(.article-deck,.guide-interior>p,.guide-interior figcaption){color:var(--r-muted)}
.rena-shop.bpg-guide .article-body>p:first-child{color:var(--r-ink)}
.rena-shop.bpg-guide .article-body ul li{background:var(--r-panel);color:var(--r-ink)}
.rena-shop.bpg-guide .article-product-image img{background:transparent!important}
.rena-shop.bpg-guide .article-end{background:var(--r-paper);border-color:var(--r-rule)}
.rena-shop.bpg-guide .bpg-price-card{border-color:var(--r-rule)}
.rena-shop.bpg-guide :is(.article-actions .article-sample,.guide-interior>.article-sample){color:var(--r-ink);border-color:var(--r-ink)}
@media (hover:hover){.rena-shop.bpg-guide :is(.article-actions .article-sample,.guide-interior>.article-sample):hover{background:var(--r-ink);color:var(--r-paper);border-color:var(--r-ink)}}
/* the new-believer guides' steps and picks (inline styles) */
.rena-shop .nb-opts li{background:var(--r-panel)!important;color:var(--r-ink)!important}
.rena-shop .nb-step-q span{background:var(--r-ink)!important;color:var(--r-paper)!important}
.rena-shop .nb-pick-img{background:transparent!important}
.rena-shop :is(.nb-pick p,.nb-method,.nb-series,.guide-interior>p,.guide-interior figcaption){color:var(--r-muted)!important}
.rena-shop.bpg-guide,.rena-shop.bpg-guide .article-page{--bpg-muted:var(--r-muted);--bpg-quiet:var(--r-muted);--bpg-rule:var(--r-rule)}
.rena-shop .nb-opts :is(b,strong){color:var(--r-ink)!important}
.rena-shop #article-buy-card .article-sample{color:var(--r-ink)!important}
.rena-shop #article-buy-card .article-product-image img{height:auto!important;max-height:150px;object-fit:contain}

/* ---------- the painting after the buy box (scripts/renaissance-20261031/shop.cjs BREAKS; owner, 2026-11-02) ----------
   A home page chapter cover without the rail: the painting full width, the chapter's number and name, one line of Scripture
   in the chapter titles' type, its reference small, the painting's name in the corner. Always on dark paint: the type is paper. */
/* full width out of the page's centred column (the body clips the scrollbar's few pixels) */
body.rena-shop:has(.rena-break){overflow-x:clip}
.rena-shop .rena-break{--rail:0px;display:block;position:relative;margin:0 calc(50% - 50vw);padding:0;max-width:none;width:100vw;border:0;background:#1b221c}
.rena-shop .rena-break .chapter-cover{height:86svh;min-height:540px;max-height:960px}
.rena-shop .rena-break .cover-art{object-position:var(--art-pos,50% 40%)}
.rena-shop .rena-break .cover-shade{background:linear-gradient(0deg,#0d1410a6,transparent 58%),linear-gradient(90deg,#0d141066,transparent 62%)}
.rena-shop .rena-break .cover-label{left:32px;top:36px;color:#f7f7ee}
.rena-shop .rena-break-words{position:absolute;left:28px;right:25px;bottom:11%;z-index:4;max-width:84%}
.rena-shop .rena-break-line{margin:0;font:700 clamp(58px,8.4vw,148px)/.9 var(--sans);letter-spacing:-.06em;color:#f7f7ee;text-shadow:0 1px 1px #1113,0 2px 28px #0006}
.rena-shop .rena-break-ref{margin:22px 0 0 4px;font:500 10px/1.3 var(--sans);letter-spacing:.05em;color:#f7f7eec4}
@media (max-width:768px){
  .rena-shop .rena-break .chapter-cover{height:78svh;min-height:520px}
  .rena-shop .rena-break .cover-label{left:21px;top:28px}
  .rena-shop .rena-break-words{left:18px;right:16px;bottom:12%;max-width:none}
  .rena-shop .rena-break-line{font-size:clamp(46px,14vw,72px);line-height:.92;letter-spacing:-.055em}
  .rena-shop .rena-break-ref{margin-top:16px;font-size:9px}
}