/* RUVI media: мультсериал, стоматолог, отзывы, сказка */
.mult,.dentist,.reviews,.book{padding:88px 0}
.mult{background:linear-gradient(180deg,#eef5ff 0%,#fff 100%)}
.dentist{background:#fff}
.reviews{background:var(--c-bg-soft)}
.book{background:linear-gradient(180deg,#0f2a5c 0%,#1d4f9c 100%);color:#fff}
.book .section-header h2,.book .section-header p{color:#fff}
.book .section-header p{color:#dbeafe}
.book .eyebrow{color:var(--c-accent)}

.buy-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.buy-row .btn{min-width:170px}
.buy-col{flex-direction:column;align-items:stretch}
.section-cta{text-align:center;margin-top:36px}

.hero-proof{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 4px}
.hero-proof a{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;background:#fff;border:2px solid var(--c-border);font-weight:800;font-size:.9rem;color:var(--c-text);box-shadow:var(--shadow-sm)}
.hero-proof a:hover{border-color:var(--c-primary);color:var(--c-primary)}

/* мультсериал */
.mult-wrap>*{min-width:0}
.mult-wrap{display:grid;grid-template-columns:minmax(260px,380px) minmax(0,1fr);gap:40px;align-items:start}
.mp-frame{position:relative;aspect-ratio:9/16;border-radius:26px;overflow:hidden;background:#0a1a2f;box-shadow:var(--shadow-lg);border:4px solid #fff}
.mp-frame video{width:100%;height:100%;object-fit:cover;display:block;background:#0a1a2f}
.mp-now{text-align:center;font-family:var(--font-display);font-weight:600;color:var(--c-primary-dark);margin:12px 0 0}
.mp-end{position:absolute;inset:0;background:rgba(10,26,47,.88);display:flex;flex-direction:column;justify-content:center;gap:12px;padding:24px;text-align:center;color:#fff}
.mp-end[hidden]{display:none}
.mp-end-t{font-family:var(--font-display);font-size:1.6rem;font-weight:700;margin:0}
.mp-end-s{margin:0 0 6px;color:#dbeafe;font-size:.95rem}
.mp-next{background:transparent;color:#fff;border-color:rgba(255,255,255,.5)}
.mult-side h3{font-size:1.4rem;margin:0 0 14px}
.ep-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:10px}
.ep{position:relative;padding:0;border:3px solid transparent;border-radius:14px;overflow:hidden;cursor:pointer;background:#dbeafe;aspect-ratio:9/13}
.ep img{width:100%;height:100%;object-fit:cover}
.ep span{position:absolute;left:0;right:0;bottom:0;padding:14px 4px 5px;font-size:.72rem;font-weight:800;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.75))}
.ep.is-active{border-color:var(--c-accent-dark);box-shadow:0 0 0 3px var(--c-primary)}
.ep:hover img{transform:scale(1.04)}
.ep img{transition:transform .2s}
.mult-cta{margin-top:26px;padding:22px;border-radius:var(--radius-lg);background:var(--c-bg-yellow);border:2px dashed var(--c-accent-dark);text-align:center}
.mult-cta p{margin:0 0 14px}
.mult-more{display:inline-block;margin-top:12px;font-weight:800}

/* карусели видео */
.vrow{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 4px 16px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.vc{position:relative;flex:0 0 220px;aspect-ratio:9/16;padding:0;border:0;border-radius:20px;overflow:hidden;cursor:pointer;scroll-snap-align:start;background:#0a1a2f;box-shadow:var(--shadow)}
.vc img,.vc video{width:100%;height:100%;object-fit:cover;display:block}
.vc-play{position:absolute;left:50%;top:50%;width:62px;height:62px;margin:-31px 0 0 -31px;border-radius:50%;background:rgba(255,255,255,.92);box-shadow:0 6px 18px rgba(0,0,0,.25)}
.vc-play::after{content:"";position:absolute;left:25px;top:19px;border-left:18px solid var(--c-primary);border-top:12px solid transparent;border-bottom:12px solid transparent}
.vc-cap{position:absolute;left:0;right:0;bottom:0;padding:34px 12px 12px;text-align:left;font-weight:800;font-size:.9rem;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.8))}
.vc.is-playing .vc-play,.vc.is-playing .vc-cap{display:none}

.doc-card{display:flex;gap:22px;align-items:center;max-width:760px;margin:-20px auto 30px;padding:20px 24px;border-radius:var(--radius-lg);background:var(--c-bg-soft);border:2px solid var(--c-border)}
.doc-ava{width:104px;height:104px;border-radius:50%;object-fit:cover;border:4px solid #fff;box-shadow:var(--shadow);flex:0 0 auto}
.doc-name{font-family:var(--font-display);font-weight:700;font-size:1.35rem;margin:0}
.doc-role{margin:2px 0 8px;color:var(--c-primary-dark);font-weight:800;font-size:.95rem}
.doc-quote{margin:0;color:var(--c-text-2)}

/* сказка */
.bk{max-width:900px;margin:0 auto}
.bk-stage{position:relative;aspect-ratio:4/3;border-radius:22px;overflow:hidden;background:#0a1a2f;box-shadow:0 20px 50px rgba(0,0,0,.35);touch-action:pan-y}
.bk-stage img{width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}
.bk-nav{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;border:0;background:rgba(255,255,255,.9);color:var(--c-primary-dark);font-size:2rem;line-height:1;cursor:pointer;box-shadow:0 6px 16px rgba(0,0,0,.25)}
.bk-prev{left:12px}.bk-next{right:12px}
.bk-nav:disabled{opacity:.35;cursor:default}
.bk-num{position:absolute;right:14px;bottom:12px;padding:4px 10px;border-radius:999px;background:rgba(0,0,0,.55);font-weight:800;font-size:.85rem}
.bk-thumbs{display:flex;gap:8px;overflow-x:auto;padding:14px 2px 6px;scrollbar-width:thin}
.bk-th{flex:0 0 88px;aspect-ratio:4/3;padding:0;border:3px solid transparent;border-radius:10px;overflow:hidden;cursor:pointer;background:#1d4f9c;opacity:.7}
.bk-th img{width:100%;height:100%;object-fit:cover}
.bk-th.is-active{border-color:var(--c-accent);opacity:1}
.bk-cta-t{font-family:var(--font-display);font-size:1.3rem;margin:0 0 14px}

@media (max-width:860px){
  .mult,.dentist,.reviews,.book{padding:60px 0}
  .mult-wrap{grid-template-columns:minmax(0,1fr);gap:24px}
  .mult-player{max-width:340px;margin:0 auto;width:100%}
  .ep-list{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}
  .ep{flex:0 0 84px;scroll-snap-align:start}
  .vc{flex-basis:62vw;max-width:240px}
  .doc-card{flex-direction:column;text-align:center;margin-top:-24px}
  .buy-row .btn{flex:1 1 140px;min-width:0}
  .bk-nav{width:42px;height:42px;font-size:1.6rem}
}