/*
Theme Name: Chosen Ones Love Sales Page
Description: Independent sales page for the digital guide and two companion ebooks.
Version: 1.4.5
Requires PHP: 7.4
Text Domain: chosen-ones-love
*/

:root{--navy:#101d29;--deep:#192c38;--cream:#fcf9f3;--ink:#17242c;--muted:#59636a;--gold:#e9c58d;--line:#e4ded3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.6 Arial,Helvetica,sans-serif}a{color:inherit}.container{width:min(1160px,calc(100% - 40px));margin:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Georgia,Times,serif;line-height:1.1;letter-spacing:-.035em}h1{font-size:clamp(2.9rem,5.4vw,5.2rem);margin-bottom:22px}h2{font-size:clamp(2.2rem,4vw,3.7rem);margin-bottom:20px}h3{font-size:1.45rem}.kicker{text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:800;color:#af7d45;margin:0 0 16px}.btn{display:inline-flex;justify-content:center;align-items:center;text-align:center;min-height:56px;padding:14px 27px;background:var(--gold);color:var(--navy);text-decoration:none;border-radius:6px;font-weight:800;box-shadow:0 8px 22px #0002}.btn:hover{background:#f2d3a1}.small{font-size:.81rem}.muted{color:var(--muted)}header{background:var(--navy);color:white;border-bottom:1px solid #ffffff21}header .container{display:flex;align-items:center;justify-content:space-between;min-height:65px;gap:16px}header .brand{font:700 1.18rem Georgia,serif}header nav{display:flex;gap:26px;font-size:.85rem}header a{text-decoration:none}.hero{background:radial-gradient(circle at 78% 32%,#344b52 0%,#162b37 44%,#101d29 88%);color:#fff;padding:74px 0 64px}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:64px;align-items:center}.hero p.lead{color:#e3e8e5;font-size:1.18rem;max-width:530px;line-height:1.55}.hero .kicker{color:var(--gold)}.hero .price-note{font-size:.88rem;color:#d3ddda;margin:23px 0 6px}.hero .pricing{display:flex;align-items:baseline;gap:18px;margin:0 0 22px}.hero .pricing s{font-size:1.35rem;color:#b9c1c0}.hero .pricing strong{font:700 3.7rem/1 Georgia,serif;color:var(--gold)}.hero .under{font-size:.83rem;color:#d5dddc;margin:12px 0 0}.hero-art{position:relative}.hero-art:after{content:"";display:block;position:absolute;left:8%;right:8%;bottom:-12px;height:22px;filter:blur(18px);background:#0009}.hero-art .cover{width:min(100%,475px);margin:auto;transform:rotate(-2deg);box-shadow:16px 25px 34px #0009}.cover{position:relative;aspect-ratio:2/3;overflow:hidden;background:#17333c;color:white;isolation:isolate;box-shadow:10px 16px 24px #0004;border-radius:2px 7px 7px 2px}.cover:before{content:"";position:absolute;inset:0;background-image:var(--art);background-size:cover;background-position:center;z-index:-2}.cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0a1c29d9 0%,#0c1c2a9c 33%,#07131c17 56%,#0b1b26eb 100%);z-index:-1}.cover .inner{height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:9%;text-shadow:0 2px 7px #0008}.cover .overline{font:bold clamp(.53rem,1vw,.74rem)/1.3 Arial,sans-serif;letter-spacing:.23em;text-transform:uppercase}.cover .title{font:700 clamp(1.65rem,3vw,3rem)/1.02 Georgia,serif;letter-spacing:-.04em;max-width:95%;margin:0}.cover .subtitle{font:italic clamp(.8rem,1.25vw,1.1rem)/1.25 Georgia,serif;margin:10px 0 0;color:#f6e9d6}.cover .imprint{font:700 .9rem Georgia,serif}.cover.guide{--art:url('assets/new-guide-art.webp')}.cover.signs{--art:url('assets/new-bonus-art.webp')}.cover.promises{--art:url('assets/new-bonus-two-art.webp')}.cover.signs:after{background:linear-gradient(180deg,#06152fe8 0%,#0d1732c7 40%,#10172b2b 65%,#0d1429e8 100%)}.cover.promises:after{background:linear-gradient(180deg,#2a1725eb 0%,#2d1c25aa 36%,#2e1d2420 62%,#26171fe6 100%)}.stripe{background:#f0e8da;padding:15px 0;border-bottom:1px solid var(--line)}.stripe .container{display:flex;justify-content:center;gap:45px;flex-wrap:wrap;font-size:.82rem;font-weight:700;color:#42534e}.stripe span:before{content:'✓';color:#3d765e;margin-right:9px}.section{padding:96px 0}.intro-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:9%;align-items:center}.intro-photo{min-height:500px;background:url('assets/reflective-woman.webp') center/cover;border-radius:9px}.intro p{font-size:1.08rem;color:#46545b}.intro .pull{font:1.45rem/1.35 Georgia,serif;color:#243c40;border-left:3px solid #c69b61;padding-left:22px;margin:28px 0}.steps{background:#edf1ee}.center{text-align:center}.center>p{max-width:700px;margin:0 auto 35px;color:var(--muted);font-size:1.08rem}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step{padding:32px 27px;background:#fff;border:1px solid #e1e5e0;border-radius:8px}.step .num{display:block;font:700 1.7rem Georgia,serif;color:#ad855b;margin-bottom:22px}.step p{color:var(--muted);margin-bottom:0}.materials{background:#fff}.materials .center{margin-bottom:43px}.material-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.material{border:1px solid var(--line);border-radius:10px;padding:23px;background:#fcfaf6}.material .cover{width:min(100%,235px);margin:0 auto 26px}.material .cover .title{font-size:clamp(1.23rem,2vw,2rem)}.material .cover .overline{font-size:.5rem}.material .cover .imprint{font-size:.67rem}.material .cover .subtitle{font-size:.78rem}.material h3{font-size:1.35rem;margin-bottom:9px}.material p{color:var(--muted);font-size:.94rem}.value{display:inline-block;font-size:.83rem;font-weight:700;background:#e9eee9;color:#365246;padding:5px 10px;border-radius:4px}.devices{background:#162a35;color:#fff}.devices-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.devices p{color:#d5dedd}.devices .kicker{color:var(--gold)}.devices-list{padding-left:19px;color:#d5dedd}.devices-list li{margin:10px 0}.device-art{position:relative;height:400px}.laptop{position:absolute;left:0;top:14%;width:85%;height:60%;background:#faf8f3;border:11px solid #283039;border-bottom-width:18px;border-radius:13px 13px 4px 4px;box-shadow:12px 20px 35px #0008;color:#23343d;padding:19px;overflow:hidden}.laptop:after{content:"";position:absolute;bottom:-25px;left:-20px;right:-20px;height:9px;background:#a6aeb0}.laptop .label{font-size:.55rem;letter-spacing:.15em;color:#9d815c;font-weight:800}.laptop h4{font:700 1.45rem Georgia,serif;margin:18px 0 9px}.laptop p{font-size:.68rem;color:#58656c}.tablet{position:absolute;right:0;top:5%;height:70%;aspect-ratio:2/3;padding:8px;background:#242d32;border-radius:13px;box-shadow:10px 16px 25px #0009}.tablet .cover,.phone .cover{height:100%;width:100%;border-radius:5px}.tablet .cover .title{font-size:1.3rem}.tablet .cover .overline,.phone .cover .overline{font-size:.43rem}.tablet .cover .imprint,.phone .cover .imprint{font-size:.55rem}.phone{position:absolute;left:10%;bottom:0;height:46%;aspect-ratio:9/17;padding:7px;background:#1b2228;border-radius:16px;box-shadow:10px 16px 25px #0009}.phone .cover .title{font-size:.9rem}.offer{background:#f1e7d6}.offer-grid{display:grid;grid-template-columns:1fr .87fr;gap:10%;align-items:center}.value-list{list-style:none;padding:0;margin:22px 0}.value-list li{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid #d8ccba;font-size:.96rem}.offer-box{background:#fff;border:1px solid #dfd1ba;border-radius:12px;text-align:center;padding:40px 35px;box-shadow:0 20px 50px #45331b13}.offer-box .was{color:#5e6667}.offer-box .today{font:700 4.7rem/1 Georgia,serif;color:#172d38;margin:12px 0}.offer-box .btn{width:100%;background:#172d38;color:white;margin:14px 0}.offer-box .small{margin:0;color:var(--muted)}.faq{background:#fff}.faq-list{max-width:800px;margin:auto}.faq details{border-bottom:1px solid var(--line);padding:19px 0}.faq summary{cursor:pointer;font-weight:700}.faq details p{margin:12px 0 0;color:var(--muted)}.final{background:#132631;color:white;text-align:center;padding:80px 0}.final p{max-width:620px;margin:0 auto 25px;color:#d5dfdd}footer{padding:25px 0;background:#0d1b25;color:#b8c2c3;font-size:.78rem;text-align:center}
@media(max-width:850px){header nav{display:none}.hero{padding:55px 0}.hero-grid,.intro-grid,.devices-grid,.offer-grid{grid-template-columns:1fr;gap:42px}.hero-art .cover{width:min(75%,330px)}.section{padding:70px 0}.intro-photo{min-height:360px}.material-grid,.step-grid{grid-template-columns:1fr}.material{display:grid;grid-template-columns:130px 1fr;gap:17px;align-items:center}.material .cover{width:130px;margin:0;grid-row:span 3}.material h3{margin:0}.material p{margin:0}.device-art{max-width:500px;width:100%;margin:auto}.offer-grid{gap:25px}}@media(max-width:520px){h1{font-size:2.65rem}.hero-art .cover{width:min(80%,295px)}.hero .pricing strong{font-size:3.35rem}.stripe .container{justify-content:flex-start;gap:9px 25px}.material{grid-template-columns:110px 1fr;padding:13px;gap:13px}.material .cover{width:110px}.material .cover .title{font-size:1rem}.material .cover .subtitle{font-size:.6rem}.material .cover .imprint{font-size:.48rem}.material h3{font-size:1.05rem}.material p{font-size:.8rem}.device-art{height:320px}.laptop{padding:10px}.laptop h4{font-size:1.1rem}.offer-box{padding:30px 20px}.offer-box .today{font-size:4rem}}

/* Show both bonus covers alongside the guide on every screen size. */
.device-art .phone{z-index:2;left:5%;height:43%}
.device-art .phone-bonus-two{left:37%;bottom:0;z-index:3}
.device-art .phone-bonus-two .cover .title{font-size:.79rem;line-height:1.08}
@media(max-width:520px){.device-art .phone{left:4%;height:43%}.device-art .phone-bonus-two{left:38%}.device-art .phone-bonus-two .cover .title{font-size:.68rem}}

/* Keep the laptop screen readable at narrow widths without clipping its text. */
.device-art .laptop h4{font-size:clamp(1.1rem,2vw,1.45rem);line-height:1.12;margin:12px 0 8px}
.device-art .laptop p{font-size:clamp(.64rem,1vw,.78rem);line-height:1.3;max-width:34ch}
@media(max-width:520px){.device-art .laptop h4{font-size:1rem;margin:9px 0 5px}.device-art .laptop p{font-size:.61rem}}

/* Three complete, legible products in the first screen. */
.hero-collection{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);grid-template-rows:1fr 1fr;gap:14px;align-items:stretch;max-width:530px;margin:auto}
.hero-collection .cover{height:100%;min-width:0;width:100%;box-shadow:12px 19px 27px #0008}
.hero-collection .guide{grid-column:1;grid-row:1/3}
.hero-collection .signs{grid-column:2;grid-row:1}
.hero-collection .promises{grid-column:2;grid-row:2}
.hero-collection .guide .title{font-size:clamp(1.65rem,2.5vw,2.7rem)}
.hero-collection .signs .title,.hero-collection .promises .title{font-size:clamp(.9rem,1.45vw,1.45rem)}
.hero-collection .signs .subtitle,.hero-collection .promises .subtitle{font-size:.65rem}
.hero-collection .signs .overline,.hero-collection .promises .overline{font-size:.48rem}
.hero-collection .signs .imprint,.hero-collection .promises .imprint{font-size:.55rem}
.hero-collection .cover:focus-visible,.btn:focus-visible{outline:3px solid #fff;outline-offset:4px}
@media(max-width:850px){.hero-collection{width:min(100%,520px)}}
@media(max-width:520px){.hero-collection{gap:8px}.hero-collection .guide .title{font-size:clamp(1.25rem,5vw,1.9rem)}.hero-collection .signs .title,.hero-collection .promises .title{font-size:clamp(.73rem,2.85vw,1.03rem)}.hero-collection .signs .subtitle,.hero-collection .promises .subtitle{display:none}.hero-collection .signs .imprint,.hero-collection .promises .imprint{font-size:.42rem}.hero-collection .signs .overline,.hero-collection .promises .overline{font-size:.39rem}}

/* Ensure purchase buttons sit above decorative artwork and accept pointer and keyboard input. */
a.btn{position:relative;z-index:10;pointer-events:auto;cursor:pointer;touch-action:manipulation}

/* Deadline appears only when a real expiry is configured in the Customizer. */
.offer-urgency{font-weight:700;line-height:1.4;margin:12px auto;max-width:37ch;color:#243c40}.offer-timer{background:#f6eee3;border:1px solid #d2b48e;border-radius:8px;padding:14px 12px;margin:16px auto 4px}.offer-timer span,.offer-timer small{display:block;font-size:.76rem;letter-spacing:.04em;color:#495558}.offer-timer strong{display:block;font:700 clamp(1.2rem,3vw,1.75rem)/1.3 Arial,Helvetica,sans-serif;font-variant-numeric:tabular-nums;color:#172d38;margin:4px 0}.offer-timer small{font-size:.69rem}

.offer-expired .hero .price-note,.offer-expired .hero .pricing,.offer-expired .offer-box .was,.offer-expired .offer-box .today,.offer-expired .value-list{display:none}.expired-note{font-weight:700;color:#663c2c}.offer-expired .offer-box .kicker{margin-bottom:14px}

/* Christian edition — actual ebook covers in an editorial display. */
.hero{background:radial-gradient(circle at 82% 39%,#384553 0%,#1b2938 47%,#101b29 100%);padding:96px 0 100px}
.hero-grid{grid-template-columns:1fr .94fr;gap:58px}.hero h1{font-size:clamp(3.15rem,5.4vw,5.8rem)}.hero .lead{max-width:600px;line-height:1.72}.hero .lead em{font-family:Georgia,serif;color:#f3d6a6}
.hero-proof{display:flex;flex-wrap:wrap;gap:8px;margin:27px 0 29px}.hero-proof span{font-size:.72rem;letter-spacing:.04em;color:#f4e7d1;padding:8px 12px;border:1px solid #e9c58d74;border-radius:2px}
.hero .pricing{align-items:center;gap:22px}.hero .pricing span{font-size:.79rem;max-width:140px;line-height:1.25;color:#cbd5d6}.hero .pricing strong{font-size:3.25rem}
.hero-collection{position:relative;display:block;width:100%;height:565px;max-width:590px;isolation:isolate}.hero-collection:before{content:'';position:absolute;inset:9% 4%;border:1px solid #dbbf8f5e;border-radius:50%;background:radial-gradient(ellipse,#e1bd8b13,transparent 70%)}.hero-collection .real-cover{position:absolute;display:block;height:auto;object-fit:cover;box-shadow:15px 26px 35px #010b14bd;border:1px solid #ffffff1c;transition:transform .25s}.hero-collection .hero-main{left:8%;top:3%;width:56%;z-index:3;transform:rotate(-5deg)}.hero-collection .hero-signs{right:1%;top:13%;width:39%;z-index:2;transform:rotate(6deg)}.hero-collection .hero-promises{right:5%;bottom:1%;width:39%;z-index:4;transform:rotate(4deg)}
.hero-collection .hero-main:hover{transform:rotate(-2deg) translateY(-6px)}.hero-collection .hero-signs:hover,.hero-collection .hero-promises:hover{transform:rotate(2deg) translateY(-6px)}
.practice-preview{background:#e8e4db}.practice-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.practice-preview p{max-width:520px;color:#445258;font-size:1.06rem;line-height:1.8;text-align:justify}.practice-link{display:inline-block;font-weight:700;color:#273d43;border-bottom:1px solid #9d7647;text-decoration:none;padding-bottom:5px}.practice-paper{padding:45px 47px;background:#fffdf8;border:1px solid #c9bba9;box-shadow:15px 20px 35px #2b2b2b15;transform:rotate(1deg)}.practice-paper>span{color:#987344;letter-spacing:.16em;font-weight:800;font-size:.7rem}.practice-paper h3{font-size:2rem;margin:13px 0 20px}.practice-paper ol{padding-left:23px}.practice-paper li{padding:9px 0;color:#425056;line-height:1.6}.practice-paper li::marker{font-family:Georgia,serif;color:#a47b47;font-weight:700}.practice-paper small{display:block;color:#727c7b;font-size:.71rem;border-top:1px solid #ded9ce;padding-top:16px;margin-top:16px}
.material-grid{gap:21px}.material{padding:27px;background:#fdfbf7;box-shadow:0 16px 28px #13222d0b}.material>.real-cover{display:block;width:min(100%,226px);height:auto;aspect-ratio:81/144;object-fit:cover;margin:0 auto 26px;border-radius:2px;box-shadow:10px 16px 22px #1120293e}.material h3{margin:17px 0 11px;line-height:1.2}.material p{text-align:justify;line-height:1.65}.material .value{font-size:.7rem;letter-spacing:.03em}
.device-art .tablet img,.device-art .phone img{width:100%;height:100%;display:block;object-fit:cover;border-radius:4px}.device-art .phone-bonus-two img{object-position:center top}.devices .laptop{background:linear-gradient(135deg,#faf8f2,#e2e6db)}
.offer-box{border-color:#c9ad84;box-shadow:0 24px 55px #45331b22}.offer-box h3{font-size:1.9rem}.offer-box .today{color:#182d37}.value-list strong{white-space:nowrap}.value-list li:last-child{color:#213d3b;font-weight:700}.offer .value-list li:last-child{border-top:2px solid #bda481}
@media(max-width:850px){.hero{padding:70px 0}.hero-collection{max-width:550px;height:510px}.practice-grid{grid-template-columns:1fr;gap:35px}.material{grid-template-columns:130px 1fr}.material>.real-cover{width:130px;margin:0}.material p{text-align:left}}
@media(max-width:520px){.hero h1{font-size:2.85rem}.hero-collection{height:380px}.hero-collection .hero-main{width:58%;left:3%}.hero-collection .hero-signs{width:40%;right:0}.hero-collection .hero-promises{width:40%;right:2%}.practice-paper{padding:27px 24px}.material{grid-template-columns:105px 1fr}.material>.real-cover{width:105px}.material h3{font-size:1.08rem}.material p{font-size:.82rem}.material .value{font-size:.58rem}.value-list li{font-size:.83rem}}

/* Premium commercial collection artwork with precise, accessible live titles. */
.hero-collection .hero-book{position:absolute;display:block;height:auto;box-shadow:17px 25px 36px #010b14bd;border:1px solid #ffffff33;transition:transform .25s;aspect-ratio:2/3}
.hero-collection .hero-main{left:8%;top:3%;width:56%;z-index:3;transform:rotate(-5deg)}
.hero-collection .hero-signs{right:1%;top:13%;width:39%;z-index:2;transform:rotate(6deg)}
.hero-collection .hero-promises{right:5%;bottom:1%;width:39%;z-index:4;transform:rotate(4deg)}
.hero-collection .hero-main:hover{transform:rotate(-2deg) translateY(-6px)}.hero-collection .hero-signs:hover,.hero-collection .hero-promises:hover{transform:rotate(2deg) translateY(-6px)}
.commercial-cover{position:relative;isolation:isolate;aspect-ratio:2/3;width:100%;overflow:hidden;background:#0b2535;color:#fff;border-radius:3px 8px 8px 3px}
.commercial-cover:before{content:'';position:absolute;inset:0;background-size:cover;background-position:center;z-index:-2;transform:scale(1.005)}
.commercial-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#061b2cc9 0%,#071a2b55 40%,#06192918 60%,#061a26d1 100%);z-index:-1}
.commercial-guide:before{background-image:url('assets/commercial-guide.webp')}.commercial-signs:before{background-image:url('assets/commercial-signs.webp')}.commercial-promises:before{background-image:url('assets/commercial-promises.webp')}.commercial-promises:after{background:linear-gradient(180deg,#092a27c9 0%,#0c312544 43%,#0b282317 65%,#08251fd9 100%)}
.commercial-cover-content{height:100%;padding:8% 8% 7%;display:flex;flex-direction:column;justify-content:space-between;gap:5px;text-shadow:0 2px 12px #000b}
.commercial-label,.commercial-imprint{font:700 clamp(.42rem,.76vw,.68rem)/1.3 Arial,sans-serif;letter-spacing:.19em;text-transform:uppercase;color:#edcf9d}
.commercial-titles{margin-top:8%;display:flex;flex-direction:column;gap:12px}.commercial-titles strong{display:block;font:700 clamp(1.45rem,2.4vw,2.55rem)/1.05 Georgia,serif;letter-spacing:-.035em;color:#fff;max-width:95%}.commercial-titles em{font-style:italic;color:#e8c28b}.commercial-subtitle{font:italic clamp(.6rem,.85vw,.85rem)/1.3 Georgia,serif;color:#f5e8da;max-width:26ch}
.hero-book .commercial-titles{margin-top:0}.hero-book.hero-main .commercial-titles{transform:translateY(-43%)}.hero-book.hero-signs .commercial-titles,.hero-book.hero-promises .commercial-titles{transform:translateY(-35%)}.hero-book.hero-signs .commercial-titles strong,.hero-book.hero-promises .commercial-titles strong{font-size:clamp(1rem,1.45vw,1.5rem)}.hero-book.hero-signs .commercial-subtitle,.hero-book.hero-promises .commercial-subtitle{font-size:.6rem}
.material>.commercial-cover{width:min(100%,235px);margin:0 auto 27px;box-shadow:10px 17px 25px #10182466}.material .commercial-titles strong{font-size:clamp(1.3rem,1.7vw,1.85rem)}.material .commercial-label,.material .commercial-imprint{font-size:.51rem}.material .commercial-subtitle{font-size:.7rem}
.device-art .commercial-cover{height:100%;width:100%;border-radius:5px}.device-art .commercial-cover-content{padding:8%}.device-art .commercial-label,.device-art .commercial-imprint{font-size:.36rem}.device-art .commercial-titles strong{font-size:clamp(.55rem,1vw,1rem)}.device-art .tablet .commercial-titles strong{font-size:clamp(.9rem,1.5vw,1.35rem)}
@media(max-width:850px){.material>.commercial-cover{width:130px;margin:0}.hero-book.hero-main .commercial-titles strong{font-size:clamp(1.5rem,4.5vw,2.6rem)}}
@media(max-width:520px){.hero-collection .hero-main{left:3%;width:58%}.hero-collection .hero-signs{right:0;width:40%}.hero-collection .hero-promises{right:2%;width:40%}.hero-book.hero-main .commercial-titles strong{font-size:clamp(1.18rem,5vw,1.8rem)}.hero-book.hero-signs .commercial-titles strong,.hero-book.hero-promises .commercial-titles strong{font-size:clamp(.66rem,2.7vw,1rem)}.hero-book .commercial-subtitle{display:none}.hero-book .commercial-label,.hero-book .commercial-imprint{font-size:.37rem}.material>.commercial-cover{width:105px}.material .commercial-titles strong{font-size:.8rem}.material .commercial-subtitle{display:none}.material .commercial-label,.material .commercial-imprint{font-size:.36rem}}

/* Sales copy hierarchy for the Christian collection. */
.hero h1 em{display:inline;color:#f0c98e;font-style:italic}.hero h1{max-width:690px;line-height:1.04}.hero .lead{font-size:1.2rem;line-height:1.72}.intro .pull{color:#1a363c;font-size:1.48rem}.materials .center>p{font-size:1.14rem;max-width:780px}.material h3{font-size:1.5rem}.material p{font-size:.97rem}.offer h2{max-width:570px}.offer-box .offer-urgency{font-family:Georgia,serif;font-size:1.1rem;font-weight:400;line-height:1.45;color:#274149}.final h2{max-width:850px;margin:0 auto 22px}
@media(max-width:520px){.hero h1{font-size:clamp(2.6rem,10vw,3.1rem)}.material h3{font-size:1.1rem}.material p{font-size:.84rem}}

/* Keep titles in the calm upper field of each commercial photograph. */
.commercial-cover-content{position:relative}.commercial-titles,.hero-book .commercial-titles,.hero-book.hero-main .commercial-titles,.hero-book.hero-signs .commercial-titles,.hero-book.hero-promises .commercial-titles{position:absolute;top:17%;left:8%;right:7%;margin:0;transform:none}.commercial-titles strong{max-width:100%;text-wrap:balance}.commercial-guide .commercial-titles{top:16%}.commercial-signs .commercial-titles,.commercial-promises .commercial-titles{top:19%}.device-art .commercial-titles{top:15%}.commercial-imprint{margin-top:auto}
@media(max-width:520px){.hero-book .commercial-titles{top:17%}.hero-book.hero-signs .commercial-titles,.hero-book.hero-promises .commercial-titles{top:20%}.material .commercial-titles{top:17%}}

/* Clear first screen: compact claim and distinct, non-overlapping book edges. */
.hero-grid{grid-template-columns:minmax(0,1.16fr) minmax(0,.84fr);gap:52px}.hero h1{font-size:clamp(2.85rem,4.35vw,4.65rem);line-height:1.07;letter-spacing:-.03em;max-width:650px;text-wrap:balance}.hero h1 em{font-size:.94em}.hero .lead{max-width:590px}.hero-collection{max-width:495px;height:500px}.hero-collection .hero-main{left:2%;top:2%;width:56%}.hero-collection .hero-signs{right:0;top:7%;width:37%}.hero-collection .hero-promises{right:0;bottom:3%;width:37%}.hero-book.hero-main .commercial-titles strong{font-size:clamp(1.35rem,2.25vw,2.3rem)}.hero-book.hero-signs .commercial-titles strong,.hero-book.hero-promises .commercial-titles strong{font-size:clamp(.9rem,1.2vw,1.35rem)}
@media(max-width:850px){.hero-grid{grid-template-columns:1fr;gap:28px}.hero h1{font-size:clamp(2.9rem,7vw,4.3rem);max-width:650px}.hero-collection{max-width:520px;height:520px}}
@media(max-width:520px){.hero h1{font-size:clamp(2.55rem,9vw,3.15rem)}.hero-collection{height:345px;max-width:340px}.hero-collection .hero-main{left:1%;width:54%}.hero-collection .hero-signs,.hero-collection .hero-promises{width:35%;right:1%}.hero-book.hero-main .commercial-titles strong{font-size:clamp(1rem,4vw,1.5rem)}.hero-book.hero-signs .commercial-titles strong,.hero-book.hero-promises .commercial-titles strong{font-size:clamp(.61rem,2.3vw,.8rem)}}

/* Keep product imagery separate from the explanatory titles underneath. */
.material .commercial-titles,.material .commercial-subtitle{display:none!important}
.material .commercial-cover-content{padding:9%}
.material .commercial-label{position:relative;z-index:2;padding:5px 8px;background:#14232cbd;border-radius:2px;letter-spacing:.11em}
.material .commercial-imprint{position:relative;z-index:2;text-shadow:0 1px 8px #000}
.material .commercial-cover:before{filter:brightness(1.1)}
.material h3{margin-top:12px;line-height:1.18}
.offer-box .offer-promise{font-size:1.04rem;line-height:1.55;max-width:36ch;margin:14px auto 22px}
.offer-box .offer-price-label{font-size:.73rem;font-weight:700;letter-spacing:.13em;color:#485e60;margin:14px 0 0}
.offer-box .today{margin:6px auto 6px}
.offer-box .offer-urgency{font-size:.98rem;line-height:1.45;max-width:37ch;margin:8px auto 21px}
.offer-box .btn{display:block;max-width:370px;margin:0 auto}
.offer-box .small{max-width:39ch;margin:16px auto 0}
@media(max-width:850px){.material .commercial-titles{display:none!important}}

/* Hero collection: separate each volume and remove the decorative ring. */
.hero-collection{display:grid;grid-template-columns:minmax(0,1.32fr) minmax(0,1fr);grid-template-rows:repeat(2,minmax(0,1fr));gap:16px;max-width:510px;height:505px;overflow:visible}
.hero-collection:before{content:none!important;display:none!important}
.hero-collection .hero-book,.hero-collection .hero-main,.hero-collection .hero-signs,.hero-collection .hero-promises{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:100%!important;height:100%!important;transform:none!important;box-shadow:10px 15px 24px #0006;min-width:0;min-height:0}
.hero-collection .hero-main{grid-column:1;grid-row:1 / 3}
.hero-collection .hero-signs{grid-column:2;grid-row:1}
.hero-collection .hero-promises{grid-column:2;grid-row:2}
.hero-collection .hero-book:hover{transform:translateY(-3px)!important}
.hero-collection .commercial-cover{width:100%;height:100%;aspect-ratio:auto;border-radius:3px 7px 7px 3px}
.hero-collection .commercial-titles,.hero-collection .commercial-subtitle{display:none!important}
.hero-collection .commercial-label{display:inline-block;align-self:flex-start;background:#122533c9;padding:5px 8px;border-radius:2px;font-size:.58rem;line-height:1.25;letter-spacing:.12em}
.hero-collection .commercial-imprint{font-size:.54rem;letter-spacing:.08em}
@media(max-width:850px){.hero-collection{height:520px;max-width:525px}}
@media(max-width:520px){.hero-collection{height:330px;max-width:350px;gap:9px}.hero-collection .commercial-label{font-size:.38rem;padding:4px 5px}.hero-collection .commercial-imprint{font-size:.37rem}}

/* Restore real ebook proportions and a quieter first screen. */
.hero-grid{grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);gap:clamp(32px,4vw,72px)}
.hero h1{font-size:clamp(2.8rem,3.65vw,4.15rem);max-width:620px;line-height:1.08}
.hero .lead{font-size:1.08rem;line-height:1.62;max-width:590px}
.hero-collection{grid-template-columns:minmax(0,260px) minmax(0,150px);grid-template-rows:repeat(2,210px);gap:18px;max-width:428px;height:438px;align-self:center;justify-content:center}
.hero-collection .hero-book,.hero-collection .hero-main,.hero-collection .hero-signs,.hero-collection .hero-promises{height:100%!important;aspect-ratio:auto!important}
.hero-collection .commercial-cover{height:100%;aspect-ratio:auto;background-size:cover}
.hero-collection .commercial-label{font-size:.48rem;letter-spacing:.08em}
.hero-collection .commercial-imprint{font-size:.43rem}
@media(max-width:850px){.hero-grid{grid-template-columns:1fr}.hero-collection{max-width:428px;height:438px;margin:16px auto 0}.hero h1{font-size:clamp(2.85rem,6vw,3.8rem)}}
@media(max-width:520px){.hero h1{font-size:clamp(2.4rem,8.2vw,3rem)}.hero .lead{font-size:1rem}.hero-collection{grid-template-columns:minmax(0,210px) minmax(0,115px);grid-template-rows:repeat(2,169px);gap:10px;max-width:335px;height:348px}.hero-collection .commercial-label{font-size:.34rem}.hero-collection .commercial-imprint{font-size:.33rem}}

/* Cohesive visual system and readable ebook cover typography. */
.hero{background:linear-gradient(132deg,#142332 0%,#1e3240 66%,#233946 100%)}
.stripe{background:#ede6d9;border-color:#d9cfbf}
.steps{background:#e9eee9}
.practice-preview{background:#f4eee4}
.materials{background:#fffdf9}
.devices{background:#1c343b}
.offer{background:#eee4d2}
.faq{background:#fffdf9}
.hero-collection .commercial-titles,.material .commercial-titles{display:block!important}
.hero-collection .commercial-subtitle,.material .commercial-subtitle{display:none!important}
.commercial-cover:after{background:linear-gradient(180deg,#061b2cf0 0%,#071a2bba 30%,#06192905 66%,#061a26df 100%)}
.commercial-titles,.hero-book .commercial-titles,.hero-book.hero-main .commercial-titles,.hero-book.hero-signs .commercial-titles,.hero-book.hero-promises .commercial-titles{top:17%;left:8%;right:8%;line-height:1.04}
.commercial-titles strong{display:block;text-shadow:0 2px 6px #000b;text-wrap:balance}
.hero-book.hero-main .commercial-titles strong{font-size:clamp(1.28rem,1.8vw,1.8rem)}
.hero-book.hero-signs .commercial-titles strong,.hero-book.hero-promises .commercial-titles strong{font-size:clamp(.78rem,1vw,1.05rem)}
.material .commercial-guide .commercial-titles strong{font-size:clamp(1.28rem,1.45vw,1.65rem)}
.material .commercial-signs .commercial-titles strong,.material .commercial-promises .commercial-titles strong{font-size:clamp(1.35rem,1.5vw,1.72rem)}
.material .commercial-label{background:#14232cc9}
@media(max-width:850px){.hero-book.hero-main .commercial-titles strong{font-size:1.65rem}.hero-book.hero-signs .commercial-titles strong,.hero-book.hero-promises .commercial-titles strong{font-size:.98rem}.material .commercial-titles{display:block!important}}
@media(max-width:520px){.hero-book.hero-main .commercial-titles strong{font-size:clamp(1.03rem,4.5vw,1.35rem)}.hero-book.hero-signs .commercial-titles strong,.hero-book.hero-promises .commercial-titles strong{font-size:clamp(.61rem,2.6vw,.8rem)}.material .commercial-guide .commercial-titles strong,.material .commercial-signs .commercial-titles strong,.material .commercial-promises .commercial-titles strong{font-size:clamp(.82rem,3vw,1.08rem)}}

/* Layered, proportional ebook mockups inspired by the sister collection. */
.hero-collection{position:relative!important;display:block!important;width:min(100%,500px)!important;max-width:500px!important;height:490px!important;margin:0 auto!important;isolation:isolate}
.hero-collection .hero-book,.hero-collection .hero-main,.hero-collection .hero-signs,.hero-collection .hero-promises{position:absolute!important;display:block!important;height:auto!important;aspect-ratio:2/3!important;transform-origin:center bottom;overflow:visible;box-shadow:14px 24px 30px #030c15b3;border:0!important;border-radius:2px 7px 7px 2px}
.hero-collection .hero-main{left:3%!important;right:auto!important;top:3%!important;bottom:auto!important;width:58%!important;z-index:3;transform:rotate(-4deg)!important}
.hero-collection .hero-signs{left:auto!important;right:2%!important;top:8%!important;bottom:auto!important;width:37%!important;z-index:2;transform:rotate(5deg)!important}
.hero-collection .hero-promises{left:auto!important;right:0!important;top:auto!important;bottom:2%!important;width:37%!important;z-index:4;transform:rotate(3deg)!important}
.hero-collection .hero-book:hover{transform:translateY(-4px) rotate(0deg)!important}
.hero-collection .hero-book:before{content:'';position:absolute;left:0;top:1%;bottom:1%;width:4%;z-index:3;pointer-events:none;background:linear-gradient(90deg,#030a12a8,#ffffff21,#0208114d);border-radius:2px 0 0 2px}
.hero-collection .commercial-cover{display:block!important;width:100%!important;height:100%!important;aspect-ratio:2/3!important;border-radius:2px 7px 7px 2px;border:1px solid #ffffff20}
.hero-collection .commercial-label{background:transparent;padding:0;font-size:.48rem;letter-spacing:.17em;text-shadow:0 1px 5px #000}
.hero-collection .commercial-imprint{font-size:.45rem;letter-spacing:.09em}
.hero-collection .hero-main .commercial-titles strong{font-size:clamp(1.2rem,1.8vw,1.82rem)}
.hero-collection .hero-signs .commercial-titles strong,.hero-collection .hero-promises .commercial-titles strong{font-size:clamp(.84rem,1.05vw,1.1rem)}
@media(max-width:850px){.hero-collection{margin:20px auto 0!important}}
@media(max-width:520px){.hero-collection{max-width:340px!important;height:350px!important}.hero-collection .hero-main{width:57%!important}.hero-collection .hero-signs,.hero-collection .hero-promises{width:38%!important}.hero-collection .hero-main .commercial-titles strong{font-size:clamp(.9rem,4vw,1.17rem)}.hero-collection .hero-signs .commercial-titles strong,.hero-collection .hero-promises .commercial-titles strong{font-size:clamp(.62rem,2.7vw,.78rem)}.hero-collection .commercial-label{font-size:.32rem}.hero-collection .commercial-imprint{font-size:.3rem}}

/* Premium photographic collection artwork across the sales page. */
.hero{background:#f7f1e8!important;color:#172e3a!important}
.hero .kicker{color:#8b643c!important}.hero p.lead{color:#3a4a4e!important}.hero .under,.hero .pricing span{color:#59686b!important}.hero .pricing strong{color:#9a6e3d!important}
.hero h1 em{color:#a47443!important}.hero-proof span{color:#314349!important;border-color:#c7ae90!important;background:#fff8ef}
.hero-collection{position:relative!important;display:block!important;width:min(100%,560px)!important;max-width:560px!important;height:auto!important;margin:auto!important;box-shadow:none!important}
.hero-collection:before,.hero-collection:after{content:none!important;display:none!important}
.hero-collection img{display:block;width:100%;height:auto;border-radius:4px;box-shadow:0 14px 36px #28313b1b}
.material>.product-cover-img{display:block;width:min(100%,255px);height:auto;aspect-ratio:2/3;object-fit:contain;margin:0 auto 24px;filter:drop-shadow(8px 15px 14px #17232d27)}
.material{background:#fdf9f3}.materials{background:#fffdf9}
.device-art .device-cover-img{width:100%;height:100%;object-fit:cover;display:block;border-radius:4px}
@media(max-width:850px){.material>.product-cover-img{width:130px;margin:0}.hero-collection{width:min(100%,520px)!important}}
@media(max-width:520px){.material>.product-cover-img{width:105px}.hero-collection{width:min(100%,350px)!important;margin:20px auto 0!important}}

/* Show digital products only once in the devices section. */
.device-art{position:relative;display:flex;align-items:center;justify-content:center;height:auto;min-height:0}
.device-art .devices-collection{display:block;width:min(100%,500px);height:auto;border-radius:8px;box-shadow:0 15px 32px #0719216b}
@media(max-width:850px){.device-art .devices-collection{width:min(100%,470px)}}

/* The root URL is an editorial library; the former homepage has its own template. */
.catalog-site{--catalog-forest:#233d36;--catalog-rose:#9b6c72;--catalog-paper:#f8f4ee;--catalog-brass:#ba935b;background:var(--catalog-paper);color:#263931}
.catalog-site h1,.catalog-site h2{font-family:Georgia,Times,serif}
.catalog-site em{font-style:italic;font-weight:400;color:var(--catalog-rose)}
.catalog-site a{text-decoration:none}
.catalog-header{background:#233d36;color:#fffaf1;border-bottom:1px solid #b99a70}
.catalog-header .catalog-brand,.catalog-header nav a{color:#fffaf1}
.catalog-header nav a:hover{color:#e5c79f}
.catalog-header a:focus-visible{outline:2px solid #e5c79f;outline-offset:5px}
.catalog-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:84px}
.catalog-brand{font-size:.93rem;letter-spacing:.18em;font-weight:800;line-height:1.3}
.catalog-brand span{display:block;font-size:.57rem;letter-spacing:.24em;color:#e5c79f;margin-top:5px}
.catalog-nav nav{display:flex;gap:28px;font-size:.83rem;font-weight:700}
.catalog-nav nav a:hover,.catalog-link:hover{color:#9b6c72}
.catalog-eyebrow{font:800 .7rem/1.4 Arial,sans-serif;letter-spacing:.18em;color:#a07356;text-transform:uppercase}
.catalog-hero{background:linear-gradient(120deg,#f8f4ee 60%,#ede9df);padding:86px 0 84px;overflow:hidden}
.catalog-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:7%}
.catalog-hero h1{font-size:clamp(3.1rem,5.1vw,5.8rem);line-height:1.04;margin:20px 0 27px;letter-spacing:-.05em}
.catalog-hero p{font-size:1.12rem;line-height:1.82;max-width:625px;color:#4c5d54;text-align:justify}
.catalog-button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:55px;background:#233d36;color:#fff!important;padding:14px 22px;border-radius:4px;font-size:.9rem;font-weight:700;margin-top:20px;transition:background .2s,transform .2s}
.catalog-button:hover{background:#38584c;transform:translateY(-2px)}
.catalog-hero-note{font-size:.73rem;color:#66736d;margin-top:18px}
.catalog-hero-image{position:relative;max-width:520px;margin:auto}
.catalog-hero-image img{display:block;width:100%;height:auto;border-radius:8px;box-shadow:0 22px 55px #2c35411c}
.catalog-hero-image>span{position:absolute;right:-15px;bottom:-15px;background:#fff9ef;color:#4d5e4e;padding:13px 19px;box-shadow:0 8px 22px #13261c24;font:italic 1rem Georgia,serif}
.catalog-intro{background:#e6ede4;padding:54px 0}
.catalog-intro-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:12%}
.catalog-intro h2{font-size:clamp(2.4rem,4vw,3.7rem);margin:8px 0 0}
.catalog-intro p{margin:0;color:#516258;line-height:1.8;text-align:justify}
.catalog-collections{padding:94px 0 105px;background:#fcfaf6}
.catalog-feature{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%;background:#f2ebe1;border-radius:9px;padding:55px;margin-bottom:26px}
.catalog-feature-art img{display:block;width:100%;height:auto;border-radius:6px;box-shadow:0 16px 35px #192d3b2b}
.catalog-feature h2{font-size:clamp(2.5rem,4.1vw,4.2rem);margin:17px 0 22px}
.catalog-feature-copy>p:not(.catalog-question){color:#53615a;line-height:1.8;text-align:justify}
.catalog-question{font:italic 1.22rem/1.45 Georgia,serif;color:#765c58}
.catalog-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}
.catalog-tags span{border:1px solid #beafa1;border-radius:99px;padding:6px 11px;font-size:.69rem;font-weight:700;color:#50645c}
.catalog-secondary{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.catalog-card{display:grid;grid-template-columns:43% 57%;min-height:430px;overflow:hidden;border-radius:8px;background:#f0e5e5}
.catalog-card-prayer{background:#e5ece3}
.catalog-card-art{min-height:100%;overflow:hidden}
.catalog-card-art img{display:block;width:100%;height:100%;object-fit:cover}
.catalog-card-signs .catalog-card-art img{object-position:52% center}
.catalog-card-prayer .catalog-card-art{padding:27px 0 27px 27px}
.catalog-card-prayer .catalog-card-art img{object-fit:contain;filter:drop-shadow(8px 16px 16px #1b2d2280)}
.catalog-card-body{padding:40px 34px;display:flex;align-items:flex-start;flex-direction:column}
.catalog-card h2{font-size:clamp(2rem,2.9vw,3.1rem);margin:15px 0}
.catalog-card p:not(.catalog-question){font-size:.91rem;line-height:1.72;color:#53615a;text-align:justify}
.catalog-card .catalog-question{font-size:1.03rem}
.catalog-link{margin-top:auto;font-size:.85rem;color:#30483a;font-weight:800;border-bottom:1px solid currentColor;padding:13px 0 5px}
.catalog-unavailable{margin-top:auto;font-size:.8rem;color:#6b756e}
.catalog-close{background:#233d36;color:#f7f5ee;text-align:center;padding:91px 0}
.catalog-close .container{max-width:780px}
.catalog-close .catalog-eyebrow{color:#d4b28b}
.catalog-close h2{font-size:clamp(2.7rem,4.8vw,4.7rem);margin:15px auto 20px}
.catalog-close p{color:#d5dfd7;line-height:1.8}
.catalog-close .catalog-button{background:#dfc39d;color:#1f372e!important}
.catalog-close .catalog-button:hover{background:#f0d7b1}
.catalog-footer{background:#192e28;color:#d5ded6;padding:27px 0;font-size:.75rem}
.catalog-footer .container{display:flex;justify-content:space-between;gap:20px}
@media(max-width:980px){.catalog-hero-grid{grid-template-columns:1fr 1fr;gap:4%}.catalog-card{grid-template-columns:1fr;min-height:0}.catalog-card-art{height:290px}.catalog-card-prayer .catalog-card-art{padding:25px}.catalog-card-prayer .catalog-card-art img{max-height:100%}.catalog-card-body{min-height:300px}}
@media(max-width:690px){.catalog-nav{min-height:72px}.catalog-nav nav{gap:12px;font-size:.7rem}.catalog-nav nav a:last-child{display:none}.catalog-brand{font-size:.76rem}.catalog-hero{padding:58px 0 62px}.catalog-hero-grid,.catalog-intro-grid,.catalog-feature,.catalog-secondary{grid-template-columns:1fr}.catalog-hero h1{font-size:clamp(2.7rem,9vw,4.4rem)}.catalog-hero p,.catalog-intro p,.catalog-feature-copy>p:not(.catalog-question),.catalog-card p:not(.catalog-question){text-align:left}.catalog-hero-image{margin-top:35px;max-width:470px}.catalog-hero-image>span{right:0}.catalog-intro-grid{gap:15px}.catalog-collections{padding:50px 0 70px}.catalog-feature{padding:25px 25px 35px;gap:35px}.catalog-feature h2{font-size:clamp(2.35rem,8vw,3.4rem)}.catalog-secondary{gap:19px}.catalog-card{grid-template-columns:39% 61%}.catalog-card-art{height:auto}.catalog-card-body{padding:27px 22px;min-height:370px}.catalog-card h2{font-size:clamp(1.7rem,5.2vw,2.5rem)}.catalog-card-prayer .catalog-card-art{padding:15px 0 15px 15px}.catalog-footer .container{flex-direction:column;gap:5px}}
@media(max-width:430px){.catalog-card{grid-template-columns:1fr}.catalog-card-art{height:240px}.catalog-card-body{min-height:0}.catalog-link,.catalog-unavailable{margin-top:16px}.catalog-hero-image>span{font-size:.77rem}.catalog-nav nav a{font-size:.68rem}}

/* Product carousel. Every slide has an accessible manual control. */
.catalog-carousel{width:100%;max-width:540px;margin:auto}
.catalog-carousel-stage{position:relative;aspect-ratio:1/1;background:#f1ece5;border-radius:10px;overflow:hidden;box-shadow:0 22px 55px #2c35411c}
.catalog-carousel-slide{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column}
.catalog-carousel-slide[hidden]{display:none!important}
.catalog-carousel-slide>a{display:flex;width:100%;height:calc(100% - 80px);align-items:center;justify-content:center}
.catalog-carousel-slide>img{width:100%;height:calc(100% - 80px);object-fit:contain}
.catalog-carousel-slide>a>img{width:100%;height:100%;object-fit:contain}
.catalog-slide-signs{background:#f3eaeb}.catalog-slide-prayer{background:#e7ece4}
.catalog-carousel-caption{height:80px;width:100%;padding:12px 21px;background:#fffaf1;color:#283d34;display:flex;justify-content:center;flex-direction:column}
.catalog-carousel-caption span{font:800 .61rem/1.4 Arial,sans-serif;letter-spacing:.15em;color:#947558}
.catalog-carousel-caption strong{font:700 clamp(.98rem,2vw,1.35rem)/1.3 Georgia,serif;margin-top:4px}
.catalog-carousel-controls{display:flex;align-items:center;justify-content:center;gap:20px;margin:15px auto 0}
.catalog-carousel-controls button{font:inherit;cursor:pointer;border:0;background:none;color:#33483e}
.catalog-carousel-arrow{width:42px;height:42px;border:1px solid #aebeb1!important;border-radius:50%;font-size:1.25rem!important}
.catalog-carousel-arrow:hover,.catalog-carousel-arrow:focus-visible{background:#e4e9df}
.catalog-carousel-dots{display:flex;gap:12px;align-items:center}
.catalog-carousel-dots button{width:10px;height:10px;border-radius:50%;padding:0;background:#a9b9ac}
.catalog-carousel-dots button[aria-current=true]{background:#293f36;box-shadow:0 0 0 3px #d3dccc}
.catalog-carousel button:focus-visible,.catalog-carousel a:focus-visible{outline:3px solid #b78457;outline-offset:3px}

/* Digital devices use a bounded composition independent of card height. */
.col-device-showcase{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:18px 15px 32px;background:#f4e8df;box-sizing:border-box}
.col-device-prayer{background:#e3ebe0}
.col-device-group{position:relative;width:100%;max-width:490px;aspect-ratio:1.14;container-type:inline-size}
.col-device{position:absolute;padding:9px 6px 11px;background:linear-gradient(120deg,#657077,#182026 18%,#080c10 80%,#667179);border:1px solid #889096;border-radius:18px;box-shadow:3px 3px 0 #6b7478,6px 7px 0 #253035,12px 20px 22px #20302b40;box-sizing:border-box}
.col-device:before{content:"";position:absolute;top:3px;left:50%;width:4px;height:4px;border-radius:50%;background:#070c11;box-shadow:0 0 1px #b7c9d3;z-index:3}
.col-device:after{content:"";position:absolute;bottom:4px;left:39%;width:22%;height:2px;border-radius:5px;background:#9ba2a5;z-index:3}
.col-device-0{width:43%;left:4%;top:7%;transform:perspective(900px) rotateY(5deg) rotate(-3deg);z-index:2}
.col-device-1{width:28%;left:48%;top:12%;transform:perspective(900px) rotateY(-7deg) rotate(3deg);z-index:1}
.col-device-2{width:28%;left:70%;top:34%;transform:perspective(900px) rotateY(-7deg) rotate(4deg);z-index:3}
.col-device-screen{position:relative;width:100%;aspect-ratio:9/16;overflow:hidden;border-radius:11px;background:#fcf4e7}
.catalog-site .col-device-screen img{display:block;width:100%;height:100%;max-height:none;object-fit:fill;filter:none;padding:0}
.col-cover-photo{position:absolute;inset:0;background-size:cover;background-position:center;filter:brightness(1.9) saturate(.8)}
.col-cover-copy{position:absolute;inset:0;padding:12% 8%;color:#372b35;background:linear-gradient(180deg,#fff7e9 0%,#fff7e9f7 25%,#fff7e9ba 48%,#fff7e900 72%);display:flex;align-items:flex-start;flex-direction:column}
.col-cover-copy small{font:700 1.5cqw/1.2 Arial,sans-serif;letter-spacing:.12em;margin-bottom:12%}
.col-cover-copy strong{font:700 5.1cqw/1.04 Georgia,serif;letter-spacing:-.045em}
.col-cover-copy span{font:italic 2.1cqw/1.2 Georgia,serif;margin-top:8%}
.col-device-1 .col-cover-copy strong,.col-device-2 .col-cover-copy strong{font-size:3.1cqw}
.col-device-1 .col-cover-copy span,.col-device-2 .col-cover-copy span{font-size:1.65cqw}
.col-device-label{position:absolute;bottom:13px;left:0;width:100%;text-align:center;font:700 9px/1.3 Arial,sans-serif;letter-spacing:.12em;color:#4b5b52}
.catalog-secondary .catalog-card{grid-template-columns:1fr;min-height:0}
.catalog-secondary .catalog-card-art{height:auto;min-height:0;padding:0}
.catalog-card-art .col-device-showcase{height:auto;padding:22px 24px 35px}
.catalog-card-art .col-device-group{max-width:460px}
.catalog-card-body{padding:30px 34px 36px;min-height:0}
.catalog-card h2{font-size:clamp(1.9rem,2.6vw,2.7rem);line-height:1.1;letter-spacing:-.025em}
.catalog-card .catalog-question{font-size:1.1rem;line-height:1.45}
.catalog-carousel-slide>a{flex:1;min-height:0;height:auto}
.catalog-carousel-slide>.col-device-showcase{flex:1;min-height:0;height:auto}
.catalog-carousel-caption{flex:0 0 96px;height:96px;box-sizing:border-box}
.catalog-carousel-caption strong{font-size:clamp(.98rem,1.8vw,1.25rem)}
.catalog-carousel-stage{aspect-ratio:1/1.14}
.catalog-carousel-slide .col-device-group{max-width:440px}
@media(max-width:690px){.catalog-secondary .catalog-card{grid-template-columns:1fr}.catalog-card-body{padding:25px}.catalog-card-art .col-device-showcase{padding:18px 18px 34px}.catalog-card h2{font-size:2rem}.catalog-carousel-caption{flex-basis:100px;height:100px}.col-device{border-radius:14px;padding:8px 5px 10px}.col-device-screen{border-radius:8px}}
