/* Точка сборки стилей.
   ВАЖНО: по спецификации CSS все @import должны идти ДО любых правил. */

/* ---- Токены и база ---- */
@import "./_variables.css?v=1787930138";
@import "./_reset.css?v=1787930138";
@import "./_breakpoints.css?v=1787930138";

/* ---- Компоненты ---- */
@import "./components/_button.css?v=1787930138";
@import "./components/_header.css?v=1787930138";
@import "./components/_bottom-nav.css?v=1787930138";
@import "./components/_nav.css?v=1787930138";
@import "./components/_footer.css?v=1787930138";
@import "./components/_section.css?v=1787930138";
@import "./components/_product-card.css?v=1787930138";
@import "./components/_breadcrumbs.css?v=1787930138";
@import "./components/_catalog.css?v=1787930138";
@import "./components/_product-page.css?v=1787930138";
@import "./components/_cart.css?v=1787930138";
@import "./components/_checkout.css?v=1787930138";
@import "./components/_favorites.css?v=1787930138";
@import "./components/_error-page.css?v=1787930138";
@import "./components/_about.css?v=1787930138";
@import "./components/_legal-page.css?v=1787930138";
@import "./components/_account.css?v=1787930138";
@import "./components/_auth.css?v=1787930138";
@import "./components/_staff.css?v=1787930138";
@import "./components/_staff-clients.css?v=1787930138";
@import "./components/_service.css?v=1787930138";

/* ---- Секции главной ---- */
@import "./components/_hero.css?v=1787930138";
@import "./components/_featured.css?v=1787930138";
@import "./components/_categories.css?v=1787930138";
@import "./components/_advantages.css?v=1787930138";
@import "./components/_reviews.css?v=1787930138";
@import "./components/_obzor.css?v=1787930138";
@import "./components/_steps.css?v=1787930138";

/* ---------- База документа ---------- */
body {
  font-family: var(--font-base);
  font-size: var(--fs-base);
  line-height: var(--lh-base);
  color: var(--color-text);
  background-color: var(--color-bg);
}

.container {
  width: 100%;
  max-width: var(--container-max);
  margin-inline: auto;
  padding-inline: var(--container-pad);
}

/* Шапка прозрачная и абсолютная поверх hero — отступ сверху не нужен */
#main { padding-top: 0; }

/* На мобильном/планшете внизу — фиксированный bottom-nav, контенту нужен отступ, чтобы футер не перекрывался */
@media (max-width: 1023px) {
  #main { padding-bottom: 64px; }
  /* footer лежит ПОСЛЕ #main, поэтому отступ #main его не спасает: без клиренса на body
     последние 64px футера («Авторские права») навсегда скрыты под fixed bottom-nav
     даже на максимальной прокрутке (DOK-133). */
  body { padding-bottom: 64px; }
}

:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Иконки (SVG-спрайт) — базовый размер */
.icon { width: 24px; height: 24px; display: inline-block; flex: 0 0 auto; }

/* Логотип DA — векторный знак из Figma (серая D + бирюзовая A со штрихом) */
.logo { display: inline-flex; align-items: center; line-height: 0; }
.logo__img { display: block; height: 46px; width: auto; }
.logo--sm .logo__img { height: 38px; }