.mf-fc { width:100%; max-width:100%; position:relative; isolation:isolate; outline-offset:4px; --mf-slide-width:540px; --mf-slide-height:304px; --mf-object-fit:cover; }
.mf-fc__viewport { position:relative; width:100%; overflow:hidden; perspective:1600px; perspective-origin:center center; min-height:170px; }
.mf-fc__track { width:100%; height:100%; position:relative; transform-style:preserve-3d; }
.mf-fc__slide { position:absolute; display:block; box-sizing:border-box; width:var(--mf-slide-width); height:var(--mf-slide-height); top:50%; left:50%; padding:0; margin:0; border:0; overflow:hidden; background:transparent; color:inherit; text-decoration:none; transform-origin:center center; transform-style:preserve-3d; transition:transform 500ms cubic-bezier(.22,.7,.21,1),opacity 500ms ease,visibility 500ms ease; -webkit-backface-visibility:hidden; backface-visibility:hidden; cursor:pointer; text-align:initial; -webkit-tap-highlight-color:transparent; box-shadow:0 8px 26px rgba(0,0,0,.16); }
.mf-fc__slide:focus-visible { outline:3px solid #318ce7; outline-offset:4px; }
.mf-fc__slide img.mf-fc__image { display:block; width:100%; height:100%; object-fit:var(--mf-object-fit); object-position:center; margin:0; padding:0; border:0; pointer-events:none; -webkit-user-drag:none; }
.mf-fc__caption { position:absolute; display:flex; flex-direction:column; align-items:flex-start; gap:4px; width:100%; bottom:0; left:0; padding:24px 16px 14px; box-sizing:border-box; color:#fff; background:linear-gradient(transparent,rgba(0,0,0,.82)); font:inherit; text-align:left; text-shadow:0 1px 2px rgba(0,0,0,.4); pointer-events:none; }
.mf-fc__caption .mf-fc__title { display:block; font-size:17px; line-height:1.2; }
.mf-fc__description { display:block; font-size:13px; line-height:1.35; }
.mf-fc--caption-below .mf-fc__slide { overflow:visible; }
.mf-fc--caption-below .mf-fc__image { border-radius:inherit; }
.mf-fc--caption-below .mf-fc__caption { bottom:auto; top:100%; padding:10px 6px; background:transparent; text-shadow:none; }
.mf-fc__play { position:absolute; width:62px; height:62px; left:50%; top:50%; display:grid; place-items:center; border-radius:50%; background:rgba(0,0,0,.72); color:#fff; transform:translate(-50%,-50%); pointer-events:none; box-shadow:0 3px 18px rgba(0,0,0,.35); transition:background .2s; }
.mf-fc__slide--active:hover .mf-fc__play { background:rgba(8,108,184,.95); }
.mf-fc__controls { display:flex; align-items:center; justify-content:center; gap:16px; min-height:38px; margin:3px auto 0; }
.mf-fc__arrow { display:inline-flex; align-items:center; justify-content:center; background:rgba(0,0,0,.55); color:#fff; border:0; border-radius:50%; width:36px; height:36px; padding:0; cursor:pointer; font-size:20px; line-height:1; }
.mf-fc__arrow:disabled { opacity:.28; cursor:default; }
.mf-fc__dots { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:9px; }
.mf-fc__dot { display:block; width:11px; height:11px; padding:0; box-sizing:border-box; background:currentColor; border:0; border-radius:50%; color:#fff; opacity:.35; cursor:pointer; }
.mf-fc__dot--active { opacity:1; transform:scale(1.16); }
.mf-fc__sr { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.mf-fc-modal { position:fixed; z-index:2147483600; inset:0; display:flex; align-items:center; justify-content:center; padding:64px 18px 30px; box-sizing:border-box; background:rgba(4,5,8,.97); }
.mf-fc-modal__dialog { position:relative; width:min(95vw,1500px); max-height:calc(100dvh - 110px); aspect-ratio:16 / 9; background:#000; box-shadow:0 12px 60px rgba(0,0,0,.9); }
.mf-fc-modal__iframe { display:block; position:absolute; inset:0; width:100%; height:100%; border:0; }
.mf-fc-modal__close { position:absolute; right:-10px; top:-56px; border:0; background:transparent; color:#fff; font-family:Arial,sans-serif; font-weight:400; font-size:48px; line-height:1; cursor:pointer; padding:3px 10px; z-index:1; }
.mf-fc-modal__close:hover,.mf-fc-modal__close:focus-visible { color:#aad7ff; }
@media(max-width:767px) { .mf-fc__play{ width:50px;height:50px;} .mf-fc-modal { padding:55px 8px 20px; } .mf-fc-modal__dialog { width:100%; max-height:calc(100dvh - 90px); } .mf-fc-modal__close { top:-50px;right:0; } }
@media (prefers-reduced-motion:reduce) { .mf-fc__slide, .mf-fc__play { transition-duration:0ms!important; } }