.db-page{position:relative;isolation:isolate;overflow:hidden;min-height:calc(100vh - 100px);background:radial-gradient(ellipse at 73% 14%,#4b3028 0%,transparent 42%),linear-gradient(145deg,#100c0b 0%,#241712 55%,#100b0a 100%);color:#f3e7d5;font-family:'Times New Roman',Times,serif}
.db-page__glow{position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 70px,#ad80500b 71px 72px);opacity:.4}
.db-page__inner{width:min(1180px,calc(100% - 48px));margin:auto;padding:44px 0 90px}
.db-back,.db-preview{color:#ddbb84;text-decoration:none;letter-spacing:.04em}
.db-back:hover,.db-preview:hover{text-decoration:underline}
.db-layout{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1fr);align-items:start;gap:clamp(32px,7vw,110px);margin-top:42px}
.db-cover-wrap{justify-self:center;position:relative;width:min(100%,450px);padding:18px 18px 25px;border:1px solid #98704678;background:linear-gradient(135deg,#3b241d,#120d0b);box-shadow:0 28px 70px #000b, inset 0 0 0 6px #120d0b}
.db-cover{display:block;width:100%;height:auto;max-height:660px;object-fit:contain;box-shadow:7px 10px 20px #0009}
.db-cover--blank{aspect-ratio:2/3;display:grid;place-items:center;border:double 8px #ad8654;background:#12251c;padding:40px;text-align:center;font-size:2.5rem}
.db-cover-wrap__caption{display:block;margin:20px 0 0;color:#d0ae80;text-align:center;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase}
.db-eyebrow{margin:0 0 20px;color:#d1aa72;letter-spacing:.18em;text-transform:uppercase;font-size:.78rem}
.db-content h1{font-size:clamp(3.2rem,5.6vw,5.8rem);font-weight:400;line-height:.99;margin:0 0 28px;letter-spacing:-.035em}
.db-lead{font-size:clamp(1.3rem,2vw,1.7rem);line-height:1.35;color:#f2dcb8;margin:0 0 22px}
.db-description{color:#dfcebb;font-size:1.1rem;line-height:1.65;margin:0}
.db-rule{display:flex;align-items:center;gap:20px;margin:30px 0;color:#b18a57;font-size:.85rem}
.db-rule:before,.db-rule:after{content:'';height:1px;flex:1;background:#98704678}
.db-rule span{font-size:1.35rem}
.db-facts{list-style:none;padding:0;margin:0 0 34px;display:grid;gap:16px}
.db-facts li{display:flex;align-items:baseline;gap:18px;border-bottom:1px solid #98704659;padding-bottom:15px}
.db-facts strong{flex:0 0 125px;color:#e2bd86;font-size:1rem;font-weight:400}
.db-facts span{color:#e7d7c6;line-height:1.4}
.db-purchase{padding:24px;border:1px solid #b992615c;background:#f5ebdc;color:#2b1a17;box-shadow:0 18px 55px #0006}
.db-price{font-size:2.3rem;margin:0 0 14px}
.db-form{margin:0}
.db-button{display:flex;width:100%;align-items:center;justify-content:space-between;border:1px solid #701c2a;background:#701c2a;color:#fff5e9;padding:16px 20px;font:inherit;font-size:1.1rem;cursor:pointer;transition:background .2s,transform .2s}
.db-button:hover,.db-button:focus-visible{background:#531420;transform:translateY(-2px)}
.db-button:focus-visible,.db-back:focus-visible,.db-preview:focus-visible{outline:2px solid #e8bf73;outline-offset:3px}
.db-note{font-size:.87rem;line-height:1.45;color:#61443c;margin:14px 0 0}
.db-preview{display:inline-block;margin-top:23px}
.db-unavailable{margin:0}
@media(max-width:760px){.db-page__inner{width:min(100% - 32px,540px);padding:24px 0 64px}.db-layout{grid-template-columns:1fr;gap:34px;margin-top:27px}.db-cover-wrap{width:min(100%,330px)}.db-content h1{font-size:clamp(3rem,12vw,4.4rem)}.db-facts li{display:block}.db-facts strong,.db-facts span{display:block}.db-facts span{margin-top:4px}}
@media(prefers-reduced-motion:reduce){.db-button{transition:none}.db-button:hover{transform:none}}
