/* Ezan Vakti 1.11.77 — profil medyası; videolar için ince-uzun olmayan kompakt 16:9 kapak. */
.evsm .evs-own-feed article.evsm-post .evs-profile-media-preview {
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 40%;
  max-width: 40%;
  min-width: 0;
  height: auto;
  margin: 12px auto 16px;
  border-radius: 12px;
  overflow: hidden;
  background: #101820;
}
.evsm .evs-own-feed article.evsm-post .evs-profile-media-preview > :is(img.evsm-post-image,video.evsm-post-video) {
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0;
  height: auto !important;
  max-height: min(55dvh, 520px) !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  object-fit: contain;
  aspect-ratio: auto;
  pointer-events: none;
}
/* Video önizlemesi: kaynak portre olsa bile küçük ve yatay; yüzeyi esnetme. */
.evsm .evs-own-feed article.evsm-post .evs-profile-media-preview.evs-profile-video-preview {
  width: clamp(160px, 46%, 270px);
  max-width: 100%;
  aspect-ratio: 16 / 9;
  height: auto;
  background: #101820;
}
.evsm .evs-own-feed article.evsm-post .evs-profile-video-preview > video.evsm-post-video {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  aspect-ratio: 16 / 9 !important;
  object-fit: cover !important;
  background: #101820;
}
.evsm .evs-own-feed article.evsm-post .evs-profile-media-preview > button.evs-profile-media-open {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  cursor: zoom-in;
  color: white;
}
.evs-profile-media-open > span {
  display: grid;
  place-items: center;
  width: clamp(36px, 7vw, 56px);
  height: clamp(36px, 7vw, 56px);
  background: #000a;
  border: 1px solid #fff9;
  border-radius: 50%;
  color: white;
  font: 700 22px/1 system-ui, sans-serif;
  box-shadow: 0 2px 10px #0006;
}
.evs-profile-media-open:focus-visible {outline: 3px solid #ffcd46;outline-offset: -3px;}
#evs-profile-media-dialog {
  position: fixed;
  inset: 0;
  z-index: 2147483647;
  box-sizing: border-box;
  width: 100vw;
  max-width: 100vw;
  height: 100vh;
  height: 100dvh;
  max-height: 100dvh;
  padding: max(62px, env(safe-area-inset-top)) 12px max(20px, env(safe-area-inset-bottom));
  margin: auto;
  border: 0;
  border-radius: 0;
  overflow: hidden;
  background: #050608fa;
  color: white;
}
#evs-profile-media-dialog:not([open]) {display: none !important;}
#evs-profile-media-dialog[open] {display:flex;align-items:center;justify-content:center;}
#evs-profile-media-dialog::backdrop {background: #000e;}
#evs-profile-media-dialog :is(img,video) {
  display: block;
  max-width: 100%;
  max-height: calc(100dvh - 95px);
  width: auto;
  height: auto;
  margin: auto;
  object-fit: contain;
  background: #07090b;
  border-radius: 6px;
}
#evs-profile-media-dialog :is(img,video)[hidden] {display:none !important;}
#evs-profile-media-dialog .evs-profile-media-close {
  position: absolute;
  z-index: 2;
  top: max(10px, env(safe-area-inset-top));
  right: max(12px, env(safe-area-inset-right));
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  min-width: 46px;
  border: 0;
  border-radius: 50%;
  background: white;
  color: #111;
  font: 30px/1 system-ui, sans-serif;
  cursor: pointer;
}
html.evs-profile-media-open {overflow:hidden !important;}