.asp-content section{width: 100%}
.service-list p.service-list__summary{margin-top: 0}

body #servicii-heading {margin-bottom: 0!important;}

.servicii-categorie #categorie-accordion{margin-top: -20px;}

.page-main-card__btn-primary {
    padding: 6px var(--spacing-8);
    gap: var(--spacing-6);
    height: 32px;
    min-width: 72px;
    background: var(--blue-sky-100);
    border: none;
    color: var(--color-brand-dark);
    transition: background 0.15s;
}
.page-main-card__btn-primary:hover{color: var(--color-brand-dark); background: var(--gray-100); border: none;}

.page-main-card__btn-guide {
    padding: 6px var(--spacing-8);
    gap: var(--spacing-6);
    width: 78px;
    min-width: 72px;
    height: 32px;
    background: var(--color-brand-primary);
    border: none;
    color: var(--white);
    transition: background 0.15s;
}

.page-main-card__btn-guide:hover{color:var(--white); background: var(--blue-sky-600); border: none;}

.service-list__card {
    background: var(--color-bg-primary);
    border: 0!important;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.service-list__card:hover {
    background-color: var(--gray-130);
    border-color: var(--blue-sky-100) !important;
    box-shadow: var(--drop-shadow-200);
}

.service-list__icon {
  width: 44px;
  height: 44px;
  min-width: 44px;
  background-color: var(--gray-100)!important;
  /*color: var(--white)!important;*/
}

/* Стрелка карточки услуги.
 * Базовое состояние: без сдвига, цвет наследуется от карточки.
 * transition объявлен здесь (на самом элементе), а не в :hover — иначе
 * анимация проигрывалась бы только при наведении, а возврат был бы резким.
 */
.service-list__arrow {
  align-self: center;
  transition: transform 0.15s ease, color 0.15s ease;
}

/* Сдвиг и подсветка — только при наведении на карточку.
 * Раньше эти два свойства стояли на самой .service-list__arrow, из-за чего
 * стрелка была сдвинута и окрашена ПОСТОЯННО, а transition выше ничего не
 * анимировал. !important больше не нужен: у составного селектора
 * специфичность (0,2,0) против (0,1,0) у базового блока. */
.service-list__card:hover .service-list__arrow,
.service-list__card:focus-within .service-list__arrow {
  color: var(--bs-primary);
  transform: translateX(3px);
}

/* Пользователи с prefers-reduced-motion: подсветка остаётся, движение убирается. */
@media (prefers-reduced-motion: reduce) {
  .service-list__arrow {
    transition: color 0.15s ease;
  }
  .service-list__card:hover .service-list__arrow,
  .service-list__card:focus-within .service-list__arrow {
    transform: none;
  }
}

.service-list__title {
  font-size: var(--text-desktop-heading-xs-size);
}


.servicii-catalog {
asp-sidebar-first-menu__link {
    scroll-behavior: smooth;
  }

.asp-content > section {
    animation: fadeIn 0.2s ease;
  }
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(4px); }
  to   { opacity: 1; transform: translateY(0); }
}


.asp-egov-tabs {
.carousel-controls {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  margin-top: 1.5rem;

  .carousel-control-prev,
  .carousel-control-next {
    position: static;
    width: 32px;
    height: 32px;
    opacity: 1;
    color: var(--color-brand-primary);

    .carousel-control-prev-icon,
    .carousel-control-next-icon {
      width: 16px;
      height: 16px;
      filter: none;
      background-image: none;
    }

    .carousel-control-prev-icon {
      mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11 1L5 8l6 7'/%3E%3C/svg%3E") no-repeat center;
      -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11 1L5 8l6 7'/%3E%3C/svg%3E") no-repeat center;
      background-color: var(--color-brand-primary);
      mask-size: contain;
      -webkit-mask-size: contain;
    }

    .carousel-control-next-icon {
      mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M5 1l6 7-6 7'/%3E%3C/svg%3E") no-repeat center;
      -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M5 1l6 7-6 7'/%3E%3C/svg%3E") no-repeat center;
      background-color: var(--color-brand-primary);
      mask-size: contain;
      -webkit-mask-size: contain;
    }
  }

  .carousel-indicators {
    position: static;
    margin: 0;

    button {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background-color: var(--color-brand-primary);
      opacity: 0.3;
      border: none;
      padding: 0;

      &.active {
        opacity: 1;
      }
    }
  }
}
  }