.book-product { max-width:1000px; padding-top:24px; padding-bottom:40px; }
.book-breadcrumb { font-size:.85rem; color:var(--muted); margin-bottom:22px; }
.book-breadcrumb a,.book-back a { text-decoration:underline; text-underline-offset:3px; }
.book-intro { display:grid; grid-template-columns:190px minmax(0,1fr); gap:32px; align-items:center; }
.book-cover { display:block; width:100%; height:auto; max-height:285px; object-fit:contain; border-radius:6px; }
.book-summary .eyebrow { margin:0 0 8px; }
.book-summary h1 { font:600 clamp(2rem,4vw,3.2rem)/1.05 "Cormorant Garamond",serif; margin:0 0 10px; }
.book-author { margin:0 0 12px; font-size:.9rem; color:var(--muted); }
.book-description { font-size:1rem; line-height:1.55; margin:0 0 18px; max-width:560px; }
.book-actions { display:flex; flex-wrap:wrap; gap:10px; }
.book-actions .button { padding:.7rem 1.1rem; width:auto; }
.book-purchase-note { margin:8px 0 0; color:var(--muted); font-size:.78rem; }
.book-preview { margin:28px 0 0; scroll-margin-top:110px; }
.book-preview-heading { display:flex; align-items:baseline; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-bottom:12px; }
.book-preview-heading h2 { margin:0; font:600 1.8rem/1.15 "Cormorant Garamond",serif; }
.book-preview-heading a { font-size:.85rem; text-decoration:underline; text-underline-offset:3px; }
.book-preview-heading span { color:var(--muted); }
.book-preview iframe { display:block; width:100%; height:75vh; min-height:400px; max-height:1000px; border:1px solid #cbbdab; border-radius:12px; background:#e8dfd3; }
.book-back { margin:20px 0 0; font-size:.9rem; }
@media(max-width:600px) { .book-product { padding-top:18px; }.book-intro { grid-template-columns:110px minmax(0,1fr); gap:16px; align-items:start; }.book-cover { max-height:170px; }.book-summary h1 { font-size:2rem; }.book-description { font-size:.92rem; }.book-author { font-size:.8rem; }.book-actions { gap:8px; }.book-actions .button { font-size:.66rem; padding:.65rem .85rem; }.book-preview { margin-top:24px; } }
@media(max-width:360px) { .book-intro { grid-template-columns:85px minmax(0,1fr); gap:12px; }.book-summary h1 { font-size:1.75rem; } }