/* Dishes photo gallery page */
.dishes-gallery-page { max-width: 1200px; margin: 0 auto; padding: 22px 16px 52px; }
.dishes-gallery-hero { margin-bottom: 18px; text-align: center; }
.dishes-gallery-hero h1 { margin: 0 0 8px; font-size: clamp(30px, 4vw, 52px); line-height: 1.05; letter-spacing: -0.03em; color: #1f1f1f; }
.dishes-gallery-hero p { max-width: 760px; margin: 0 auto; font-size: 17px; line-height: 1.55; opacity: 0.8; }
.dishes-gallery-filter { margin-bottom: 20px; }
.dishes-gallery-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.dishes-gallery-card { overflow: hidden; background: #fff; border-radius: 18px; border: 1px solid rgba(0,0,0,.08); box-shadow: 0 10px 28px rgba(0,0,0,.06); transition: transform .18s ease, box-shadow .18s ease; }
.dishes-gallery-card:hover { transform: translateY(-2px); box-shadow: 0 16px 38px rgba(0,0,0,.1); }
.dishes-gallery-card__image { display: block; aspect-ratio: 3/4; overflow: hidden; background: #f5f5f5; cursor: zoom-in; }
.dishes-gallery-card__image img { width: 100%; height: 100%; display: block; object-fit: cover; pointer-events: auto; user-select: auto; transition: transform .25s ease; }
.dishes-gallery-card__image:hover img { transform: scale(1.04); }
.dishes-gallery-card__body { padding: 12px 13px 14px; text-align: center; }
.dishes-gallery-card__body h2 { margin: 0; font-size: 17px; line-height: 1.25; font-weight: 700; color: #1f1f1f; }
.dishes-gallery-empty { margin-top: 18px; }
@media (max-width: 1024px) { .dishes-gallery-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 700px) { .dishes-gallery-page { padding: 16px 10px 42px; } .dishes-gallery-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .dishes-gallery-card { border-radius: 14px; } .dishes-gallery-card__body { padding: 10px 8px 11px; } .dishes-gallery-card__body h2 { font-size: 15px; } }