/* ===== COMMON ETHNIC PAGE STYLE ===== */

.ethnic-page{
  padding:40px 20px;
  max-width:1200px;
  margin:auto;
}

.ethnic-page h1{
  font-size:28px;
  margin-bottom:10px;
  text-align:center;
}

.ethnic-page p.page-sub{
  text-align:center;
  color:#666;
  margin-bottom:30px;
}

/* ===== PRODUCT GRID ===== */
.ethnic-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:22px;
}

.ethnic-card{
  background:#fff;
  border-radius:10px;
  overflow:hidden;
  text-decoration:none;
  color:#000;
  box-shadow:0 6px 16px rgba(0,0,0,.08);
  transition:.25s;
}

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

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

.ethnic-card h3{
  font-size:16px;
  padding:12px;
  text-align:center;
}

/* ===== RESPONSIVE ===== */
@media(max-width:1024px){
  .ethnic-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:768px){
  .ethnic-grid{grid-template-columns:repeat(2,1fr)}
}