/**
 * Страница фактуры — архив pa_technique (/texture/<slug>/).
 * Подключается только на этих страницах (см. inc/texture.php).
 * Все размеры — через токены из style.css, без хардкода px.
 */

.olio-texture-hero{
  /* Уже основного контейнера (1600): шапка из обложки и пары фраз на всю
     ширину витрины смотрится пустой. */
  max-width:min(1200px, var(--container));
  margin:0 auto var(--space-lg);
  padding:0 var(--gutter);
  text-align:left;
}

/* С обложкой — две колонки: изображение и вводный текст рядом. */
.olio-texture-hero.has-cover{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:var(--space-lg);
  align-items:center;
}

.olio-texture-hero__media{ margin:0; }

.olio-texture-hero__img{
  display:block;
  width:100%;
  height:auto;
  /* Обложки приходят из ERP разных пропорций — приводим к единому кадру,
     иначе вертикальное фото распирает шапку на пол-экрана. */
  aspect-ratio:3 / 2;
  object-fit:cover;
  border-radius:var(--radius);
}

.olio-texture-hero__text{
  font-size:var(--fs-base);
  line-height:1.7;
  color:var(--c-muted);
  max-width:62ch;
}

.olio-texture-hero__text p{ margin:0; }

/* Без обложки текст центрируем под заголовком — как вводный абзац рубрики. */
.olio-texture-hero:not(.has-cover) .olio-texture-hero__text{
  margin:0 auto;
  text-align:center;
}

@media (max-width:900px){
  .olio-texture-hero.has-cover{
    grid-template-columns:1fr;
    gap:var(--space-md);
  }
  .olio-texture-hero__text{ text-align:left; }
}