/* support#F10539 — ролик о продукте на витринных страницах.
   Один вид для всех мест: заставка + одна понятная кнопка «Смотреть ролик · 37 сек».
   Ролик грузится только по нажатию (preload="none"), играет на месте со звуком. */
.promo-video{position:relative;max-width:1000px;margin:0 auto;border-radius:16px;overflow:hidden;background:var(--lp-text);box-shadow:0 12px 48px rgba(15,23,42,.16)}
.promo-video-stage{position:relative}
.promo-video-el{width:100%;height:auto;aspect-ratio:16/9;display:block;object-fit:cover;background:var(--lp-text)}
.promo-video-play{position:absolute;left:50%;bottom:12%;transform:translateX(-50%);display:inline-flex;align-items:center;gap:12px;padding:8px 22px 8px 8px;border:0;border-radius:999px;background:var(--lp-bg);color:var(--lp-text);font:600 17px/1.2 var(--lp-font);cursor:pointer;box-shadow:0 10px 30px rgba(15,23,42,.35);transition:transform .2s ease-out,box-shadow .2s ease-out;white-space:nowrap}
.promo-video-play:hover{transform:translateX(-50%) translateY(-2px);box-shadow:0 14px 36px rgba(15,23,42,.42)}
.promo-video-play:focus-visible{outline:3px solid var(--lp);outline-offset:3px}
.promo-video-disc{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--lp);flex-shrink:0}
.promo-video-disc svg{width:20px;height:20px;fill:var(--lp-bg);transform:translateX(1px)}
.promo-video-dur{color:var(--lp-text2);font-weight:500}
.promo-video-poster{position:absolute;left:0;top:0;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block}
.promo-video.is-playing .promo-video-play{display:none}
.promo-video.is-playing .promo-video-poster{display:none}
@media (max-width:640px){
  .promo-video{border-radius:12px}
  /* на узком экране кнопка под роликом: поверх она закрыла бы подпись заставки */
  .promo-video-play{position:static;transform:none;display:flex;width:fit-content;max-width:calc(100% - 24px);margin:12px auto;gap:10px;padding:6px 16px 6px 6px;font-size:15px;white-space:normal;text-align:left;box-shadow:none}
  .promo-video-play > span{min-width:0}
  .promo-video-dur{flex-shrink:0}
  .promo-video-play:hover{transform:none}
  .promo-video-disc{width:36px;height:36px}
  .promo-video-disc svg{width:16px;height:16px}
}
@media (prefers-reduced-motion:reduce){.promo-video-play{transition:none}}
@media (prefers-reduced-motion:reduce) and (min-width:641px){.promo-video-play:hover{transform:translateX(-50%)}}