/* БЛОК 1. Первый экран, вариант 2: фото светлое, затемнение только слева под текстом. Поверх правил .oldi-hero из front-page.css */
.oldi-hero.oldi-hero--v2{min-height:600px;background:#e9edf3}
.oldi-hero.oldi-hero--v2::after{background:linear-gradient(90deg,rgba(15,15,16,.82) 0,rgba(15,15,16,.72) 480px,rgba(15,15,16,.3) 760px,rgba(15,15,16,0) 960px)}
.oldi-hero.oldi-hero--v2 .oldi-hero__inner{max-width:840px;padding:56px 64px}
.oldi-hero.oldi-hero--v2 .oldi-hero__title{margin-bottom:18px;font-size:48px}
.oldi-hero__accent{display:block;color:var(--oldi-orange)}
.oldi-hero.oldi-hero--v2 .oldi-hero__text{max-width:560px;margin-bottom:32px}
.oldi-hero__cats{list-style:none;margin:0 0 36px !important;padding:0 !important;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.oldi-hero__cats li{margin:0;padding:0}
.oldi-hero__cats li::before{content:none}
.oldi-hero__cat,.oldi-hero__cat:visited{display:flex;flex-direction:column;gap:10px;color:#fff;text-decoration:none}
.oldi-hero__icon{width:30px;height:30px;fill:none;stroke:var(--oldi-orange);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.oldi-hero__cat-name{display:block;margin-bottom:4px;font-family:var(--oldi-font-heading);font-size:16px;font-weight:600;line-height:1.25;color:#fff;transition:color .2s}
.oldi-hero__cat-text{display:block;font-size:14px;line-height:1.4;color:rgba(255,255,255,.82)}
.oldi-hero--v2 .oldi-hero__inner{text-shadow:0 1px 12px rgba(0,0,0,.35)}
.oldi-hero--v2 .oldi-btn{text-shadow:none}
.oldi-hero__cat:hover .oldi-hero__cat-name,.oldi-hero__cat:focus-visible .oldi-hero__cat-name{color:var(--oldi-orange)}

@media (max-width:1200px){
.oldi-hero__cats{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px}
.oldi-hero__cat{flex-direction:row;align-items:flex-start;gap:12px}
.oldi-hero__icon{flex-shrink:0}
}
@media (max-width:921px){
.oldi-hero.oldi-hero--v2{display:block;min-height:0;background:#171718}
.oldi-hero.oldi-hero--v2::after{content:none}
.oldi-hero.oldi-hero--v2 .oldi-hero__bg{position:static;display:block;height:auto;aspect-ratio:4/3}
.oldi-hero.oldi-hero--v2 .oldi-hero__inner{max-width:none;padding:28px 20px 36px;text-shadow:none}
.oldi-hero.oldi-hero--v2 .oldi-hero__text{margin-bottom:24px}
.oldi-hero__cats{margin-bottom:28px !important}
.oldi-hero.oldi-hero--v2 .oldi-hero__title{font-size: 34px;}
}
@media (max-width:560px){
.oldi-hero__cats{grid-template-columns:1fr;gap:14px}
.oldi-hero__cat-text{font-size:13px}
}
