body { font-family: "Prompt", system-ui, -apple-system, Segoe UI, Roboto, sans-serif; }
.card-img { position: relative; overflow: hidden; border-radius: 16px; background:#111; }
.card-img img { width:100%; height:100%; display:block; object-fit:cover; object-position:center; transition:transform .35s ease; }
.card-img:hover img { transform: scale(1.04); }

/* สัดส่วนมาตรฐานของหนึ่งแถว */
.ratio-1x1 { aspect-ratio: 1 / 1; }     /* 1 คอลัมน์ กว้าง=สูง */
.ratio-2x1 { aspect-ratio: 2 / 1; }     /* 2 คอลัมน์ สูงเท่ากับ 1x1 → ก้นเสมอทั้งแถว */

/* Overlay title โปร่งใส */
.overlay{ position:absolute; inset:auto 0 0 0; padding:10px 12px;
  background:linear-gradient(transparent, rgba(0,0,0,.85)); color:#fff; }
.overlay h6{ margin:0; font-weight:600; }

/* ระยะห่างแถว/คอลัมน์ใช้ g-3 ของ BS แล้วทุกแถวจะเท่ากัน */