/* Видео на kyoto-spa.kz (07.10.2026), см. kt-video.js. Без приближения и сдвигов: видео ровно по рамке фото. */
.ktv-box{overflow:hidden}
.ktv-rel{position:relative}
.ktv-loop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;opacity:0;transition:opacity .6s ease;pointer-events:none;background:transparent}
.ktv-loop.is-on{opacity:1}

/* ролик с диктором: вертикальная рамка 9:16 */
.ktv-film{position:relative;margin:0;width:clamp(260px,24vw,360px);aspect-ratio:9/16;border-radius:16px;overflow:hidden;background:#1d140c;
  box-shadow:0 34px 70px -38px rgba(30,18,6,.75)}
.ktv-film::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(214,174,96,.55);pointer-events:none;transition:opacity .3s}
.ktv-film__v{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.ktv-play{position:absolute;left:14px;right:14px;bottom:14px;z-index:2;display:flex;align-items:center;gap:12px;padding:6px 16px 6px 6px;border:0;border-radius:999px;cursor:pointer;
  background:rgba(22,15,8,.62);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;text-align:left;font:600 14.5px/1.2 Mulish,sans-serif;transition:background .25s,opacity .25s}
.ktv-play:hover{background:rgba(22,15,8,.8)}
.ktv-play:focus-visible{outline:2px solid #d6ae60;outline-offset:3px}
.ktv-play__ico{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#e7c87f,#b8863c);color:#1d140c;transition:transform .25s}
.ktv-play:hover .ktv-play__ico{transform:scale(1.06)}
.ktv-play__ico svg{width:18px;height:18px;fill:currentColor;margin-left:2px}
.ktv-play__t small{display:block;font-weight:400;font-size:12.5px;color:rgba(255,255,255,.72);margin-top:2px}
.ktv-film.is-sound .ktv-play{opacity:0;pointer-events:none}
.ktv-film.is-sound::after{opacity:0}

/* «О нас» на главной: рамка вместо горизонтального фото, фото скрыто */
.about__img.ktv-filmbox{display:flex;align-items:center;justify-content:center;height:auto!important;background:none!important;overflow:visible}
.about__img.ktv-filmbox>img{display:none}
@media (max-width:767px){
  .about__img.ktv-filmbox{margin-top:8px}
  .ktv-film{width:min(100%,320px)}
  /* кнопка справа: слева внизу экрана висит «Звук» сайта */
  .ktv-play{left:auto;right:12px;bottom:12px}
}

/* сертификаты: ролик рядом с «Онлайн за минуту» */
.ktv-online{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:32px;max-width:1120px;margin:28px auto 56px;padding:0 20px;box-sizing:border-box}
.ktv-online .kt-online{flex:1 1 auto;margin:0!important}
.ktv-film--cert{flex:none;width:clamp(240px,21vw,300px)}
@media (max-width:767px){
  .ktv-online{flex-direction:column;gap:18px;margin:20px auto 44px;padding:0 10px}
  .ktv-online .kt-online{width:100%}
  .ktv-film--cert{width:min(100%,320px)}
}

/* ролик на весь экран */
.ktv-noscroll,.ktv-noscroll body{overflow:hidden}
.ktv-lb{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;background:rgba(12,8,4,.86);padding:16px;box-sizing:border-box}
.ktv-lb__v{max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);max-width:100%;aspect-ratio:9/16;border-radius:14px;background:#000}
.ktv-lb__x{position:absolute;top:12px;right:14px;width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font:300 30px/44px Mulish,sans-serif;cursor:pointer}
.ktv-lb__x:hover{background:rgba(255,255,255,.26)}

@media (prefers-reduced-motion:reduce){.ktv-loop{transition:none}}