/* Тень под текстом геройного фото товарных страниц TraumNacht.
   Общий источник для matrasy-dlya-oteley.html и matrasy-dlya-oteley-kz.html —
   до 22.09.2026 правило .hero::after было текстом-в-текст продублировано в
   инлайн <style> обоих файлов; правка контраста требовала бы держать два
   места в синхроне. Теперь оно одно, страницы только ссылаются.

   Заведено 22.09.2026 по check_tekst_na_foto.py (hospitality): .hero-eyebrow,
   .hero-title и особенно золотой .hero-model (var(--gold), тот же акцент,
   что и в бренд-палитре) не держали 4.5:1/3:1 на светлых участках снимка
   (окно, стена). Причина в самой геометрии: блок текста в обоих файлах
   одной высоты и одной вёрстки, а высота .hero — разная (460px на русской
   странице, 800px на казахской). При старом градиенте на процентах от
   высоты блока «надзаголовок» на короткой странице попадал почти к самому
   верху затемнения, где тени уже не было.

   Поэтому стопы заданы в PIXELS от нижнего края (linear-gradient(0deg,…) —
   старт линии внизу), а не в процентах: одинаковое количество пикселей тени
   снизу нужно обеим страницам, потому что блок текста у них физически
   одной высоты. На короткой странице это читается как более тёмный кадр
   целиком — держит контраст честно, а не потому что повезло с высотой. */
.hero::after{
  content:"";
  position:absolute; top:0; right:0; bottom:0; left:0;
  background:linear-gradient(0deg,
    rgba(26,19,13,.95) 0,
    rgba(26,19,13,.92) 280px,
    rgba(26,19,13,.87) 480px,
    rgba(26,19,13,.6) 560px,
    rgba(26,19,13,.25) 700px,
    rgba(26,19,13,.08) 860px);
}