/* Стабилизация отрисовки: без «прыжков» при загрузке страницы.
   Подключается ПОСЛЕ style.css и переопределяет только поведение загрузки. */

/* 1. Шрифты: показываем текст сразу системным, затем мягко подменяем (swap) —
   вместо мигания невидимым текстом при каждом обновлении */
@font-face {
  font-family: 'SegoeUI-Regular';
  src: url('/assets/front/fonts/SegoeUI-Regular/SegoeUI.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SegoeUI-Bold';
  src: url('/assets/front/fonts/SegoeUI-Bold/SegoeUI-Bold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SegoeUI-Semibold';
  src: url('/assets/front/fonts/SegoeUI-Semibold/SegoeUI-Semibold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* 2. Картинки карточек: резервируем место до загрузки (обложки 640×400 = 8:5) */
.product-img-inner img { aspect-ratio: 8 / 5; width: 320px; max-width: 100%; height: auto; object-fit: cover; }
.product-img-user img { aspect-ratio: 1 / 1; width: 180px; max-width: 100%; height: auto; object-fit: cover; }

/* 3. Слайдеры: до инициализации показываем только первый кадр той же высоты —
   страница не дёргается, когда slick подхватывает галерею */
.slider:not(.slick-initialized) { overflow: hidden; }
.slider:not(.slick-initialized) .item { display: none; }
.slider:not(.slick-initialized) .item:first-child { display: block; }
.slider .item img { aspect-ratio: 1 / 1; width: 100%; height: auto; object-fit: contain; }

/* 4. Логотип шапки: фиксируем габариты */
.logo img { width: 200px; height: auto; }