/* site.css — то, чего нет в theme.css: hero-слайды (у оригинала это jpg-баннеры), мелкие правки клона */

/* hero — стили перенесены в brand.css */

/* ---- мега-меню: у иконки первой вкладки картинка, у остальных — uk-icon ---- */
.rm-megamenu__main-icon [uk-icon] { color: var(--c1); }

/* ---- список (вид «строки») ---- */
.products__grid.products__grid_list > div { width: 100%; }
.products__grid.products__grid_list .products__item { flex-direction: row; align-items: center; gap: 24px; }
.products__grid.products__grid_list .products__item-header { width: 160px; flex: none; }
.products__grid.products__grid_list .products__item-body { margin: 0; }

/* ---- админка ---- */
.admin-body { background: #f4f6fa; }
.admin-nav .uk-active > a { color: var(--c1); font-weight: 700; }
.admin-table td { vertical-align: middle; }
.admin-table input.uk-input { min-width: 90px; }
.admin-swatch { display: inline-block; width: 18px; height: 18px; border-radius: 50%; vertical-align: middle; border: 1px solid #ddd; background-size: cover; }

/* ---- верхнее меню: 12 подкатегорий в одну строку, как 10 категорий у оригинала ---- */
.main-menu .uk-navbar-nav > li > a { white-space: nowrap; }
@media (min-width: 960px) { .main-menu .uk-navbar-nav > li > a { padding-left: 11px; padding-right: 11px; font-size: 14px; } }
.main-menu .uk-navbar-nav > li:first-child > a { padding-left: 0; }
.main-menu .uk-navbar { overflow-x: auto; scrollbar-width: none; }
.main-menu .uk-navbar::-webkit-scrollbar { display: none; }

/* ---- корзина: счётчик количества ---- */
.cart-qty { width: 140px; }
.cart-qty__input { flex: 1 1 auto; min-width: 0; padding: 0 4px; }
/* ---- галерея товара: активная миниатюра ---- */
.product__gallery-slider .uk-thumbnav > .uk-active > a { border: 2px solid var(--c1); }
/* ---- плитки каталога с фото товара: серая подложка, как у рендеров оригинала ---- */
.el-item--photo .uk-inline-clip { background: linear-gradient(160deg, #f6f6f6, #dedede); border-radius: 14px; padding: 8%; }
/* ---- 12 пунктов меню в одну строку: у UIkit между пунктами gap 30px ---- */
.main-menu .uk-navbar-nav { gap: 14px; }
@media (min-width: 960px) and (max-width: 1399px) { .main-menu .uk-navbar-nav { gap: 8px; } .main-menu .uk-navbar-nav > li > a { font-size: 13px; padding-left: 8px; padding-right: 8px; } }