/* Gavrik: меньше сдвигов вёрстки (CLS) на главной и в списках. Wind 24.10.2026, подключение прямой строкой в header.tpl (шаг 2, «да» Юрия 27.10). Только размеры мест под картинки, вид не меняется. Откат: bash /root/rollback/skorost-2-3/rollback.sh */

/* Слайдер на главной: до запуска slick показывать только первый слайд (иначе 21 баннер стоит столбиком и потом схлопывается) */
#revslideshow:not(.slick-initialized) > .item:not(:first-child) { display: none; }
/* место под баннер заранее: пропорция 3:1 (все баннеры 1920×640, 1600×533, 1140×380 и т. п.) */
#revslideshow .item img { width: 100%; height: auto; aspect-ratio: 3 / 1; object-fit: cover; }

/* Плитки товаров с отложенной загрузкой: заглушка logo_new.png (400×132) заменяется квадратной картинкой 228×228.
   Держим квадрат 228 px с самого начала, как у настоящей картинки. */
img.lazyOwl[data-src*="-228x228"] { width: 228px; max-width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: contain; }

/* Логотип в шапке: пропорция исходника 800×264 */
img[src*="/image/catalog/11.2022/logo2026.png"] { height: auto; aspect-ratio: 800 / 264; }

/* Дополнение Нат 27.10 (проверено подменой в браузере бокса): owl-carousel прячет картинку (display:none), пока она грузится,
   и плитка схлопывается, а потом «прыгает» вниз на 228 px. Пока у элемента карусели класс loading — держим квадрат под картинку. */
.owl-item.loading .product-thumb .image > a { display: block; width: 228px; max-width: 100%; aspect-ratio: 1 / 1; margin: 0 auto; }