:root {
	--gdm-catalog-black: #0b0b0d;
	--gdm-catalog-pink: #ff2b9b;
	--gdm-catalog-pink-dark: #d90079;
	--gdm-catalog-pink-soft: #fff0f7;
	--gdm-catalog-text: #17171a;
	--gdm-catalog-muted: #707078;
	--gdm-catalog-border: #e5e5e9;
	--gdm-catalog-surface: #ffffff;
}

body.gudaima-catalog-page {
	background: var(--gdm-catalog-surface);
	color: var(--gdm-catalog-text);
}

body.gudaima-catalog-page .wp-site-blocks {
	background: var(--gdm-catalog-surface);
}

body.gudaima-catalog-page main {
	width: 100%;
	max-width: none !important;
	margin: 0 !important;
	padding: clamp(2rem, 3.6vw, 3.75rem) 0 clamp(4.5rem, 7vw, 7rem) !important;
	background: var(--gdm-catalog-surface);
	color: var(--gdm-catalog-text);
	font-family: inherit;
}

body.gudaima-catalog-page main > .wp-block-group,
body.gudaima-catalog-page main > .woocommerce,
body.gudaima-catalog-page main > .wp-block-query {
	width: min(calc(100% - 40px), 1480px) !important;
	max-width: 1480px !important;
	margin-inline: auto !important;
	padding-block: 0 !important;
}

body.gudaima-catalog-page main *,
body.gudaima-catalog-page main *::before,
body.gudaima-catalog-page main *::after {
	box-sizing: border-box;
}

body.gudaima-catalog-page :where(.woocommerce-breadcrumb, .wp-block-woocommerce-breadcrumb) {
	margin: 0 0 clamp(1.1rem, 2vw, 1.6rem) !important;
	padding: 0 !important;
	color: var(--gdm-catalog-muted) !important;
	font-size: 0.82rem !important;
	font-weight: 600;
	line-height: 1.5;
}

body.gudaima-catalog-page :where(.woocommerce-breadcrumb, .wp-block-woocommerce-breadcrumb) a {
	color: var(--gdm-catalog-text) !important;
	text-decoration-color: rgba(23, 23, 26, 0.35);
	text-underline-offset: 0.2em;
}

body.gudaima-catalog-page :where(.woocommerce-breadcrumb, .wp-block-woocommerce-breadcrumb) a:hover {
	color: var(--gdm-catalog-pink-dark) !important;
}

body.gudaima-catalog-page .woocommerce-products-header {
	margin: 0 !important;
	padding: 0 !important;
}

body.gudaima-catalog-page main h1:first-of-type,
body.gudaima-catalog-page .woocommerce-products-header__title,
body.gudaima-catalog-page .wp-block-query-title {
	position: relative;
	margin: 0 0 clamp(1.75rem, 3vw, 2.75rem) !important;
	padding: 0 0 0.8rem !important;
	color: var(--gdm-catalog-black) !important;
	font-family: inherit !important;
	font-size: clamp(2.25rem, 4vw, 3.65rem) !important;
	font-weight: 800 !important;
	letter-spacing: -0.045em !important;
	line-height: 1 !important;
}

body.gudaima-catalog-page main h1:first-of-type::after,
body.gudaima-catalog-page .woocommerce-products-header__title::after,
body.gudaima-catalog-page .wp-block-query-title::after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 48px;
	height: 3px;
	border-radius: 999px;
	background: var(--gdm-catalog-pink);
	content: "";
}

body.gudaima-catalog-page :where(.woocommerce-result-count, .wp-block-woocommerce-product-results-count) {
	margin: 0 0 clamp(1.5rem, 2.5vw, 2.25rem) !important;
	color: var(--gdm-catalog-text) !important;
	font-size: 0.9rem !important;
	font-weight: 650;
	line-height: 46px;
}

body.gudaima-catalog-page .woocommerce-ordering,
body.gudaima-catalog-page .wp-block-woocommerce-catalog-sorting {
	margin: 0 0 clamp(1.5rem, 2.5vw, 2.25rem) !important;
}

body.gudaima-catalog-page :where(.woocommerce-ordering, .wp-block-woocommerce-catalog-sorting) select {
	width: auto;
	min-width: 230px;
	height: 46px;
	margin: 0;
	padding: 0 2.8rem 0 1rem;
	border: 1px solid #d8d8dd;
	border-radius: 12px;
	outline: 0;
	appearance: none;
	background-color: #fff;
	background-image:
		linear-gradient(45deg, transparent 50%, #242429 50%),
		linear-gradient(135deg, #242429 50%, transparent 50%);
	background-position:
		calc(100% - 17px) 20px,
		calc(100% - 12px) 20px;
	background-repeat: no-repeat;
	background-size: 5px 5px, 5px 5px;
	color: var(--gdm-catalog-text);
	font: inherit;
	font-size: 0.85rem;
	font-weight: 650;
	cursor: pointer;
}

body.gudaima-catalog-page :where(.woocommerce-ordering, .wp-block-woocommerce-catalog-sorting) select:hover {
	border-color: #bcbcc3;
}

body.gudaima-catalog-page :where(.woocommerce-ordering, .wp-block-woocommerce-catalog-sorting) select:focus-visible {
	border-color: var(--gdm-catalog-pink);
	box-shadow: 0 0 0 3px rgba(255, 43, 155, 0.16);
}

body.gudaima-catalog-page :where(
	.woocommerce ul.products,
	.wc-block-product-template,
	.wp-block-woocommerce-product-template
) {
	display: grid !important;
	clear: both;
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	gap: clamp(1rem, 1.8vw, 1.65rem) !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

body.gudaima-catalog-page :where(
	.woocommerce ul.products li.product,
	.wc-block-product-template > li.wc-block-product,
	.wp-block-woocommerce-product-template > li,
	.wp-block-post-template > li.product
) {
	position: relative;
	display: flex !important;
	min-width: 0;
	width: auto !important;
	margin: 0 !important;
	float: none !important;
	flex-direction: column;
	overflow: hidden;
	border: 1px solid var(--gdm-catalog-border);
	border-radius: 16px;
	background: var(--gdm-catalog-surface);
	box-shadow: 0 1px 0 rgba(11, 11, 13, 0.025);
	transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

body.gudaima-catalog-page ul.products li.product > .woocommerce-LoopProduct-link,
body.gudaima-catalog-page ul.products li.product > .woocommerce-loop-product__link {
	display: flex !important;
	min-width: 0;
	flex: 1;
	flex-direction: column;
	color: inherit;
	text-decoration: none;
}

body.gudaima-catalog-page :where(
	.woocommerce ul.products li.product a img,
	.wc-block-components-product-image img,
	.wc-block-grid__product-image img,
	.wp-block-post-featured-image img
) {
	display: block;
	width: 100% !important;
	max-width: none !important;
	height: auto !important;
	margin: 0 !important;
	border-radius: 0 !important;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	transition: transform 360ms cubic-bezier(0.2, 0.7, 0.2, 1);
}

body.gudaima-catalog-page :where(
	.wc-block-components-product-image,
	.wc-block-grid__product-image,
	.wp-block-post-featured-image
) {
	overflow: hidden;
	margin: 0 !important;
}

body.gudaima-catalog-page :where(
	.woocommerce-loop-product__title,
	.wc-block-components-product-title,
	.wc-block-grid__product-title,
	.wp-block-post-title
) {
	display: -webkit-box;
	overflow: hidden;
	min-height: 4rem;
	max-height: 4rem;
	margin: 0 !important;
	padding: 1rem 1rem 0 !important;
	color: var(--gdm-catalog-text) !important;
	font-family: inherit !important;
	font-size: clamp(0.92rem, 1.05vw, 1.08rem) !important;
	font-weight: 720 !important;
	letter-spacing: -0.018em !important;
	line-height: 1.38 !important;
	text-align: left !important;
	text-decoration: none !important;
	text-transform: none !important;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

body.gudaima-catalog-page :where(
	.woocommerce-loop-product__title,
	.wc-block-components-product-title,
	.wc-block-grid__product-title,
	.wp-block-post-title
) a {
	color: inherit !important;
	text-decoration: none !important;
}

body.gudaima-catalog-page :where(
	.woocommerce ul.products li.product .price,
	.wp-block-woocommerce-product-price,
	.wc-block-components-product-price,
	.wc-block-grid__product-price
) {
	display: block !important;
	min-height: 4.2rem;
	margin: 0 !important;
	padding: 0.75rem 1rem 0 !important;
	color: var(--gdm-catalog-text) !important;
	font-family: inherit !important;
	text-align: left !important;
}

body.gudaima-catalog-page .gudaima-prices {
	display: grid;
	gap: 0.38rem;
	margin: 0;
}

body.gudaima-catalog-page .gudaima-price {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0.35rem 0.5rem;
	line-height: 1.25;
}

body.gudaima-catalog-page .gudaima-price__label {
	color: var(--gdm-catalog-muted) !important;
	font-size: 0.72rem !important;
	font-weight: 650 !important;
	letter-spacing: 0 !important;
}

body.gudaima-catalog-page .gudaima-price__amount {
	color: var(--gdm-catalog-text) !important;
	font-size: 0.92rem !important;
	font-weight: 800 !important;
}

body.gudaima-catalog-page .gudaima-price--cash .gudaima-price__label,
body.gudaima-catalog-page .gudaima-price--cash .gudaima-price__amount {
	color: var(--gdm-catalog-pink-dark) !important;
}

body.gudaima-catalog-page .gudaima-price :where(del, ins) {
	background: transparent !important;
	color: inherit !important;
}

body.gudaima-catalog-page :where(
	.woocommerce ul.products li.product > .button,
	.woocommerce ul.products li.product > .added_to_cart
) {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: calc(100% - 2rem) !important;
	min-height: 46px;
	margin: 1rem !important;
	margin-top: auto !important;
	padding: 0.72rem 1rem !important;
	border: 1px solid var(--gdm-catalog-black) !important;
	border-radius: 999px !important;
	background: var(--gdm-catalog-black) !important;
	color: #fff !important;
	font-family: inherit !important;
	font-size: 0.76rem !important;
	font-weight: 780 !important;
	letter-spacing: 0.02em;
	line-height: 1.15 !important;
	text-align: center;
	text-decoration: none !important;
	transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease;
}

body.gudaima-catalog-page :where(
	.wc-block-components-product-button,
	.wp-block-button.wc-block-components-product-button
) {
	width: 100%;
	margin: auto 0 0 !important;
	padding: 1rem !important;
}

body.gudaima-catalog-page :where(
	.wc-block-components-product-button__button,
	.wc-block-components-product-button .wp-block-button__link
) {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 100% !important;
	min-height: 46px;
	padding: 0.72rem 1rem !important;
	border: 1px solid var(--gdm-catalog-black) !important;
	border-radius: 999px !important;
	background: var(--gdm-catalog-black) !important;
	color: #fff !important;
	font-family: inherit !important;
	font-size: 0.76rem !important;
	font-weight: 780 !important;
	line-height: 1.15 !important;
	text-decoration: none !important;
}

body.gudaima-catalog-page :where(
	.woocommerce ul.products li.product > .button,
	.woocommerce ul.products li.product > .added_to_cart,
	.wc-block-components-product-button__button,
	.wc-block-components-product-button .wp-block-button__link
):hover {
	border-color: var(--gdm-catalog-pink) !important;
	background: var(--gdm-catalog-pink) !important;
	color: var(--gdm-catalog-black) !important;
}

body.gudaima-catalog-page :where(
	.woocommerce ul.products li.product a,
	.wc-block-product-template > li a,
	.woocommerce-ordering select,
	.wp-block-woocommerce-catalog-sorting select,
	.woocommerce-pagination a,
	.wp-block-query-pagination a
):focus-visible {
	outline: 3px solid var(--gdm-catalog-pink) !important;
	outline-offset: 3px;
}

body.gudaima-catalog-page :where(.woocommerce-pagination, .wp-block-query-pagination) {
	margin: clamp(2.75rem, 5vw, 4.5rem) 0 0 !important;
	padding: 0 !important;
}

body.gudaima-catalog-page .woocommerce-pagination ul.page-numbers {
	display: flex !important;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 0.45rem;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
}

body.gudaima-catalog-page .woocommerce-pagination ul.page-numbers li {
	margin: 0 !important;
	border: 0 !important;
}

body.gudaima-catalog-page .woocommerce-pagination :where(a, span).page-numbers,
body.gudaima-catalog-page .wp-block-query-pagination :where(a, span) {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-width: 42px;
	min-height: 42px;
	padding: 0.55rem 0.75rem !important;
	border: 1px solid var(--gdm-catalog-border) !important;
	border-radius: 10px;
	background: #fff !important;
	color: var(--gdm-catalog-text) !important;
	font-size: 0.82rem;
	font-weight: 750;
	line-height: 1 !important;
	text-decoration: none !important;
}

body.gudaima-catalog-page .woocommerce-pagination :where(a, span).page-numbers.current,
body.gudaima-catalog-page .wp-block-query-pagination .current {
	border-color: var(--gdm-catalog-pink) !important;
	background: var(--gdm-catalog-pink) !important;
	color: var(--gdm-catalog-black) !important;
}

body.gudaima-catalog-page .woocommerce-pagination a.page-numbers:hover,
body.gudaima-catalog-page .wp-block-query-pagination a:hover {
	border-color: var(--gdm-catalog-black) !important;
	background: var(--gdm-catalog-black) !important;
	color: #fff !important;
}

@media (hover: hover) {
	body.gudaima-catalog-page :where(
		.woocommerce ul.products li.product,
		.wc-block-product-template > li.wc-block-product,
		.wp-block-woocommerce-product-template > li,
		.wp-block-post-template > li.product
	):hover {
		border-color: #d2d2d8;
		box-shadow: 0 18px 38px rgba(11, 11, 13, 0.09);
		transform: translateY(-3px);
	}

	body.gudaima-catalog-page .woocommerce ul.products li.product:hover a img,
	body.gudaima-catalog-page .wc-block-product-template > li.wc-block-product:hover img,
	body.gudaima-catalog-page .wp-block-woocommerce-product-template > li:hover img,
	body.gudaima-catalog-page .wp-block-post-template > li.product:hover img {
		transform: scale(1.025);
	}
}

@media (max-width: 1279px) {
	body.gudaima-catalog-page :where(
		.woocommerce ul.products,
		.wc-block-product-template,
		.wp-block-woocommerce-product-template
	) {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 899px) {
	body.gudaima-catalog-page :where(
		.woocommerce ul.products,
		.wc-block-product-template,
		.wp-block-woocommerce-product-template
	) {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 620px) {
	body.gudaima-catalog-page main {
		padding: 1.75rem 0 4.5rem !important;
	}

	body.gudaima-catalog-page main > .wp-block-group,
	body.gudaima-catalog-page main > .woocommerce,
	body.gudaima-catalog-page main > .wp-block-query {
		width: min(calc(100% - 24px), 1480px) !important;
	}

	body.gudaima-catalog-page main h1:first-of-type,
	body.gudaima-catalog-page .woocommerce-products-header__title,
	body.gudaima-catalog-page .wp-block-query-title {
		font-size: clamp(2rem, 11vw, 2.65rem) !important;
	}

	body.gudaima-catalog-page :where(.woocommerce-result-count, .wp-block-woocommerce-product-results-count) {
		float: none !important;
		margin-bottom: 0.75rem !important;
		line-height: 1.45;
	}

	body.gudaima-catalog-page .woocommerce-ordering,
	body.gudaima-catalog-page .wp-block-woocommerce-catalog-sorting {
		float: none !important;
		width: 100%;
		margin-bottom: 1.5rem !important;
	}

	body.gudaima-catalog-page :where(.woocommerce-ordering, .wp-block-woocommerce-catalog-sorting) select {
		width: 100%;
		min-width: 0;
	}

	body.gudaima-catalog-page :where(
		.woocommerce ul.products,
		.wc-block-product-template,
		.wp-block-woocommerce-product-template
	) {
		gap: 0.75rem !important;
	}

	body.gudaima-catalog-page :where(
		.woocommerce ul.products li.product,
		.wc-block-product-template > li.wc-block-product,
		.wp-block-woocommerce-product-template > li,
		.wp-block-post-template > li.product
	) {
		border-radius: 12px;
	}

	body.gudaima-catalog-page :where(
		.woocommerce-loop-product__title,
		.wc-block-components-product-title,
		.wc-block-grid__product-title,
		.wp-block-post-title
	) {
		min-height: 4.25rem;
		max-height: 4.25rem;
		padding: 0.75rem 0.75rem 0 !important;
		font-size: clamp(0.79rem, 3.7vw, 0.94rem) !important;
		line-height: 1.3 !important;
		-webkit-line-clamp: 3;
	}

	body.gudaima-catalog-page :where(
		.woocommerce ul.products li.product .price,
		.wp-block-woocommerce-product-price,
		.wc-block-components-product-price,
		.wc-block-grid__product-price
	) {
		min-height: 5.25rem;
		padding: 0.65rem 0.75rem 0 !important;
	}

	body.gudaima-catalog-page .gudaima-price {
		display: grid;
		gap: 0.08rem;
	}

	body.gudaima-catalog-page .gudaima-price__label {
		font-size: 0.63rem !important;
		line-height: 1.2;
	}

	body.gudaima-catalog-page .gudaima-price__amount {
		font-size: 0.82rem !important;
	}

	body.gudaima-catalog-page :where(
		.woocommerce ul.products li.product > .button,
		.woocommerce ul.products li.product > .added_to_cart
	) {
		width: calc(100% - 1.5rem) !important;
		min-height: 44px;
		margin: 0.75rem !important;
		margin-top: auto !important;
		padding-inline: 0.5rem !important;
		font-size: 0.66rem !important;
	}

	body.gudaima-catalog-page :where(
		.wc-block-components-product-button,
		.wp-block-button.wc-block-components-product-button
	) {
		padding: 0.75rem !important;
	}

	body.gudaima-catalog-page :where(
		.wc-block-components-product-button__button,
		.wc-block-components-product-button .wp-block-button__link
	) {
		min-height: 44px;
		padding-inline: 0.5rem !important;
		font-size: 0.66rem !important;
	}
}

@media (max-width: 359px) {
	body.gudaima-catalog-page :where(
		.woocommerce ul.products,
		.wc-block-product-template,
		.wp-block-woocommerce-product-template
	) {
		grid-template-columns: 1fr !important;
	}

	body.gudaima-catalog-page :where(
		.woocommerce-loop-product__title,
		.wc-block-components-product-title,
		.wc-block-grid__product-title,
		.wp-block-post-title
	) {
		min-height: 4rem;
		max-height: 4rem;
		font-size: 1rem !important;
		-webkit-line-clamp: 2;
	}

	body.gudaima-catalog-page :where(
		.woocommerce ul.products li.product .price,
		.wp-block-woocommerce-product-price,
		.wc-block-components-product-price,
		.wc-block-grid__product-price
	) {
		min-height: 4.25rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.gudaima-catalog-page :where(
		.woocommerce ul.products li.product,
		.wc-block-product-template > li.wc-block-product,
		.wp-block-woocommerce-product-template > li,
		.wp-block-post-template > li.product,
		.woocommerce ul.products li.product img,
		.wc-block-product-template img
	) {
		transition-duration: 0.01ms !important;
	}
}
