/* ===========================
   หน้าอัลบั้ม
=========================== */

.album-photo-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
    max-width:1200px;
    margin:0 auto;
}

.album-photo{
    display:block;
    border-radius:12px;
    overflow:hidden;
    background:#fff;
    box-shadow:0 5px 15px rgba(0,0,0,.08);
}

.album-photo img{
    width:100%;
    height:220px;
    object-fit:cover;
    display:block;
    transition:.3s;
}

.album-photo:hover img{
    transform:scale(1.05);
}

/* ===========================
   หน้ารวมอัลบั้ม
=========================== */

.gallery-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
    width:min(1200px,92%);
    margin:0 auto;
}

.gallery-card{
    display:block;
    background:#fff;
    border-radius:16px;
    overflow:hidden;
    box-shadow:0 8px 24px rgba(0,0,0,.08);
}

.gallery-card img{
    width:100%;
    height:260px;
    object-fit:cover;
    display:block;
}

.gallery-info{
    padding:22px;
}

.gallery-info h3{
    margin:0 0 8px;
    color:#7b001c;
    font-size:22px;
}

.gallery-info span{
    color:#777;
    font-size:15px;
}

/* ===========================
   หน้าแรก - กิจกรรมล่าสุด
=========================== */

.gallery-home-grid{
    width:min(1200px,92%);
    margin:0 auto;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:28px;
}

.gallery-home-card{
    display:block;
    background:#fff;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 8px 24px rgba(0,0,0,.08);
    transition:.25s;
}

.gallery-home-card:hover{
    transform:translateY(-5px);
}

.gallery-home-card img{
    width:100%;
    height:240px;
    object-fit:cover;
    display:block;
}

.gallery-home-card div{
    padding:20px;
}

.gallery-home-card h3{
    margin:0 0 8px;
    font-size:22px;
    color:#7b001c;
}

.gallery-home-card span{
    color:#777;
    font-size:14px;
}

.more-button{
    text-align:center;
    margin-top:40px;
}

.lightbox{
  display:none;
  position:fixed;
  inset:0;
  z-index:999999;
  background:rgba(0,0,0,.82);
  align-items:center;
  justify-content:center;
  padding:25px;
}

.lightbox img{
  max-width:95vw;
  max-height:90vh;
  object-fit:contain;
  border-radius:14px;
  box-shadow:0 20px 70px rgba(0,0,0,.55);
}

.lightbox-close{
  position:fixed;
  top:22px;
  right:28px;
  border:0;
  background:#fff;
  color:#111;
  width:42px;
  height:42px;
  border-radius:50%;
  font-size:28px;
  cursor:pointer;
}
/* ===========================
   Responsive
=========================== */

@media(max-width:992px){

    .gallery-grid,
    .gallery-home-grid,
    .album-photo-grid{
        grid-template-columns:repeat(2,1fr);
    }

}

@media(max-width:768px){

    .gallery-grid,
    .gallery-home-grid,
    .album-photo-grid{
        grid-template-columns:1fr;
    }

}