.grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:28px;
}

.card{
  border-radius:18px;
  overflow:hidden;
  background:#eef9fc;
  cursor:pointer;
  box-shadow:0 18px 40px rgba(0,0,0,.12);
  transition:.3s ease;
}

.card:hover{
  transform:translateY(-6px);
}

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

/* POPUP */
.popup-overlay{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.6);
  display:none;
  align-items:center;
  justify-content:center;
  z-index:9999;
}

.popup-content{
  background:#fff;
  max-width:720px;
  width:90%;
  border-radius:18px;
  padding:40px;
  position:relative;
}

.popup-close{
  position:absolute;
  top:18px;
  right:22px;
  font-size:28px;
  cursor:pointer;
}

.popup-body{
  font-size:15px;
  line-height:1.8;
  color:#333;
}

/* Responsive */
@media(max-width:900px){
  .grid{ grid-template-columns:repeat(2,1fr); }
}
@media(max-width:520px){
  .grid{ grid-template-columns:1fr; }
}