/* ===== Страница подборки /idei-podarkov/<код>/ — дополнение к /idei-podarkov/style.css (эталон 7.png в стиле проекта) ===== */

.gift-collection-page .collection-header {
  /* фиксированная шапка сайта на десктопе перекрывает контент: крошки начинаются ниже неё,
     отступ сопоставим с эталонным лендингом /idei-podarkov/ (padding-top 346px у его крошек) */
  padding-top: 360px;
  padding-bottom: 24px;
}

/* Хлебные крошки страницы подборки (штатный bitrix:breadcrumb site_ver_2.0) */
.gift-collection-page .collection-breadcrumb {
  margin-bottom: 18px;
}

.gift-collection-page .collection-breadcrumb .m_nav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.2;
}

/* Разделитель › между элементами крошек (единый вид с лендингом /idei-podarkov/) */
.gift-collection-page .collection-breadcrumb .bx-breadcrumb-item:not(:last-child)::after {
  content: "\203A";
  margin: 0 8px;
  color: #747d86;
  font-size: 13px;
  font-weight: 500;
}

/* Штатной стрелки шаблона (.m_nav a::after) здесь не нужно — свой разделитель выше */
.gift-collection-page .collection-breadcrumb .m_nav a::after {
  content: none;
}

.gift-collection-page .collection-header .reviews-head-title {
  margin-bottom: 28px;
}

.gift-collection-page .collection-description {
  padding-bottom: 28px;
}

.gift-collection-page .collection-description__text {
  max-width: 1050px;
  color: #111;
  font-size: 17px;
  line-height: 1.55;
}

.gift-collection-page .collection-description__text > :first-child {
  margin-top: 0;
}

.gift-collection-page .collection-description__text > :last-child {
  margin-bottom: 0;
}

/* Видимый фокус для карточек-ссылок (дочерние подборки на странице семейства) */
a.gift-idea-card:focus-visible {
  outline: 2px solid #c4000c;
  outline-offset: 3px;
}

a.gift-idea-card:focus-visible .gift-idea-card__image img {
  transform: scale(1.025);
}

@media (width <= 1024px) {
  .gift-collection-page .collection-header {
    padding-top: 20px;
  }
}

@media (width <= 640px) {
  .gift-collection-page .collection-header {
    padding-bottom: 18px;
  }

  .gift-collection-page .collection-header .reviews-head-title {
    margin-bottom: 18px;
  }

  .gift-collection-page .collection-description {
    padding-bottom: 20px;
  }

  .gift-collection-page .collection-description__text {
    font-size: 16px;
    line-height: 1.5;
  }
}

/* ===== Витрина товаров подборки: единая сетка трёх каталогов (эталон 7.png, паттерн 4×1fr gap 20 проекта) ===== */

.gift-collection-page .collection-showcase {
  padding-bottom: 62px;
}

.gift-collection-page .collection-showcase__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
}

/* Сброс карусельных ограничений базовой .gift-product-card внутри сетки витрины */
.gift-collection-page .collection-showcase__grid .gift-product-card {
  min-width: 0;
  flex: none;
  transition:
    box-shadow 0.3s ease-out,
    color 0.2s ease;
}

/* Акцент названия по паттерну карточек проекта (gift-idea-card) */
.gift-collection-page .collection-showcase__grid a.gift-product-card:hover,
.gift-collection-page .collection-showcase__grid a.gift-product-card:focus-visible {
  color: #c4000c;
}

.gift-collection-page .collection-showcase__grid a.gift-product-card:focus-visible {
  outline: 2px solid #c4000c;
  outline-offset: 3px;
}

/* Цена прижата к низу карточки — ровные ряды при разной длине названий */
.gift-collection-page .collection-showcase__grid .gift-product-card__price {
  margin-top: auto;
  padding-top: 16px;
}

@media (width <= 1024px) {
  .gift-collection-page .collection-showcase__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (width <= 640px) {
  .gift-collection-page .collection-showcase__grid {
    grid-template-columns: 1fr;
    gap: 18px;
  }
}

/* ===== Дочерние подборки на родительской странице (эталон 7.png): переиспользование карточек блока, сетка 3→2→1 ===== */

.gift-collection-page .child-collections {
  padding-top: 34px;
  padding-bottom: 62px;
}

@media (width <= 640px) {
  .gift-collection-page .child-collections {
    padding-top: 24px;
    padding-bottom: 42px;
  }
}