/* R277 — Aparat video surface shared by slider, news cards and editorial modals. */
.hasht-aparat-frame{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(145deg,#0f141b,#1e2733);border-radius:inherit;min-height:10rem}
.hasht-aparat-frame>img,.hasht-aparat-frame__poster{width:100%;height:100%;object-fit:cover;display:block}
.hasht-aparat-frame__veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,7,12,.04),rgba(3,7,12,.33));pointer-events:none}
/* Raw/minimal play glyph: the button itself has no disc/background. */
.hasht-aparat-frame__play{position:absolute;z-index:7;left:50%;top:50%;translate:-50% -50%;width:4.6rem;height:4.6rem;padding:0;border:0;border-radius:999px;display:grid;place-items:center;cursor:pointer;color:#f0563d;background:transparent!important;box-shadow:none!important;outline:0;transition:color .24s ease,transform .18s ease}
.hasht-aparat-frame__play svg{width:2.45rem;height:2.45rem;fill:currentColor;filter:drop-shadow(0 .35rem .75rem rgba(0,0,0,.48));margin-inline-start:.15rem}
.hasht-aparat-frame__play::after{content:"";position:absolute;inset:.42rem;border-radius:999px;border:2px solid currentColor;opacity:0;pointer-events:none}
.hasht-aparat-frame.is-pulsing .hasht-aparat-frame__play{animation:hashtVideoPulseR276 5s ease-in-out infinite,hashtVideoHueR276 15s steps(1,end) infinite}
.hasht-aparat-frame.is-pulsing .hasht-aparat-frame__play::after{animation:hashtVideoHaloR276 5s ease-out infinite}
@keyframes hashtVideoPulseR276{0%,82%,100%{transform:scale(1)}86%{transform:scale(1.18)}91%{transform:scale(.95)}95%{transform:scale(1.045)}98%{transform:scale(1)}}
@keyframes hashtVideoHaloR276{0%,87%,100%{transform:scale(.65);opacity:0}90%{opacity:.7}99%{transform:scale(2);opacity:0}}
@keyframes hashtVideoHueR276{0%,33.333%{color:#f0563d}33.334%,66.666%{color:#16b583}66.667%,100%{color:#f0b429}}
.hasht-aparat-frame__fullscreen{position:absolute;z-index:8;top:.65rem;inset-inline-start:.65rem;width:2.35rem;height:2.35rem;border:1px solid rgba(255,255,255,.3);border-radius:.7rem;background:rgba(8,12,18,.5);color:#fff;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(8px)}
.hasht-aparat-frame__fullscreen svg{width:1.25rem;height:1.25rem;fill:none;stroke:currentColor;stroke-width:1.8}
.hasht-aparat-frame__player{position:absolute;z-index:5;inset:0;width:100%;height:100%;border:0;background:#000;border-radius:inherit}
.hasht-aparat-frame.is-playing .hasht-aparat-frame__play,.hasht-aparat-frame.is-playing .hasht-aparat-frame__veil{opacity:0;pointer-events:none}
.hasht-aparat-frame:fullscreen{width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important;border-radius:0!important;transform:none!important}
.hasht-aparat-frame:fullscreen .hasht-aparat-frame__player{position:absolute;inset:0}

/* Desktop editorial cards: grow downward/sideways so the upper edge never clips. */
@media(hover:hover) and (pointer:fine) and (min-width:821px){
  .news-page-card--video,.news-card--video{overflow:visible!important;position:relative;isolation:isolate;z-index:2}
  .news-page-card--video:hover,.news-card--video:hover{z-index:420!important;transform:none!important}
  .news-page-card--video .news-page-card__body,.news-card--video .news-card__body{position:relative;z-index:1;background:var(--bg-card)}
  .news-page-card__media.hasht-aparat-frame,.news-card__media.hasht-aparat-frame{position:relative;z-index:4;transform-origin:center top;transition:transform .32s cubic-bezier(.2,.7,.2,1),box-shadow .3s ease,border-radius .24s ease;will-change:transform}
  .news-page-card__media.hasht-aparat-frame:hover,.news-card__media.hasht-aparat-frame:hover{z-index:500;transform:scale(2);box-shadow:0 26px 72px rgba(7,12,20,.36);overflow:hidden;border-radius:1.15rem!important}
  .news-page-card__media.hasht-aparat-frame[data-expand-origin="left"],.news-card__media.hasht-aparat-frame[data-expand-origin="left"]{transform-origin:left top}
  .news-page-card__media.hasht-aparat-frame[data-expand-origin="right"],.news-card__media.hasht-aparat-frame[data-expand-origin="right"]{transform-origin:right top}
  .news-page-card__media.hasht-aparat-frame[data-expand-origin="center"],.news-card__media.hasht-aparat-frame[data-expand-origin="center"]{transform-origin:center top}
  .news-page-card__media.hasht-aparat-frame:hover .hasht-aparat-frame__play,.news-card__media.hasht-aparat-frame:hover .hasht-aparat-frame__play{animation:hashtVideoPulseR276 5s ease-in-out infinite,hashtVideoHueR276 15s steps(1,end) infinite}
  .news-page-card__media.hasht-aparat-frame:hover .hasht-aparat-frame__play::after,.news-card__media.hasht-aparat-frame:hover .hasht-aparat-frame__play::after{animation:hashtVideoHaloR276 5s ease-out infinite}
}
.news-modal-article__video{width:100%;aspect-ratio:16/9;min-height:0;border-radius:1rem;margin:0 0 1rem;overflow:hidden;flex:0 0 auto}
.news-modal-article__video>.hasht-aparat-frame{width:100%;height:100%;min-height:0;border-radius:inherit}
.news-modal-article__video .hasht-aparat-frame__play{width:4.9rem;height:4.9rem}
.hero-slide__media.hasht-aparat-frame{aspect-ratio:16/9;overflow:hidden}
.hero-slide__media.hasht-aparat-frame .hasht-aparat-frame__play{width:5.1rem;height:5.1rem}
@media(max-width:820px){.hasht-aparat-frame__play{width:3.65rem;height:3.65rem}.hasht-aparat-frame__play svg{width:2rem;height:2rem}.hasht-aparat-frame__fullscreen{width:2.1rem;height:2.1rem}.news-modal-article__video{border-radius:.85rem}.news-page-card__media.hasht-aparat-frame,.news-card__media.hasht-aparat-frame{transform:none!important}}
@media(prefers-reduced-motion:reduce){.hasht-aparat-frame.is-pulsing .hasht-aparat-frame__play,.hasht-aparat-frame.is-pulsing .hasht-aparat-frame__play::after{animation:none!important}}

/* R276 final card geometry — scaled video is always above card text/siblings and grows downward. */
@media(hover:hover) and (pointer:fine) and (min-width:821px){
  .news-page,.news-page__grid,#news,.news-grid{overflow:visible!important}
  .news-page-card--video,.news-card--video{contain:none!important;clip-path:none!important}
  .news-page-card--video .news-page-card__media.hasht-aparat-frame,.news-card--video .news-card__media.hasht-aparat-frame{overflow:hidden!important;border-radius:1.15rem!important}
  .news-page-card--video:hover .news-page-card__media.hasht-aparat-frame,.news-card--video:hover .news-card__media.hasht-aparat-frame{position:relative!important;z-index:500!important}
}


/* R277 — mobile news player stage. The player is detached from card/modal layout so
   it cannot be clipped by the mobile news grid or a secondary modal. */
.hasht-mobile-video-stage-r277[hidden]{display:none!important}
.hasht-mobile-video-stage-r277{position:fixed;z-index:32000;inset:0;display:grid;place-items:center;padding:.55rem;background:rgba(2,5,9,.74);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.hasht-mobile-video-stage-r277__backdrop{position:absolute;inset:0;background:radial-gradient(circle at 50% 35%,rgba(255,255,255,.05),transparent 48%)}
.hasht-mobile-video-stage-r277__shell{position:relative;z-index:2;width:min(48rem,calc(100vw - 1.1rem));max-width:100%;aspect-ratio:16/9;max-height:calc(100svh - 1.1rem);overflow:hidden;border-radius:1rem;background:#000;box-shadow:0 1.5rem 4.5rem rgba(0,0,0,.48);isolation:isolate}
.hasht-mobile-video-stage-r277__host{position:absolute;inset:0;background:#000;overflow:hidden}
.hasht-mobile-video-stage-r277__host>.hasht-aparat-frame__player{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:0;background:#000}
.hasht-mobile-video-stage-r277__close,.hasht-mobile-video-stage-r277__expand{position:absolute;z-index:9;top:.58rem;width:2.35rem;height:2.35rem;border:1px solid rgba(255,255,255,.34);border-radius:.72rem;background:rgba(5,8,12,.62);color:#fff;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);touch-action:manipulation}
/* Physical top-left as explicitly required; do not use logical inset-inline-start in RTL. */
.hasht-mobile-video-stage-r277__close{left:.58rem;font:300 2rem/1 Arial,sans-serif;padding:0 0 .15rem}
.hasht-mobile-video-stage-r277__expand{right:.58rem}
.hasht-mobile-video-stage-r277__expand svg{width:1.28rem;height:1.28rem;fill:none;stroke:currentColor;stroke-width:1.8}
.hasht-mobile-video-stage-r277__shell:fullscreen{width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important;aspect-ratio:auto!important;border-radius:0!important;background:#000}
.hasht-mobile-video-stage-r277__shell:fullscreen .hasht-mobile-video-stage-r277__host{inset:0}
.hasht-mobile-video-stage-r277.is-native-landscape .hasht-mobile-video-stage-r277__shell{border-radius:0}
html.hasht-mobile-video-open-r277,body.hasht-mobile-video-open-r277{overflow:hidden!important;overscroll-behavior:none!important}

@media(max-width:820px),(hover:none) and (pointer:coarse){
  .hasht-mobile-video-stage-r277{padding:.38rem}
  .hasht-mobile-video-stage-r277__shell{width:calc(100vw - .76rem);border-radius:.82rem}
  .hasht-mobile-video-stage-r277__close,.hasht-mobile-video-stage-r277__expand{top:.46rem;width:2.25rem;height:2.25rem;border-radius:.66rem}
  .hasht-mobile-video-stage-r277__close{left:.46rem}
  .hasht-mobile-video-stage-r277__expand{right:.46rem}
  /* CSS landscape fallback for browsers that reject Screen Orientation lock/fullscreen. */
  .hasht-mobile-video-stage-r277.is-css-landscape .hasht-mobile-video-stage-r277__shell{position:fixed;left:50%;top:50%;width:100dvh!important;height:100dvw!important;max-width:none!important;max-height:none!important;aspect-ratio:auto!important;border-radius:0!important;transform:translate(-50%,-50%) rotate(90deg)}
  @media (orientation:landscape){
    .hasht-mobile-video-stage-r277.is-css-landscape .hasht-mobile-video-stage-r277__shell{left:0;top:0;width:100dvw!important;height:100dvh!important;transform:none}
  }
}
