/* =====================================================
   SOLLERS DROPDOWN — HARD FIX
   Убирает наезд текста на фото и выравнивает карточки
   ===================================================== */

/* Общий сброс */
html body .scd-menu,
html body .sollers-model-dropdown,
html body .scd-menu *,
html body .sollers-model-dropdown * {
  box-sizing: border-box !important;
}

/* Обёртка */
html body .scd-menu,
html body .sollers-model-dropdown {
  width: min(1360px, calc(100vw - 40px)) !important;
  max-width: min(1360px, calc(100vw - 40px)) !important;
  margin: 0 auto !important;
  padding: 16px 24px 18px !important;
  background: #fff !important;
  color: #111318 !important;
  font-family: Roboto !important;
  overflow: visible !important;
}

/* Если WordPress/Elementor вставил лишние p/br */
html body .sollers-model-dropdown__grid > p,
html body .scd-grid > p {
  display: contents !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body .sollers-model-dropdown__grid > br,
html body .scd-grid > br {
  display: none !important;
}

/* Сетка */
html body .scd-grid,
html body .sollers-model-dropdown__grid {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 18px 22px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  align-items: start !important;
}

/* Элемент списка */
html body .scd-item {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  min-width: 0 !important;
}

/* Карточка */
html body .scd-card,
html body .sollers-model-dropdown__card {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;

  width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 198px !important;

  margin: 0 !important;
  padding: 6px 6px 8px !important;

  border: 0 !important;
  border-radius: 12px !important;
  background: transparent !important;

  text-align: center !important;
  text-decoration: none !important;
  color: inherit !important;

  overflow: visible !important;
  position: relative !important;

  transition:
    background 0.18s ease,
    transform 0.18s ease,
    box-shadow 0.18s ease !important;
}

html body .scd-card:hover,
html body .sollers-model-dropdown__card:hover {
  background: #f7f8fa !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 24px rgba(17, 24, 39, 0.07) !important;
}

/* Фото: отдельная безопасная зона */
html body .scd-img,
html body .sollers-model-dropdown__image {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  height: 108px !important;
  min-height: 108px !important;
  max-height: 108px !important;

  /* margin: 0 0 16px !important; */
  padding: 0 !important;

  overflow: hidden !important;
  position: relative !important;
  z-index: 1 !important;
}

/* Само изображение: не выходит за контейнер */
html body .scd-img img,
html body .sollers-model-dropdown__image img {
  display: block !important;

  width: auto !important;
  height: auto !important;

  max-width: 96% !important;
  max-height: 88px !important;

  object-fit: contain !important;
  object-position: center center !important;

  margin: 0 auto !important;
  padding: 0 !important;

  transform: none !important;
  transition: none !important;
}

html body .scd-card:hover .scd-img img,
html body .sollers-model-dropdown__card:hover .sollers-model-dropdown__image img {
  transform: none !important;
}

/* Название: всегда ниже фото, фиксированная зона */
html body .scd-title,
html body .sollers-model-dropdown__name {
  font-family: Roboto !important;
  display: -webkit-box !important;

  width: 100% !important;
  max-width: 225px !important;

  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;

  margin: 0 auto 6px !important;
  padding: 0 !important;

  overflow: hidden !important;

  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;

  color: #111318 !important;
  font-size: 14px !important;
  line-height: 1.22 !important;
  font-weight: 900 !important;

  position: relative !important;
  z-index: 2 !important;
}

/* Описание */
html body .scd-text,
html body .sollers-model-dropdown__text {
  display: -webkit-box !important;

  width: 100% !important;
  max-width: 230px !important;

  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;

  margin: 0 auto !important;
  padding: 0 !important;

  overflow: hidden !important;

  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;

  color: #5f6673 !important;
  font-size: 12px !important;
  line-height: 1.32 !important;
  font-weight: 500 !important;

  position: relative !important;
  z-index: 2 !important;
}

/* Woodmart / Elementor wrapper */
html body .wd-dropdown:has(.scd-menu),
html body .wd-dropdown-menu:has(.scd-menu),
html body .wd-dropdown:has(.sollers-model-dropdown),
html body .wd-dropdown-menu:has(.sollers-model-dropdown) {
  width: min(1400px, calc(100vw - 40px)) !important;
  max-width: min(1400px, calc(100vw - 40px)) !important;

  padding: 0 !important;
  margin: 0 !important;

  border: 0 !important;
  background: #fff !important;
  box-shadow: 0 22px 60px rgba(0, 0, 0, 0.12) !important;

  overflow: visible !important;
}

html body .wd-dropdown:has(.scd-menu) .container,
html body .wd-dropdown-menu:has(.scd-menu) .container,
html body .wd-dropdown:has(.sollers-model-dropdown) .container,
html body .wd-dropdown-menu:has(.sollers-model-dropdown) .container,
html body .wd-dropdown:has(.scd-menu) .wd-dropdown-inner,
html body .wd-dropdown-menu:has(.scd-menu) .wd-dropdown-inner,
html body .wd-dropdown:has(.sollers-model-dropdown) .wd-dropdown-inner,
html body .wd-dropdown-menu:has(.sollers-model-dropdown) .wd-dropdown-inner,
html body .wd-dropdown:has(.scd-menu) .wd-scroll-content,
html body .wd-dropdown-menu:has(.scd-menu) .wd-scroll-content,
html body .wd-dropdown:has(.sollers-model-dropdown) .wd-scroll-content,
html body .wd-dropdown-menu:has(.sollers-model-dropdown) .wd-scroll-content {
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Ноутбуки */
@media (max-width: 1280px) {
  html body .scd-menu,
  html body .sollers-model-dropdown {
    width: min(1220px, calc(100vw - 36px)) !important;
    max-width: min(1220px, calc(100vw - 36px)) !important;
    padding: 14px 20px 16px !important;
  }

  html body .scd-grid,
  html body .sollers-model-dropdown__grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 16px 18px !important;
  }

  html body .scd-card,
  html body .sollers-model-dropdown__card {
    min-height: 188px !important;
  }

  html body .scd-img,
  html body .sollers-model-dropdown__image {
    height: 98px !important;
    min-height: 98px !important;
    max-height: 98px !important;
    margin-bottom: 14px !important;
  }

  html body .scd-img img,
  html body .sollers-model-dropdown__image img {
    max-height: 80px !important;
  }

  html body .scd-title,
  html body .sollers-model-dropdown__name {
    font-size: 13px !important;
  }
}

/* Узкие ноутбуки / планшет горизонтально */
@media (max-width: 1100px) {
  html body .scd-grid,
  html body .sollers-model-dropdown__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

/* Планшеты */
@media (max-width: 820px) {
  html body .scd-menu,
  html body .sollers-model-dropdown {
    width: min(100%, calc(100vw - 24px)) !important;
    max-width: min(100%, calc(100vw - 24px)) !important;
    max-height: calc(100vh - 90px) !important;

    padding: 12px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;

    -webkit-overflow-scrolling: touch !important;
  }

  html body .scd-grid,
  html body .sollers-model-dropdown__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  html body .scd-card,
  html body .sollers-model-dropdown__card {
    background: #f7f8fa !important;
  }
}

/* Телефон */
@media (max-width: 560px) {
  html body .scd-grid,
  html body .sollers-model-dropdown__grid {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  html body .scd-card,
  html body .sollers-model-dropdown__card {
    display: grid !important;
    grid-template-columns: 112px minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    column-gap: 12px !important;
    row-gap: 4px !important;

    align-items: center !important;
    justify-items: stretch !important;

    min-height: 82px !important;
    padding: 9px !important;

    text-align: left !important;
  }

  html body .scd-img,
  html body .sollers-model-dropdown__image {
    grid-row: 1 / 3 !important;

    width: 112px !important;
    height: 70px !important;
    min-height: 70px !important;
    max-height: 70px !important;

    margin: 0 !important;
  }

  html body .scd-img img,
  html body .sollers-model-dropdown__image img {
    max-width: 100% !important;
    max-height: 68px !important;
  }

  html body .scd-title,
  html body .sollers-model-dropdown__name {
    width: 100% !important;
    max-width: none !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 !important;

    font-size: 14px !important;
  }

  html body .scd-text,
  html body .sollers-model-dropdown__text {
    width: 100% !important;
    max-width: none !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 !important;
  }
}

/* Убираем автоматические br внутри карточек меню */
html body .scd-card > br,
html body .scd-card br {
  display: none !important;
}