/* ============================================================
   METZIA · new_catalog — правки по утверждённому макету
   Куда вставить: Внешний вид → Настроить (Customize) →
   Дополнительные стили (Additional CSS) → вставить целиком → Опубликовать
   ============================================================ */

/* 1. МОБИЛЬНЫЙ ФИКС: чипы не сплющиваются и не обрезаются */
html .mtz-filter{flex-shrink:0;}
html .mtz-filter .elementor-button{white-space:nowrap;}

/* 2. ФИРМЕННЫЙ ЦВЕТ #0f6e56 для hover и активного чипа
      (перекрывает чёрный #111827 из плагина и старый зелёный #1f6f62) */
html body .mtz-filter .elementor-button:hover,
html body .mtz-filter.mtz-active .elementor-button{
  background-color:#0f6e56!important;
  border-color:#0f6e56!important;
  color:#ffffff!important;
}

/* 3. СПРЯТАТЬ ЧИПЫ СОРТИРОВКИ
      (не удалять в Elementor! Они нужны скрипту плагина —
       выпадающий список просто «нажимает» их за пользователя) */
.elementor-element-61ff6123{display:none!important;}

/* 4. ВЫПАДАЮЩИЙ СПИСОК СОРТИРОВКИ (из HTML-виджета) */
.mtz-sort-select{
  font-size:13px;font-weight:600;
  padding:9px 12px;border-radius:8px;
  border:1px solid #ded7ce;background:#fff;color:#2b2825;
  max-width:240px;cursor:pointer;
}

/* 5. КАРТОЧКИ ПО МАКЕТУ */
html body .mtz-safe-card{
  border-radius:12px;
  border:1px solid #e7e5de;
  box-shadow:none;
  transition:border-color .15s, transform .15s;
}
html body .mtz-safe-card:hover{
  border-color:#6b6a64;
  transform:translateY(-2px);
}
@media (prefers-reduced-motion:reduce){
  html body .mtz-safe-card,
  html body .mtz-safe-card:hover{transform:none;transition:none;}
}
html body .mtz-safe-cat{color:#0f6e56;background:#e1f5ee;}
html body .mtz-safe-discount{background:#fcebeb;color:#791f1f;}

/* 6. БЕЙДЖ ДОВЕРИЯ: зелёный «Проверено · дата».
      У непроверенных бейджа нет; visibility (а не display)
      сохраняет место, чтобы карточки не прыгали по высоте */
html body .mtz-safe-status[data-scout="green"]{background:#e1f5ee;color:#085041;}
html body .mtz-safe-status[data-scout="yellow"]{background:#fff4d7;color:#8a5f00;visibility:visible;}



/* === Источники: кнопки «скоро» (iHerb, SHEIN, Amazon, KSP) === */
html body .mtz-filter.mtz-coming .elementor-button,
html body .mtz-filter.mtz-coming .elementor-button:hover {
  background-color: #f5f4f0 !important;
  border-color:     #e7e5de !important;
  color:            #b5b3ab !important;
  cursor:           default !important;
  pointer-events:   none   !important;
  transform:        none   !important;
}
html body .mtz-filter.mtz-coming .elementor-button-text::after {
  content:      '\00A0·\00A0скоро';
  font-size:    10px;
  font-weight:  400;
}

/* 8. СЕТКА КАТАЛОГА: 6 колонок вместо 4 */
html body .mtz-safe-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 14px !important;
}
@media (max-width: 1400px) {
  html body .mtz-safe-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 900px) {
  html body .mtz-safe-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 600px) {
  html body .mtz-safe-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }
}