/* ============================================================
   Страница «Гибка пластика» — блоки только этой страницы.
   Общие компоненты (карточки-фото, карточки .mat) — в pages.css.
   Подключается ПОСЛЕ styles.css и pages.css.
   ============================================================ */

/* ---------- HERO ---------- */
.hero--bend .hero__title{max-width:700px;}
.hero--bend .hero__meta{gap:20px;}
.hero--bend .hero__lead{max-width:680px;}
.hero--bend .hero__features{gap:15px 40px;flex-wrap:wrap;max-width:680px;}
.hero--bend .feat svg{width:21px;height:21px;flex:none;}

/* ---------- «Из чего делаем»: 4 карточки в ряд, поэтому уже и без узкого описания ---------- */
.mats--bend .mat{min-height:289px;}
.mats--bend .mat__desc{max-width:none;}
.mats--bend .mat__swatch{right: 10px; bottom: 4px; width: 108px; height: 135px;}

/* ---------- Адаптив ---------- */
@media (max-width:1500px){
  .hero--bend .hero__meta{gap:20px;max-width:500px;}
}
@media (max-width:1024px){
  .hero--bend .hero__title{max-width:none;}
}
@media (max-width:768px){
  .mats--bend .mat{min-height:0;padding-bottom:130px;}
  .mats--bend .mat__swatch{right:10px;bottom:8px;width:130px;height:130px;}
  .hero--bend .hero__features{gap:12px;flex-direction:column;align-items:flex-start;}
}