/* ФОТО-БАННЕР во всю ширину (владелец 23.08): огромное прямоугольное фото
   1920×600 вместо героя; файлы кладутся в public/banners и крутятся сами.
   Работает в любой теме — файл подключён всегда. */
.mx-photobanner{
  position:relative; width:100%;
  aspect-ratio:1920/600; max-height:640px;
  overflow:hidden; background:#f4f1ea;
}
.mx-photobanner__img{
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover; object-position:center;
  opacity:0; transition:opacity .6s ease; pointer-events:none;
}
.mx-photobanner__img.is-active{ opacity:1; pointer-events:auto; }
.mx-photobanner__dots{
  position:absolute; left:50%; bottom:14px; transform:translateX(-50%);
  display:flex; gap:8px; z-index:2;
}
.mx-photobanner__dots button{
  width:26px; height:4px; border:0; border-radius:2px;
  background:rgba(0,0,0,.25); cursor:pointer;
}
.mx-photobanner__dots button.is-active{ background:#f2b400; }
/* ТЕЛЕФОН (владелец 23.08: «красиво адаптируй»): своя вертикальная
   версия кадра *.m.webp через <picture>, пропорция 4:3 */
@media (max-width:760px){
  .mx-photobanner{ aspect-ratio:4/3; max-height:none; }
}

/* Логотип-картинка ADENIX с короной (владелец 23.08: «огромное фото в нашем
   стиле») вместо текстового: оригинальный css прятал mx-brand__mark. */
.mx-brand__mark{ display:block !important; }
.mx-brand__mark img{ display:block; width:210px; height:auto; }
.mx-brand__text{ display:none !important; }
@media (max-width:980px){
  /* Владелец 23.08: «корона и АДЕНИКС наезжают на языки» — на телефоне
     логотип компактнее и левому блоку не даём распирать ряд */
  .mx-brand__mark img{ width:96px; }
  .mx-header__left{ gap:8px !important; }
  .mx-header__top{ gap:10px !important; }
}

/* Белая полоса между категориями и баннером (владелец 23.08, «заберём её
   под баннер»): у шапки хвост градиента уходил в слоновую кость и торчал
   над баннером. Когда баннер есть — хвост тёмный и короткий, баннер
   начинается сразу под плитками. Без баннера всё как было. */
body:has(.mx-photobanner) .mx-top-full{
  padding-bottom:0 !important;
  margin-bottom:0 !important;
  background:#030303 !important;
}
/* и нижний отступ самой шапки: 22px чёрного между плитками и баннером
   (владелец 23.08: «пустое место забери, баннер сразу под кнопками») */
body:has(.mx-photobanner) .mx-header{ padding-bottom:0 !important; }
body:has(.mx-photobanner) .mx-hero-full{ padding-top:0 !important; }

/* Белые поля на широких экранах: ::before/::after шапки поверх фона
   уводили низ и бока в слоновую кость. При живом баннере глушим их —
   шапка остаётся ровной тёмной до самого баннера на любой ширине. */
body:has(.mx-photobanner) .mx-top-full::before,
body:has(.mx-photobanner) .mx-top-full::after{ content:none !important; }

/* слайд-ссылка: занимает всю площадь, неактивные не ловят клики */
.mx-photobanner__link{
  position:absolute; inset:0; display:block;
  opacity:0; transition:opacity .6s ease; pointer-events:none;
}
.mx-photobanner__link.is-active{ opacity:1; pointer-events:auto; cursor:pointer; }
.mx-photobanner__link .mx-photobanner__img{ position:absolute; inset:0; opacity:1; }

/* Полоса категорий от края до края (владелец 23.08): вытаскиваем её из
   контейнера шапки классическим full-bleed приёмом. Скругления убираем —
   у полосы на всю ширину углов нет. */
.mx-nav-wrap{
  position:relative; left:50%; margin-left:-50vw !important;
  width:100vw !important; max-width:100vw !important;
}
.mx-nav{
  width:100%; border-radius:0 !important;
  justify-content:center;
  padding-left:max(24px, calc((100vw - 1830px)/2)) !important;
  padding-right:max(24px, calc((100vw - 1830px)/2)) !important;
}