@media (min-width: 1201px) {
	#productlisting { max-width: 80%; }
	.listedproduct { width: 17.5vw; }
	.imgholder {
		width: clamp(180px, 14vw, 400px);
		height: clamp(180px, 14vw, 400px);
	}
	.productvars { top: clamp(158px, 13vw, 380px); }
	.mediarrows {
		top: clamp(30%, 5.5vw, 200px);
		font-size: clamp(28px, 2vw, 48px);
	}
}

@media (max-width: 1400px) {
	.listedproduct:has(.productsetting) .shoutLG > span:first-of-type { display: none; }
	.listedproduct:has(.productsetting) .shoutLG > span + span { display: inline; }
}

/* Responsive height queries for galleries: */

@media (min-width: 841px) {
	#shapesmenu { margin-top: -6px; }
	.optionsholder { gap: 0 10px; margin-bottom: 10px; }
	.scrollingfilterscontainer + .scrollingfilterscontainer { margin-top: 0; }
	#productlisting { margin-top: 40px; }
	.colorpreference > label { top: 29px; }
	.colorpreference > .dropdownable { top: 27px; }
	.outerSOD { margin: 18px auto -6px; }
	.pagenav { min-height: 30px; }
	
	.galleryintro { box-shadow: inset 0 -10px 5px -10px #0006; }
	.galleryintro > img { max-height: 120px; }
	.galleryintro > img + h1 { margin: 39px auto 41px; }
}

@media (max-height: 900px) and (min-width: 841px) {
	:root { --filterwidth: 70px; }
	.filterstitle > h4 { font-size: 17px; }
	.filters.scrollerimgshrink h6 { margin: -10px 0 0; }
	/*.optionsholder { gap: 1dvh 10px; margin-bottom: 10px; }*/
	.scrollingfilterscontainer { margin: 1.25dvh auto; }
	.checkboxescontainer { margin: 0 auto 1dvh; }
	.withimages > div > .sidewaysscroller > button > div:first-child { aspect-ratio: 1/1.2; }
	#shapesmenu { margin-top: -6px; }
	.filters button > h6 { font-size: 13px; }
	.withimages .filters button > h6 { font-size: 13px; left: 6px; }
	.outerSOD { margin: 13px auto; }
	#productlisting { margin-top: 35px; }
	
	.galleryintro { box-shadow: inset 0 -10px 5px -10px #0006; }
	.galleryintro > img { max-height: 100px; }
	.galleryintro > img + h1 { margin: 29px auto 31px; }
}

@media (max-height: 800px) and (min-width: 841px) {
	:root { --filterwidth: 60px; }
	.filterstitle > h4 { font-size: 16px; }
	.scrollerimgshrink > button > div:first-child { background-size: 60%; }
	.scrollerimgshrink > button:hover:not(:has(a:focus, a:hover), .selectedfilter) > div:first-child,
	.scrollerimgshrink > button:focus-visible:not(:has(a:focus-visible, a:hover), .selectedfilter) > div:first-child { background-size: 85%; }
	.withimages > div > .sidewaysscroller > button > div:first-child { aspect-ratio: 1/1.15; }
	.withimages .filters button > h6 { left: 5px; }
	.scrollingfilterscontainer + .scrollingfilterscontainer { margin-bottom: 0; }
	.checkboxescontainer { scale: .9; }
	#shapesmenu { margin: -7px 0 7px; }
	#shapesmenu > button { width: 60px; }
	#productlisting { margin-top: 30px; }
	
	.galleryintro { box-shadow: inset 0 -10px 3px -10px #0006; }
	.galleryintro > img { max-height: 70px; }
	.galleryintro > img + h1 { margin: 19px auto 21px; font-size: 25.5px; }
	.galleryintro > img + h1:before { -webkit-text-stroke: 4px var(--color1); }
	.galleryintro a { font-size: 13.5px; padding: 3px 10px 2px; margin-bottom: -5px; }
}