/* st-advantages.css — блок «Почему стоит заказать ремонт…» (только стили; разметка и тексты не меняются).
   Разметка: .order-repair > .list-repair > div > span.list-repair_title + текст.
   Номера 01–06 рисуются счётчиком CSS (::before), в HTML ничего не добавляется.
   Селекторы работают только для варианта, где внутри .list-repair лежат div (страницы услуг). Вариант с ul>li и иконками (главная) этим файлом не затрагивается.
   Подключать после adaptiv.css. Чтобы вернуть оранжевую подложку, поменяйте --ra-bg (см. ниже). */
#content .order-repair:has(>.list-repair>div){
  --ra-bg:#FFF7EC;            /* вариант с оранжевой подложкой: linear-gradient(135deg,#FE5248,#FD8507) */
  --ra-ink:#2D3440;--ra-mut:#4A5260;--ra-line:#F0DEC6;--ra-or:#FD8900;
  box-sizing:border-box!important;margin:28px 0!important;padding:28px!important;
  background:var(--ra-bg)!important;border:1px solid var(--ra-line)!important;border-radius:20px!important;box-shadow:none!important;
}
#content .order-repair:has(>.list-repair>div) .list-repair{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;
  margin:0!important;padding:0!important;float:none!important;width:auto!important;max-width:none!important;
  column-count:auto!important;counter-reset:ra;list-style:none;
}
#content .order-repair:has(>.list-repair>div) .list-repair>div{
  counter-increment:ra;position:relative;box-sizing:border-box!important;
  float:none!important;width:auto!important;max-width:none!important;height:auto!important;min-height:0!important;margin:0!important;
  padding:22px 22px 24px!important;background:#fff!important;border:1px solid var(--ra-line)!important;border-radius:14px!important;
  box-shadow:0 2px 8px rgba(45,52,64,.05)!important;
  font-size:15.5px!important;line-height:1.6!important;font-weight:400!important;color:var(--ra-mut)!important;text-align:left;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
/* номер карточки */
#content .order-repair:has(>.list-repair>div) .list-repair>div::before{
  content:counter(ra,decimal-leading-zero);display:flex;align-items:center;justify-content:center;
  width:38px;height:38px;margin:0 0 14px;border-radius:10px;
  background:linear-gradient(135deg,#FE5248,#FD8507);color:#fff;font-size:14px;line-height:1;font-weight:800;letter-spacing:.02em;
}
/* заголовок карточки */
#content .order-repair:has(>.list-repair>div) .list-repair_title{
  display:block!important;margin:0 0 8px!important;padding:0!important;
  font-size:19px!important;line-height:1.25!important;font-weight:700!important;color:var(--ra-ink)!important;text-transform:none;
}
@media (hover:hover){
  #content .order-repair:has(>.list-repair>div) .list-repair>div:hover{transform:translateY(-3px);border-color:var(--ra-or)!important;box-shadow:0 10px 24px rgba(45,52,64,.12)!important}
}
@media (max-width:1000px){
  #content .order-repair:has(>.list-repair>div) .list-repair{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  #content .order-repair:has(>.list-repair>div){margin:20px 0!important;padding:14px!important;border-radius:16px!important}
  #content .order-repair:has(>.list-repair>div) .list-repair{grid-template-columns:1fr;gap:12px}
  #content .order-repair:has(>.list-repair>div) .list-repair>div{padding:18px 18px 20px!important;font-size:15px!important}
  #content .order-repair:has(>.list-repair>div) .list-repair>div::before{width:34px;height:34px;margin-bottom:12px}
  #content .order-repair:has(>.list-repair>div) .list-repair_title{font-size:17px!important}
}
@media (prefers-reduced-motion:reduce){#content .order-repair:has(>.list-repair>div) .list-repair>div{transition:none}}