.materials{background:#eef1f3}
.materials-intro{max-width:760px;margin-bottom:48px}
.materials-intro>p:last-child{font-size:18px;color:var(--muted)}
.product-card{display:grid;grid-template-columns:minmax(250px,.75fr) 1.5fr;background:#fff;border:1px solid var(--line);box-shadow:0 22px 60px rgba(16,36,59,.1)}
.book-cover{min-height:520px;margin:42px;position:relative;display:flex;flex-direction:column;justify-content:center;padding:40px;background:linear-gradient(145deg,#122d4b,#071522);color:#fff;border:1px solid #d6ae6b;box-shadow:16px 20px 30px rgba(8,24,42,.22);overflow:hidden}
.book-cover:after{content:"";position:absolute;width:210px;height:210px;border:1px solid rgba(200,154,75,.45);transform:rotate(45deg);right:-100px;bottom:-80px}
.book-cover>span{position:absolute;top:28px;left:34px;color:var(--gold);font-family:"Playfair Display";font-size:28px}
.book-cover small{letter-spacing:.24em;color:#e8c88d}
.book-cover strong{font-family:"Playfair Display";font-size:46px;line-height:1.05;margin:12px 0}
.book-cover em{font-style:normal;color:#c7d0d9}
.product-copy{padding:clamp(38px,6vw,76px);display:flex;flex-direction:column;justify-content:center}
.product-tag{font-size:12px;letter-spacing:.16em;font-weight:700;color:#9a702e}
.product-copy h3{font-family:"Playfair Display";font-size:clamp(34px,4vw,52px);line-height:1.08;margin:8px 0 18px}
.product-copy>p{color:var(--muted);font-size:18px}
.bonus-box{background:var(--cream);border-left:4px solid var(--gold);padding:22px 24px;margin:22px 0}
.bonus-box strong{font-size:18px}
.bonus-box p{margin:6px 0 0;color:#435568}
.product-copy ul{padding-left:20px;margin:0 0 28px}
.product-copy li{margin:7px 0}
.product-copy .button{align-self:flex-start}
.future-note{text-align:center;color:var(--muted);margin:30px 0 0}
@media(max-width:900px){.product-card{grid-template-columns:1fr}.book-cover{min-height:420px;margin:32px}.product-copy{padding-top:24px}}
@media(max-width:580px){.book-cover{min-height:380px;margin:20px}.product-copy{padding:28px 22px}.product-copy .button{width:100%;text-align:center}}