/* GardenGid: фотографии сортов заполняют всю область изображения.
   Этот файл расположен ПОСЛЕДНИМ среди stylesheet в index.html.
   Важно: прежний portal-site-panels CSS принудительно задаёт object-fit: contain
   и padding у img через !important; поэтому переопределяем их здесь. */

/* Карточки сортов на странице культуры (пример: Абрикос -> «Сорта растения»),
   в каталогах, фильтрах и блоках «Похожие сорта» / «Подходящие сорта». */
.gg-sorts-preview-section .gg-sort-card,
.gg-sort-list-polished .gg-sort-card,
.gg-sort-list-six .gg-sort-card,
.gg-sort-list .gg-sort-card {
  padding: 0 !important;
  overflow: hidden !important;
  background-image: none !important;
}

.gg-sorts-preview-section .gg-sort-card > img,
.gg-sort-list-polished .gg-sort-card > img,
.gg-sort-list-six .gg-sort-card > img,
.gg-sort-list .gg-sort-card > img {
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: 4 / 5 !important;
  object-fit: cover !important;
  object-position: center center !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
}
.gg-sorts-preview-section .gg-sort-card > .gg-sort-title,
.gg-sort-list-polished .gg-sort-card > .gg-sort-title,
.gg-sort-list .gg-sort-card > .gg-sort-title {
  box-sizing: border-box;
  padding: 10px 11px 12px !important;
  margin: 0 !important;
  line-height: 1.3;
}
.gg-sort-list .gg-sort-card > small {
  padding-left: 11px;
  padding-right: 11px;
}

/* Карточки сортов в самостоятельном каталоге. */
.gg-sort-catalog-grid .gg-catalog-sort-image {
  display: block !important;
  box-sizing: border-box !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden;
  background: transparent !important;
  background-image: none !important;
}
.gg-sort-catalog-grid .gg-catalog-sort-image > img {
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  object-fit: cover !important;
  object-position: center center !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  background-image: none !important;
  border-radius: 0 !important;
}

/* Сорта на главной странице и карточки культур в каталоге. */
.gg-v2-variety > .portal-photo,
.gg-variety-culture-card > .portal-photo,
.portal-variety-grid .portal-photo {
  box-sizing: border-box !important;
  display: block;
  padding: 0 !important;
  overflow: hidden !important;
  background: transparent !important;
  background-image: none !important;
}
.gg-v2-variety > .portal-photo > img,
.gg-variety-culture-card > .portal-photo > img,
.portal-variety-grid .portal-photo > img {
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  background-image: none !important;
  border-radius: 0 !important;
}

/* Страница конкретного сорта: крупная фотография без рамки/подложки,
   при этом кнопки листания и миниатюры остаются рабочими. */
.gg-sort-detail-page .gg-sort-gallery-box,
.gg-sort-detail-page .gg-sort-gallery-box .gg-gallery-main {
  box-sizing: border-box;
  padding: 0 !important;
  background: transparent !important;
  background-image: none !important;
}
.gg-sort-detail-page .gg-sort-gallery-box .gg-gallery-main {
  min-height: 0 !important;
  overflow: hidden;
  border: none !important;
  box-shadow: none !important;
}
.gg-sort-detail-page .gg-sort-gallery-box .gg-gallery-main > img {
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  height: clamp(260px, 38vw, 460px) !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
}
.gg-sort-detail-page .gg-sort-gallery-box .gg-gallery-thumbs img {
  object-fit: cover !important;
  background: transparent !important;
  padding: 0 !important;
}

/* Пустые карточки без фотографии остаются штатными заглушками. */

/* 2026-10-31: Исправление высоты фотокарточек сортов.
   Предыдущее aspect-ratio + height:auto уменьшало фотографии до ~150px,
   а карточку растягивала 275px-заглушка соседнего сорта без фото.
   Фото и пустая заглушка теперь имеют ОДИНАКОВУЮ высоту и занимают всю
   область до подписи. Без letterbox, подложек, padding и белой полосы. */
.gg-sort-list {
  --gg-variety-image-height: 275px;
  align-items: start !important;
}
.gg-sort-list .gg-sort-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  align-self: start !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}
.gg-sort-list .gg-sort-card > img {
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  height: var(--gg-variety-image-height) !important;
  min-height: var(--gg-variety-image-height) !important;
  max-height: var(--gg-variety-image-height) !important;
  flex: 0 0 var(--gg-variety-image-height) !important;
  aspect-ratio: auto !important;
  object-fit: cover !important;
  object-position: center !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}
.gg-sort-list .gg-sort-card > .gg-sort-image-empty {
  box-sizing: border-box !important;
  display: flex !important;
  flex: 0 0 var(--gg-variety-image-height) !important;
  width: 100% !important;
  height: var(--gg-variety-image-height) !important;
  min-height: var(--gg-variety-image-height) !important;
  max-height: var(--gg-variety-image-height) !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #f2f5ef !important;
  align-items: center;
  justify-content: center;
}
.gg-sort-list .gg-sort-card > .gg-sort-image-empty::after {
  content: "Фото не добавлено" !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 8px;
  text-align: center;
  background: none !important;
  color: #7c887b;
  font-size: 11px;
  line-height: 1.35;
  font-weight: 400;
}
.gg-sort-list .gg-sort-card > .gg-sort-title {
  flex: 0 0 auto !important;
  padding: 11px 11px 12px !important;
  margin: 0 !important;
  background: #fff !important;
}
@media (max-width: 700px) {
  .gg-sort-list { --gg-variety-image-height: 225px; }
}
@media (max-width: 440px) {
  .gg-sort-list { --gg-variety-image-height: 190px; }
}