/* ============================================================
   СТИЛІ ГОЛОВНОЇ СТОРІНКИ — em-home.css
   elektromontazh.kiev.ua
   Підключати після: main.css + em-hrshch.css
   ============================================================ */

/* ════════════════════════════════════════
   ГАЛЕРЕЯ НА ГОЛОВНІЙ — 8 рівних плиток (4 колонки × 2 ряди)
════════════════════════════════════════ */
@media (min-width: 901px) {
  .em-home-gallery {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    grid-template-rows: auto auto !important;
    gap: 12px !important;
  }
  .em-home-gallery .em-gallery-item-large {
    grid-row: span 1 !important;
    grid-column: span 1 !important;
  }
}
@media (min-width: 601px) and (max-width: 900px) {
  .em-home-gallery {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
  }
}
@media (max-width: 600px) {
  .em-home-gallery {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 8px !important;
  }
}

/* ════════════════════════════════════════
   СІТКА ПРОДУКЦІЇ НА ГОЛОВНІЙ — 3×3
════════════════════════════════════════ */
@media (min-width: 601px) and (max-width: 900px) {
  .em-products-grid-home {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media (max-width: 600px) {
  .em-products-grid-home {
    grid-template-columns: 1fr !important;
  }
}