/* BookClassics — modèle de tête de fiche livre (2026-11-01, validé sur Dracula).
   Deux colonnes équilibrées : la colonne de gauche s'étire jusqu'au bas de la colonne de droite.
   - Vidéo : cadre pleine largeur, vidéo portrait centrée sur un fond flouté tiré de son affiche.
   - Photo (en attendant la vidéo) : même cadre, photo du livre centrée sur un fond flouté de la scène. */
.bc-hero-video,.bc-hero-photo{margin:0}
.bc-hero-video{margin-bottom:14px}
.bc-hero-frame{position:relative;width:100%;border-radius:4px;overflow:hidden;background:#140d09;isolation:isolate}
.bc-hero-video .bc-hero-frame{aspect-ratio:586/741}
@media(min-width:1400px){.bc-hero-video .bc-hero-frame{aspect-ratio:586/675}}
.bc-hero-frame::before{content:'';position:absolute;inset:-40px;background:var(--poster,none) center/cover no-repeat;filter:blur(28px) brightness(.55) saturate(1.1);transform:scale(1.08);z-index:0}
.bc-hero-video .bc-hero-frame::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 45%,#0006 100%);z-index:0;pointer-events:none}
.bc-hero-media{position:relative;z-index:1;display:block;height:100%;width:auto;max-width:100%;aspect-ratio:var(--ratio,9/16);margin:0 auto;object-fit:contain;background:#140d09;box-shadow:0 0 46px #000a}
.bc-hero-video figcaption{font:12px/1.5 system-ui,sans-serif;color:#6b6257;text-align:center;margin:9px 0 0;padding:0 5px}
.bc-hero-photo .bc-hero-frame{display:flex;align-items:center;background:#dcc9ac}
.bc-hero-photo .bc-hero-frame::before{filter:blur(22px) brightness(.85) saturate(1.05)}
.bc-hero-photo .bc-hero-frame>.book-photo{flex:none;width:100%;position:relative;z-index:1;box-shadow:0 0 34px #2a1a0a40}
.bc-has-hero-video #videoDisclosure{display:none!important}
@media(min-width:761px){
.bc-hero-balanced .product-hero .media-column{align-self:stretch;display:flex;flex-direction:column}
.bc-hero-balanced .bc-hero-video,.bc-hero-balanced .bc-hero-photo{flex:1 1 auto;display:flex;flex-direction:column}
.bc-hero-balanced .bc-hero-frame{flex:1 1 auto}
.bc-hero-balanced .bc-hero-video .bc-hero-media{position:absolute;top:0;bottom:0;left:50%;transform:translateX(-50%);height:100%;width:auto;max-width:100%;margin:0}
}
@media(max-width:640px){.bc-hero-video{margin-bottom:12px}}