/* only screen and (max-width: 1580px) */

#product-option-footer .flex-column {
	padding-right: 10px;
	padding-left: 10px;
}

#product-reviews .container .reviews-content > article > .review-header {
	column-gap: 15px;
}

/* reduce branding canvas width to free up horizontal space */
#product-option .menu-item > .label-container.canvas > .branding-canvas {
	max-width: 70px;
}

/* padding-left can be reduced since canvas is smaller */
#product-option .menu-item > .label-container.canvas {
	padding-left: 88px;
}

#product-option .content .product-name-wrapper {
	padding-right: 50px;
}

/* reduce padding to free up horizontal space */
#product-option .menu-item > .label-container {
	padding: 20px 25px;
}

/* medium resolution adapations */
@media only screen and (max-width: 1140px) {
	#product-option-content.level-2,
	#product-option-info.level-2 {
		width: 50vw;
	}
}

#product-option-footer > .sticky .btn-cart, 
#product-option-footer > .sticky .btn-done {
	padding: 18px 15px;
	min-width: unset !important;
}

#product-option-footer > .sticky .price-container > .price {
	font-size: 22px;
}

/* medium resolution adapations */
@media only screen and (max-width: 1200px) {

	#breadcrumb {
		left: 25px;
	}

	#breadcrumb ol.breadcrumb > li:nth-last-child(3):before {
		display: none;
	}

	/* hide all breadcrumb list items except third and second last item */
	#breadcrumb ol.breadcrumb > li:not(:nth-last-child(3)):not(:nth-last-child(2)) {
		display: none;
	}

	#main #product,
	.product-section {
		max-width: 100vw;
	}

	#quick-link {
		max-width: 100vw;
		min-width: 100vw;
		overflow: auto;
	}

	#quick-link.stuck > .wrapper {
		margin-left: 120px;
	}

	#quick-link > .wrapper {
		max-width: unset;
		overflow-x: scroll;
		overflow-y: hidden;
		scroll-behavior: smooth;
		overscroll-behavior-y: auto;
		overscroll-behavior-x: none;
		scrollbar-width: none;
	}

	#quick-link > .wrapper ul.navigation > li > a {
		padding-left: 25px;
		padding-right: 25px;
	}

	#product-option > .content {
		padding-top: 30px;
	}

	#main #product-pricelist .table td {
		white-space: initial;
	}

	#product-specs .flex-row {
		flex-direction: column;
	}

	#product-reviews .container .reviews-content {
		grid-template-columns: 1fr;
		gap: 25px;
	}
}