/* INDEX GALLERY PREVIEW */
.gallery-preview-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
  margin-top:20px;
}

.gallery-preview-grid img{
  width:100%;
  height:250px;
  object-fit:cover;
  border-radius:16px;
  display:block;
}

/* Video */
.gallery-video{
  position:relative;
  display:block;
  border-radius:16px;
  overflow:hidden;
}

.gallery-video .play-icon{
  position:absolute;
  left:20px;
  bottom:20px;
  width:55px;
  height:55px;
  border-radius:50%;
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 15px 40px rgba(0,0,0,.3);
}

.gallery-video .play-icon img{
  width:20px;
  height:20px;
}

/* Responsive */
@media(max-width:900px){
  .gallery-preview-grid{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:600px){
  .gallery-preview-grid{
    grid-template-columns:1fr;
  }
}
/* PLAY ICON - image yoxdur, CSS triangle */
.play-icon{
  position:absolute;
  left:20px;
  bottom:20px;
  width:56px;
  height:56px;
  border-radius:999px;
  background: rgba(255,255,255,.92);
  box-shadow: 0 15px 40px rgba(0,0,0,.30);
  display:grid;
  place-items:center;
}

/* triangle */
.play-icon::before{
  content:"";
  width:0;height:0;
  border-left:16px solid var(--blue2);
  border-top:10px solid transparent;
  border-bottom:10px solid transparent;
  margin-left:3px;
}
/* ===== PHOTO MODAL (clean) ===== */
.pmodal{
  position:fixed;
  inset:0;
  display:none;
  z-index:9999;
}
.pmodal.is-open{ display:block; }

.pmodal__backdrop{
  position:absolute;
  inset:0;
  background: rgba(0,0,0,.75);
}

.pmodal__dialog{
  position:relative;
  width: min(980px, calc(100% - 24px));
  margin: 7vh auto;
  padding: 14px;
  border-radius: 16px;
  background: #111;
  box-shadow: 0 30px 90px rgba(0,0,0,.55);
  display:flex;
  align-items:center;
  justify-content:center;
}

.pmodal__img{
  max-width: 100%;
  max-height: 78vh;
  border-radius: 12px;
  display:block;
  background:#000;
}

/* Close */
.pmodal__close{
  position:absolute;
  top:10px;
  right:10px;
  width:40px;height:40px;
  border-radius:999px;
  border:0;
  background:#fff;
  color:#111;
  font-size:24px;
  line-height:40px;
  cursor:pointer;
}

/* Prev/Next */
.pmodal__nav{
  position:absolute;
  top:50%;
  transform: translateY(-50%);
  width:44px;height:44px;
  border-radius:999px;
  border:0;
  background: rgba(255,255,255,.92);
  color:#111;
  font-size:28px;
  line-height:44px;
  cursor:pointer;
}
.pmodal__prev{ left:10px; }
.pmodal__next{ right:10px; }

@media(max-width:600px){
  .pmodal__dialog{ margin: 12vh auto; }
  .pmodal__nav{ width:40px;height:40px; font-size:26px; line-height:40px; }
}
/* =========================
   GALLERY PAGE LAYOUT
   ========================= */

.gallery-layout{
  display:grid;
  grid-template-columns: 1fr 1px 320px; /* sol | xətt | sağ */
  gap: 26px;
  align-items:start;
}

.gallery-divider{
  width:1px;
  background: rgba(15,23,42,.12);
  align-self: stretch;
}

/* PHOTOS (3 columns) */
.gallery-grid-photos{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

.gallery-grid-photos a{
  display:block;
  border-radius: 16px;
  overflow:hidden;
  box-shadow: 0 12px 28px rgba(2,8,23,.08);
}

.gallery-grid-photos img{
  width:100%;
  height: 200px;
  object-fit: cover;
  display:block;
  background:#e9eef6;
}

/* VIDEOS (1 column) */
.gallery-videos-1col{
  display:grid;
  grid-template-columns: 1fr;
  gap: 16px;
}

.gallery-video{
  position:relative;
  display:block;
  border-radius:16px;
  overflow:hidden;
  box-shadow: 0 12px 28px rgba(2,8,23,.08);
}

.gallery-video img{
  width:100%;
  height: 180px;
  object-fit: cover;
  display:block;
  background:#e9eef6;
}

/* Play düymə (CSS triangle) */
.play-icon{
  position:absolute;
  left:16px;
  bottom:16px;
  width:52px;
  height:52px;
  border-radius:999px;
  background: rgba(255,255,255,.92);
  box-shadow: 0 15px 40px rgba(0,0,0,.25);
  display:grid;
  place-items:center;
}
.play-icon::before{
  content:"";
  width:0;height:0;
  border-left:16px solid var(--blue2);
  border-top:10px solid transparent;
  border-bottom:10px solid transparent;
  margin-left:3px;
}

/* Video caption (istəyə görə) */
.video-caption{
  position:absolute;
  left:16px;
  top:16px;
  padding:6px 10px;
  border-radius:999px;
  background: rgba(0,0,0,.45);
  color:#fff;
  font-weight:700;
  font-size:12px;
}

/* Responsive */
@media (max-width: 1000px){
  .gallery-layout{
    grid-template-columns: 1fr; /* alt-alta */
  }
  .gallery-divider{ display:none; }
  .gallery-grid-photos{ grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 600px){
  .gallery-grid-photos{ grid-template-columns: 1fr; }
  .gallery-grid-photos img{ height: 220px; }
}