:root { --ordericon: ''; }

table {
	border: none;
	border-spacing: 0px;
	width: 100%;
	max-width: 1200px;
	margin: 20px auto;
	position: relative;
	background: var(--color1);
	z-index: 0;
	overflow: clip;
	font-size: clamp(11px, 1.85cqw, 16px);
}
#tableheader {
	position: sticky;
	top: 0;
	z-index: 1;
	background: var(--BGlighter2);
	height: 40px;
	transition: top .3s;
}

body:has(nav[style*="(0px)"]) #tableheader {
	top: 96px;
}
@media (max-width: 1023px) {
	body:has(nav[style*="(0px)"]) #tableheader {
		top: 88px;
	}
}

#tableheader:before {
	content: "";
	position: absolute; top: 0; left: 0;
	width: 100%; height: 40px;
	z-index: -1;
	background: var(--BGgradient1);
	display: inline;
	padding: 0;
}

tr { height: 40px; position: relative; }
td, th {
	font-size: clamp(11px, 1.5cqw, 15px);
	text-align: left;
	padding: 0 5px;
	border-top: solid 1px var(--coolcolor);
	max-width: 120px;
}
th { border: none; text-wrap: nowrap; font-weight: 500; }
th:not(:last-child) > a:hover:after, th:not(:last-child) > a:focus:after, th > a.underline:after {
	content: "\f0dc";
	font-family: 'FontAwesome';
	position: absolute;
	margin-left: 3px;
	margin-top: 1px;
	font-weight: normal;
	opacity: 0.75;
}
th > a.underline:after { content: var(--ordericon) !important; }
th > a.underline { margin-right: -5px; }

th:not(:last-child) > a {
	width: 100%;
	position: relative;
	display: block;
	padding: 10px 0;
}

.tdlotnum > a {
	line-height: 1.25em;
	color: var(--color3);
	background: var(--BGlighter);
	padding: 2px 5px;
	border-radius: 50px;
	font-weight: 400;
	cursor: copy;
	transition: color .15s;
	text-wrap: nowrap;
	display: block;
	width: fit-content;
	margin: -2px -5px;
}
.tdlotnum > a:hover, .tdlotnum > a:focus-visible { color: var(--colortext); }
.tdlotnum > a:after {
	content: " \f0c5";
	margin: 0 0 0 3px;
	opacity: .5;
	display: inline-block;
	transform: translateY(-1px);
	transition: opacity .15s;
	font: normal normal normal 12px / 1 FontAwesome;
}
.tdlotnum > a:hover:after, .tdlotnum > a:focus-visible:after { opacity: 1; }

#thshape, .tdshape,
#thstatus, .tdstatus,
#thquantity, .tdquantity,
#thinvoice, .tdinvoice { text-align: center; }

.tdshape:not(:has(img)) { padding: 0; }

td > span { cursor: text; }
.tdsize > span > span { margin: -3px -1px; display: inline-block; transform: scale(0.8); }
.tdsize > span > span:last-child { margin: 0 -5px; transform: scale(0.75) translateY(-1.4px); transform-origin: bottom; }

td > img {
	height: 30px;
	vertical-align: middle;
	filter: var(--nightbright);
	transition: filter .1s;
	display: inline-block;
}
td:has(.expander), th:has(#thexpander) { width: 45px; padding: 0; text-align: center; }
a.expander, a#thexpander {
	height: 40px;
	/*background-color: #0003;*/
	display: block;
	font-size: 33px;
	width: 100%;
	font-weight: 300;
	user-select: none;
	line-height: 1.15em;
}
a#thexpander { font-size: 26px; box-shadow: 1px 0 0 #0003; line-height: 1em; font-weight: 400; }

sub, sup {
	top: unset;
	bottom: unset;
	line-height: inherit;
	font-size: 24px;
	position: static;
	vertical-align: sub;
}
sup { vertical-align: super; }

/*.expander:hover, .expander:focus, #thexpander:hover, #thexpander:focus { background-color: #0005; }*/
.expander:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: transparent;
	left: 0;
	pointer-events: none;
}
tr:hover .expander:before, .expander:hover:before, .expander:focus-visible:before { background-color: #9992; }

tr:has(+ .extrainfo) { transition: background .1s, color .1s; }
tr:has(+ .extrainfo.unhide) { background: var(--headertextcolor); color: var(--color1); }
tr:has(+ .extrainfo.unhide) > td > img { filter: var(--dayinvert) brightness(0) invert(1); }
tr:has(+ .extrainfo.unhide) > td > .expander { color: var(--color1); }

.underline { color: var(--colorlink); }

tr:has(+ .extrainfo.unhide) .tdprice > span > a.underline {
	color: var(--color1)
}

.sidewaysscroller > button {
	padding: 0 calc(1/12 * var(--filterwidth));
	margin: 5px 4px;
}

.extrainfo {
	width: 100%;
	height: 0px;
	overflow: hidden;
	transition: height .35s ease-out;
	visibility: hidden;
	background-color: #00000006;
	box-shadow: 0 -1px 2px -1px var(--coolcolorhover) inset;
}
.extrainfo > * {
	display: table-cell;
	height: 0px;
	transition: height .35s ease-out, visibility .35s ease-out;
	padding: 0 clamp(5px, 3cqw, 45px);
}
.extrainfo > th > div {
	height: 0px;
	overflow: hidden;
	transition: height .35s ease-out, visibility .35s ease-out;
}

.unhide { height: 210px; visibility: visible; }
.unhide > * { display: table-cell; height: unset; border: none; border-radius: 0 !important; }
.unhide > th > div { height: 210px; }

.previewdiv {
	height: 181px;
	float: left; position: relative;
	margin: 0 20px 0 0;
	display: block;
	overflow: visible hidden;
	width: 170px;
}
.previewdiv > img, .previewdiv > iframe, .previewdiv > video, .sourceless, .medialess {
	width: 170px;
	height: 133px;
	border: none;
	/*border: solid 1px var(--headericons);
	border-radius: 15px 15px 0 0;*/
	margin-top: 10px;
	object-fit: contain;
	position: relative;
}
.previewdiv > img { cursor: zoom-in; }
.previewdiv:has(> img:not([style='display: none;'])) > a,
.previewdiv:has(> video:not([style='display: none;'])) > a,
.previewdiv:has(> iframe:not([style='display: none;'])) > a {
	position: absolute;
	top: 55px;
	right: 5px;
	border-radius: 100%;
	width: 20px;
	height: 20px;
	padding: 5px;
	background: url(/static/img/icons/vid_popout_new.png) center / 66% no-repeat, white;
	/* filter: invert(1); */
	box-shadow: 0 0 0 1px #9999;
	transition: background-color .15s;
	box-sizing: content-box;
}
.previewdiv:has(> img:not([style='display: none;'])) > a { background-image: url(/static/img/icons/img_popout_new.png); }
.previewdiv:has(button:not([style='display: none;']) + button:not([style='display: none;'])) > a { top: 105px; }
.previewdiv > iframe[style='display: inline-block;'][src^='https://drive.google'] + a { display: none; }
.previewdiv > a:hover, .previewdiv > a:focus { background-color: #d6d6d6 !important; }

video[controlslist]::-webkit-media-controls { transform: translateY(10px); --gradient-steps: none; }
video[controlslist]::-internal-media-controls-overflow-button,
video[controlslist]::-webkit-media-controls-mute-button { display: none; }
video[controlslist]::-webkit-media-controls-current-time-display,
video[controlslist]::-webkit-media-controls-time-remaining-display { text-shadow: none; }
video[controlslist]:picture-in-picture { text-shadow: none; }

.previewdiv:has(.loadedframe):before, .popupbox:has(.loadedframe):before {
	content: 'Failed to Load Video';
	position: absolute;
	width: 100%;
	height: 75%;
	display: flex;
	justify-content: center;
	align-items: center;
	white-space: pre;
	text-wrap: balance;
	text-align: center;
	font-size: 17px;
	top: 5px;
	left: -1px;
	color: transparent;
	animation: delaytext 0.5s ease-out 1s forwards;
}
.loadedframe { background: #0003; }

@keyframes delaytext {
	0% { color: transparent; }
	100% { color: var(--colortext); }
}

.popupbox:has(.loadedframe):before {
	top: 34px;
	height: 82px;
}

.previewdiv > .magnifier {
	z-index: 1;
	width: 100px; height: 100px;
	background: #abafb2 url('/static/img/icons/loading.svg') center/50% no-repeat;
}
.popupbox > .magnifier {
	z-index: 2;
	background: #abafb2 url('/static/img/icons/loading.svg') center/50% no-repeat;
}

.sourceless, .medialess {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	text-align: center;
	border: 0;
	
	background-color: #0003;
	margin-bottom: 4px;
	font-size: 17px;
	font-weight: 500;
	text-wrap: balance;
	word-spacing: 2px;
	line-height: 1em;
}
/*.medialess { border-radius: 20px; height: 181px; border: 0; }*/

.sourceless:has(~ .swapbuttons > button[style="display: none;"] + button[style="display: none;"]) > a { margin-top: 30px; }

/*.extrainfo:has(.certbtn) .medialess:after {
	content: "(Check the certificate)";
	font-size: 13px;
	opacity: .75;
	margin-top: 10px;
	text-wrap: auto;
	word-spacing: 1px;
	letter-spacing: -0.15px;
}*/

.shapedecor {
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0.05;
	z-index: -1;
	filter: var(--shapesfilter);
}
	
.swapbuttons {
	display: flex;
	gap: 15px;
	position: absolute;
	top: 15px;
	right: 5px;
	flex-direction: column;
}

html .previewdiv > a.mediacertbtn {
	position: absolute;
	top: 143px !important;
	right: 0;
	display: flex;
	width: 170px;
	height: 50px;
	justify-content: center;
	align-items: center;
	background: #fdfdfd;
	color: var(--mainblue);
	font-size: 14px;
	font-weight: 600;
	box-shadow: unset;
	border-top: solid 1px #999;
	border-radius: 0;
	padding: unset;
}
.mediacertbtn > img {
	height: 35px;
	margin-right: 5px;
}

.previewdiv > .swapbuttons:has(button[style]:nth-of-type(2)) {
	height: 30px;
	background: #0003;
	border-color: transparent;
}

.mediaopts > .swapbuttons {
	position: relative;
	display: inline-flex;
	top: unset;
	border-radius: 15px;
	margin: -1px 0 10px 10px;
	gap: 1px;
	flex-direction: row;
	overflow: clip;
	box-shadow: 0 0 0 1px #9999;
}
.mediaopts > .swapbuttons > button { border-radius: 0; width: 70px; }

.swapbuttons > button {
	background: #eee;
	/* flex-grow: 1; */
	/* min-width: 50%; */
	border-radius: 100%;
	width: 30px;
	height: 30px;
	padding: 3px;
	box-shadow: 0 0 0 1px #9999
}

.swapbuttons > button > img {
	height: 100%;
	width: 100%;
	object-fit: contain;
	/*filter: var(--dayinvert);
}

.swapbuttons > button + button > img {
	filter: var(--nightbright);*/
}

.swapbuttons > button:hover, .swapbuttons > button:focus { filter: brightness(.9); }
.swapbuttons > button:active { filter: brightness(.8); }

.extrainfonest {
	display: flex;
	flex-direction: column;
}

.extrainfonest > div {/* height: 185px; */}
.extrainfonest > div:has(.certificateimglink) { display: none; flex-grow: 0; margin: 4px 10px 0; }

.certificateimglink {
	display: flex;
	position: relative;
	margin: auto;
	width: 138px;
	height: 185px;
	border-radius: 10px;
	background-color: #0003;
}
.certificateimglink > img {
	width: 100%; height: 100%;
	background-color: #0003;
	position: relative;
	border-radius: 10px;
	filter: grayscale(.35);
}
.certificateimglink > div {
	position: absolute; top: 0; width: 100%; height: 100%;
	display: flex; flex-direction: column; align-items: center; justify-content: center;
	text-align: center; color: black;
	filter: drop-shadow(0 0 2px #FFF) drop-shadow(0 0 4px #FFF) drop-shadow(0 0 4px #FFF) drop-shadow(0 0 4px #FFF) drop-shadow(0 0 4px #FFF);
}
.certificateimglink > div > img { width: 40%; }
.certificateimglink > p { margin: auto; text-align: center; }

button:has(.lotnum) {padding: 0;position: absolute;top: -28px;/* width: fit-content; */display: none;}
button:has(.lotnum):hover, button:has(.lotnum):focus { border-bottom: dashed 1px var(--colortext); }
.lotnum { margin: 0; font-size: 18px; }
.lotnum:after {
	content: " \f0c5";
	font: normal normal normal 14px/1 FontAwesome;
	margin-left: 5px;
}

.extrainfonest > div:first-child {
	position: relative;
	align-self: center;
	height: 100px;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	margin-top: 5px;
}

.extrainfonest > div:first-child > p {
	margin: 7px 9px 0 4px;
	padding-bottom: 5px;
	font-weight: normal;
	text-transform: capitalize;
	width: 32%;
	border-bottom: solid 1px var(--color2);
}

.extrainfonest > div:first-child > p > span:first-child {
	width: clamp(70px, 11cqw, 170px);
	display: inline-block;
	color: var(--headericons);
	font-weight: 500;
}

.extrainfonest > div:first-child > p > span:last-child {
	font-weight: 400;
}

.extrainfonest > div:first-child > p > span > span {
	text-transform: none;
}

.extrainfonest > div:last-of-type {
	margin-top: 8px;
	display: flex;
	align-items: center;
	gap: 15px;
}

.extrainfonest > div > div:has(.cartbtn) {
	display: flex;
	gap: 15px;
	/* flex-wrap: wrap; */
	/* max-width: 200px; */
	flex-grow: 1;
}

/*.othercartnotif {
	font-size: 12px;
	font-weight: 500;
	text-wrap: balance;
	margin: -12px 0 -10px;
	padding: 0 0 3px 2px;
	border-bottom: dashed 1px;
	color: var(--headertextcolor);
}*/

.centernotif {
	border: darkcyan dashed 1px;
	background: #008b8b22;
	text-wrap: balance;
	font-size: 14px;
	width: 100%;
}


.cartbtn > b { font-weight: 500; }
.cartbtn > b:after {
	content: url(/static/img/icons/header/nav_cart_modified.svg);
	width: 1.4em;
	margin: -3px 0 0 .35em;
	display: inline-block;
	transform: translateY(3px) scale(1.2);
}

.btn:has(~ .othercartnotif), .othercartnotif ~ .btn { min-height: 52px; }

.certbtn {
	/*display: flex;*/
	width: 100%;
	background: #f4e08e;
	color: black;
	display: none;
}
.certbtn:not(:first-child):after {
	content: url(/static/img/icons/badge_popout.svg);
	width: 1.65em;
	margin: -7px 0 -14px .5em;
}
.certbtn:first-child {
	background: url(/static/img/certificate_example.jpg);
	background-size: cover;
	background-position: 0 30%;
	/* height: 145px; */
	width: 120px;
	text-wrap: wrap;
	/* flex-direction: column; */
	text-shadow: 0 0 10px white, 0 0 10px white, 0 0 10px white;
}
.certbtn:first-child:before {
	content: url(/static/img/icons/badge_popout.svg);
	width: 50px;
	filter: drop-shadow(0 -2px 10px white);
}

.certbtn.GIA:first-child {
	background-image: url(/static/img/certificate_example_GIA.jpg);
}
.certbtn.GCAL:first-child {
	background-image: url(/static/img/certificate_example_GCAL.jpg);
}

.eisize, .eireport, .eicut, .eifloures > span + span, .eisymm > span + span,
.girdleguarder + span, .choosebtn.showit ~ .ringbtn, #diamond2cart { display: none; }

.nocert {
	text-align: center;
	width: 100%;
	color: #0007;
	background: #f9e9ad66;
	border: dashed 2px #eadb93;
	box-shadow: none;
}
.nocert:first-child {
	height: 141px;
	width: 116px;
	text-wrap: wrap;
	flex-direction: column;
}

.choosebtn {
	display: none;
	/*width: 100%;*/
	overflow: visible;
	outline: solid;
	
	animation: strokepulse 5s ease-out infinite;
	flex-direction: column;
}
.choosebtn span, .cartbtn span {
	font-size: 13px;
	margin: 3px 0 -3px;
	border-top: 1px solid #FFF6;
	padding: 3px 25px 0;
	/*opacity: .85;*/
}
.showit { display: flex !important; }
.ringbtn {
	border: solid 1px var(--color3);
	color: var(--color3);
	width: 180px;
	flex-grow: 0;
}
.ringbtn:after {
	content: url(/static/img/icons/header/ER_Hidden_Halo.svg);
	width: 2.4em;
	margin: 4px -10px 0 0;
	filter: var(--shapesfilter);
	transform: scale(1);
}

.ringbtn:hover, .ringbtn:focus-visible { background: var(--coolcolor); }

.btn {
	box-shadow: -1px 1px 2px #0003;
	font-size: 15px;
	font-weight: 500;
	min-height: 55px;
	max-width: 100%;
	text-wrap: balance;
	border-radius: 2px;
}
.btn[inert], .centernotif { opacity: .75; filter: contrast(0.8); }

.ringbtn[inert] { opacity: .5; }

@keyframes strokepulse {
	0% { outline-color: transparent; outline-offset: -11px; outline-width: 15px; }
	4% { outline-color: #FFF8; }
	8% { outline-color: #FFF8; outline-width: 1px; }
	16% { outline-color: #6991b3; }
	32%, 100% { outline-color: transparent; outline-offset: 13px; }
}

/*.cartbtn .notify200 {
	padding: 3px 0 0;
	font-size: 12px;
	letter-spacing: -0.2px;
}*/

.notify200 {
	display: block;
	margin-top: 8px;
	color: var(--headericons);
	font-size: 13px;
	font-weight: 550;
}

.notify200 > span {
	color: var(--headertextcolor);
}

a.nosize {
	text-decoration: underline transparent;
	transition: color .25s, text-decoration-color .25s;
}

.loadingtable { min-height: 510px; }
.loadingtable:after, .loadingtable:before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	background: #0004 url(/static/img/icons/loading.svg) center 100px/35% no-repeat;
}

#sender {
	position: fixed; top: 0; left: 0;
	width: 100%; height: 100%;
	display: none;
	flex-direction: column; justify-content: center; align-items: center;
	background: #444D url(/static/img/icons/loading.svg) center / 100px no-repeat;
	z-index: 1;
	color: white;
	font-size: 24px;
	border-radius: 8px;
	gap: 110px;
}
#sender > span > a { color: lightcyan; text-decoration: underline; }

.galleryfav {
	position: absolute;
	top: -33px; right: 0;
	padding: 7px;
	font-size: 16px;
	opacity: .25;
}
.productprice { margin: auto 0 5px; font-weight: normal; }

.galleryfav:hover, .galleryfav:focus, .galleryfav.favorite { opacity: 1; }
.colorswap:hover > div, .colorswap:focus > div { border-color: #777; }

.favorite { color: #fcc; }
.favorite:hover, .favorite:focus { color: #f99; }
.favorite {
	-webkit-text-stroke: 1px #9ab;
	font-size: 18px;
	top: -34px;
	right: -1px;
}
.favorite:hover, .favorite:focus {
	-webkit-text-stroke: 1px #777;
}

.popdiamondmedia > .popupbox {
	width: unset;
	max-width: 95vw;
}

.popdiamondmedia img, .popdiamondmedia iframe, .popdiamondmedia video {
	border: none;
	width: fit-content;
	margin: 0 auto 10px;
	max-height: 60dvh;
	width: 100%;
	object-fit: contain;
	z-index: 1;
}
.popdiamondmedia iframe { min-height: 440px; }

.popdiamondmedia img[style="display: none;"] ~ div > a:first-child,
.popdiamondmedia img + [style="display: none;"] + div > a + a,
.popdiamondmedia .sourceless + * + div > a:first-child { display: none; }

.mediaopts {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.legacy-content .popupcancel {
	background-color: #edf2fd;
	display: inline-block;
	height: unset;
	box-shadow: 0 0 3px #0005;
}

.filters.scrollerimgshrink h6 { text-wrap: nowrap; margin: -2px -10px 6px; }
.filters.scrollerimgshrink h6 > font { text-wrap: wrap; text-transform: capitalize; }

.widthtitle {
	position: absolute;
	margin-top: -9px;
}

.shapeshower {
	display: none;
	padding: 7px 0 7px 7px;
	color: var(--headertextcolor);
	font-weight: 600;
	font-size: 14px;
}

.dualsliderscontainer { margin: 15px auto; }
.checkboxescontainer { margin-top: 0; }

/*@media (min-width: 1280px) and (max-width: 1548px) and (min-height: 627px) {
	.sidescrollingsection:has(~ .shapeshower:not(.hidden)) button:nth-child(8) ~ button { display: none; }
}*/

:root { --filterwidth: 60px !important; }

.leftrightwrapper {
	display: flex;
	max-width: 1655px;
	margin: auto;
	justify-content: center;
	position: relative;
	/*box-shadow: -2500px 1000px 0 1000px #9992;*/
}
.resultsarea { flex-grow: 1; max-width: 1220px; container-name: results; container-type: inline-size; }
.OHouter { width: 26% !important; z-index: 1; min-width: 348px; }
.optionsholder, .extrafilters { max-width: unset; }
.optionsholder {
	position: sticky;
	top: 0px;
	max-height: 100vh;
	overflow: hidden auto;
	margin-bottom: 0 !important;
}
.extrafilters:not([inert]) { height: 393px !important; }
.scrollingfilterscontainer, .dualsliderscontainer:not(.embeddedslider) {
	width: 95% !important;
	/*margin-bottom: 10px !important;*/
}
.resetall {
	margin-bottom: 300px !important;
	text-align: center;
}

/*.dualsliderscontainer:has(#dscarat) { margin: 5px auto -5px; }
.dualsliderscontainer:has(#dslength) { margin-top: 15px; margin-bottom: 10px; }
.dualsliderscontainer:has(#dsratio) { margin-bottom: 0; }*/
.dualsliderscontainer:has(.pipward) .tabtip { bottom: 20px; }

.shapeshower { display: block; }
div.sidewaysscroller {
	padding: 0;
	min-width: 107%;
	overflow: clip;
	flex-wrap: wrap;
	justify-content: center;
	mask: none;
	-webkit-mask: none;
}
.sidescrollingsection { 
	max-height: 283px;
	transition: max-height .35s;
}
.sidescrollingsection:has(~ .shapeshower.hidden) { max-height: 666px; }
.sidescrollingsection:has(~ .shapeshower:not(.hidden)) button:nth-child(16) ~ button,
.sidescrollingsection .scrollleft, .sidescrollingsection .scrollright { display: none; }
#shapesmenu > button { padding-top: 0; }

div.filters.scrollerimgshrink h6 { margin-bottom: 0; }
.pipward > a { font-size: clamp(10.5px, 0.7vw, 12px); }

#filterbar {
	cursor: unset;
	height: unset;
	min-height: 40px;
}

#barfilterdisplay {
	flex-grow: 1;
	flex-wrap: wrap;
	margin-right: unset;
	max-width: unset;
	max-height: 108px;
	overflow-y: auto;
}

#barfilterdisplay > a {
	max-width: 220px;
}

#diamondfiltertoggler {
	margin-right: 10px;
	text-wrap: nowrap;
}

div.OHouter.btnopen {
	display: none;
}

@media (max-width: 840px), (max-height: 626px) {
	#OHback.btnopen {
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		right: 0;
		background-color: #0005;
		display: block;
		z-index: 1;
	}
	
	#OHbutton, div.OHouter.btnopen {
		display: block;
	}
	#diamondfiltertoggler, .shapeshower {
		display: none;
	}
	div.OHouter {
		position: fixed;
		max-width: 100% !important;
		max-height: 0;
		width: 100% !important;
		height: 100%;
		bottom: 0;
	}
	div.OHouter.btnopen {
		max-height: 65dvh !important;
		box-shadow: 0 0 50px 50px #0009;
	}
	.optionsholder {
		height: 100%;
		overflow: hidden auto;
		flex-direction: column;
		flex-wrap: nowrap;
		scroll-behavior: smooth;
	}
	.resetall { margin: 0 auto 50px; }
	
	.sidescrollingsection:has(~ .shapeshower) {
		max-height: 666px;
		max-width: 600px;
		margin: auto;
	}
	
	.sidescrollingsection button[data-searchval] {
		display: flex !important;
	}
	
	.dualslider {
		width: 79%;
	}
}

body:has(.OHouter.btnopen) #diamondfiltertoggler > span:first-child,
body:has(.OHouter:not(.btnopen)) #diamondfiltertoggler > span:last-child {
	display: none;
}

.outerSOD { margin-top: 1px; }

@container results (max-width: 650px) {
	.extrainfonest { font-size: 13px; }
	
	.expander { font-size: 31px; }
	.sourceless, .medialess, .previewdiv:has(.loadedframe):before { font-size: 14px; }
	.btn { min-height: 35px; font-size: clamp(12px, 2.25cqw, 14px); }
	.choosebtn { height: 44px; }
	.choosebtn:has(~ .othercartnotif) { height: 40px; }
	
	html .previewdiv > a.mediacertbtn { top: 133px !important; }
	
	.previewdiv:has(button:not([style='display: none;']) + button:not([style='display: none;'])) > a { top: 95px; }
	
	.previewdiv > .swapbuttons { top: 15px; gap: 10px; }
	
	.notify200 { margin-bottom: 8px; }
	
	.unhide, .unhide > th > div { height: 185px; }
	.previewdiv {
		/* width: 110px; */
		margin: auto;
		float: unset;
	}
	/*.previewdiv > img, .previewdiv > iframe, .previewdiv > video, .sourceless, .medialess {
		width: 108px;
		height: 109px;
		border-radius: 15px 15px 0 0;
	}*/
	/*.previewdiv:has(> img) > a, .previewdiv:has(> iframe:not([src^='https://drive.google'])) > a, .previewdiv:has(> video) > a {
		border-radius: 0 0 0 7px;
		width: 16px;
		height: 16px;
		padding: 3px;
		background-size: 73%;
	}*/
	/*.sourceless { width: 110px; }*/
	/*.previewdiv > .swapbuttons { Sidth: 108px; border-radius: 0 0 15px 15px; top: 114px; }*/
	/*.previewdiv > .swapbuttons > button, .previewdiv > .swapbuttons:has(button[style]:nth-of-type(2)) { height: 25px; }*/
	/*.medialess { width: 110px;  border-radius: 15px; height: 136px; }*/
	button:has(.lotnum), .girdleguarder { display: none; }
	.extrainfonest > div:first-child { height: 88px; }
	.extrainfonest > div:first-child > p { margin: 2px 3px 2px; width: unset; }
	/*.extrainfonest > div:first-child > p > span:first-child { width: 80px; }
	.extrainfonest > div:last-child { margin-left: auto; }*/
	.extrainfonest > div > div:has(.cartbtn) { gap: 5px; }
	button:has(.lotnum) { margin: 5px 5px 5px 0; }
	
	#thsize, .tdsize, #threport, .tdreport, .eifloures > span, .eisymm > span { display: none; }
	.eisize, .eireport, .girdleguarder + span, .eifloures > span + span, .eisymm > span + span { display: block; }
	.girdleguarder + span { height: 1px; }
	
	.galleryfav { font-size: 15px; top: -28px; }
	.favorite { font-size: 17px; top: -29px; }
	.othercartnotif { margin: -3px -3px -2px; }
	.btn:has(~ .othercartnotif), .othercartnotif ~ .btn { min-height: 32px; }
	
	#mirrorSOD .perpage { width: fit-content; }
}

@container results (max-width: 520px) {
	.extrainfonest { font-size: 12px; }
	.extrainfonest > div:first-child { margin-right: 7px;  padding-left: 3px; }
	.extrainfonest > div:first-child > p { margin-bottom: 2px; }
	.extrainfonest > div:first-child > p > span:first-child { width: unset; }
	.extrainfo > * { padding: 0 5px; }
	
	.btn { width: 100%; text-wrap: balance; }
	.mediaopts > .swapbuttons { margin: 0 25cqw 10px; }
	
	.popupcancel { order: 2; }
	
	.othercartnotif { font-size: 10.5px; }
	
	#thsize > a { text-wrap: wrap; padding: 0; }
	#thsize > a, .tdsize { line-height: 12px; }
}

@container results (max-width: 460px) {
	#mirrorSOD .perpage {
		width: 100%;
		margin: 10px auto 20px;
	}
}

@container results (max-width: 440px) {
	td, th { padding: 0 2px; }
	td { box-shadow: -1px 0 0 0 #9995; }
	th { box-shadow: -1px 0 0 0 #9993; }
	.extrainfonest { font-size: 11px; }
	.extrainfonest > div:first-child { padding-left: 1px; }
	
	.cartbtn .notify200 { display: none; }
	
	.cartbtn > b:after {
		width: 1.7em;
		margin: -6px 4px 0 2px;
	}
	.certbtn:not(:first-child):after {
		width: 1.5em;
		margin: 4px 4px 0 2px;
	}
	.ringbtn:after {
		width: 3.35em;
		margin: 4px -2px 0 0;
	}
}

/*#productlisting:not(:has(tr:nth-child(16), .unhide ~ .unhide ~ .unhide)) + #mirrorSOD { display: none; }*/

td[colspan="100%"] > h3 {
	margin: revert;
	font-size: revert;
}

.scrollerimgshrink > button > div:first-child {
	filter: unset !important;
}

.OHouter {
	max-height: unset;
	margin: unset !important;
}

#shapesmenu > button {
	margin: 5px 4px 3px;
}

@media (max-width: 1570px) {
	#shapesmenu > button {
		margin: 5px 3px 1px;
		padding: 0;
	}
	
	.filters h6 {
		font-size: 13px;
	}
}

@media (max-width: 600px) {
	.sidescrollingsection:has(~ .shapeshower) {
		max-width: 450px;
	}
}