/* Мострата на бутоните „Видео“ в матриците (owner, 05.11.2026) — виж mostra_video.js.
   Плаваща карта под бутоните (не мести страницата), леко тонирана, без рамка; стрелката нагоре е в същия тон и сочи
   посочения бутон, който също е в този тон (избраният си остава с нормалния вид на избран). */
.mxf-klip-wrap.has-mostra-karta{ position:relative; }
.mxf-mostra-zhivo{ --mostra-ton:#1d2740; position:absolute; left:0; right:0; top:calc(100% + 10px); z-index:40;
  padding:6px; border-radius:13px; background:var(--mostra-ton); box-shadow:0 14px 34px rgba(0,0,0,.45);
  animation:mxf-mostra-vliza .16s cubic-bezier(.2,.8,.2,1); }
.mxf-mostra-zhivo[hidden]{ display:none !important; }
@keyframes mxf-mostra-vliza{ from{ opacity:0; transform:translateY(-4px); } to{ opacity:1; transform:none; } }
.mxf-mostra-zhivo::before{ content:""; position:absolute; top:-6px; left:var(--x, 50%); width:14px; height:14px;
  margin-left:-7px; transform:rotate(45deg); background:var(--mostra-ton); border-radius:2px 0 0 0;
  transition:left .18s cubic-bezier(.2,.8,.2,1); }
.mxf-mostra-v{ position:relative; aspect-ratio:16 / 9; border-radius:9px; overflow:hidden; background:#05070c; }
.mxf-mostra-v video, .mxf-mostra-v img{ width:100%; height:100%; object-fit:cover; display:block; }
/* скритият елемент (видеото при схема, схемата при видео) наистина го няма — иначе празното видео закрива схемата */
.mxf-mostra-v video[hidden], .mxf-mostra-v img[hidden]{ display:none !important; }
.mxf-mostra-zar{ position:absolute; inset:0; display:none; pointer-events:none;
  background:linear-gradient(100deg, rgba(255,255,255,0) 30%, rgba(255,255,255,.08) 50%, rgba(255,255,255,0) 70%) #0b0f18;
  background-size:220% 100%; animation:mxf-mostra-zar 1.1s linear infinite; }
.mxf-mostra-zhivo.is-zarezhda .mxf-mostra-zar{ display:block; }
@keyframes mxf-mostra-zar{ from{ background-position:120% 0; } to{ background-position:-120% 0; } }
.mxf-mostra-zt{ display:flex; flex-direction:column; gap:2px; padding:8px 4px 3px; }
.mxf-mostra-zt b{ font-size:13.5px; font-weight:800; color:#eef1fb; }
.mxf-mostra-zt span{ font-size:12px; line-height:1.45; color:rgba(220,230,250,.8); }
.mxf-mostra-zt span:empty{ display:none; }
/* Посоченият бутон е в тона на картата; избраният (is-on) си остава с нормалния вид на избран. */
body.brand-generiram .mxf-opts.mxf-klip[data-mxf-choice] .mxf-opt.mxf-klip-mv.is-mostra:not(.is-on),
body.brand-generiram .mxf-opts.mxf-klip[data-mxf-choice] .mxf-klip-b.mxf-klip-tab.is-mostra:not(.is-on){
  color:#fff; background:#1d2740; }
@media (prefers-reduced-motion: reduce){ .mxf-mostra-zhivo{ animation:none; } .mxf-mostra-zhivo::before{ transition:none; } }
/* „Мостче“ над картата (прозрачно): празното място между бутоните и картата е част от нея, затова курсорът минава
   от бутона в картата, без тя да се затвори (owner, 05.11.2026). */
.mxf-mostra-zhivo::after{ content:""; position:absolute; left:0; right:0; top:-14px; height:14px; }
/* Телефон (≤899, owner, 05.11.2026): панелът с мострата избутва надолу другите полета (в потока, не върху тях);
   затваря се при докосване другаде (mostra_video.js). */
@media (max-width: 899.98px){
  .mxf-mostra-zhivo{ position:relative; left:auto; right:auto; top:auto; margin-top:12px; z-index:auto;
    box-shadow:none; }
  .mxf-mostra-zhivo::after{ display:none; }
}