/* Независимый модуль популярных услуг: карусель (v7.4).
   Подключается после 10-refinements.css, чтобы не зависеть от его старых сеток. */
#popular-services.service-list{
  display:block !important;
  grid-template-columns:none !important;
  border-top:0 !important;
  margin-top:16px;
  width:100%;
}
#popular-services .psc{
  display:block;
  position:relative;
  width:100%;
  min-width:0;
}
#popular-services .psc__viewport{
  display:block;
  width:100%;
  overflow:hidden;
  touch-action:pan-y;
  scrollbar-width:none;
  -ms-overflow-style:none;
  border-radius:12px;
  outline-offset:4px;
}
#popular-services .psc__viewport::-webkit-scrollbar{display:none}
#popular-services .psc__track{
  display:flex;
  flex-flow:row nowrap;
  align-items:stretch;
  gap:14px;
  width:100%;
  min-width:0;
  will-change:transform;
}
#popular-services .psc__card{
  position:relative;
  display:block;
  flex:0 0 calc((100% - 28px) / 3);
  height:340px;
  min-width:0;
  margin:0;
  overflow:hidden;
  isolation:isolate;
  background:#1b2a38;
  border:1px solid rgba(255,255,255,.15);
  border-radius:10px;
  color:white;
  text-decoration:none;
  cursor:pointer;
}
#popular-services .psc__card:hover,
#popular-services .psc__card:focus-visible{border-color:#f4a24a}
#popular-services .psc__card:focus-visible{outline:2px solid #ffbf82;outline-offset:-2px}
#popular-services .psc__image{
  display:block;
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  max-width:none;
  filter:none;
  transition:transform .5s ease;
}
#popular-services .psc__card:hover .psc__image{transform:scale(1.045)}
#popular-services .psc__overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(to bottom,rgba(8,16,24,.06) 0%,rgba(8,16,24,.1) 28%,rgba(8,16,24,.64) 62%,rgba(8,16,24,.96) 100%);
  pointer-events:none;
}
#popular-services .psc__content{
  position:absolute;
  left:0;right:0;bottom:0;
  z-index:2;
  padding:20px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:7px;
}
#popular-services .psc__category{
  color:#ffb46e;
  font-size:10px;
  font-weight:800;
  letter-spacing:.15em;
  line-height:1.4;
  text-transform:uppercase;
}
#popular-services .psc__content h3{
  font:800 22px/1.12 var(--font,Arial,sans-serif);
  margin:0;
  color:#fff;
  text-wrap:balance;
}
#popular-services .psc__content p{
  font:400 12px/1.5 var(--font,Arial,sans-serif);
  margin:0 0 5px;
  color:#dbe2ea;
}
#popular-services .psc__cue{
  position:absolute;
  right:17px;
  bottom:17px;
  z-index:3;
  display:grid;
  place-items:center;
  width:29px;
  height:29px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.48);
  background:rgba(10,20,30,.47);
  color:#fff;
  font-size:18px;
  line-height:1;
  transition:background .2s,color .2s;
}
#popular-services .psc__card:hover .psc__cue,
#popular-services .psc__card:focus-visible .psc__cue{background:#f4a24a;color:#101820}
#popular-services .psc__content{padding-right:42px}
#popular-services .psc__arrow{
  position:absolute;
  z-index:4;
  top:50%;
  transform:translateY(-50%);
  display:grid;
  place-items:center;
  width:43px;
  height:43px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.32);
  background:rgba(10,20,30,.83);
  color:#fff;
  font:400 29px/1 Arial,sans-serif;
  cursor:pointer;
  box-shadow:0 4px 18px rgba(0,0,0,.3);
}
#popular-services .psc__arrow:hover,#popular-services .psc__arrow:focus-visible{
  background:#f4a24a;
  color:#101820;
}
#popular-services .psc__arrow--prev{left:10px}
#popular-services .psc__arrow--next{right:10px}
#popular-services .psc__controls{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:15px;
  padding-top:12px;
  color:#aebcca;
  font-size:11px;
  line-height:1.4;
}
#popular-services .psc__position{font-weight:800;color:#f4a24a;white-space:nowrap}
/* Сам заголовок блока теперь без пустого правого столбца. */
.services .section-title{display:block !important;margin-bottom:15px !important}
.services .section-title h2{max-width:none}
.services .catalog-cta{margin-top:15px}
@media(max-width:980px){
  #popular-services .psc__card{flex-basis:calc((100% - 14px) / 2);height:350px}
}
@media(max-width:650px){
  #popular-services .psc__card{flex-basis:100%;height:370px}
  #popular-services .psc__content{padding:19px}
  #popular-services .psc__content h3{font-size:24px}
  #popular-services .psc__arrow{width:38px;height:38px;font-size:26px;top:43%}
  #popular-services .psc__controls{font-size:10px}
}
@media(prefers-reduced-motion:reduce){
  #popular-services .psc__image{transition:none}
}

/* Клонированные карточки участвуют в цикле, но скрыты от чтения повторов скринридером. */
#popular-services .psc__card[aria-hidden="true"]{outline-offset:-2px}

/* Цены из панели владельца и короткий список без повторяющихся карточек. */
#popular-services .psc__price{display:block;margin-top:12px;color:#ffac55;font-size:20px;line-height:1.3}#popular-services .psc-empty{padding:26px;border:1px solid #315064;border-radius:6px;color:#d0dee8;background:#10232f;font-size:16px;line-height:1.7}#popular-services .psc--short .psc__track{display:grid;grid-template-columns:repeat(var(--service-columns),minmax(0,1fr));transform:none!important}#popular-services .psc--short .psc__viewport{overflow:visible}#popular-services .psc--short .psc__card{width:100%;min-width:0}#popular-services .psc--short .psc__arrow{display:none}@media(max-width:650px){#popular-services .psc--short .psc__track{grid-template-columns:1fr}#popular-services .psc--short .psc__card{height:370px}}
