/* ===== upgrade.css — MIRIDEA, 2026-10 ===== */

/* 1. Выпадающий список городов — в несколько колонок */
.header-nav .header-nav-list{
  width:760px;max-width:calc(100vw - 40px);max-height:none;
  padding:18px 14px;column-gap:6px;
  transform-origin:top left;
}
.header-nav .header-nav-list.active{
  display:block;column-count:4;
  animation:rbgDrop .22s ease-out both;
}
.header-nav .header-nav-list > a.city-list{display:none}
.header-nav .header-nav-list a{
  display:block;width:auto;margin:0 0 2px;padding:6px 12px;
  break-inside:avoid;-webkit-column-break-inside:avoid;
  font-size:12px;line-height:1.25;white-space:normal;
}
.header-nav .header-nav-list a.rbg-current{color:#32b755}
@media (max-width:1199px){.header-nav .header-nav-list.active{column-count:3}.header-nav .header-nav-list{width:580px}}
@media (max-width:767px){.header-nav .header-nav-list.active{column-count:2}.header-nav .header-nav-list{width:calc(100vw - 30px)}}
@keyframes rbgDrop{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}

/* 2. Анимация кнопок */
.btn,.header-services-title,.main-catalog-filter-item,.page-tags-item,
.nav-std .swiper-button-next,.nav-std .swiper-button-prev,
.nav-circle .swiper-button-next,.nav-circle .swiper-button-prev{
  transition:transform .25s ease,box-shadow .25s ease,background-color .3s,color .3s,border-color .3s;
}
.btn{position:relative;overflow:hidden;isolation:isolate}
.btn:before{
  content:'';position:absolute;top:0;left:-75%;width:50%;height:100%;z-index:-1;
  background:linear-gradient(120deg,transparent,rgba(255,255,255,.45),transparent);
  transform:skewX(-20deg);pointer-events:none;
}
.btn:hover:before{animation:rbgShine .75s ease}
.btn:hover,.header-services-title:hover{transform:translateY(-2px);box-shadow:0 10px 22px -8px rgba(240,124,0,.55)}
.btn--yellow:hover,.btn--outline:hover{box-shadow:0 10px 22px -8px rgba(255,190,0,.7)}
.btn:active,.header-services-title:active,.main-catalog-filter-item:active,.page-tags-item:active{transform:translateY(0) scale(.97);box-shadow:none}
.main-catalog-filter-item:hover,.page-tags-item:hover{transform:translateY(-2px);box-shadow:0 8px 16px -8px rgba(255,190,0,.8)}
.nav-std .swiper-button-next:hover,.nav-std .swiper-button-prev:hover{transform:translateY(-2px)}
.nav-circle .swiper-button-next:hover,.nav-circle .swiper-button-prev:hover{box-shadow:0 8px 20px rgba(0,0,0,.15)}
.nav-circle .swiper-button-prev:hover svg{animation:rbgNudgeL .5s ease}
.nav-circle .swiper-button-next:hover svg{animation:rbgNudgeR .5s ease}
.header-services-title svg{transition:transform .3s}
.header-services-title:hover svg{transform:rotate(90deg)}
.header-nav a.city-list svg{transition:transform .3s}
.header-nav a.city-list.active svg{transform:rotate(180deg)}
#mse2_mfilter .btn_more{display:flex;margin:25px auto 0;padding:0 45px;height:50px;width:auto;min-width:240px;white-space:nowrap;font-size:13px}
.btn_more:hover{transform:translateY(-2px)}
@keyframes rbgShine{to{left:130%}}
@keyframes rbgNudgeL{50%{transform:translateX(-4px)}}
@keyframes rbgNudgeR{50%{transform:translateX(4px)}}

/* 4. Города на главной — ссылками */
.main-about .page-tags{display:flex;flex-wrap:wrap;margin-top:15px}
.page-tags-item a{color:inherit}

/* 6. Соцсети (редактируются в админке) */
.footer-brand-social a,.social a{display:inline-flex;transition:transform .25s ease,filter .25s}
.footer-brand-social a:hover,.social a:hover{transform:translateY(-3px) scale(1.08);filter:drop-shadow(0 6px 8px rgba(0,0,0,.18))}
.footer-brand-social a img,.social a img{width:30px;height:30px;border-radius:50%;object-fit:cover;display:block}

@media (prefers-reduced-motion:reduce){
  .btn:hover:before,.header-nav .header-nav-list.active{animation:none}
  .btn:hover,.header-services-title:hover,.main-catalog-filter-item:hover,.page-tags-item:hover{transform:none}
}

/* 7. Екатеринбург — главный город в меню */
.header-nav .header-nav-list a.rbg-main{
  column-span:all;-webkit-column-span:all;display:flex;align-items:center;gap:8px;
  margin:0 0 10px;padding:10px 12px;font-size:14px;color:#1b1918;
  background:#ffda33;border-radius:6px;
}
.header-nav .header-nav-list a.rbg-main:before{content:url(../img/design/ico/map-ico-min.svg);line-height:0}
.header-nav .header-nav-list a.rbg-main:hover{background:#32b755;color:#fff}

/* 8. Анимация при скролле */
.rbg-reveal{opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.rbg-reveal.rbg-in{opacity:1;transform:none}
.main-promo-slider .swiper{transition:transform .1s linear}
.main-promo-slider .swiper-slide img{transition:transform 6s ease}
.main-promo-slider .swiper-slide-active img{transform:scale(1.06)}
.main-promo-slider .swiper-pagination-bullet-active{transition:width .3s}
@media (prefers-reduced-motion:reduce){.rbg-reveal{opacity:1;transform:none;transition:none}.main-promo-slider .swiper-slide-active img{transform:none}}