.ogty-press-grid{
  --ogty-press-cols:4;
  --ogty-press-gap:28px;
  display:grid;
  grid-template-columns:repeat(var(--ogty-press-cols), minmax(0,1fr));
  gap:var(--ogty-press-gap);
  width:100%;
}

.ogty-press-item{
  display:block;
  width:100%;
  padding:0;
  border:0;
  background:transparent;
  cursor:pointer;
  overflow:hidden;
}

.ogty-press-item img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
  transition:transform .25s ease, opacity .25s ease;
}

.ogty-press-item:hover img{
  transform:scale(1.015);
  opacity:.94;
}

.ogty-press-lightbox{
  position:fixed;
  inset:0;
  z-index:999999;
  display:none;
  align-items:center;
  justify-content:center;
  padding:24px;
}

.ogty-press-lightbox.is-open{
  display:flex;
}

.ogty-press-backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.92);
}

.ogty-press-dialog{
  position:relative;
  z-index:2;
  width:min(92vw,1400px);
  height:min(90vh,1000px);
  display:flex;
  align-items:center;
  justify-content:center;
}

.ogty-press-image-wrap{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
}

.ogty-press-image-wrap img{
  display:block;
  max-width:100%;
  max-height:100%;
  width:auto;
  height:auto;
  object-fit:contain;
  box-shadow:0 18px 60px rgba(0,0,0,.35);
}

.ogty-press-close{
  position: absolute;
    top: -6px;
    right: 4px;
    z-index: 5;
    width: 44px;
    height: 44px;
    border: 0;
    background: rgba(0, 0, 0, .55);
    color: #fff;
    font-size: 34px;
    line-height: 1;
    cursor: pointer;
    padding: 5px;
}

.ogty-press-nav{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    width: 45px;
    height: 70px;
    border: 0;
    background: rgba(0, 0, 0, .48);
    color: #fff;
    font-size: 36px;
    line-height: 0;
    cursor: pointer;
    padding: 10px;
}

.ogty-press-prev{left:0}
.ogty-press-next{right:0}

body.ogty-press-lightbox-open{
  overflow:hidden;
}

@media(max-width:1024px){
  .ogty-press-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media(max-width:767px){
  .ogty-press-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
  }

  .ogty-press-lightbox{
    padding:12px;
  }

  .ogty-press-dialog{
    width:96vw;
    height:88vh;
  }

  .ogty-press-nav{
    width:38px;
    height:52px;
    font-size:34px;
  }
}

@media(max-width:480px){
  .ogty-press-grid{
    grid-template-columns:1fr;
  }
}


/* ==================================================
   v1.2 - Referans görünüm: gri zemin, 4 kolon,
   tüm kupürler eşit hücrelerde, kırpılmadan ortalı
   ================================================== */

.ogty-press-grid{
  grid-template-columns:repeat(var(--ogty-press-cols), minmax(0,1fr)) !important;
  gap:28px 30px !important;
  padding:28px 0 !important;
  align-items:stretch !important;
}

.ogty-press-item{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  height:240px !important;
  padding:0 !important;
  margin:0 !important;
  background:#f3f4f6 !important;
  overflow:hidden !important;
  border:0 !important;
  box-shadow:none !important;
}

.ogty-press-item img{
  display:block !important;
  width:100% !important;
  /*height:100% !important;*/
  max-width:100% !important;
  /*max-height:100% !important;*/
  object-fit:contain !important;
  object-position:center top !important;
  margin:0 !important;
  padding:0 !important;
  transform:none !important;
  opacity:1 !important;
}

.ogty-press-item:hover img{
  transform:none !important;
  opacity:.96 !important;
}

/* Dikey kupürlerde beyaz sayfa hissi */
.ogty-press-item{
  background:#f2f3f5 !important;
}

@media(max-width:1200px){
  .ogty-press-item{
    height:220px !important;
  }
}

@media(max-width:1024px){
  .ogty-press-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:22px !important;
  }

  .ogty-press-item{
    height:220px !important;
  }
}

@media(max-width:767px){
  .ogty-press-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:16px !important;
  }

  .ogty-press-item{
    height:200px !important;
  }
}

@media(max-width:480px){
  .ogty-press-grid{
    grid-template-columns:1fr !important;
  }

  .ogty-press-item{
    height:280px !important;
  }
}