/* Sales layer: trust signals, offers, reading help and WhatsApp contact, in the Salon's monochrome style. */
/* A single warm accent, like gilt on a black binding. */
:root{--gold:#c7a66b;--gold-soft:#e8dbbd}
.hero .eyebrow:before{background:var(--gold)}
.hero h1 em{color:var(--gold-soft)}
.ribbon b{color:var(--gold-soft)}
.knowledge-banner:before{color:var(--gold)}
.signature{color:var(--gold-soft)}

/* The shelf: typographic covers of the titles people search for. */
.shelf{position:relative;background:radial-gradient(120% 90% at 50% 0%,#1d1d1d 0%,#111 60%);color:#eee;padding:92px 0 76px;overflow:hidden}
.shelf-head{max-width:1510px;padding:0 7%;display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin:0 0 44px}
.shelf-head .eyebrow{color:var(--gold);margin-bottom:20px}
.shelf-head h2{font:400 clamp(46px,5.2vw,74px)/.99 var(--serif);letter-spacing:-2px;margin:0;color:#f4f4f4}
.shelf-head h2 em{color:#9f9f9f}
.shelf-head>p{font-size:15px;line-height:1.75;color:#a9a9a9;max-width:300px;margin:0}
.shelf-row{list-style:none;margin:0;padding:18px 7% 0;display:flex;align-items:flex-end;gap:22px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-left:7%;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}
.shelf-row::-webkit-scrollbar{display:none}
.shelf-row li{flex:0 0 auto;border:0;padding:0;scroll-snap-align:start}
.book-cover{--tone:#1c1c1c;position:relative;display:flex;flex-direction:column;width:178px;aspect-ratio:2/3;padding:22px 18px 18px 26px;border:0;border-radius:2px 6px 6px 2px;background:linear-gradient(115deg,#ffffff0d,transparent 40%),var(--tone);color:#f1e8d4;text-align:left;cursor:pointer;box-shadow:0 22px 28px -16px #000,0 2px 0 #0006,inset 0 0 0 1px #ffffff12;transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s}
.book-cover:before{content:'';position:absolute;inset:0 auto 0 0;width:11px;border-radius:2px 0 0 2px;background:linear-gradient(90deg,#0008,#0000 80%),linear-gradient(90deg,transparent 8px,#ffffff1f 8px 9px,transparent 9px)}
.book-cover:after{content:'';position:absolute;inset:10px 10px 10px 19px;border:1px solid #c7a66b73;pointer-events:none}
.cover-author{position:relative;font:500 10px/1.45 'DM Sans',Arial,sans-serif;letter-spacing:1.7px;text-transform:uppercase;color:var(--gold-soft);padding:4px 4px 0}
.book-cover{container-type:inline-size}
/* Title size follows the cover width so long single words ("Frankenstein", "Expectations") stay whole. */
.cover-title{position:relative;margin:auto 0 14px;padding:0 4px;font:400 clamp(17px,18.5cqi,25px)/1.06 var(--serif);letter-spacing:-.3px;text-wrap:balance;hyphens:auto;overflow-wrap:break-word}
.cover-ornament{position:relative;display:block;width:28px;height:1px;margin:0 4px 13px;background:var(--gold)}
.cover-foot{position:relative;padding:0 4px 2px;font:500 9px/1 'DM Sans',Arial,sans-serif;letter-spacing:1.6px;text-transform:uppercase;opacity:.65}
.book-cover:hover,.book-cover:focus-visible{transform:translateY(-10px) rotate(-1.4deg);box-shadow:0 34px 36px -18px #000,0 2px 0 #0006,inset 0 0 0 1px #ffffff1c}
.book-cover:focus-visible{outline:2px solid var(--gold);outline-offset:6px}
.tone-1{--tone:#1b1b1b}.tone-2{--tone:#243328}.tone-3{--tone:#4b2025}.tone-4{--tone:#1d2739}.tone-5{--tone:#654f33}.tone-7{--tone:#353535}.tone-8{--tone:#4a3a50}
.tone-6{--tone:#e7dfcd;color:#2a241c}.tone-6 .cover-author{color:#7d6235}.tone-6:after{border-color:#9b7b4380}
.shelf-plank{height:16px;margin:0 4%;border-radius:2px;background:linear-gradient(#2e2b27,#191816 70%);box-shadow:0 16px 30px #000b,inset 0 1px 0 #ffffff14}
@media(max-width:760px){
 .shelf{padding:64px 0 54px}
 .shelf-head{display:block;padding:0 6%;margin-bottom:30px}
 .shelf-head h2{font-size:46px;letter-spacing:-1.4px}
 .shelf-head>p{margin-top:20px;max-width:none}
 .shelf-row{gap:16px;padding:14px 6% 0;scroll-padding-left:6%}
 .book-cover{width:146px;padding:18px 12px 14px 22px}
 .shelf-plank{margin:0 2%}
}

/* Sections rise gently into view; only when scripts run and motion is welcome. */
.reveal-ready .reveal{opacity:0;transform:translateY(26px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
.reveal-ready .reveal.is-visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.reveal-ready .reveal{opacity:1;transform:none;transition:none}.book-cover{transition:none}.book-cover:hover{transform:none}}
.trust-bar{list-style:none;margin:0;padding:22px 7%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 34px;background:#1b1b1b;color:#bdbdbd;border-top:1px solid #2c2c2c}
.trust-bar li{display:flex;align-items:flex-start;gap:13px;border:0;padding:0;font-size:14px;line-height:1.5}
.trust-bar svg{flex:0 0 22px;width:22px;height:22px;margin-top:1px;fill:none;stroke:var(--gold);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.trust-bar b{display:block;color:#f2f2f2;font-weight:500}
.trust-bar a{color:#f2f2f2;text-decoration:underline;text-underline-offset:4px}

.collection-series{font-size:11px;letter-spacing:1.3px;text-transform:uppercase;color:#727272;margin:0 0 10px}

.offers{padding-top:30px}
.offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
.offer-card{display:flex;flex-direction:column;background:#e8e8e8;padding:32px 32px 28px;min-width:0}
.offer-card .eyebrow{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px}
.offer-card h3{font:400 38px/1.05 var(--serif);letter-spacing:-.6px;margin:0 0 20px}
.offer-price{font:400 58px/1 var(--serif);letter-spacing:-1.5px;margin:0 0 10px}
.offer-price small{font:500 14px 'DM Sans',Arial,sans-serif;letter-spacing:0}
.offer-volume{font-size:14px;color:#5c5c5c;margin:0 0 22px;min-height:44px}
.offer-volume s{color:#8a8a8a}
.offer-card ul{list-style:none;padding:0;margin:0 0 28px;border-top:1px solid #c4c4c4}
.offer-card li{font-size:15px;padding:12px 0 12px 26px;position:relative;border-color:#cfcfcf;color:#333}
.offer-card li:before{content:'✓';position:absolute;left:0;top:12px;font-size:14px;color:#555}
.offer-card .button{margin-top:auto;width:100%;justify-content:space-between}
.offer-card .button.outline{background:transparent;color:#191919;border-color:#999}
.offer-card .button.outline:hover{background:#191919;color:#fff}
.offer-card .button:not(.outline):not(.lime){background:#191919;color:#f2f2f2;border-color:#191919}
.offer-status{font-size:13px;color:#666;margin:12px 0 0;min-height:1em}
.offer-tag{font-size:10px;letter-spacing:1px;padding:4px 9px;border:1px solid currentColor;border-radius:30px}
.offer-card-best{background:#151515;color:#f1f1f1;box-shadow:inset 0 3px 0 var(--gold)}
.offer-card-best .offer-tag{color:var(--gold);border-color:var(--gold)}
.offer-card-best .offer-price{color:var(--gold-soft)}
.offer-card-best .eyebrow,.offer-card-best .offer-volume,.offer-card-best .offer-status{color:#b9b9b9}
.offer-card-best .offer-volume s{color:#8f8f8f}
.offer-card-best ul{border-color:#444}.offer-card-best li{color:#dcdcdc;border-color:#383838}.offer-card-best li:before{color:#bbb}
.offer-card-best .button{background:#f3f3f3;color:#151515;border-color:#f3f3f3}
.offer-card-best .button:hover{background:#fff;color:#111}

.read-help{padding-top:95px}
.device-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.device-grid article{background:#e8e8e8;padding:30px 32px}
.device-grid h3{font:400 34px/1.1 var(--serif);margin:0 0 18px}
.device-grid ol{margin:0;padding-left:22px}
.device-grid li{font-size:15px;line-height:1.65;color:#444;padding:10px 0 10px 4px;border-color:#cdcdcd}
.device-grid li::marker{color:#777;font-size:13px}
.device-grid b{font-weight:600;color:#1c1c1c}
.help-strip{margin-top:26px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0;border-block:1px solid #bdbdbd}
.help-strip p{margin:0;font-size:16px;color:#4f4f4f;max-width:620px}
.help-strip b{color:#1b1b1b;font-weight:600}
.help-strip .button{background:#191919;color:#f2f2f2;border-color:#191919;flex-shrink:0}

.faq details a,.checkout p a{text-decoration:underline;text-underline-offset:3px}

.whatsapp-float{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:30;display:flex;align-items:center;gap:10px;padding:12px 18px 12px 13px;background:#171717;color:#f3f3f3;border:1px solid #3b3b3b;border-radius:40px;box-shadow:0 10px 30px #0000003d;font-size:14px;font-weight:500;transition:background .2s}
.whatsapp-float:hover{background:#2c2c2c}
.whatsapp-float svg{width:26px;height:26px;fill:#25d366;flex-shrink:0}
body:has(dialog[open]) .whatsapp-float{display:none}

.upsell{display:flex;width:100%;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding:12px 0;background:none;border:0;border-bottom:1px solid #b9b9b9;color:#1d1d1d;font-size:14px;font-weight:500;text-align:left}
.upsell:hover{text-decoration:underline;text-underline-offset:4px}

.offer-intro{font-size:15px;line-height:1.7;color:#555;margin:14px 0 24px;max-width:700px}
.offer-list{list-style:none;padding:0 12px 0 0;margin:0;max-height:430px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;border-block:1px solid #ccc}
.offer-list li{padding:0;border-color:#d7d7d7}
.offer-item{display:grid;grid-template-columns:24px 1fr;gap:14px;align-items:start;padding:15px 4px;cursor:pointer}
div.offer-item{cursor:default}
.offer-item input{width:19px;height:19px;margin:3px 0 0;accent-color:#171717}
.offer-item input:disabled+.offer-item-text{opacity:.45}
.offer-item:has(input:checked){background:#e6e6e6}
.offer-check{font-size:15px;color:#555;padding-top:2px;text-align:center}
.offer-item-text b{display:block;font:500 21px/1.2 var(--serif);color:#191919}
.offer-item-text small{display:block;font-size:13px;color:#666;margin-top:4px}
.offer-item-text em{display:block;font-size:13px;color:#444;margin-top:3px}
#offer-count{font-size:13px;color:#666;margin:13px 0}
#offer-dialog .bundle-summary .button{width:100%;justify-content:center}
#offer-dialog .customer-checkout{margin-top:18px}
#offer-saving{font-size:14px;color:#555}
#offer-message{font-size:14px;line-height:1.6;margin:14px 0 0}
#offer-message a{text-decoration:underline}
#offer-search{height:52px;width:100%;border:1px solid #bdbdbd;background:#fff;color:#222;border-radius:0;font:16px 'DM Sans',Arial,sans-serif;padding:13px 15px}
#offer-dialog label[for=offer-search]{font-size:14px;font-weight:600;display:block;margin-bottom:10px}

@media(max-width:1100px){.trust-bar{grid-template-columns:repeat(2,minmax(0,1fr));padding-inline:6%}.offer-card,.device-grid article{padding:26px}.offer-card h3{font-size:33px}.offer-price{font-size:50px}}
@media(max-width:760px){
 .ribbon{gap:14px;padding-inline:5%}.ribbon span+span{padding-left:14px}.ribbon b{white-space:nowrap;font-size:22px}
 .trust-bar{grid-template-columns:1fr;gap:14px;padding:22px 6%}
 .offer-grid,.device-grid{grid-template-columns:1fr;gap:16px}
 .offer-card,.device-grid article{padding:26px 24px}
 .offer-volume{min-height:0}
 .read-help{padding-top:64px}
 .help-strip{flex-direction:column;align-items:flex-start}
 .help-strip .button{width:100%}
 .whatsapp-float{padding:12px;right:14px;bottom:14px}
 .whatsapp-float span{display:none}
 .offer-list{max-height:300px}
 .offer-item-text b{font-size:19px}
}
@media(prefers-reduced-motion:reduce){.whatsapp-float{transition:none}}
.conversion-rail{display:none}
@media(max-width:760px){body{padding-bottom:76px}.conversion-rail{position:fixed;z-index:80;display:grid;grid-template-columns:1fr 1fr;left:10px;right:10px;bottom:10px;background:#111;color:#fff;border:1px solid #444;box-shadow:0 14px 36px #0008}.conversion-rail a,.conversion-rail button{min-width:0;padding:10px 8px;border:0;background:transparent;color:inherit;text-align:center;text-decoration:none;font:inherit}.conversion-rail button{border-left:1px solid #555}.conversion-rail span{display:block;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#bbb}.conversion-rail strong{display:block;margin-top:3px;font-size:12px;line-height:1.25}.whatsapp-float{bottom:88px}}

.reading-proof{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7%;padding-block:70px}.reading-proof h2{font-size:clamp(38px,4vw,64px);line-height:1.05}.reading-proof-page{padding:35px;background:#efede7;border-left:3px solid #111}.reading-proof-page h3{font-family:"Cormorant Garamond",Georgia,serif;font-size:32px}.reading-proof blockquote{margin:22px 0;font:22px/1.55 Georgia,serif;color:#202020}.reading-proof-meta{font-size:14px;color:#555}.reading-proof .button{margin-top:16px}.sample-reader{max-width:800px!important}.sample-text{margin:36px auto;font:21px/1.85 Georgia,serif}.sample-text p{margin:0 0 1.4em}.sample-ending,.sample-provenance{border-top:1px solid #ccc;padding-top:24px;margin-top:32px}.sample-provenance h2{font-size:24px}.sample-provenance p{font-size:15px}.sample-reader .button{display:inline-flex;padding:16px 22px;background:#111;color:white;text-decoration:none}.reading-proof [hidden]{display:none}@media(max-width:760px){.reading-proof{grid-template-columns:1fr;gap:28px;padding-block:44px}.reading-proof-page{padding:26px 24px}.reading-proof blockquote{font-size:20px}.sample-text{font-size:19px}.sample-reader h1{font-size:40px!important}}