/* Only DESKTOP */
@media (hover: hover) {
	.milling-item:not(:hover) .milling-item__buttons,
	.pvc-film-item:not(:hover) .pvc-film-item__buttons {
		display: none;
	}
}

/* Desktop first */
@media (max-width: 1300px) {
	.container {
		max-width: unset;
	}
	.step-container-1,
	.step-container-2,
	.step-container-3,
	.step-container-4 {
		width: unset;
	}
}

@media  (max-width: 1199px) {
	.main-container__grid {
		gap: 4px;
	}

	.milling-item img,
	.pvc-film-item img {
		max-height: 220px;
	}

	.product-info {
		grid-template-columns: 1fr 1fr 1fr !important;
	}
	.facades-container > div {
		width: 32.18%;
	}
	.result-order .facades-container {
		grid-template-columns: unset !important;
	}
	.step-container-3 .bottom-row {
		flex-direction: column;
		gap: 20px;
	}
	.step-container-1,
	.step-container-2,
	.step-container-4 {
		gap: 10px;
	}
	.step-container-4 {
		width: unset;
		min-height: unset;
	}
	.list-el .el-img {
		max-width: 150px;
		max-height: 150px;
	}

	.aside {
		padding: 1em;
	}
}

@media  (max-width: 768px) {
	.header .container {
		justify-content: center;
	}
	.logo {
		display: none;
	}
	.step-container-1,
	.step-container-2,
	.step-container-4 {
		grid-template-columns: 1fr;
		min-height: unset;
	}
	.aside {
		width: 100%;
	}
	.main-container-1,
	.main-container-2 {
		border: 1px solid var(--color-dark-grey);
		height: 50vh;
		left: 0;
		margin: 0 1em;
		position: absolute;
		right: 0;
	}
	.main-container-1 {
		top: 150px;
	}
	.main-container-2 {
		top: 198px;
	}
	.main-container-4,
	.aside-4 {
		flex-direction: column;
		height: unset;
	}
	.mobile-place-for-main-container {
		height: calc(50vh + 15px);
	}
	.product-info {
		grid-template-columns: 1fr 1fr !important;
	}
	.facades-container > div {
		width: 49.1%;
	}
	.product-itogo {
		align-items: start;
		display: flex;
		flex-direction: column;
	}
	.order__form {
		flex-direction: column;
		width: 100%;
	}
	.order__label {
		width: 100%;
	}
	.step-container-3 .top-row {
		padding: 35px 35px 0 35px;
	}
	.product-header {
		left: -35px;
		padding: 20px 35px;
		width: calc(100% + 70px);
	}
	.result-order {
		margin: 20px;
	}
	.result-order .product-header {
		left: -20px;
		padding: 20px;
		width: calc(100% + 40px);
	}
	.product-footer {
		flex-direction: column;
		gap: 20px;
	}
	.product-itogo {
		align-items: center;
	}
	.product-info {
		gap: 10px;
	}
	.product-info__item {
		gap: 0;
	}
	.product-info__item_value {
		font-size: 16px;
	}
}
@media (max-width: 576px) {
	.main__title {
		height: 72px;
	}
	.main__title > div:nth-child(1) {
		font-size: 17px;
	}
	.main__title > div:nth-child(2) {
		font-size: 20px;
	}
	.main-container-1,
	.main-container-2 {
		margin: 0 25px;
	}
	.legend {
		column-gap: 2vw;
	}
	.legend__item__separator {
		width: 7vw;
	}
	.sum-itogo {
		flex-direction: column;
	}
	.product-info,
	.facades-container {
		grid-template-columns: 1fr !important;
	}
	.product-header {
		padding: 10px;
	}
	.bottom-buttons {
		display: grid;
	}
	.remove-text {
		display: none;
	}
	.step-container-3 .top-row {
		padding: 10px 10px 0 10px;
	}
	.product-header {
		width: calc(100% + 20px);
		left: -10px;
	}
	.main-container-4,
	.aside-4 {
		padding: 55px 25px;
	}
	.btn-send-order {
		text-align: center;
	}
	.add-facade-modal {
		height: auto;
		max-height: 95vh;
		max-width: 95vw;
	}
	.params-top-row {
		display: flex;
		flex-direction: column;
		gap: 20px;
	}
	.modal-param {
		width: 100%;
	}
	.facades-container > div {
		width: 100%;
	}
}
@media (max-width: 400px) {
	.legend__item {
		font-size: 3vw;
		height: 14vw;
		width: 14vw;
	}
	.add-facade-modal {
		padding: 25px;
	}
	.sum-counts {
		flex-direction: column;
		padding-top: 10px;
	}
}