/* Schlau vor Ort — automatisch aus shop-render.php ausgelagert. Tokens (:root) stehen kritisch inline im <head>. */
.detail{display:grid;grid-template-columns:340px 1fr;gap:48px;padding:14px 0 20px;align-items:start}
.detail .cov{aspect-ratio:2/3;border-radius:6px 14px 14px 6px;background:#e7ede6 center/cover no-repeat;box-shadow:var(--shadow);position:relative;overflow:hidden}
.detail .cov .cov-img{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}
.detail h1{font-size:clamp(2rem,3.6vw,2.8rem);color:var(--navy);margin:6px 0 6px}
.detail .sub{color:var(--muted);font-weight:700;font-size:1.15rem;margin:0 0 18px}
.detail p.body{font-size:1.08rem}
.buybox{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:26px;margin:22px 0;box-shadow:var(--shadow-sm)}
.buybox .price{font-family:'Baloo 2';font-weight:800;font-size:2.4rem;color:var(--navy)}
.buybox .fmt{display:inline-flex;gap:8px;margin:6px 0 16px}
.buybox .fmt span{background:rgba(46,166,187,.14);color:#1c6f7e;font-weight:800;font-size:.8rem;padding:5px 12px;border-radius:999px}
.crosssell{display:block;background:#fff;border:1px dashed var(--line2);border-radius:14px;padding:14px 18px;font-weight:700;color:var(--navy);text-decoration:none;transition:border-color .15s,background .15s}
.crosssell:hover{border-color:var(--orange,#fe8422);background:#fff8f1}
.detail-info > p.note{margin-top:-20px}
.learnbox{background:rgba(46,166,187,.10);border:1px solid rgba(46,166,187,.28);border-radius:16px;padding:18px 22px;margin:18px 0}
.learnbox h3{margin:0 0 6px;color:#1c6f7e;font-size:1.12rem}
.learnbox p{margin:0;color:var(--ink);font-weight:600}
.bookstats{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 16px}
.bookstats span{background:rgba(23,55,90,.06);color:var(--navy);font-weight:700;font-size:.85rem;padding:6px 12px;border-radius:999px}

/* Linke Spalte: Cover + Karte darunter */
.detail-left{display:flex;flex-direction:column;gap:28px}
.detail-map{height:460px;border-radius:14px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow-sm)}

/* Rechte Spalte: großzügige Blockabstände (wie der Spalten-Gap) */
.detail-info{display:flex;flex-direction:column;gap:26px}
.detail-info > *{margin-top:0;margin-bottom:0}
.dhead .badge{display:inline-flex;margin-bottom:16px}
.dhead h1,.dhead h2{margin:0 0 6px}
.dhead .sub{margin:0 0 16px}
.dhead .bookstats{margin:6px 0 0}
.dtext h2{font-family:'Baloo 2';font-size:1.35rem;color:var(--navy);margin:0 0 10px;line-height:1.2}
.dtext p{margin:0 0 16px;font-size:1.08rem}
.dtext p:last-child{margin-bottom:0}
.dtext p.lead{font-size:1.22rem;line-height:1.5;font-weight:600;color:var(--navy)}
.dtext strong{color:var(--navy)}
.buyrow{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.btn-read{background:#fff}

/* eBook-Reader-Modal (paginiert, mit Blätterbuttons) */
.reader{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}
.reader[hidden]{display:none}
.reader-scrim{position:absolute;inset:0;background:rgba(13,36,64,.55);backdrop-filter:blur(3px)}
.reader-book{position:relative;z-index:1;width:min(620px,96vw);height:min(86vh,860px);display:flex;flex-direction:column;background:#fff;color:#2b2620;border-radius:12px;box-shadow:0 30px 80px rgba(0,0,0,.5);overflow:hidden}
.reader-x{position:absolute;top:12px;right:16px;background:none;border:0;font-size:2rem;line-height:1;color:#b3aa98;cursor:pointer;z-index:2}
.reader-head{flex:none;padding:44px 44px 10px;font-family:'Baloo 2',sans-serif;font-weight:800;font-size:1.4rem;color:var(--navy)}
.reader-kick{display:block;text-transform:uppercase;letter-spacing:.14em;font-size:.7rem;color:#b08a3e;font-weight:800;margin-bottom:3px}
.reader-viewport{flex:1;overflow:hidden;position:relative;padding:6px 44px}
.reader-flow{height:100%;column-gap:48px;column-fill:auto;font-family:Georgia,'Times New Roman',serif;font-size:1.08rem;line-height:1.8;will-change:transform;transition:transform .4s cubic-bezier(.4,0,.2,1)}
.reader-flow p{margin:0 0 1em;text-align:justify;-webkit-hyphens:auto;hyphens:auto}
.reader-nav{flex:none;display:flex;align-items:center;justify-content:center;gap:24px;padding:16px 44px 44px}
.reader-arrow{width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--navy);font-size:1.6rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}
.reader-arrow:hover:not(:disabled){transform:scale(1.08)}
.reader-arrow:disabled{opacity:.35;cursor:default}
.reader-count{min-width:112px;text-align:center;font-weight:800;color:#5c5343;font-family:'Baloo 2',sans-serif}