/* Product media only. Page-builder content remains controlled by WordPress blocks. */
.single-product div.product .woocommerce-product-gallery__image,
.single-product div.product .woocommerce-product-gallery__image > a {
	display: block;
	aspect-ratio: 1 / 1;
}

.single-product div.product .woocommerce-product-gallery__image {
	overflow: hidden;
	border-radius: 3px;
	background: var(--nk-aluminum, #e3e6e5);
}

.single-product div.product .woocommerce-product-gallery__image img,
.woocommerce ul.products li.product a img {
	width: 100%;
	height: 100%;
	aspect-ratio: 1 / 1;
	object-fit: contain;
	border-radius: 3px;
	background: var(--nk-aluminum, #e3e6e5);
}

.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
	top: 12px;
	right: 12px;
	display: block;
	width: 40px;
	height: 40px;
	min-width: 40px;
	min-height: 40px;
	border: 1px solid rgba(26, 30, 32, .28);
	border-radius: 3px;
	background: rgba(247, 248, 247, .94);
	color: var(--nk-carbon, #1a1e20);
	box-shadow: 0 3px 12px rgba(18, 25, 21, .14);
	backdrop-filter: blur(5px);
}

.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger:hover,
.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger:focus-visible {
	border-color: var(--nk-brass, #b08d57);
	background: var(--nk-brass, #b08d57);
	color: var(--nk-carbon-deep, #101416);
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
	color: var(--nk-graphite, #4a5154);
}

.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce div.product .product_title,
.woocommerce table.shop_table th,
.woocommerce-account .woocommerce-MyAccount-navigation a {
	color: var(--nk-carbon, #1a1e20);
}

.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce .star-rating {
	color: var(--nk-brass-dark, #8a6a3e);
}

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
	border-radius: 3px;
	background: var(--nk-brass, #b08d57);
	color: var(--nk-carbon-deep, #101416);
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover {
	background: var(--nk-brass-dark, #8a6a3e);
	color: var(--nk-aluminum-bright, #f7f8f7);
}

.woocommerce-message,
.woocommerce-info {
	border-top-color: var(--nk-circuit, #3b8c82);
}

.woocommerce-message::before,
.woocommerce-info::before {
	color: var(--nk-circuit, #3b8c82);
}
