.ogty-filmler-grid{
  --ogty-film-cols:4;
  --ogty-film-gap:28px;
  --ogty-film-accent:#00AEEF;
  display:grid;
  grid-template-columns:repeat(var(--ogty-film-cols),minmax(0,1fr));
  gap:var(--ogty-film-gap);
  width:100%;
}
.ogty-film-card{min-width:0}
.ogty-film-thumb{
  position:relative;display:block;width:100%;padding:0;border:0;background:transparent;cursor:pointer;overflow:hidden
}
.ogty-film-thumb img{
  display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;
  transition:transform .35s ease,filter .35s ease
}
.ogty-film-thumb:hover img{transform:scale(1.025);filter:brightness(.92)}
.ogty-film-play{
  position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);
  width:54px;height:54px;border:3px solid var(--ogty-film-accent);border-radius:50%;
  background:rgba(255,255,255,.88);box-shadow:0 8px 24px rgba(0,0,0,.14)
}
.ogty-film-play span{
  position:absolute;left:22px;top:16px;width:0;height:0;
  border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:14px solid var(--ogty-film-accent)
}
.ogty-film-title{
  margin:16px 0 0;
  text-align:center;
  color:inherit;
  font-family:inherit !important;
  font-size:inherit;
  font-weight:inherit;
  line-height:inherit;
}
.ogty-film-empty{
  display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;background:#eef1f4;color:#6b7280
}
.ogty-film-modal{
  position:fixed;inset:0;z-index:999999;display:none;align-items:center;justify-content:center;padding:28px
}
.ogty-film-modal.is-open{display:flex}
.ogty-film-backdrop{
  position:absolute;inset:0;background:rgba(0,0,0,.9);backdrop-filter:blur(3px)
}
.ogty-film-dialog{position:relative;z-index:2;width:min(1200px,94vw)}
.ogty-film-frame{width:100%;aspect-ratio:16/9;background:#000}
.ogty-film-frame iframe{display:block;width:100%;height:100%;border:0}
.ogty-film-close{
  position:absolute;right:0;top:-48px;border:0;background:transparent;color:#fff;font-size:42px;line-height:1;cursor:pointer
}
body.ogty-film-modal-open{overflow:hidden}
@media(max-width:1024px){
  .ogty-filmler-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .ogty-filmler-grid{grid-template-columns:1fr;gap:24px}
  .ogty-film-title{margin-top:12px}
  .ogty-film-play{width:48px;height:48px}
  .ogty-film-play span{
    left:20px;top:14px;border-top-width:9px;border-bottom-width:9px;border-left-width:13px
  }
}


/* v1.3 - Başlık tipografisi tema/site varsayılanından gelir */
.ogty-film-title{
  font-family:inherit !important;
  font-size:inherit !important;
  font-weight:inherit !important;
  line-height:inherit !important;
  letter-spacing:inherit !important;
  text-transform:inherit !important;
}


/* v1.4 - Tüm popup videolarla ortak standart boyut */
.ogty-film-modal .ogty-film-dialog{
  width:min(1280px,92vw,calc(82vh * 16 / 9)) !important;
  max-width:1280px !important;
  margin:auto !important;
}

.ogty-film-modal .ogty-film-frame{
  width:100% !important;
  aspect-ratio:16/9 !important;
  height:auto !important;
  max-height:82vh !important;
  background:#000 !important;
}

.ogty-film-modal iframe{
  display:block !important;
  width:100% !important;
  height:100% !important;
  aspect-ratio:16/9 !important;
  border:0 !important;
}

.ogty-film-modal{
  align-items:center !important;
  justify-content:center !important;
  padding:30px !important;
}

@media(max-width:767px){
  .ogty-film-modal .ogty-film-dialog{
    width:96vw !important;
    max-width:96vw !important;
  }

  .ogty-film-modal{
    padding:15px !important;
  }
}