/* Правки поверх стилей темы. Собственный файл, а не правка style.css:
   тот перенесён как есть и его лучше не трогать — так видно, что наше,
   а что унаследовано. */

/* логотип: в оригинале картинка со своей подложкой, выравниваем */
.navbar-brand img { max-height: 51px; width: auto; }

/* заголовок внутренних страниц */
.page-title { margin: 18px 0 24px; }

/* подвал: меню колонками */
.footer-menu { list-style: none; padding: 0; margin: 0; }
.footer-menu li { margin-bottom: 6px; }
.footer-block .widget-title { font-weight: 600; margin-bottom: 12px; }

/* карточка товара в списке: цена не выводится, если её нет */
.rs-catalog__price--empty { color: #777; }

/* ───────────────────────── Галерея товара
   Своя, вместо плагинной от WooCommerce. Разметку выводит шаблон
   карточки, переключение — assets/js/elab.js. Размеры подобраны под
   оригинал: большая картинка во всю ширину колонки, под ней ряд
   миниатюр по пять в строку. */
.elab-gallery__main {
	margin-bottom: 12px;
}
.elab-gallery__main img {
	display: block;
	width: 100%;
	height: auto;
	border: 1px solid #e5e5e5;
	border-radius: 3px;
}
.elab-gallery__thumbs {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.elab-gallery__thumb {
	/* пять в ряд с учётом промежутков */
	flex: 0 0 calc(20% - 8px);
	max-width: calc(20% - 8px);
	cursor: pointer;
	border: 1px solid #e5e5e5;
	border-radius: 3px;
	overflow: hidden;
	transition: border-color .2s ease-out;
}
.elab-gallery__thumb img {
	display: block;
	width: 100%;
	height: auto;
}
.elab-gallery__thumb:hover,
.elab-gallery__thumb.is-active {
	border-color: #50C45A;
}
@media (max-width: 480px) {
	.elab-gallery__thumb {
		flex: 0 0 calc(33.333% - 7px);
		max-width: calc(33.333% - 7px);
	}
}