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

/* ---------- HERO ---------- */
.hero--print .hero__title{max-width:800px;}
.hero--print .hero__meta{gap:20px;}
.hero--print .hero__lead{max-width:690px;}
.hero--print .hero__features{gap:40px;flex-wrap:wrap;}
.hero--print .feat svg{width:21px;height:21px;flex:none;}

/* Заголовок этой секции в макете идёт одной строкой */
.tasks .head__text{max-width:1300px;}

/* ---------- ADDONS ----------
   На этой странице иконка стоит в потоке — сверху карточки, а не абсолютом
   в правом верхнем углу. Поэтому заголовку и описанию больше не нужно
   оставлять место справа под иконку. */
.addon__icon{
  position:relative;
  top:0;
  right:0;
  width:62px;
  height:62px;
  border-radius:18px;
  background:var(--grad);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 6px 18px rgba(237,44,47,.35);
}
.addon--head .addon__title{max-width:none;}
.addon--head .addon__desc{max-width:none;}
/* В pages.css низкая карточка центрует иконку по вертикали через top:50%
   и transform — это рассчитано на абсолютное позиционирование. В потоке
   иконка от этого съезжала вниз и наползала на заголовок. */
.addon--compact .addon__icon{top:0;transform:none;}
.addon--compact .addon__title,.addon--compact .addon__desc{max-width:none;}

/* ---------- Адаптив ---------- */
@media (max-width:1600px){
  .hero--print .hero__meta{gap:20px;max-width:600px;}
}
@media (max-width:1500px){
  .hero--print .hero__title{max-width:500px;}
  .hero--print .hero__lead{max-width:500px;}
}
@media (max-width:768px){
  /* На узких экранах pages.css уводит иконку в левый верхний угол и
     оставляет под неё padding-top:110px. С иконкой в потоке этот отступ
     превращался в пустую полосу над ней, а left:25px сдвигал её вправо. */
  .addon{padding-top:30px;}
  .addon__icon{left:0;right:0;}
  .addon--compact .addon__icon{left:0;right:0;}
}