/*
	Версия для компьютера. Файл подключён с media="(min-width: 992px)", поэтому телефоны и планшеты его не используют.
	Ширина страницы плавная, боковые колонки фиксированные, число товаров в ряду зависит от ширины окна.
	Браузеры без grid и clamp остаются на прежней вёрстке с фиксированной шириной.
*/
@supports (width: clamp(1px, 1vw, 2px)) {
	:root {
		--d-side: clamp(220px, 20vw, 270px);
		--d-cart: clamp(190px, 16vw, 240px);
		--d-buy: 340px;
		--d-gap: 20px;
		--d-cols: 3;
		--d-text: 1100px;
	}

	/* Плавная ширина страницы */
	.container {
		width: auto;
		max-width: 1760px;
		padding-right: var(--d-gap);
		padding-left: var(--d-gap);
	}

	/* Шапка: логотип и меню одной ширины, поиск занимает всё свободное место */
	.logo-line,
	.menu-line {
		display: grid;
		column-gap: var(--d-gap);
		margin: 0;
	}
	.logo-line {
		grid-template-columns: var(--d-side) auto minmax(0, 1fr);
		align-items: center;
	}
	.menu-line {
		grid-template-columns: var(--d-side) minmax(0, 1fr) var(--d-cart);
	}
	.logo-line:before,
	.logo-line:after,
	.menu-line:before,
	.menu-line:after {
		display: none;
	}
	.logo-line > div,
	.menu-line > div {
		float: none;
		left: auto;
		right: auto;
		width: auto;
		min-height: 0;
		padding: 0;
	}
	.menu-box {
		grid-column: 1;
		grid-row: 1;
	}
	.search-box {
		grid-column: 2;
		grid-row: 1;
	}
	.cart-box {
		grid-column: 3;
		grid-row: 1;
	}
	#logo {
		padding: 14px 0;
	}
	#logo img {
		max-height: 90px;
	}
	#phone {
		padding: 0;
		white-space: nowrap;
	}
	#header-menu {
		padding: 0;
	}
	#cart > .btn #cart-total {
		margin-right: 18px;
		white-space: nowrap;
	}
	#cart .products,
	#cart .prices {
		overflow: visible;
	}

	/* Главная: меню слева, баннер занимает остальное */
	.common-home .content-wrapper > .container > .row:first-child {
		display: grid;
		grid-template-columns: var(--d-side) minmax(0, 1fr);
		column-gap: var(--d-gap);
		margin: 0;
	}
	.common-home .content-wrapper > .container > .row:first-child:before,
	.common-home .content-wrapper > .container > .row:first-child:after {
		display: none;
	}
	.common-home .content-wrapper > .container > .row:first-child > div {
		float: none;
		width: auto;
		padding: 0;
	}

	/* Баннеры шириной 848 px: дальше 1060 px не растягиваем, иначе текст мутнеет */
	.common-home .slideshow > div.nivoSlider {
		width: auto;
		max-width: 1060px;
		margin: 0 auto;
	}

	/* На широком экране точки лежат на белом поле, а не на баннере */
	.common-home .slideshow .nivo-controlNav {
		text-align: center;
	}
	.common-home .slideshow .nivo-controlNav .nivo-control {
		background: #cfd4da;
	}
	.common-home .slideshow .nivo-controlNav .nivo-control:hover,
	.common-home .slideshow .nivo-controlNav .nivo-control.active {
		background: #337ab7;
	}

	/* Каталог: колонка фильтра фиксированная, товары занимают остальное */
	#column-left {
		width: calc(var(--d-side) + var(--d-gap));
	}
	#column-left ~ #content {
		width: calc(100% - var(--d-side) - var(--d-gap));
	}
	#content .product-grid {
		width: calc(100% / (var(--d-cols) + 1));
	}
	#column-left ~ #content .product-grid {
		width: calc(100% / var(--d-cols));
	}

	/* Mega Filter вставляет разрыв после фиксированного числа карточек */
	#content .product-layout + .clearfix {
		display: none !important;
	}
	.mfilter-box .mfilter-price-inputs {
		display: flex;
		align-items: center;
		column-gap: 4px;
		white-space: nowrap;
	}
	.mfilter-box .mfilter-price-inputs input {
		flex: 1 1 0;
		width: auto;
		min-width: 0;
	}

	/* Длинные строки плохо читаются */
	#content .red-links,
	#tab-description,
	#tab-specification {
		max-width: var(--d-text);
	}
	body[class*="account-register"] #content form {
		max-width: 960px;
	}

	/* Карточка товара */
	.images-additional {
		display: grid;
		grid-template-columns: repeat(8, minmax(0, 84px));
		gap: 5px;
		margin-left: 0;
	}
	.images-additional .thumbnail {
		margin: 0;
	}
	#product .price .priceBig nobr {
		color: #777;
		font-size: 18px;
		font-weight: 400;
	}

	/* Страница контроля качества свёрстана под фиксированную ширину */
	#tests {
		width: auto;
		max-width: 981px;
	}
	#control p {
		width: auto;
		max-width: 775px;
	}

	/* Широкая таблица в описании листается внутри вкладки */
	@media (max-width: 1299px) {
		#tab-description table {
			display: block;
			max-width: 100%;
			overflow-x: auto;
		}
	}

	/* Небольшие ноутбуки */
	@media (max-width: 1199px) {
		#header-menu .btn {
			padding-right: 3px;
			padding-left: 3px;
			font-size: 13px;
		}
		#phone .phone {
			font-size: 18px;
		}
		#menu #menu-list > li > a,
		#menu #menu-list > li:first-child > a {
			padding-right: 14px;
			padding-left: 14px;
			font-size: 13px;
		}
		#menu .btn {
			padding-right: 14px;
			padding-left: 14px;
		}
	}

	/* Широкие экраны: блок покупки не растёт, фото крупнее */
	@media (min-width: 1200px) {
		body[class*="product-product"] #content > .row > .col-lg-9 {
			width: calc(100% - var(--d-buy));
		}
		body[class*="product-product"] #content > .row > #product {
			width: var(--d-buy);
		}
	}
	@media (min-width: 1360px) {
		:root {
			--d-cols: 4;
		}
		.thumbnails .main-image {
			display: block;
			max-width: 620px;
			margin: 0 auto;
		}
		.thumbnails .main-image img {
			width: 100%;
		}
	}
	@media (min-width: 1700px) {
		:root {
			--d-cols: 5;
		}
	}
}