/* family · sections/reels.css
   B17 — видео (рилсы): вертикальная карусель */

/* Swiper в грид/контейнере не должен распирать по ширине */
.reels-swiper{min-width:0;max-width:100%;}
.reels-swiper .swiper-slide{min-width:0;height:auto;}

/* вертикальная карточка-рилс 9:16 */
.reel{position:relative;aspect-ratio:9/16;border-radius:.8rem;overflow:hidden;background:#0c0c0c;cursor:pointer;}
.reel-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}

/* бейдж play поверх постера — гаснет, пока видео играет */
.reel-play{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;background:rgba(12,12,12,.22);transition:opacity .2s ease;pointer-events:none;}
.reel-play>span{width:3.6rem;height:3.6rem;border-radius:50%;background:rgba(250,247,242,.92);display:flex;align-items:center;justify-content:center;}
.reel.is-playing .reel-play{opacity:0;}

/* подпись на карточке */
.reel-cap{position:absolute;left:.6rem;bottom:.6rem;z-index:3;font-family:'JetBrains Mono',monospace;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;background:rgba(12,12,12,.6);color:#fff;padding:.3rem .55rem;border-radius:.25rem;pointer-events:none;}

/* стрелки — как в B13 */
.reels-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:2.4rem;height:2.4rem;border-radius:.4rem;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);background:rgba(250,247,242,.85);color:var(--ink);transition:background-color .2s ease,border-color .2s ease,color .2s ease;}
.reels-arrow:hover{background:var(--brass);border-color:var(--brass);color:#fff;}
.reels-prev{left:.6rem}
.reels-next{right:.6rem}
.reels-arrow.swiper-button-disabled{opacity:.35;cursor:default;}