/**
 * Copyright since 2007 PrestaShop SA and Contributors
 * PrestaShop is an International Registered Trademark & Property of PrestaShop SA
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@prestashop.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade PrestaShop to newer
 * versions in the future. If you wish to customize PrestaShop for your
 * needs please refer to http://www.prestashop.com for more information.
 *
 * @author Goryachev Nikolay <versus73333333@gmail.com>
 * @copyright 2021-2025 Goryachev Nikolay
 * @license   http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 * International Registered Trademark & Property of PrestaShop SA
*/

/* ===== Wind King: видео YouTube на главной (блок «О нас») — только по клику (152-ФЗ, 24.10.2026) =====
   До клика страница не обращается к YouTube/Google: вместо iframe — кнопка с нашим превью (views/img/video-preview-<ID видео>.jpg).
   Место под плеер задаёт .ngbci-block-info_item_box-media_block модуля (16:9 + 70 px) — страница не прыгает.
   Блок wk-about-video: _btn, _btn-off, _img, _note, _frame; кружок ▶ — псевдоэлемент :after кнопки. Разметка — list_information.tpl, логика — custom_front.js. */
.wk-about-video{background:#0b2a44}
.wk-about-video_btn{position:absolute;left:0;top:0;width:100%;height:100%;display:block;margin:0;padding:0;border:0;
  background:#0b2a44;color:#fff;font:inherit;text-align:left;cursor:pointer;overflow:hidden;border-radius:inherit}
.wk-about-video_btn:before{content:"";position:absolute;left:0;right:0;bottom:0;height:45%;pointer-events:none;z-index:1;
  background:linear-gradient(rgba(11,42,68,0),rgba(11,42,68,.78))}
.wk-about-video_btn:after{content:"";position:absolute;left:50%;top:50%;width:72px;height:72px;margin:-36px 0 0 -36px;pointer-events:none;z-index:2;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 72'%3E%3Ccircle cx='36' cy='36' r='36' fill='%23fff'/%3E%3Cpath d='M29 22.5v27a1.5 1.5 0 0 0 2.3 1.3l21-13.5a1.5 1.5 0 0 0 0-2.6l-21-13.5A1.5 1.5 0 0 0 29 22.5z' fill='%230071ad'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.wk-about-video_btn:focus-visible{outline:3px solid #fff;outline-offset:-6px;box-shadow:inset 0 0 0 6px #0071ad}
.wk-about-video_btn-off{display:none}
.wk-about-video_img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;display:block;z-index:0}
.wk-about-video_note{position:absolute;left:16px;bottom:12px;right:16px;font-size:14px;line-height:1.3;font-weight:500;color:#fff;z-index:2}
.wk-about-video_frame{position:absolute;left:0;top:0;width:100%;height:100%;border:0;display:block}
@media (prefers-reduced-motion:no-preference){
  .wk-about-video_btn:after{transition:transform .2s ease}
  .wk-about-video_btn:hover:after,.wk-about-video_btn:focus-visible:after{transform:scale(1.08)}
  .wk-about-video_btn:active:after{transform:scale(.95)}
}
@media (max-width:767px){
  .wk-about-video_btn:after{width:64px;height:64px;margin:-32px 0 0 -32px}
  .wk-about-video_note{left:12px;bottom:10px}
}