/* Кейс «Автосалон» — правки по замечаниям Лукьяна 29.10: первый экран «не вау», пустота слева у «Где салон теряет покупателей»,
   фото «Пятница 23:12» не по смыслу. Подключается последним на cases/avtosalon.html */

/* первый экран: светлый шоурум на весь экран, крупное «Автосалон» поверх, внизу — описание и роли */
.av .av-hero.av-hero--photo{display:flex;align-items:flex-end;margin:0;height:auto;min-height:calc(100svh - var(--annh,0px));background:#0D0E10;border-radius:0}
.av-hero--photo .av-hero__bg img{opacity:1;object-position:50% 38%}
.av-hero--photo .av-hero__bg:after{background:linear-gradient(180deg,rgba(13,14,16,.5) 0,rgba(13,14,16,0) 20%,rgba(13,14,16,0) 40%,rgba(13,14,16,.82) 100%)}
.av-hero--photo .av-hero__in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,460px);column-gap:48px;align-items:end;width:100%;max-width:1520px;margin:0 auto;padding:calc(var(--hh,96px) + 48px) var(--px) clamp(32px,4.4vw,64px)}
.av-hero--photo .av-mark{grid-column:1/-1;margin:0 0 16px;font:500 13px/1.4 var(--f);letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.82)}
.av-hero--photo h1{margin:0;font:300 clamp(64px,11.2vw,190px)/.86 var(--f);letter-spacing:-.045em;color:#fff}
.av-hero--photo .av-hero__lead{margin:0 0 .5em;font:400 clamp(17px,1.5vw,22px)/1.4 var(--f);color:#fff}
.av-hero--photo .av-cred{grid-column:1/-1;margin-top:clamp(26px,3vw,44px);padding-top:18px;border-top:1px solid rgba(255,255,255,.3);text-align:left}
.av-hero--photo .av-cred__b{justify-content:flex-start;margin:10px 0;font-size:clamp(15px,1.4vw,21px)}
.av-hero--photo .av-cred__s{color:rgba(255,255,255,.74)}
@media (max-width:900px){
  .av-hero--photo .av-hero__in{grid-template-columns:1fr;padding:calc(var(--hh,64px) + 32px) 20px 30px}
  .av-hero--photo h1{font-size:clamp(54px,15.5vw,92px)}
  .av-hero--photo .av-hero__lead{margin:18px 0 0;font-size:17px}
  .av-hero--photo .av-cred__b{font-size:15px}
}

/* «Где салон теряет покупателей»: заголовок слева рядом со списком — без пустой колонки */
@media (min-width:901px){
  #poteri{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:30px;align-items:start}
  #poteri>h2{position:sticky;top:calc(var(--hh,96px) + 32px);margin:0}
  #poteri .av-list{margin:0!important}
}

/* «Пятница, 23:12»: без фото — крупные цифры на тёмном, как остальные блоки с цифрами */
.av-night{min-height:0;background:#0F1012}
.av-night .av-night__in{margin:0 auto;max-width:1100px;padding:clamp(130px,14vw,210px) clamp(24px,4vw,60px) clamp(110px,12vw,180px);text-align:center}
.av-night .av-night__big{justify-content:center;font-size:clamp(62px,9vw,150px)}
.av-night .av-night__cap{margin:24px auto 0;text-align:center}
@media (max-width:900px){.av-night .av-night__in{padding:120px 20px 90px}}

/* первый экран ровно в высоту экрана под шапкой; строка ролей — над кнопкой голосового гида */
.av .av-hero.av-hero--photo{min-height:calc(100svh - var(--avt,140px))}
@media (min-width:901px){.av-hero--photo .av-hero__in{padding-bottom:96px}}
@media (max-width:900px){.av-hero--photo .av-hero__in{padding-bottom:84px}}

/* последний блок: вместо трафаретного «АВТО» — тот же шоурум, затемнённый под текст и кнопки */
.av-end{isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;min-height:min(72vh,660px);background:#0D0E10}
.av-end__bg{position:absolute;inset:0;z-index:-1}
.av-end__bg img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 45%}
.av-end__bg:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,14,16,.2) 0,rgba(13,14,16,.55) 45%,rgba(13,14,16,.9) 100%)}
@media (max-width:900px){.av-end{min-height:520px}}

/* «Другие кейсы»: три карточки на всю ширину от левого края, вровень с заголовком */
@media (min-width:901px){.av .av-more__g .av-more__c{grid-column:auto/span 4!important}}