/* Sign product page selectors (direction-agnostic; the page sets RTL). */
.ssm-options {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(12em, 1fr));
	gap: 0.75em 1em;
	margin: 0 0 1.25em;
}
.ssm-options .ssm-field {
	display: flex;
	flex-direction: column;
	gap: 0.3em;
	margin: 0;
	font-weight: 600;
}
.ssm-options .ssm-label {
	font-size: 0.9em;
}
.ssm-options select {
	width: 100%;
	max-width: 100%;
	text-align: start;
}
.ssm-options select option:disabled {
	color: #999;
}
.ssm-options .ssm-sku,
.ssm-options .ssm-note {
	grid-column: 1 / -1;
	font-size: 0.9em;
}
.ssm-options .ssm-sku bdi {
	font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
	unicode-bidi: isolate;
}
.ssm-options .ssm-note:empty {
	display: none;
}
.ssm-options .ssm-note {
	color: #b32d2e;
}
.ssm-from-price {
	white-space: nowrap;
}

/* Gallery ground: renders on white material (non-glow) are a white sign on a
   white page, so the image edge vanishes — a light grey mat + hairline border
   shows the sign's outline whatever the material (Flatsome + core Woo markup). */
.single-product .woocommerce-product-gallery__image,
.single-product .woocommerce-product-gallery__image--placeholder {
	background: #f1f2f4;
	border: 1px solid #e2e4e8;
	border-radius: 6px;
	box-sizing: border-box;
	padding: 6%;
	overflow: hidden;
}
.single-product .woocommerce-product-gallery__image img {
	background: transparent;
}
.single-product .product-thumbnails .col-inner,
.single-product .flex-control-thumbs li {
	background: #f1f2f4;
	border: 1px solid #e2e4e8;
	border-radius: 4px;
	box-sizing: border-box;
	padding: 4px;
}
.single-product .product-thumbnails .col-inner img,
.single-product .flex-control-thumbs li img {
	background: transparent;
}
/* related / upsell cards on the product page get the same mat */
.single-product .related .box-image,
.single-product .up-sells .box-image {
	background: #f1f2f4;
	border: 1px solid #e2e4e8;
	border-radius: 6px;
	box-sizing: border-box;
	padding: 6%;
}