:root{--gold:#9b7100;--gray:#56575a;--navy:#0c162a;--dark:#161412;--cream:#f7f4ec;--line:#e6e1d6}
*{box-sizing:border-box}body{margin:0;color:var(--dark);background:#fff;font-family:Arial,Helvetica,sans-serif}a{text-decoration:none;color:inherit}
.topbar{height:32px;padding:9px;text-align:center;background:var(--navy);color:#fff;font-size:11px;letter-spacing:.11em}.topbar b{color:var(--gold);margin:0 14px}
.header{max-width:1180px;min-height:90px;margin:auto;padding:16px 28px;display:flex;align-items:center}.brand{display:flex;align-items:center;gap:12px}.brand img{width:54px;height:54px;object-fit:contain}.brand strong{max-width:210px;color:var(--navy);font:700 19px/1.2 Georgia,serif}
nav{display:flex;justify-content:center;gap:44px;padding:14px 20px;border-top:1px solid #eee;border-bottom:1px solid #eee;color:var(--navy);font-size:12px;font-weight:700}
#book-detail{max-width:1180px;min-height:600px;margin:auto;padding:58px 28px 90px}.loading,.error{padding:70px 24px;text-align:center;background:var(--cream);color:var(--gray)}
.back{display:inline-block;margin-bottom:30px;color:var(--gold);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.detail{display:grid;grid-template-columns:minmax(280px,390px) 1fr;gap:60px;align-items:start}.cover{position:relative;width:100%;height:520px;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--cream);border:1px solid var(--line);cursor:zoom-in}.cover img{display:block;max-width:100%;max-height:100%;object-fit:contain}.cover span{position:absolute;right:12px;bottom:12px;padding:8px 10px;background:#fff;color:var(--navy);font-size:11px;box-shadow:0 4px 18px #0002}.thumbnails{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}.thumbnails button{height:92px;padding:7px;border:1px solid var(--line);background:#fff;cursor:pointer}.thumbnails button.active{border:2px solid var(--gold)}.thumbnails img{width:100%;height:100%;object-fit:contain}.gallery-help{margin:9px 0 0;color:var(--gray);font-size:12px;text-align:center}
.eyebrow{margin:4px 0 14px;color:var(--gold);font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.detail h1{margin:0 0 12px;color:var(--navy);font:400 42px/1.12 Georgia,serif}.subtitle{margin:0 0 26px;color:var(--gray);font:19px/1.5 Georgia,serif}.description{margin:30px 0;padding:25px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.description h2,.related h2{margin:0 0 14px;color:var(--navy);font:400 27px/1.25 Georgia,serif}.description p{margin:0;color:var(--gray);font-size:14px;line-height:1.8}
.facts{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0}.facts div{padding:12px 0;border-bottom:1px solid var(--line)}.facts div:nth-child(odd){margin-right:20px}.facts dt{margin-bottom:4px;color:#888;font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.facts dd{margin:0;color:var(--navy);font-size:13px;line-height:1.45}.consult{display:inline-block;margin-top:28px;padding:15px 22px;background:var(--navy);color:#fff;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.consult:hover{background:var(--gold)}
.related{margin-top:78px;padding-top:45px;border-top:1px solid var(--line)}.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.related-card{display:block}.related-cover{height:260px;display:flex;align-items:center;justify-content:center;padding:14px;background:var(--cream);border:1px solid var(--line)}.related-cover img{max-width:100%;max-height:100%;object-fit:contain}.related-card h3{margin:13px 0 5px;color:var(--navy);font:400 16px/1.4 Georgia,serif}.related-card p{margin:0;color:var(--gray);font-size:10px}
.lightbox-open{overflow:hidden}.lightbox[hidden]{display:none}.lightbox{position:fixed;inset:0;z-index:1000;display:grid;grid-template-columns:auto minmax(0,1200px) auto;align-items:center;justify-content:center;gap:18px;padding:34px 22px;background:#08101feF}.lightbox.single-image{grid-template-columns:minmax(0,1200px)}.lightbox img{display:block;justify-self:center;width:auto;height:90vh;max-width:84vw;max-height:90vh;object-fit:contain;background:transparent;image-rendering:auto}.lightbox button{border:0;background:#fff;color:var(--navy);cursor:pointer}.lightbox-close{position:absolute;right:22px;top:18px;width:44px;height:44px;font-size:30px}.lightbox-prev,.lightbox-next{width:48px;height:70px;font-size:42px}
footer{padding:52px 20px 28px;text-align:center;background:var(--dark);color:#c8c6c0}.footer-brand{display:flex;justify-content:center;align-items:center;gap:12px}.footer-brand img{width:50px;filter:brightness(0) invert(1)}.footer-brand strong{max-width:210px;color:#fff;font:700 18px/1.2 Georgia,serif}footer address{margin:18px auto;color:#a8a59e;font-size:11px;font-style:normal;line-height:1.7}
@media(max-width:850px){.detail{grid-template-columns:1fr;gap:35px}.cover{height:440px}.related-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.brand strong{font-size:15px}.brand img{width:46px;height:46px}nav{justify-content:flex-start;gap:25px;overflow:auto}.detail h1{font-size:34px}.facts{grid-template-columns:1fr}.facts div:nth-child(odd){margin-right:0}.cover{height:400px}.thumbnails{grid-template-columns:repeat(3,1fr)}.thumbnails button{height:82px}.related-grid{grid-template-columns:1fr 1fr}.related-cover{height:210px}.lightbox{grid-template-columns:1fr;padding:70px 14px 24px}.lightbox-prev,.lightbox-next{position:absolute;bottom:18px;height:46px}.lightbox-prev{left:22px}.lightbox-next{right:22px}}