/* Три колонки карточки товара: «В наличии» не влезает рядом с ценой
   и уезжает вправо на вторую строку. Прижимаем блок цены к левому краю. */
@media (min-width: 1200px) {
  .mp-pdp-layout--columns .mp-price-box {
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 8px !important;
  }
  .mp-pdp-layout--columns .mp-availability {
    margin-left: 0 !important;
    margin-top: 0 !important;
  }
}

/* Подвал: без подчёркивания-линии по наведению и текст чуть светлее
   заголовков — ссылки, контакты и график читаются мягче. */
:root {
  --vita-footer-link: #484E4A;
}
.tech-footer-list a {
  color: var(--vita-footer-link);
  background: none;
  padding-bottom: 0;
}
.tech-footer-list a:hover,
.tech-footer-list a:focus-visible {
  background: none;
}
.tech-footer-contacts-list li,
.tech-footer-contact-item,
.tech-footer-schedule {
  color: var(--vita-footer-link);
}

/* Подвал: HTML-блок = колонки 1+2. Название и описание слева, контакты */
/* и соцсети справа, оба столбца начинаются сверху — «Контакты» стоят на */
/* линии заголовков соседних колонок. */
@media (min-width: 1101px) {
  .tech-footer-col--brand {
    grid-column: span 2;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 32px;
    align-content: start;
  }
  .tech-footer-col--brand .tech-footer-title { grid-column: 1; grid-row: 1; }
  .tech-footer-col--brand .tech-footer-desc { grid-column: 1; grid-row: 2; }
  .tech-footer-col--brand .tech-footer-brand-contacts { grid-column: 2; grid-row: 1 / span 2; align-self: start; margin-top: 0; }
  .tech-footer-col--brand .tech-social-icons { grid-column: 2; grid-row: 3; }
}

/* Подвал: заголовок HTML-блока по верхнему краю с микролейблами соседних колонок. */
.tech-footer-col--brand .tech-footer-title:not(.tech-footer-brand-contacts .tech-footer-title) { line-height: 1; }