/*
Theme Name: Steklandia
Theme URI: https://xleb.studio/
Author: Xleb Studio
Author URI: https://xleb.studio/
Template: xleb
Description: Стилизация Xleb theme для компании ООО «Стекландия»
Text Domain: xleb-child
*/

.stek-calc-product {
	padding: 32px 0 var(--gapX6);
	background: #fff;
	color: #171717;
}

.stek-calc-product__hero,
.stek-calc-product__section {
	margin: 0 auto;
	max-width: 1180px;
	padding: 0 20px;
}

.stek-calc-product__hero-grid {
	align-items: flex-start;
}

.stek-calc-product__media {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 320px;
	padding: 28px;
	border: 1px solid #e7e7e7;
	border-radius: 8px;
	background: #f7f8f9;
}

.stek-calc-product__media img {
	display: block;
	max-width: 100%;
	max-height: 360px;
	object-fit: contain;
}

.stek-calc-product__media-placeholder {
	color: #808080;
	font-size: 15px;
}

.stek-calc-product__media-placeholder--offer {
	display: grid;
	align-content: center;
	justify-items: center;
	gap: 7px;
	width: 100%;
	min-height: 260px;
	padding: 24px;
	text-align: center;
}

.stek-calc-product__media-placeholder--offer span {
	color: #222;
	font-size: 18px;
	font-weight: 600;
}

.stek-calc-product__media-placeholder--offer small {
	color: #777;
	font-size: 13px;
	line-height: 1.3;
}

.stek-calc-product__eyebrow {
	margin: 0 0 10px;
	color: #d51f2a;
	font-weight: 700;
	text-transform: uppercase;
}

.stek-calc-product__title {
	margin: 0;
	font-size: 40px;
	line-height: 1.12;
	letter-spacing: 0;
}

.stek-calc-product__scheme {
	margin: 16px 0 0;
	font-weight: 700;
}

.stek-calc-product__lead {
	margin-top: 18px;
	color: #444;
}

.stek-calc-product__lead p {
	margin: 0 0 10px;
}

.stek-calc-product__dimensions,
.stek-calc-product__specs,
.stek-calc-product__series,
.stek-calc-product__payment-grid {
	display: grid;
	gap: 12px;
}

.stek-calc-product__dimensions {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-top: 24px;
}

.stek-calc-product__dimension,
.stek-calc-product__spec,
.stek-calc-product__series-card,
.stek-calc-product__payment-item {
	border: 1px solid #e7e7e7;
	border-radius: 8px;
	background: #fff;
}

.stek-calc-product__dimension,
.stek-calc-product__spec,
.stek-calc-product__payment-item {
	padding: 14px 16px;
}

.stek-calc-product__dimension span,
.stek-calc-product__spec span,
.stek-calc-product__payment-item span {
	display: block;
	margin-bottom: 6px;
	color: #747474;
	font-size: 13px;
	line-height: 1.35;
}

.stek-calc-product__dimension strong,
.stek-calc-product__spec strong,
.stek-calc-product__payment-item strong {
	display: block;
	font-size: 16px;
	line-height: 1.35;
}

.stek-calc-product__price-card {
	height: 100%;
	padding: 24px;
	border-radius: 8px;
	background: #d51f2a;
	color: #fff;
}

.stek-calc-product__price-card p {
	margin: 0;
}

.stek-calc-product__price {
	margin-top: 12px;
	font-size: 38px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0;
}

.stek-calc-product__price span {
	font-size: 24px;
}

.stek-calc-product__price--request {
	font-size: 26px;
	line-height: 1.2;
}

.stek-calc-product__price-note {
	margin-top: 18px !important;
	color: rgba(255, 255, 255, .82);
}

.stek-calc-product__section {
	margin-top: 56px;
}

.stek-calc-product__section h2 {
	margin: 0;
	font-size: 28px;
	line-height: 1.18;
	letter-spacing: 0;
}

.stek-calc-product__series {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.stek-calc-product__series-card {
	padding: 18px;
}

.stek-calc-product__series-card p {
	margin: 0;
	color: #505050;
}

.stek-calc-product__series-card strong {
	display: block;
	margin-top: 10px;
	color: #d51f2a;
	font-size: 24px;
	line-height: 1.1;
}

.stek-calc-product__specs {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.stek-calc-product__payment {
	padding-bottom: 10px;
}

.stek-calc-product__payment-grid {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

@media (max-width: 991px) {
	.stek-calc-product__hero-grid {
		display: grid;
	}

	.stek-calc-product__title {
		font-size: 32px;
	}

	.stek-calc-product__series,
	.stek-calc-product__payment-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 640px) {
	.stek-calc-product {
		padding-top: 22px;
	}

	.stek-calc-product__hero,
	.stek-calc-product__section {
		padding: 0 14px;
	}

	.stek-calc-product__media {
		min-height: 240px;
		padding: 18px;
	}

	.stek-calc-product__title {
		font-size: 28px;
	}

	.stek-calc-product__dimensions,
	.stek-calc-product__line-picker,
	.stek-calc-product__series,
	.stek-calc-product__specs,
	.stek-calc-product__payment-grid {
		grid-template-columns: 1fr;
	}
}

/* Catalog archive: Steklandia product grid */
/* .catalog-archive {
	max-width: 1180px;
	margin: 0 auto;
	padding: 0 20px 76px;
	color: #050815;
} */

.catalog-archive .page-hero {
	padding-top: 18px;
}

.catalog-archive .breadcrumbs {
	color: #888;
	font-size: 12px;
	line-height: 1.4;
}

.catalog-archive .xcat-archive-header h1 {
	margin: 0;
	color: #050815;
	font-size: 34px;
	font-weight: 700;
	line-height: 1.08;
	letter-spacing: 0;
}

.catalog-archive .xcat-catalog-category-filter .xcat-category-items {
	display: flex;
	flex-wrap: wrap;
	gap: var(--gapX2);
	align-items: center;
}

.catalog-archive .xcat-catalog-category-filter .xcat-category-item {
	display: inline-flex;
	align-items: center;
	gap: var(--gapX2);
	height: 60px;
	padding: 2px var(--gapX3) 2px 4px;
	border: 0;
	border-radius: var(--roundedS);
	background: var(--blackOpacity100);
	color: var(--contentColor, #2f2f2f);
	text-decoration: none;
	overflow: hidden;
}

.catalog-archive .xcat-catalog-category-filter .xcat-category-item.active,
.catalog-archive .xcat-catalog-category-filter .xcat-category-item:hover {
	background: var(--primaryOpacity50, rgba(210, 31, 56, .08));
	color: var(--contentColor, #2f2f2f);
}

.catalog-archive .xcat-catalog-category-filter .xcat-category-icon {
	display: flex;
	width: auto;
	height: 56px;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	border-radius: var(--roundedXS);
}

.catalog-archive .xcat-catalog-category-filter .xcat-category-icon img {
	width: auto;
	max-width: 70px;
	height: 56px;
	object-fit: contain;
}

.catalog-archive .xcat-catalog-category-filter .xcat-category-name p {
	margin: 0;
	color: inherit;
	white-space: nowrap;
}

.catalog-archive.xcat-archive-grid--layout-sidebar .vue-posts,
.catalog-archive .vue-posts {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	align-items: start;
	column-gap: var(--gapX6);
	width: 100%;
}

.catalog-archive.xcat-archive-grid--layout-sidebar .vue-posts.filter-layout-sidebar .filters-controls-container,
.catalog-archive .vue-posts.filter-layout-sidebar .filters-controls-container {
	grid-column: span 3;
	grid-row: 2 / span 3;
	position: sticky;
	top: 18px;
	padding: 0;
	background: #fff;
	z-index: 3;
}

.catalog-archive.xcat-archive-grid--layout-sidebar .vue-posts.filter-layout-sidebar .filters-container.is-sidebar-layout,
.catalog-archive .vue-posts.filter-layout-sidebar .filters-container.is-sidebar-layout {
	display: flex;
	flex-direction: column;
	row-gap: 40px;
	width: 100%;
	max-width: none;
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
	grid-column: unset;
	grid-row: unset;
	top: 0;
	position: relative;
}

.catalog-archive .filter-taxonomies {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin: 0;
	padding: 0;
	border: 0;
}

.catalog-archive .filter-taxonomies.top_subcategory {
	display: none !important;
}

/* xleb-catalog exposes registered fallback facets after the explicit schema. */
.catalog-archive .filter-taxonomies.auto_xcat_attr,
.catalog-archive .filter-taxonomies.auto_xcat_brand,
.catalog-archive .filter-taxonomies.auto_xcat_calc_sections,
.catalog-archive .filter-taxonomies.auto_xcat_calc_configuration,
.catalog-archive .filter-taxonomies.auto_xcat_calc_glass,
.catalog-archive .filter-taxonomies.auto_xcat_calc_type {
	display: none !important;
}

/* Keep calculator-backed filters in the product-selection order. */
.catalog-archive .filter-acf-fields--priority {
	display: contents;
}

.catalog-archive .filter-taxonomies._xcat_price { order: 10; }
.catalog-archive .filter-taxonomies.series { order: 20; }
.catalog-archive .filter-taxonomies.glazing { order: 30; }
.catalog-archive .filter-taxonomies._xcat_width { order: 40; }
.catalog-archive .filter-taxonomies._xcat_height { order: 50; }
.catalog-archive .filter-taxonomies.opening { order: 60; }
.catalog-archive .filter-taxonomies.features { order: 70; }

.catalog-archive .filter-taxonomies.series .ekonom { order: 10; }
.catalog-archive .filter-taxonomies.series .regulyar { order: 20; }
.catalog-archive .filter-taxonomies.series .optima { order: 30; }
.catalog-archive .filter-taxonomies.series .premium { order: 40; }
.catalog-archive .filter-taxonomies.glazing .odnokamernyy-steklopaket { order: 10; }
.catalog-archive .filter-taxonomies.glazing .dvuhkamernyy-steklopaket { order: 20; }
.catalog-archive .filter-taxonomies.glazing .steklo { order: 30; }
.catalog-archive .filter-taxonomies.glazing .balkonnyy-blok { order: 40; }
.catalog-archive .filter-taxonomies.opening .povorotno-otkidnoe { order: 10; }
.catalog-archive .filter-taxonomies.opening .gluhoe { order: 20; }
.catalog-archive .filter-taxonomies.opening .povorotnoe { order: 30; }
.catalog-archive .filter-taxonomies.opening .otkidnoe { order: 40; }
.catalog-archive .filter-taxonomies.features .dvuhkamernyy-steklopaket { order: 10; }
.catalog-archive .filter-taxonomies.features .energosberegayuschiy { order: 20; }
.catalog-archive .filter-taxonomies.features .argon { order: 30; }

.catalog-archive .filter-taxonomies.features.is-buttons-ui {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: var(--gapX2);
}

.catalog-archive .filter-taxonomies.features.is-buttons-ui .filter-title-row {
	flex: 0 0 100%;
	margin-bottom: var(--gapX4);
}

.catalog-archive .filter-taxonomies.features.is-buttons-ui .term.filter {
	display: inline-flex;
	width: auto;
	min-height: 28px;
	align-items: center;
	padding: 4px var(--gapX2);
	border: 0;
	border-radius: var(--roundedXS);
	background-color: var(--blackOpacity100) !important;
	border-color: transparent !important;
	color: var(--contentColor, #2f2f2f);
}

.catalog-archive .filter-taxonomies.features.is-buttons-ui .term.filter.active {
	background-color: var(--primary500) !important;
	color: var(--white) !important;
}

.catalog-archive .filter-taxonomies.features.is-buttons-ui .posts-counter {
	display: none !important;
}

.catalog-archive .filters-container .close-filters {
	top: 20px;
}

.catalog-archive .filters-container .apply-filters {
	order: 1000;
}

.catalog-archive .filter-title-row,
.catalog-archive .filter-taxonomies > .filter-title {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 10px;
	margin: 0 0 8px;
	width: 100%;
}

/* .catalog-archive .filter-title p,
.catalog-archive .filter-title-row p {
	margin: 0;
	color: #050815;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.35;
} */

.catalog-archive .filter-reset {
	padding: 0;
	border: 0;
	background: transparent;
	color: #9b9b9b;
	font-size: 11px;
	line-height: 1.2;
	text-decoration: none;
	cursor: pointer;
}

.catalog-archive .filter-reset:hover {
	color: #d51f2a;
}

.catalog-archive .acf-filter-range {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 12px;
}

.catalog-archive .acf-filter-range .range-separator {
	display: none;
}

.catalog-archive .acf-filter-range input {
	width: 100%;
	height: 40px;
	padding: 0 var(--gapX3);
	border: 0;
	border-radius: 0;
	background: #f4f4f6;
	color: #050815;
	font-size: var(--textSsize);
	line-height: var(--textSheightT);
	outline: none;
}

.catalog-archive .acf-filter-range input::placeholder {
	color: #a8a8ad;
}



.catalog-archive .posts-counter {
	margin-left: auto;
	color: #b3b3b3;
	font-size: 11px;
}

.catalog-archive .filter-show-more {
	margin-top: 4px;
	padding: 0;
	border: 0;
	background: transparent;
	color: #d51f2a;
	font-size: 12px;
	cursor: pointer;
}

.catalog-archive.xcat-archive-grid--layout-sidebar .catalog-toolbar,
.catalog-archive .catalog-toolbar {
	grid-column: 4 / span 9;
	grid-row: 1;
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 32px;
	margin: 0 0 16px;
	color: #7a7a7a;
	font-size: 12px;
}

.catalog-archive .catalog-toolbar .found-posts {
	margin: 0;
}

.catalog-archive .catalog-toolbar .custom-select-trigger,
.catalog-archive .catalog-toolbar .sort-dropdown {
	min-height: 30px;
	padding: 7px 12px;
	border: 0;
	border-radius: 0;
	background: #f6f6f7;
	color: #050815;
	font-size: 12px;
	line-height: 1.2;
}

.catalog-archive.xcat-archive-grid--layout-sidebar .vue-posts .stek-catalog-products.posts-container,
.catalog-archive.xcat-archive-grid--layout-sidebar .stek-catalog-products,
.catalog-archive .vue-posts .stek-catalog-products.posts-container,
.catalog-archive .stek-catalog-products {
	grid-column: 4 / span 9;
	grid-row: 2;
	display: grid !important;
	grid-template-columns: repeat(9, minmax(0, 1fr)) !important;
	gap: var(--gapX10) var(--gapX6);
	width: 100%;
	margin: 0;
}

.catalog-archive.xcat-archive-grid--layout-sidebar .stek-catalog-products .stek-catalog-card,
.catalog-archive.xcat-archive-grid--layout-sidebar .stek-catalog-card,
.catalog-archive .stek-catalog-products .stek-catalog-card,
.catalog-archive .stek-catalog-card {
	position: relative;
	display: block !important;
	float: none !important;
	width: auto !important;
	max-width: none;
	grid-column: span 3 !important;
	justify-self: stretch;
	gap: 0 !important;
	margin: 0;
	padding: 0;
	border: 0;
	min-width: 0;
	color: #050815;
	text-decoration: none;
	background: transparent;
}

.catalog-archive .stek-catalog-card:hover {
	color: #050815;
}

.catalog-archive.xcat-archive-grid--layout-sidebar .stek-catalog-card__image,
.catalog-archive .stek-catalog-card__image {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 1 / 1;
	margin: 0 0 var(--gapX5);
	padding: 0;
	background: #f4f4f6;
	overflow: hidden;
}

.catalog-archive .stek-catalog-card__image::before,
.catalog-archive .stek-catalog-card__image::after {
	content: none;
}

.catalog-archive .stek-catalog-card__image img,
.catalog-archive .stek-catalog-card__image div,
.catalog-archive .stek-catalog-card__image picture {
	display: block;
	max-width: 100%;
	max-height: 100%;
}

.catalog-archive .stek-catalog-card__image img {
	width: auto;
	height: auto;
	object-fit: contain;
	transition: transform .18s ease;
}

.catalog-archive .stek-catalog-card__image:empty::before {
	content: "Схема";
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	color: #9a9a9a;
	font-size: 12px;
}

.catalog-archive .stek-catalog-card:hover .stek-catalog-card__image img {
	transform: scale(1.025);
}

.catalog-archive .stek-catalog-card__image .product-badges {
	display: none;
}

.catalog-archive .stek-catalog-card__badge {
	position: absolute;
	top: var(--gapX3);
	right: var(--gapX3);
	display: flex;
	height: 28px;
	max-width: calc(100% - var(--gapX6));
	align-items: center;
	justify-content: center;
	padding: 0 var(--gapX2);
	border-radius: var(--roundedXS);
	background: #00a651;
	color: #fff;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.catalog-archive .stek-catalog-card__badge:empty {
	display: none;
}

.catalog-archive .stek-catalog-card__body {
	display: flex !important;
	flex-direction: column !important;
	gap: var(--gapX4) !important;
	align-items: flex-start !important;
	padding: 0;
	background: transparent;
}

/* .catalog-archive .stek-catalog-card__title p {
	display: -webkit-box;
	min-height: 0;
	margin: 0 0 5px !important;
	padding: 0 !important;
	color: #050815;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.28;
	letter-spacing: 0;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
} */

.catalog-archive .stek-catalog-card__price-prefix {
	font-weight: 400;
}

.catalog-archive .product-old-price,
.catalog-archive .product-price-per-unit {
	color: #9a9a9a;
	font-size: 12px;
	font-weight: 400;
}

.catalog-archive.xcat-archive-grid--layout-sidebar .skeleton-posts.posts-container,
.catalog-archive .skeleton-posts.posts-container {
	grid-column: 4 / span 9;
	grid-row: 2;
	display: grid;
	grid-template-columns: repeat(9, minmax(0, 1fr));
	gap: 34px 18px;
}

.catalog-archive .skeleton-posts.posts-container .skeleton-post {
	grid-column: span 3 !important;
}

.catalog-archive .stek-catalog-offers-pagination {
	grid-column: 4 / span 9;
	margin-top: 34px;
}

.catalog-archive .stek-catalog-offers-pagination ul {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.catalog-archive .stek-catalog-offers-pagination a,
.catalog-archive .stek-catalog-offers-pagination span {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 34px;
	height: 34px;
	padding: 0 10px;
	background: #f4f4f6;
	color: #050815;
	font-size: 12px;
	text-decoration: none;
}

.catalog-archive .stek-catalog-offers-pagination .current {
	background: #d51f2a;
	color: #fff;
}

@media (max-width: 1100px) {
	.catalog-archive {
		padding-inline: 16px;
	}

	.catalog-archive.xcat-archive-grid--layout-sidebar .vue-posts,
	.catalog-archive .vue-posts {
		grid-template-columns: repeat(12, minmax(0, 1fr));
		column-gap: 22px;
	}
}

@media (max-width: 900px) {
	.catalog-archive.xcat-archive-grid--layout-sidebar .vue-posts,
	.catalog-archive .vue-posts {
		display: block;
	}

	.catalog-archive .vue-posts.filter-layout-sidebar .filters-controls-container {
		position: static;
		margin-bottom: 22px;
	}

	.catalog-archive .vue-posts.filter-layout-sidebar .filters-container.is-sidebar-layout {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 18px;
	}

	.catalog-archive .filter-taxonomies {
		margin-bottom: 0;
	}

	.catalog-archive.xcat-archive-grid--layout-sidebar .vue-posts .stek-catalog-products.posts-container,
	.catalog-archive .vue-posts .stek-catalog-products.posts-container,
	.catalog-archive .stek-catalog-products,
	.catalog-archive .skeleton-posts.posts-container {
		grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
	}

	.catalog-archive .stek-catalog-offers-pagination {
		grid-column: auto;
	}

	.catalog-archive .stek-catalog-products .stek-catalog-card,
	.catalog-archive .stek-catalog-card,
	.catalog-archive .skeleton-posts.posts-container .skeleton-post {
		grid-column: span 3 !important;
	}
}

@media (max-width: 640px) {
	.catalog-archive {
		padding-inline: 12px;
	}

	.catalog-archive .xcat-archive-header h1 {
		font-size: 28px;
	}

	.catalog-archive .vue-posts.filter-layout-sidebar .filters-container.is-sidebar-layout {
		display: block;
	}

	.catalog-archive .vue-posts.filter-layout-sidebar .filters-container.side-filters:not(.is-sidebar-layout) {
		width: 100vw;
		max-width: 100%;
		z-index: 100000;
	}

	.catalog-archive .vue-posts.filter-layout-sidebar .filters-container.side-filters:not(.is-sidebar-layout) .close-filters {
		z-index: 100001;
	}

	.catalog-archive .vue-posts.filter-layout-sidebar .filters-controls-container:has(.filters-container.side-filters.show:not(.is-sidebar-layout)) {
		z-index: 1000;
	}

	.catalog-archive .filter-taxonomies {
		margin-bottom: 20px;
	}

	.catalog-archive .catalog-toolbar {
		display: grid;
		gap: 10px;
	}

	.catalog-archive.xcat-archive-grid--layout-sidebar .vue-posts .stek-catalog-products.posts-container,
	.catalog-archive .vue-posts .stek-catalog-products.posts-container,
	.catalog-archive .stek-catalog-products,
	.catalog-archive .skeleton-posts.posts-container {
		grid-template-columns: 1fr !important;
		gap: 24px;
	}

	.catalog-archive .stek-catalog-products .stek-catalog-card,
	.catalog-archive .stek-catalog-card,
	.catalog-archive .skeleton-posts.posts-container .skeleton-post {
		grid-column: span 1 !important;
	}

	.catalog-archive .stek-catalog-card__image {
		aspect-ratio: 4 / 3;
	}
}


/* @import "css/_child-header.scss";
@import "css/_child-footer.scss";
@import "css/_child-main.scss";
@import "css/_child-base.scss";
@import "css/_child-popup.scss";
@import "css/_child-colors.scss";
@import "css/_child-posts.scss";
@import "css/_plastic-content.scss";
@import "css/_calc-scheme.scss";


@import "css/gallery_popup.css";
@import "css/_child-archive.scss";
@import "css/ion-icons/css/ionicons.min.css";
@import "css/_child-slider.scss"; */




.filter-taxonomies.terms.color.is-buttons-ui .term {
  background: transparent;
  padding: unset;
}

.filter-taxonomies.terms.color.is-buttons-ui .term span {
  border-radius: 50%;
  border-color: transparent;
  width: var(--gapX5);
  height: var(--gapX5);
}

.filter-taxonomies.terms.color.is-buttons-ui {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
  grid-row-gap: var(--gapX3);
  grid-column-gap: var(--gapX3);
}

.filter-taxonomies.terms.color.is-buttons-ui .filter-title {
  grid-column: 1 / -1;
}

.filter-taxonomies.terms.color.is-buttons-ui .term span.posts-counter {
  display: none;
}

.filter-layout-sidebar .is-sidebar-layout .filter-taxonomies.terms.color.is-buttons-ui span.posts-counter {
  display: none !important;
}

.filter-layout-sidebar .filter-taxonomies.terms.color.is-buttons-ui .filter-title-row {
  flex: 0 0 100%;
  width: 100%;
}

.filter-layout-sidebar .filter-taxonomies.terms.is-checkbox-ui {
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-start;
  gap: var(--gapX3);
}

.filter-layout-sidebar .filter-taxonomies.terms.is-checkbox-ui .term.filter {
  display: inline-flex;
  align-items: center;
  gap: var(--gapX3);
  border: 0;
  background: transparent;
  padding: 0;
  color: var(--black);
  font-size: var(--textSsize);
  line-height: var(--textSheightT, 1.25);
  min-height: 20px;
  margin: 0;
}

.filter-layout-sidebar .filter-taxonomies.terms.is-checkbox-ui .term.filter::before {
  content: "";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  border: 1px solid var(--contentOpacityColor);
  background: var(--white);
  color: var(--white);
  box-sizing: border-box;
}

.catalog-archive.xcat-archive-template-catalog-v2 .vue-posts.filter-layout-sidebar .filters-container.side-filters .filter-taxonomies.terms.is-checkbox-ui > .term.filter.active::before {
  content: '\e182';
  border-color: var(--primary500);
  background: var(--primary500);
  font-size: unset;
  line-height: unset;
  box-shadow: unset;
  font-family: 'Phosphor' !important;
  box-shadow: unset;
  font-weight: 900;
  border-radius: 2px;
}

.catalog-archive.xcat-archive-template-catalog-v2 .vue-posts.filter-layout-sidebar .filters-container.side-filters .filter-taxonomies.terms.is-checkbox-ui > .term.filter::before {
  content: "";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  border: 1.2px solid var(--inputBorder);
  background: transparent;
  color: var(--white);
  box-sizing: border-box;
  border-radius: 2px;
}

.filter-layout-sidebar .filter-taxonomies.terms.is-checkbox-ui .term.filter.disabled {
  opacity: .45;
}

.filter-taxonomies.terms.color.is-buttons-ui {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 32px;
  row-gap: 12px;
  align-items: center;
}

.filter-taxonomies.terms.color.is-buttons-ui .filter-title-row {
  grid-column: 1 / -1;
  margin-bottom: 4px;
}

.filter-taxonomies.terms.color.is-buttons-ui .term-color-swatch {
  margin: unset;
}

.filter-taxonomies.terms.color.is-buttons-ui .term {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}


@media(max-width:1199px){
	.vue-posts.filter-layout-sidebar .filters-container.side-filters .filter-taxonomies.terms.is-checkbox-ui .term.filter {
  flex: 0 0 auto;
  width: 100%;
  color: var(--contentColor);
}

.vue-posts.filter-layout-sidebar .filters-container.side-filters .filter-taxonomies.terms.is-buttons-ui:not(.color) .term.filter {
  display: inline-flex;
  flex: 0 0 auto;
  width: auto;
  background: var(--white) !important;
  border-color: transparent !important;
  color: var(--contentColor) !important;
}

.vue-posts.filter-layout-sidebar .filters-container.side-filters .filter-taxonomies.terms.is-buttons-ui:not(.color) .term.filter.active {
  background: var(--primary500) !important;
  border-color: var(--primary500) !important;
  color: var(--white) !important;
}

.vue-posts.filter-layout-sidebar .filters-container.side-filters .filter-taxonomies.terms.is-checkbox-ui .term.filter.active {
  color: var(--contentColor) !important;
}

.vue-posts.filter-layout-sidebar .filters-container.side-filters .filter-taxonomies.terms.is-checkbox-ui .term.filter.active::before {
  border-color: var(--primary500) !important;
  background: var(--primary500) !important;
}
}