/* Sofiya trailer modal CSS. */
.sofiya-trailer-modal{position:fixed;inset:0;z-index:1000004;display:grid;place-items:center;padding:calc(18px + env(safe-area-inset-top,0px)) calc(14px + env(safe-area-inset-right,0px)) calc(18px + env(safe-area-inset-bottom,0px)) calc(14px + env(safe-area-inset-left,0px));direction:rtl;opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s ease}

.sofiya-trailer-modal.is-open{opacity:1;visibility:visible}

.sofiya-trailer-modal[hidden]{display:none!important}

.sofiya-trailer-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(10px) saturate(135%);-webkit-backdrop-filter:blur(10px) saturate(135%)}

.sofiya-trailer-modal__dialog{position:relative;width:min(1060px,96vw);max-height:min(86vh,760px);border-radius:28px;background:linear-gradient(180deg,rgba(10,18,15,.96),rgba(4,7,6,.98));border:1px solid rgba(255,255,255,.16);box-shadow:0 28px 90px rgba(0,0,0,.62);overflow:hidden;transform:translateY(18px) scale(.985);transition:transform .24s ease}

.sofiya-trailer-modal.is-open .sofiya-trailer-modal__dialog{transform:translateY(0) scale(0.97);}

.sofiya-trailer-modal__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px 14px 72px;border-bottom:1px solid rgba(255,255,255,.10);color:#fff}

.sofiya-trailer-modal__head strong{font-size:1rem;color:var(--green);font-weight:900}

.sofiya-trailer-modal__head span{font-size:.82rem;color:rgba(255,255,255,.72);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.sofiya-trailer-modal__close{position:absolute;top:10px;left:10px;z-index:3;width:30px;height:30px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.10);color:#fff;display:grid;place-items:center;cursor:pointer;-webkit-appearance:none;appearance:none;transition:background .2s ease,transform .2s ease;color:#fff!important}

.sofiya-trailer-modal__close:hover{background:rgba(255,255,255,.18);transform:rotate(90deg)}

.sofiya-trailer-modal__close svg{width:20px;height:20px;display:block;margin:auto;stroke:currentColor;pointer-events:none}

.sofiya-trailer-modal__player{background:#000;aspect-ratio:16/9;width:100%}

.sofiya-trailer-modal__player video,.sofiya-trailer-modal__player iframe{display:block;width:100%;height:100%;background:#000;object-fit:contain;outline:0;border:0}

@media (max-width:700px) {
.sofiya-trailer-modal{padding:0}

.sofiya-trailer-modal__dialog{width:100vw;max-height:100dvh;border-radius:14px;}

.sofiya-trailer-modal__head{padding:14px 14px 12px 64px}

.sofiya-trailer-modal__player{aspect-ratio:16/9}
}