/* CLS stability fixes for Electro + WooCommerce category loops + IKS Menu. */

@media (min-width: 1200px) {
	body .content-area {
		flex: 0 0 auto;
		width: 75%;
	}
}

@media (min-width: 1480px) {
	body .content-area {
		flex: 0 0 auto;
		width: calc(100% - 300px);
	}
}

body.full-width .content-area,
body.page-template-default .content-area,
body[class*="page-template-template-homepage"] .content-area {
	width: 100%;
}

.product-loop-categories,
ul.products:has(> li.product-category.product) {
	align-items: stretch;
}

.product-loop-categories .product-category,
ul.products > li.product-category.product {
	position: relative;
	display: flex !important;
	flex-direction: column;
	justify-content: flex-start;
	min-height: 214px;
	text-align: center;
	contain: layout paint;
}

.product-loop-categories .product-category::after,
ul.products > li.product-category.product::after {
	content: none !important;
	display: none !important;
}

.product-loop-categories .product-category > a,
ul.products > li.product-category.product > a {
	display: grid !important;
	grid-template-rows: 150px minmax(44px, auto);
	align-items: start;
	height: 100%;
	color: inherit;
}

.product-loop-categories .product-category img,
ul.products > li.product-category.product img {
	display: block;
	width: min(150px, 100%) !important;
	height: 150px !important;
	max-width: 150px !important;
	max-height: 150px !important;
	margin: 0 auto 10px !important;
	object-fit: contain;
}

.product-loop-categories .product-category .woocommerce-loop-category__title,
ul.products > li.product-category.product .woocommerce-loop-category__title,
ul.products > li.product-category.product h2 {
	min-height: 44px;
	margin: 0 !important;
	line-height: 1.35 !important;
	overflow-wrap: anywhere;
}

@media (max-width: 575.98px) {
	.product-loop-categories .product-category,
	ul.products > li.product-category.product {
		min-height: 186px;
	}

	.product-loop-categories .product-category > a,
	ul.products > li.product-category.product > a {
		grid-template-rows: 122px minmax(44px, auto);
	}

	.product-loop-categories .product-category img,
	ul.products > li.product-category.product img {
		width: min(122px, 100%) !important;
		height: 122px !important;
		max-width: 122px !important;
		max-height: 122px !important;
	}
}

.iksm-terms,
.iksm-terms * {
	box-sizing: border-box;
}

.iksm-terms .iksm-term {
	overflow-anchor: none;
}

.iksm-terms .iksm-term__inner {
	min-height: 38px;
	align-items: center;
}

.iksm-terms .iksm-term__link {
	min-width: 0;
	min-height: 38px;
}

.iksm-terms .iksm-term__text {
	display: block;
	line-height: 1.35;
	min-width: 0;
}

.iksm-terms .iksm-term__toggle {
	flex: 0 0 36px;
	width: 36px;
	min-width: 36px;
	min-height: 38px;
}

.iksm-terms [class^="iks-icon-"]::before,
.iksm-terms [class*=" iks-icon-"]::before {
	width: 1em;
	min-width: 1em;
}

.iksm-terms .iksm-terms-tree__inner {
	animation: none !important;
}

.iksm-terms .iksm-term,
.iksm-terms .iksm-term__inner,
.iksm-terms .iksm-term__link,
.iksm-terms .iksm-term__toggle,
.iksm-terms .iksm-terms-tree--children {
	transition-property: color, background-color, border-color, opacity, transform !important;
}

.secureus-catalog-toolbar[hidden] {
	display: flex !important;
	visibility: hidden;
	min-height: 36px;
}

.secureus-catalog ul.products:not([data-secureus-view]) {
	display: grid !important;
	grid-template-columns: 1fr !important;
	gap: 0 !important;
}

.secureus-catalog ul.products:not([data-secureus-view]) > li.product.secureus-catalog-product {
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
}

.secureus-catalog ul.products:not([data-secureus-view]) .secureus-catalog-card {
	display: grid !important;
	grid-template-columns: 150px minmax(260px, 1fr) minmax(300px, 360px) !important;
	grid-template-areas: "media main buy" !important;
	gap: 18px !important;
	align-items: center !important;
	min-height: 161px;
	padding: 16px 12px;
	border-bottom: 1px solid var(--secureus-border, #e4e7ec);
}

.secureus-catalog ul.products:not([data-secureus-view]) .secureus-catalog-card__media {
	grid-area: media;
	width: 128px;
	height: 128px;
}

.secureus-catalog ul.products:not([data-secureus-view]) .secureus-catalog-card__main {
	grid-area: main;
}

.secureus-catalog ul.products:not([data-secureus-view]) .secureus-catalog-card__buy {
	grid-area: buy;
}