.container {

		width: 100%;
}
@media (min-width: 390px) {
		.container {

				max-width: 390px;
		}
}
@media (min-width: 440px) {
		.container {

				max-width: 440px;
		}
}
@media (min-width: 640px) {
		.container {

				max-width: 640px;
		}
}
@media (min-width: 768px) {
		.container {

				max-width: 768px;
		}
}
@media (min-width: 1024px) {
		.container {

				max-width: 1024px;
		}
}
@media (min-width: 1280px) {
		.container {

				max-width: 1280px;
		}
}
@media (min-width: 1536px) {
		.container {

				max-width: 1536px;
		}
}
@media (min-width: 1900px) {
		.container {

				max-width: 1900px;
		}
}
	.category-filter {

		display: -webkit-box;

		display: -ms-flexbox;

		display: flex;

		width: 100%;

		-webkit-box-orient: vertical;

		-webkit-box-direction: normal;

		    -ms-flex-direction: column;

		        flex-direction: column;

		-webkit-box-align: center;

		    -ms-flex-align: center;

		        align-items: center;

		-webkit-box-pack: center;

		    -ms-flex-pack: center;

		        justify-content: center;

		gap: 1.5rem;
}
	@media (max-width: 1023px) {
		.category-filter {

				gap: 1rem;
		}
}

	.category-filter__top {

		display: -webkit-box;

		display: -ms-flexbox;

		display: flex;

		width: 100%;

		-webkit-box-orient: vertical;

		-webkit-box-direction: normal;

		    -ms-flex-direction: column;

		        flex-direction: column;

		-webkit-box-align: center;

		    -ms-flex-align: center;

		        align-items: center;

		-webkit-box-pack: center;

		    -ms-flex-pack: center;

		        justify-content: center;

		gap: 1.5rem;

		padding-top: 2rem;

		padding-bottom: 2rem;

		font-family: Space Grotesk, sans-serif;

		--tw-text-opacity: 1;

		color: rgb(var(--color-site-text-one) / var(--tw-text-opacity));
}

	@media (max-width: 1023px) {
		.category-filter__top {

				min-height: 183px;

				gap: 1rem;
		}
}

	@media (min-width: 1024px) {
		.category-filter__top {

				min-height: 233px;
		}
}

	.category-filter__top {

		background: -webkit-gradient(linear, left top, left bottom, from(#d7ede7), to(#f1f0cf));

		background: linear-gradient(180deg, #d7ede7 0%, #f1f0cf 100%);
	}

	.category-filter__title {

		overflow: hidden;

		display: -webkit-box;

		-webkit-box-orient: vertical;

		-webkit-line-clamp: 1;

		width: 1376px;

		max-width: 100%;

		padding-left: 1rem;

		padding-right: 1rem;

		font-family: Space Grotesk, sans-serif;

		font-size: 3.75rem;

		line-height: 1;

		font-weight: 700;
}

	@media (max-width: 1023px) {
		.category-filter__title {

				font-size: 1.5rem;

				line-height: 2rem;
		}
}

	.category-filter__text-container {

		overflow: hidden;

		display: -webkit-box;

		-webkit-box-orient: vertical;

		-webkit-line-clamp: 3;

		width: 1376px;

		max-width: 100%;

		padding-left: 1rem;

		padding-right: 1rem;

		font-family: Inter, sans-serif;

		font-size: 0.875rem;

		line-height: 1.25rem;
}

	.category-filter__text {

		overflow: hidden;

		display: -webkit-box;

		-webkit-box-orient: vertical;

		-webkit-line-clamp: 3;
}

	.category-filter__load-more {

		margin-top: 0.5rem;

		-webkit-text-decoration-line: underline;

		        text-decoration-line: underline;
}

	.category-filter__buttons {

		display: -webkit-box;

		display: -ms-flexbox;

		display: flex;

		-webkit-box-orient: horizontal;

		-webkit-box-direction: normal;

		    -ms-flex-direction: row;

		        flex-direction: row;

		-ms-flex-wrap: wrap;

		    flex-wrap: wrap;

		-webkit-box-align: center;

		    -ms-flex-align: center;

		        align-items: center;

		-webkit-box-pack: center;

		    -ms-flex-pack: center;

		        justify-content: center;

		gap: 1.5rem;

		font-family: Inter, sans-serif;

		font-size: 10px;

		font-weight: 800;

		text-transform: uppercase;

		letter-spacing: 2px;
}

	@media (max-width: 1023px) {
		.category-filter__buttons {

				gap: 0.5rem;

				font-size: 8px;
		}
}

	.category-filter__button {

		border-radius: 9999px;

		border-width: 1px;

		--tw-border-opacity: 1;

		border-color: rgb(var(--color-black) / var(--tw-border-opacity));

		--tw-bg-opacity: 1;

		background-color: rgb(var(--color-white) / var(--tw-bg-opacity));

		padding-left: 1.5rem;

		padding-right: 1.5rem;

		padding-top: 1rem;

		padding-bottom: 1rem;

		transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;

		-webkit-transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;

		transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;

		transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;

		-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

		        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

		-webkit-transition-duration: 150ms;

		        transition-duration: 150ms;
}

	.category-filter__button:hover {

		--tw-border-opacity: 1;

		border-color: rgb(var(--color-primary) / var(--tw-border-opacity));

		--tw-bg-opacity: 1;

		background-color: rgb(var(--color-primary) / var(--tw-bg-opacity));

		--tw-text-opacity: 1;

		color: rgb(var(--color-site-text-two) / var(--tw-text-opacity));
}

	@media (max-width: 1023px) {
		.category-filter__button {

				padding-left: 1rem;

				padding-right: 1rem;

				padding-top: 0.75rem;

				padding-bottom: 0.75rem;
		}
}

	.category-filter__button--active {

		border-radius: 9999px;

		border-width: 1px;

		--tw-border-opacity: 1;

		border-color: rgb(var(--color-primary) / var(--tw-border-opacity));

		--tw-bg-opacity: 1;

		background-color: rgb(var(--color-primary) / var(--tw-bg-opacity));

		padding-left: 1.5rem;

		padding-right: 1.5rem;

		padding-top: 1rem;

		padding-bottom: 1rem;

		--tw-text-opacity: 1;

		color: rgb(var(--color-site-text-two) / var(--tw-text-opacity));
}

	.category-filter__button--active:hover {

		-webkit-text-decoration-line: underline;

		        text-decoration-line: underline;
}

	@media (max-width: 1023px) {
		.category-filter__button--active {

				padding-left: 1rem;

				padding-right: 1rem;

				padding-top: 0.75rem;

				padding-bottom: 0.75rem;
		}
}

	.category-filter__border {

		margin-bottom: 0.5rem;

		width: 100%;

		border-bottom-width: 1px;

		--tw-border-opacity: 1;

		border-color: rgb(var(--color-grey-tone-three) / var(--tw-border-opacity));

		padding-top: 0.5rem;
}

	@media (max-width: 1023px) {
		.category-filter__border {

				display: none;
		}
		.category-filter__bottom {

				position: fixed;

				bottom: 1rem;

				right: 50%;

				z-index: 10;

				--tw-translate-x: 50%;

				-webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));

				        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));

				transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;

				-webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;

				transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;

				transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;

				transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;

				transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;

				-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

				        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

				-webkit-transition-duration: 150ms;

				        transition-duration: 150ms;
		}
}

	@media (min-width: 1024px) {
		.category-filter__bottom {

				display: -webkit-box;

				display: -ms-flexbox;

				display: flex;

				width: 1376px;

				max-width: 100%;

				-webkit-box-orient: horizontal;

				-webkit-box-direction: normal;

				    -ms-flex-direction: row;

				        flex-direction: row;

				-webkit-box-align: center;

				    -ms-flex-align: center;

				        align-items: center;

				-webkit-box-pack: justify;

				    -ms-flex-pack: justify;

				        justify-content: space-between;

				padding-left: 1rem;

				padding-right: 1rem;
		}
}
	.search-products,
	.category-products {

		display: grid;

		grid-auto-rows: -webkit-min-content;

		grid-auto-rows: min-content;

		grid-gap: 1rem;

		gap: 1rem;

		padding-top: 2rem;

		padding-bottom: 2rem;
}
	@media (max-width: 1023px) {
		.search-products,
	.category-products {

				padding-top: 3rem;
		}
}

	.category-products {

		grid-column: span 4 / span 4;

		grid-template-columns: repeat(1, minmax(0, 1fr));
}

	@media (min-width: 640px) {
		.category-products {

				grid-template-columns: repeat(2, minmax(0, 1fr));
		}
}

	@media (min-width: 1024px) {
		.category-products {

				grid-template-columns: repeat(3, minmax(0, 1fr));

				grid-column: span 3 / span 3;
		}
}

	.search-products {

		width: 1376px;

		max-width: 100%;

		grid-template-columns: repeat(1, minmax(0, 1fr));

		padding-left: 1rem;

		padding-right: 1rem;
}

	@media (min-width: 640px) {
		.search-products {

				grid-template-columns: repeat(2, minmax(0, 1fr));
		}
}

	@media (min-width: 1024px) {
		.search-products {

				grid-template-columns: repeat(4, minmax(0, 1fr));
		}
}


/*# sourceMappingURL=category.1d1227884aeab26c3aa1.css.map*/