/* Book video feature card + click-to-load player. Shared by pages that use js/book-videos.js. */
/* ── BOOK VIDEO (60-second preview) ── */
    .video-feature { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 2.25rem; align-items: center;
                     background: #101828; border: 1px solid rgba(200,168,75,0.3); border-radius: 8px; padding: 1.75rem;
                     margin-top: 2.25rem; box-shadow: 0 18px 60px rgba(0,0,0,0.35); }
    .video-feature .vf-label { font-family: 'Inter', sans-serif; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.22em;
                               text-transform: uppercase; color: #E8C97A; margin-bottom: 0.7rem; }
    .video-feature h3 { font-family: 'Playfair Display', serif; font-size: 1.65rem; line-height: 1.25; color: #EBE6D8; margin-bottom: 0.8rem; }
    .video-feature .vf-desc { font-family: 'Inter', sans-serif; font-size: 0.97rem; line-height: 1.7; color: #B4B4C2; margin-bottom: 1.4rem; }
    .video-feature .vf-actions { display: flex; flex-wrap: wrap; gap: 0.9rem 1.4rem; align-items: center; }
    .video-feature .vf-yt { font-family: 'Inter', sans-serif; font-size: 0.85rem; color: #9090A0; text-decoration: underline; text-underline-offset: 3px; }
    .video-feature .vf-yt:hover { color: #EBE6D8; }
    .bv-frame { position: relative; width: 100%; aspect-ratio: 16 / 9; border-radius: 6px; overflow: hidden; background: #000;
                border: 1px solid rgba(200,168,75,0.35); box-shadow: 0 12px 40px rgba(0,0,0,0.5); }
    .bv-frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
    .bv-play { position: absolute; inset: 0; width: 100%; height: 100%; padding: 0; border: 0; background: #000; cursor: pointer; display: block; }
    .bv-play img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.6s ease, filter 0.3s; filter: brightness(0.82); }
    .bv-play:hover img, .bv-play:focus-visible img { transform: scale(1.035); filter: brightness(0.95); }
    .bv-disc { position: absolute; left: 50%; top: 50%; width: 76px; height: 76px; margin: -38px 0 0 -38px; border-radius: 50%;
               display: grid; place-items: center; background: radial-gradient(circle at 35% 30%, #E8C97A, #C8A84B 62%);
               box-shadow: 0 10px 30px rgba(200,168,75,0.45); transition: transform 0.3s ease; }
    .bv-disc svg { width: 32%; height: 32%; margin-left: 8%; fill: #0E1830; }
    .bv-play:hover .bv-disc, .bv-play:focus-visible .bv-disc { transform: scale(1.08); }
    .bv-play:focus-visible { outline: 3px solid #C8A84B; outline-offset: -3px; }
    .bv-time { position: absolute; right: 10px; bottom: 9px; font-family: 'Inter', sans-serif; font-size: 0.72rem; font-weight: 600;
               color: #fff; background: rgba(14,24,48,0.78); border: 1px solid rgba(232,201,122,0.35); border-radius: 999px; padding: 0.15rem 0.55rem; }
    @media (max-width: 900px) {
      .video-feature { grid-template-columns: 1fr; gap: 1.4rem; padding: 1.25rem; }
      .video-feature h3 { font-size: 1.4rem; }
      .video-feature .vf-actions .btn-gold { width: 100%; text-align: center; box-sizing: border-box; }
    }
    @media (prefers-reduced-motion: reduce) { .bv-play img, .bv-disc { transition: none; } }

/* breathing room where the card sits directly above a book grid (books.html) */
.video-feature + .books-grid { margin-top: 2.5rem; }