/* pages/gift-sets — /gifts/sets, /en/gifts/sets (план DEV0313, задача 3;
   лендинг docs/design/Campaign Landings.dc.html:315-357 «3f»): заголовок +
   лид, сетка карточек (3 колонки на десктопе, горизонтальная лента на
   мобильном — как боксы 3f-мобайл). Только токены ДС, ни одного цвета/
   шрифта литералом. .gift-sets-card* — components.css (план DEV0465,
   задача 1: карточка общая с полкой хаба /gifts и галереей), здесь
   остаётся только мобильное .gift-sets-card { flex: 0 0 260px; } — это
   лента /gifts/sets, а не сама карточка. */

.gift-sets { display: flex; flex-direction: column; gap: 32px; padding-block: 32px 64px; }

.gift-sets__head { display: flex; flex-direction: column; gap: 8px; max-width: 640px; }
.gift-sets__head h1 { margin: 0; font-size: 40px; }
.gift-sets__lead { margin: 0; font-size: 15px; color: var(--color-neutral-700); }

.gift-sets__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-4); }

@media (max-width: 1023px) {
  .gift-sets__grid {
    display: flex; gap: var(--space-3); overflow-x: auto; margin-inline: -16px;
    padding: 0 16px 4px; scrollbar-width: none;
  }
  .gift-sets__grid::-webkit-scrollbar { display: none; }
  .gift-sets-card { flex: 0 0 260px; }
  .gift-sets__head h1 { font-size: 32px; }
}