/*
 * SmartGo product cards and archive fixes 1.15.0.
 *
 * PHP supplies an uncropped image source. These rules only size the visible
 * white frame and let the complete source image fit inside it.
 */

:root {
	--sgb-product-grid-version: "1.15.0";
}

/*
 * This file is loaded only on requests that can render WooCommerce content.
 * filemtime versioning prevents a stale cache from restoring older rules.
 */
body.smartgo-blocksy.single-product .woocommerce-product-gallery img.zoomImg {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
	transform: none !important;
}

body.smartgo-blocksy.single-product .woocommerce-product-gallery img:not(.zoomImg) {
	transition: none !important;
	transform: none !important;
}

body.smartgo-blocksy {
	max-width: 100%;
	overflow-x: clip;
}

body.smartgo-blocksy .ct-container,
body.smartgo-blocksy .ct-container-fluid,
body.smartgo-blocksy .ct-container-full,
body.smartgo-blocksy .woocommerce,
body.smartgo-blocksy .woocommerce-page .site-main {
	min-width: 0 !important;
	max-width: 100% !important;
}

body.smartgo-blocksy .ct-container,
body.smartgo-blocksy .ct-container-fluid {
	width: min(var(--sgb-width), calc(100vw - 48px)) !important;
}

/*
 * Keep the product-category heading only as tall as its title and optional
 * description. Blocksy can otherwise retain a Customizer hero min-height even
 * when the description is empty.
 */
body.smartgo-blocksy.tax-product_cat .hero-section {
	--alignment: flex-start !important;
	--vertical-alignment: center !important;
	--min-height: 0px !important;
	--height: auto !important;
	box-sizing: border-box !important;
	display: block !important;
	min-height: 0 !important;
	height: auto !important;
	padding-block: var(--sgb-category-intro-padding) !important;
	border-bottom: 1px solid var(--sgb-border);
	background: var(--sgb-category-intro-background) !important;
}

body.smartgo-blocksy.tax-product_cat .hero-section > figure {
	display: none !important;
}

body.smartgo-blocksy.tax-product_cat .hero-section > .entry-header,
body.smartgo-blocksy.tax-product_cat .hero-section > [class*="ct-container"],
body.smartgo-blocksy.tax-product_cat .hero-section .entry-header {
	box-sizing: border-box !important;
	min-height: 0 !important;
	height: auto !important;
	margin-block: 0 !important;
	padding-block: 0 !important;
	align-items: flex-start !important;
	width: min(var(--sgb-width), calc(100% - 48px)) !important;
	max-width: var(--sgb-width) !important;
	margin-inline: auto !important;
	text-align: left !important;
}

body.smartgo-blocksy.tax-product_cat .hero-section .page-title {
	margin-block: 0 !important;
	font-size: clamp(28px, 3vw, 36px) !important;
	line-height: 1.08 !important;
	letter-spacing: -0.025em;
}

body.smartgo-blocksy.tax-product_cat .hero-section .page-description {
	max-width: 780px;
	margin: 8px 0 0 !important;
	color: var(--sgb-muted);
	font-size: 15px;
	line-height: 1.55;
}

body.smartgo-blocksy.tax-product_cat .hero-section .page-description:empty {
	display: none !important;
}

body.smartgo-blocksy.tax-product_cat.smartgo-category-intro-center .hero-section .entry-header {
	align-items: center !important;
	text-align: center !important;
}

body.smartgo-blocksy.tax-product_cat.smartgo-category-intro-center .hero-section .page-description {
	margin-inline: auto !important;
}

body.smartgo-blocksy.tax-product_cat .site-main {
	--theme-content-vertical-spacing: 30px;
}

.sgb-archive-category-nav {
	display: flex;
	align-items: flex-start;
	gap: 13px 18px;
	width: 100%;
	margin: 0 0 28px;
	padding: 0 0 22px;
	border-bottom: 1px solid var(--sgb-border);
}

.sgb-archive-category-nav__label {
	flex: 0 0 auto;
	padding-top: 8px;
	color: var(--sgb-ink);
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 0.03em;
}

.sgb-archive-category-nav ul {
	display: flex;
	flex: 1 1 auto;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.sgb-archive-category-nav a {
	display: inline-flex;
	align-items: center;
	min-height: 36px;
	padding: 7px 13px;
	border: 1px solid var(--sgb-border);
	border-radius: 999px;
	color: var(--sgb-ink);
	background: #fff;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
}

.sgb-archive-category-nav a:hover,
.sgb-archive-category-nav a:focus-visible,
.sgb-archive-category-nav a.is-current {
	border-color: var(--sgb-nav-accent);
	color: var(--sgb-nav-accent);
	background: color-mix(in srgb, var(--sgb-nav-accent) 7%, #fff);
}

/*
 * Single-product gallery. The frame has a real, editable height while every
 * source image is scaled down with contain. These selectors cover Blocksy's
 * single-image output and its Flexy slider.
 */
body.smartgo-blocksy.single-product .woocommerce-product-gallery {
	max-width: 100% !important;
	min-width: 0 !important;
	height: auto !important;
	max-height: none !important;
	overflow: visible !important;
}

body.smartgo-blocksy.single-product .woocommerce-product-gallery .ct-product-gallery-container,
body.smartgo-blocksy.single-product .woocommerce-product-gallery .flexy,
body.smartgo-blocksy.single-product .woocommerce-product-gallery .flexy-view,
body.smartgo-blocksy.single-product .woocommerce-product-gallery .flexy-items,
body.smartgo-blocksy.single-product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper {
	max-width: 100% !important;
	min-width: 0 !important;
	height: var(--sgb-single-product-media-height) !important;
	min-height: var(--sgb-single-product-media-height) !important;
	max-height: var(--sgb-single-product-media-height) !important;
	background: #fff !important;
}

body.smartgo-blocksy.single-product .woocommerce-product-gallery .flexy-view,
body.smartgo-blocksy.single-product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper {
	overflow: hidden !important;
}

body.smartgo-blocksy.single-product .woocommerce-product-gallery .ct-product-gallery-container > .ct-media-container,
body.smartgo-blocksy.single-product .woocommerce-product-gallery .ct-product-gallery-container > figure,
body.smartgo-blocksy.single-product .woocommerce-product-gallery .flexy-item,
body.smartgo-blocksy.single-product .woocommerce-product-gallery .woocommerce-product-gallery__image {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	height: var(--sgb-single-product-media-height) !important;
	min-height: var(--sgb-single-product-media-height) !important;
	max-height: var(--sgb-single-product-media-height) !important;
	aspect-ratio: auto !important;
	margin: 0 !important;
	padding: 16px !important;
	overflow: hidden !important;
	background: #fff !important;
}

body.smartgo-blocksy.single-product .woocommerce-product-gallery .flexy-item > *,
body.smartgo-blocksy.single-product .woocommerce-product-gallery .woocommerce-product-gallery__image > * {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	height: 100% !important;
	aspect-ratio: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	background: #fff !important;
}

body.smartgo-blocksy.single-product .woocommerce-product-gallery .ct-product-gallery-container > .ct-media-container img,
body.smartgo-blocksy.single-product .woocommerce-product-gallery .ct-product-gallery-container > figure img,
body.smartgo-blocksy.single-product .woocommerce-product-gallery .flexy-item img,
body.smartgo-blocksy.single-product .woocommerce-product-gallery .woocommerce-product-gallery__image img,
body.smartgo-blocksy.single-product .woocommerce div.product div.woocommerce-product-gallery.images .ct-product-gallery-container img:not(.zoomImg) {
	position: static !important;
	display: block !important;
	width: auto !important;
	height: auto !important;
	max-width: 100% !important;
	max-height: calc(var(--sgb-single-product-media-height) - 32px) !important;
	aspect-ratio: auto !important;
	margin: auto !important;
	padding: 0 !important;
	background: #fff !important;
	object-fit: contain !important;
	object-position: center !important;
	transform: none !important;
}

body.smartgo-blocksy [data-smartgo-products],
		body.smartgo-blocksy .woocommerce ul.products,
		body.smartgo-blocksy [data-products],
		body.smartgo-blocksy .wc-block-grid__products,
		body.smartgo-blocksy .wc-block-product-template,
		body.smartgo-blocksy .wc-block-product-categories-list--has-images {
	display: grid !important;
	grid-template-columns: repeat(var(--sgb-product-columns-desktop), minmax(0, 1fr)) !important;
	grid-auto-flow: row !important;
	gap: var(--sgb-product-gap) !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	margin-inline: 0 !important;
	padding-inline: 0 !important;
}

body.smartgo-blocksy .woocommerce ul.products::before,
body.smartgo-blocksy .woocommerce ul.products::after,
body.smartgo-blocksy .wc-block-grid__products::before,
body.smartgo-blocksy .wc-block-grid__products::after {
	display: none !important;
}

body.smartgo-blocksy [data-smartgo-products] > li,
body.smartgo-blocksy [data-products] > li.product,
body.smartgo-blocksy .woocommerce ul.products > li.product,
body.smartgo-blocksy .wc-block-grid__product,
body.smartgo-blocksy .wc-block-product,
body.smartgo-blocksy .wc-block-product-categories-list--has-images > li {
	display: flex !important;
	float: none !important;
	flex-direction: column !important;
	align-items: stretch !important;
	width: auto !important;
	max-width: 100% !important;
	min-width: 0 !important;
	height: auto !important;
	max-height: var(--sgb-product-card-max-height) !important;
	margin: 0 !important;
	padding: 0 0 18px !important;
	overflow: hidden !important;
	border: 1px solid var(--sgb-product-card-edge) !important;
	border-radius: var(--sgb-product-card-radius) !important;
	background: var(--sgb-product-card-bg) !important;
}

body.smartgo-blocksy [data-smartgo-products] > li.product,
body.smartgo-blocksy [data-products] > li.product,
body.smartgo-blocksy .woocommerce ul.products > li.product,
body.smartgo-blocksy .wc-block-grid__product,
body.smartgo-blocksy .wc-block-product {
	transition: transform 180ms ease, box-shadow 180ms ease;
}

body.smartgo-blocksy [data-smartgo-products] > li.product:hover,
body.smartgo-blocksy [data-products] > li.product:hover,
body.smartgo-blocksy .woocommerce ul.products > li.product:hover,
body.smartgo-blocksy .wc-block-grid__product:hover,
body.smartgo-blocksy .wc-block-product:hover {
	transform: translateY(-4px);
	box-shadow: var(--sgb-shadow);
}

/*
 * PHP prevents Blocksy from rendering a secondary card image. These guards
 * cover cached HTML generated before 1.15.0.
 */
body.smartgo-blocksy ul.products .ct-swap,
body.smartgo-blocksy [data-products] .ct-swap,
body.smartgo-blocksy .wc-block-grid__products .ct-swap,
body.smartgo-blocksy .wc-block-product-template .ct-swap {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
}

body.smartgo-blocksy ul.products .has-hover-effect img,
body.smartgo-blocksy [data-products] .has-hover-effect img,
body.smartgo-blocksy .wc-block-grid__products .has-hover-effect img,
body.smartgo-blocksy .wc-block-product-template .has-hover-effect img {
	transition: none !important;
	transform: none !important;
}

/*
 * Blocksy outputs:
 * li.product > figure > a.ct-media-container > img
 */
body.smartgo-blocksy [data-smartgo-products] > li.product > figure,
body.smartgo-blocksy [data-products] > li.product > figure,
body.smartgo-blocksy .woocommerce ul.products > li.product > figure,
body.smartgo-blocksy .wc-block-grid__product-image,
body.smartgo-blocksy .wc-block-components-product-image,
body.smartgo-blocksy .wp-block-woocommerce-product-image,
body.smartgo-blocksy .wc-block-product-categories-list-item__image {
	position: relative !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex: 0 0 var(--sgb-product-media-height) !important;
	width: 100% !important;
	height: var(--sgb-product-media-height) !important;
	min-height: var(--sgb-product-media-height) !important;
	max-height: var(--sgb-product-media-height) !important;
	aspect-ratio: auto !important;
	margin: 0 !important;
	padding: var(--sgb-product-image-padding) !important;
	overflow: hidden !important;
	border: 0 !important;
	background: var(--sgb-product-image-bg) !important;
}

body.smartgo-blocksy [data-smartgo-products] > li.product > figure > *,
body.smartgo-blocksy [data-products] > li.product > figure > *,
body.smartgo-blocksy .woocommerce ul.products > li.product > figure > *,
body.smartgo-blocksy .wc-block-grid__product-image > *,
body.smartgo-blocksy .wc-block-components-product-image > *,
body.smartgo-blocksy .wp-block-woocommerce-product-image > *,
body.smartgo-blocksy .wc-block-product-categories-list-item__image > * {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	height: 100% !important;
	max-width: 100% !important;
	max-height: 100% !important;
	min-width: 0 !important;
	min-height: 0 !important;
	aspect-ratio: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	background: var(--sgb-product-image-bg) !important;
}

body.smartgo-blocksy [data-smartgo-products] > li.product > figure img,
body.smartgo-blocksy [data-products] > li.product > figure img,
body.smartgo-blocksy .woocommerce ul.products > li.product > figure img,
body.smartgo-blocksy .wc-block-grid__product-image img,
body.smartgo-blocksy .wc-block-components-product-image img,
body.smartgo-blocksy .wp-block-woocommerce-product-image img,
body.smartgo-blocksy .wc-block-product-categories-list-item__image img {
	position: static !important;
	display: block !important;
	flex: 0 1 auto !important;
	width: auto !important;
	height: auto !important;
	max-width: 100% !important;
	max-height: 100% !important;
	aspect-ratio: auto !important;
	margin: auto !important;
	padding: 0 !important;
	border: 0 !important;
	background: var(--sgb-product-image-bg) !important;
	object-fit: contain !important;
	object-position: center !important;
	transform: none !important;
}

/*
 * Classic WooCommerce can output the image directly inside the product link.
 */
body.smartgo-blocksy [data-smartgo-products] > li.product > a.woocommerce-loop-product__link > img,
body.smartgo-blocksy .woocommerce ul.products > li.product > a.woocommerce-loop-product__link > img,
body.smartgo-blocksy .woocommerce ul.products > li.product-category > a > img {
	display: block !important;
	width: 100% !important;
	height: var(--sgb-product-media-height) !important;
	min-height: var(--sgb-product-media-height) !important;
	max-width: 100% !important;
	max-height: var(--sgb-product-media-height) !important;
	aspect-ratio: auto !important;
	margin: 0 !important;
	padding: var(--sgb-product-image-padding) !important;
	background: var(--sgb-product-image-bg) !important;
	object-fit: contain !important;
	object-position: center !important;
	transform: none !important;
}

/*
 * Give Blocksy type-1 cards the same inner spacing as a real card. The image
 * remains edge-to-edge white; title, price, meta and buttons receive padding.
 */
body.smartgo-blocksy [data-products] > li.product > :not(figure):not(.onsale):not(.ct-woo-card-extra),
body.smartgo-blocksy [data-smartgo-products] > li.product > :not(figure):not(.onsale):not(.ct-woo-card-extra) {
	width: calc(100% - 36px) !important;
	margin-inline: 18px !important;
}

body.smartgo-blocksy [data-products] > li.product > figure + *,
body.smartgo-blocksy [data-smartgo-products] > li.product > figure + * {
	margin-top: 14px !important;
}

body.smartgo-blocksy [data-products] > li.product .woocommerce-loop-product__title,
body.smartgo-blocksy [data-smartgo-products] > li.product .woocommerce-loop-product__title {
	display: -webkit-box !important;
	overflow: hidden !important;
	font-size: var(--sgb-product-title-size) !important;
	line-height: 1.35 !important;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

body.smartgo-blocksy [data-products] > li.product .ct-woo-card-actions,
body.smartgo-blocksy [data-smartgo-products] > li.product .ct-woo-card-actions {
	margin-top: auto !important;
}

body.smartgo-blocksy ul.products li.product .product-entry-wrapper {
	display: flex;
	flex: 1;
	flex-direction: column;
	min-width: 0;
	padding: 17px 18px 18px;
}

body.smartgo-blocksy ul.products li.product .price {
	display: block;
	margin: 0 0 15px !important;
	color: var(--sgb-ink) !important;
	font-size: 18px !important;
	font-weight: 800;
}

body.smartgo-blocksy ul.products li.product .button,
body.smartgo-blocksy ul.products li.product .added_to_cart,
body.smartgo-blocksy .wc-block-grid__product .wp-block-button,
body.smartgo-blocksy .wc-block-grid__product .wp-block-button__link,
body.smartgo-blocksy .wc-block-product .wp-block-button,
body.smartgo-blocksy .wc-block-product .wp-block-button__link {
	width: 100%;
	min-height: 44px;
	margin-top: auto !important;
}

body.smartgo-blocksy ul.products li.product .added_to_cart {
	margin-top: 8px !important;
}

body.smartgo-blocksy span.onsale {
	top: 12px !important;
	left: 12px !important;
	z-index: 3;
	min-width: 0;
	min-height: 0;
	padding: 7px 10px !important;
	border-radius: 30px;
	background: var(--sgb-coral) !important;
	color: #fff !important;
	font-size: 12px;
	line-height: 1;
}

/*
 * Product categories can use a different frame height from normal products.
 */
body.smartgo-blocksy [data-smartgo-products] > li.product-category > figure,
body.smartgo-blocksy [data-products] > li.product-category > figure,
body.smartgo-blocksy .woocommerce ul.products > li.product-category > figure {
	flex-basis: var(--sgb-category-media-height) !important;
	height: var(--sgb-category-media-height) !important;
	min-height: var(--sgb-category-media-height) !important;
	max-height: var(--sgb-category-media-height) !important;
}

body.smartgo-blocksy [data-smartgo-products] > li.product-category > a.woocommerce-loop-category__link > img,
body.smartgo-blocksy .woocommerce ul.products > li.product-category > a > img {
	height: var(--sgb-category-media-height) !important;
	min-height: var(--sgb-category-media-height) !important;
	max-height: var(--sgb-category-media-height) !important;
}

body.smartgo-blocksy.smartgo-product-center [data-products] > li.product,
body.smartgo-blocksy.smartgo-product-center [data-smartgo-products] > li.product,
body.smartgo-blocksy.smartgo-product-center .woocommerce ul.products > li.product {
	text-align: center !important;
}

body.smartgo-blocksy.smartgo-product-center [data-products] > li.product .button,
body.smartgo-blocksy.smartgo-product-center [data-smartgo-products] > li.product .button,
body.smartgo-blocksy.smartgo-product-center .woocommerce ul.products > li.product .button {
	margin-inline: auto !important;
}

body.smartgo-blocksy.smartgo-hide-product-price [data-products] > li.product .price,
body.smartgo-blocksy.smartgo-hide-product-price [data-smartgo-products] > li.product .price,
body.smartgo-blocksy.smartgo-hide-product-price .woocommerce ul.products > li.product .price,
body.smartgo-blocksy.smartgo-hide-product-price .wc-block-components-product-price {
	display: none !important;
}

body.smartgo-blocksy.smartgo-hide-product-button [data-products] > li.product .button,
body.smartgo-blocksy.smartgo-hide-product-button [data-smartgo-products] > li.product .button,
body.smartgo-blocksy.smartgo-hide-product-button .woocommerce ul.products > li.product .button,
body.smartgo-blocksy.smartgo-hide-product-button .wc-block-components-product-button {
	display: none !important;
}

body.smartgo-blocksy .woocommerce div.product .summary .single_add_to_cart_button {
	min-height: 50px;
}

body.smartgo-blocksy .related.products,
body.smartgo-blocksy .upsells.products {
	clear: both;
}

@media (max-width: 1024px) {
	body.smartgo-blocksy [data-smartgo-products],
	body.smartgo-blocksy .woocommerce ul.products,
	body.smartgo-blocksy [data-products],
	body.smartgo-blocksy .wc-block-grid__products,
	body.smartgo-blocksy .wc-block-product-template,
	body.smartgo-blocksy .wc-block-product-categories-list--has-images {
		grid-template-columns: repeat(var(--sgb-product-columns-tablet), minmax(0, 1fr)) !important;
		gap: min(var(--sgb-product-gap), 14px) !important;
	}
}

@media (max-width: 767px) {
	body.smartgo-blocksy .ct-container,
	body.smartgo-blocksy .ct-container-fluid {
		width: min(var(--sgb-width), calc(100vw - 28px)) !important;
	}

	body.smartgo-blocksy.tax-product_cat .hero-section {
		padding-block: var(--sgb-category-intro-padding) !important;
	}

	body.smartgo-blocksy.tax-product_cat .hero-section .entry-header {
		width: min(100% - 28px, var(--sgb-width)) !important;
	}

	body.smartgo-blocksy.tax-product_cat .hero-section .page-title {
		font-size: clamp(25px, 8vw, 31px) !important;
	}

	body.smartgo-blocksy.tax-product_cat .hero-section .page-description {
		margin-top: 6px !important;
		font-size: 14px;
	}

	body.smartgo-blocksy.tax-product_cat .site-main {
		--theme-content-vertical-spacing: 22px;
	}

	.sgb-archive-category-nav {
		display: block;
		margin-bottom: 22px;
		padding-bottom: 17px;
	}

	.sgb-archive-category-nav__label {
		display: block;
		padding: 0 0 10px;
	}

	.sgb-archive-category-nav ul {
		flex-wrap: nowrap;
		margin-inline: -14px;
		padding-inline: 14px;
		overflow-x: auto;
		scrollbar-width: thin;
		scroll-snap-type: x proximity;
	}

	.sgb-archive-category-nav li {
		flex: 0 0 auto;
		scroll-snap-align: start;
	}

	body.smartgo-blocksy.single-product .woocommerce-product-gallery {
		width: 100% !important;
	}

	body.smartgo-blocksy.single-product .woocommerce-product-gallery .ct-product-gallery-container,
	body.smartgo-blocksy.single-product .woocommerce-product-gallery .flexy,
	body.smartgo-blocksy.single-product .woocommerce-product-gallery .flexy-view,
	body.smartgo-blocksy.single-product .woocommerce-product-gallery .flexy-items,
	body.smartgo-blocksy.single-product .woocommerce-product-gallery .ct-product-gallery-container > .ct-media-container,
	body.smartgo-blocksy.single-product .woocommerce-product-gallery .ct-product-gallery-container > figure,
	body.smartgo-blocksy.single-product .woocommerce-product-gallery .flexy-item,
	body.smartgo-blocksy.single-product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper,
	body.smartgo-blocksy.single-product .woocommerce-product-gallery .woocommerce-product-gallery__image {
		height: var(--sgb-single-product-media-height-mobile) !important;
		min-height: var(--sgb-single-product-media-height-mobile) !important;
		max-height: var(--sgb-single-product-media-height-mobile) !important;
	}

	body.smartgo-blocksy.single-product .woocommerce-product-gallery .ct-product-gallery-container > .ct-media-container img,
	body.smartgo-blocksy.single-product .woocommerce-product-gallery .ct-product-gallery-container > figure img,
	body.smartgo-blocksy.single-product .woocommerce-product-gallery .flexy-item img,
	body.smartgo-blocksy.single-product .woocommerce-product-gallery .woocommerce-product-gallery__image img,
	body.smartgo-blocksy.single-product .woocommerce div.product div.woocommerce-product-gallery.images .ct-product-gallery-container img:not(.zoomImg) {
		max-height: calc(var(--sgb-single-product-media-height-mobile) - 32px) !important;
	}

	body.smartgo-blocksy [data-smartgo-products],
	body.smartgo-blocksy .woocommerce ul.products,
	body.smartgo-blocksy [data-products],
	body.smartgo-blocksy .wc-block-grid__products,
		body.smartgo-blocksy .wc-block-product-template,
		body.smartgo-blocksy .wc-block-product-categories-list--has-images {
		grid-template-columns: repeat(var(--sgb-product-columns-mobile), minmax(0, 1fr)) !important;
		gap: min(var(--sgb-product-gap), 12px) !important;
	}

	body.smartgo-blocksy [data-smartgo-products] > li.product > figure,
	body.smartgo-blocksy [data-products] > li.product > figure,
	body.smartgo-blocksy .woocommerce ul.products > li.product > figure,
	body.smartgo-blocksy .wc-block-grid__product-image,
	body.smartgo-blocksy .wc-block-components-product-image,
	body.smartgo-blocksy .wp-block-woocommerce-product-image,
	body.smartgo-blocksy .wc-block-product-categories-list-item__image {
		flex-basis: var(--sgb-product-media-height-mobile) !important;
		height: var(--sgb-product-media-height-mobile) !important;
		min-height: var(--sgb-product-media-height-mobile) !important;
		max-height: var(--sgb-product-media-height-mobile) !important;
		padding: min(var(--sgb-product-image-padding), 9px) !important;
	}

	body.smartgo-blocksy [data-smartgo-products] > li.product > a.woocommerce-loop-product__link > img,
	body.smartgo-blocksy .woocommerce ul.products > li.product > a.woocommerce-loop-product__link > img,
	body.smartgo-blocksy .woocommerce ul.products > li.product-category > a > img {
		height: var(--sgb-product-media-height-mobile) !important;
		min-height: var(--sgb-product-media-height-mobile) !important;
		max-height: var(--sgb-product-media-height-mobile) !important;
		padding: min(var(--sgb-product-image-padding), 9px) !important;
	}

	body.smartgo-blocksy [data-products] > li.product > :not(figure):not(.onsale):not(.ct-woo-card-extra),
	body.smartgo-blocksy [data-smartgo-products] > li.product > :not(figure):not(.onsale):not(.ct-woo-card-extra) {
		width: calc(100% - 22px) !important;
		margin-inline: 11px !important;
	}

		body.smartgo-blocksy [data-products] > li.product .woocommerce-loop-product__title,
		body.smartgo-blocksy [data-smartgo-products] > li.product .woocommerce-loop-product__title {
			font-size: var(--sgb-product-title-size-mobile) !important;
		}

		body.smartgo-blocksy ul.products li.product .product-entry-wrapper {
			padding: 12px;
		}

		body.smartgo-blocksy ul.products li.product .price {
			margin-bottom: 11px !important;
			font-size: 16px !important;
		}

		body.smartgo-blocksy ul.products li.product .button,
		body.smartgo-blocksy ul.products li.product .added_to_cart {
			min-height: 42px;
			padding: 9px 8px !important;
			font-size: 12px;
			text-align: center;
		}

	body.smartgo-blocksy [data-smartgo-products] > li.product-category > figure,
	body.smartgo-blocksy [data-products] > li.product-category > figure,
	body.smartgo-blocksy .woocommerce ul.products > li.product-category > figure {
		flex-basis: var(--sgb-category-media-height-mobile) !important;
		height: var(--sgb-category-media-height-mobile) !important;
		min-height: var(--sgb-category-media-height-mobile) !important;
		max-height: var(--sgb-category-media-height-mobile) !important;
	}

	body.smartgo-blocksy [data-smartgo-products] > li.product-category > a.woocommerce-loop-category__link > img,
	body.smartgo-blocksy .woocommerce ul.products > li.product-category > a > img {
		height: var(--sgb-category-media-height-mobile) !important;
		min-height: var(--sgb-category-media-height-mobile) !important;
		max-height: var(--sgb-category-media-height-mobile) !important;
	}
}

@media (max-width: 340px) {
	body.smartgo-blocksy [data-smartgo-products],
	body.smartgo-blocksy .woocommerce ul.products,
	body.smartgo-blocksy [data-products],
	body.smartgo-blocksy .wc-block-grid__products,
	body.smartgo-blocksy .wc-block-product-template,
	body.smartgo-blocksy .wc-block-product-categories-list--has-images {
		grid-template-columns: minmax(0, 1fr) !important;
	}
}