body.jnks-active .jnks-source-loop,
body.jnks-active .woocommerce-pagination,
body.jnks-active .jnks-native-duplicate {
	display: none !important;
}

body.jnks-active.jnks-hide-result-count .woocommerce-result-count {
	display: none !important;
}

body.jnks-active .jnks-catalog-root {
	position: relative;
	width: 100%;
	min-height: 160px;
}

body.jnks-active .jnks-catalog-root.is-loading {
	opacity: .58;
	pointer-events: none;
}

body.jnks-active .jnks-loading {
	display: grid;
	grid-template-columns: repeat(var(--jnks-desktop-columns, 5), minmax(0, 1fr));
	gap: 18px;
	padding: 34px 0 46px;
}

body.jnks-active .jnks-loading span {
	display: block;
	height: 250px;
	border-radius: 3px;
	background: linear-gradient(90deg, #f4f4f4 25%, #ececec 37%, #f4f4f4 63%);
	background-size: 400% 100%;
	animation: jnks-shimmer 1.25s ease infinite;
}

@keyframes jnks-shimmer {
	0% { background-position: 100% 0; }
	100% { background-position: 0 0; }
}

body.jnks-active .jnks-section {
	width: 100%;
	margin: 0 0 clamp(38px, 5vw, 72px);
	scroll-margin-top: 150px;
}

body.jnks-active .jnks-section-header {
	margin: clamp(24px, 4vw, 56px) 0 24px;
}

body.jnks-active .jnks-section:first-child .jnks-section-header {
	margin-top: 12px;
}

body.jnks-active .jnks-section-heading-inner {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	position: relative;
	padding-bottom: 13px;
}

body.jnks-active .jnks-section-heading-inner::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 46px;
	height: 2px;
	background: #ef4f9a;
	transform: translateX(-50%);
}

body.jnks-active .jnks-section-title {
	margin: 0 !important;
	font-size: clamp(21px, 2vw, 28px) !important;
	line-height: 1.2 !important;
	font-weight: 700 !important;
	letter-spacing: .01em;
	text-align: center;
	text-transform: none;
}

body.jnks-active .jnks-section-count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 24px;
	height: 24px;
	padding: 0 7px;
	border-radius: 999px;
	background: #f3f3f3;
	color: #5f6368;
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
}

body.jnks-active ul.products.jnks-products {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	column-gap: clamp(12px, 2vw, 28px);
	row-gap: 26px;
	align-items: stretch;
	margin: 0 !important;
	padding: 0 !important;
}

body.jnks-active ul.products.jnks-products > li.product {
	width: auto !important;
	max-width: none !important;
	margin: 0 !important;
	float: none !important;
}

body.jnks-active .jnks-card-hidden {
	display: none !important;
}

body.jnks-active .jnks-section-footer {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin-top: 20px;
}

body.jnks-active .jnks-load-more {
	appearance: none;
	-webkit-appearance: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: min(100%, 500px);
	min-height: 48px;
	border: 0;
	border-radius: 0;
	background: #505050;
	color: #fff;
	font: inherit;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.2;
	padding: 13px 24px;
	text-align: center;
	cursor: pointer;
	transition: background-color .2s ease, transform .2s ease, box-shadow .2s ease;
}

body.jnks-active .jnks-load-more:hover,
body.jnks-active .jnks-load-more:focus-visible {
	background: #323232;
	box-shadow: 0 7px 18px rgba(0, 0, 0, .12);
	transform: translateY(-1px);
	outline: none;
}

body.jnks-active .jnks-load-more.is-loading {
	cursor: wait;
	opacity: .82;
}

body.jnks-active .jnks-button-spinner {
	display: none;
	width: 15px;
	height: 15px;
	border: 2px solid rgba(255,255,255,.45);
	border-top-color: #fff;
	border-radius: 50%;
	animation: jnks-spin .7s linear infinite;
}

body.jnks-active .jnks-load-more.is-loading .jnks-button-spinner {
	display: inline-block;
}

@keyframes jnks-spin {
	to { transform: rotate(360deg); }
}

body.jnks-active .jnks-section-note {
	color: #777;
	font-size: 12px;
	line-height: 1.35;
	text-align: center;
}

body.jnks-active .jnks-no-results,
body.jnks-active .jnks-error {
	padding: 44px 20px;
	border: 1px solid #ececec;
	background: #fafafa;
	text-align: center;
	font-size: 15px;
}

@media (min-width: 768px) and (max-width: 1199px) {
	body.jnks-active .jnks-loading {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	body.jnks-active ul.products.jnks-products {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	body.jnks-active .jnks-loading {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px;
	}

	body.jnks-active .jnks-loading span {
		height: 220px;
	}

	body.jnks-active .jnks-section {
		margin-bottom: 44px;
		scroll-margin-top: 110px;
	}

	body.jnks-active .jnks-section-header {
		margin: 32px 0 18px;
	}

	body.jnks-active .jnks-section-heading-inner {
		padding-bottom: 11px;
	}

	body.jnks-active .jnks-section-title {
		font-size: 20px !important;
	}

	body.jnks-active .jnks-section-count {
		min-width: 22px;
		height: 22px;
		font-size: 10px;
	}

	body.jnks-active ul.products.jnks-products {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		column-gap: 10px;
		row-gap: 20px;
	}

	body.jnks-active .jnks-load-more {
		width: 100%;
		min-height: 46px;
		font-size: 14px;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.jnks-active .jnks-load-more,
	body.jnks-active .jnks-loading span,
	body.jnks-active .jnks-button-spinner {
		transition: none;
		animation: none;
	}
}


body.jnks-active .jnks-catalog-current {
	font-size: clamp(18px, 2vw, 26px);
	font-weight: 700;
	line-height: 1.2;
	color: #1f1f1f;
}

body.jnks-active .jnks-catalog-subline {
	margin: 8px auto 0;
	max-width: 760px;
	font-size: 14px;
	line-height: 1.5;
	color: #666;
}


@media (max-width: 767px) {
	

	body.jnks-active .jnks-catalog-subline {
		font-size: 13px;
	}

	

	
}

/* V5: Kategorie-Hierarchie und FiboFilters-Veredelung */
body.jnks-active {
	--jnks-pink: #ef4f9a;
	--jnks-ink: #202020;
	--jnks-muted: #6f6f6f;
	--jnks-line: #e9e9e9;
	--jnks-soft: #fafafa;
}

body.jnks-active .woocommerce-products-header,
body.jnks-active .archive-header,
body.jnks-active .jnks-page-header-enhanced {
	text-align: center;
}

body.jnks-active .woocommerce-products-header__title.page-title,
body.jnks-active h1.page-title,
body.jnks-active .archive-header h1,
body.jnks-active .jnks-native-page-title {
	width: 100%;
	text-align: center !important;
	margin: clamp(28px, 4vw, 54px) 0 8px !important;
	font-size: clamp(34px, 4.2vw, 56px) !important;
	font-weight: 500 !important;
	line-height: 1.08 !important;
	letter-spacing: .045em;
	text-transform: uppercase;
	color: var(--jnks-ink);
}

body.jnks-active .woocommerce-breadcrumb,
body.jnks-active .breadcrumbs {
	margin: 0 auto clamp(24px, 3vw, 38px) !important;
	text-align: center;
	color: #8a8a8a;
	font-size: 14px;
}

body.jnks-active .term-description {
	max-width: 760px;
	margin: 0 auto 24px;
	color: var(--jnks-muted);
	font-size: 15px;
	line-height: 1.65;
	text-align: center;
}

body.jnks-active .jnks-filter-intro {
	display: flex;
	align-items: center;
	gap: 14px;
	margin: 0 0 12px;
	padding: 0 2px;
}

body.jnks-active .jnks-filter-intro-icon {
	position: relative;
	flex: 0 0 42px;
	width: 42px;
	height: 42px;
	border: 1px solid #ececec;
	border-radius: 50%;
	background: #fff;
}

body.jnks-active .jnks-filter-intro-icon::before,
body.jnks-active .jnks-filter-intro-icon::after {
	content: "";
	position: absolute;
	left: 11px;
	right: 11px;
	height: 1px;
	background: var(--jnks-ink);
}

body.jnks-active .jnks-filter-intro-icon::before {
	top: 15px;
	box-shadow: 0 6px 0 var(--jnks-ink), 0 12px 0 var(--jnks-ink);
}

body.jnks-active .jnks-filter-intro-icon::after {
	left: 16px;
	right: 16px;
	top: 12px;
	height: 7px;
	border-radius: 50%;
	background: #fff;
	box-shadow: -4px 6px 0 -3px #fff, 4px 12px 0 -3px #fff;
}

body.jnks-active .jnks-filter-intro-kicker {
	margin: 0 0 2px;
	color: var(--jnks-pink);
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .14em;
	line-height: 1.2;
	text-transform: uppercase;
}

body.jnks-active .jnks-filter-intro-title {
	margin: 0 !important;
	font-size: 20px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	color: var(--jnks-ink);
}

body.jnks-active .jnks-filter-intro-text {
	margin: 3px 0 0;
	font-size: 13px;
	line-height: 1.35;
	color: var(--jnks-muted);
}

body.jnks-active .fibofilters-horizontal-filters-container.jnks-fibo-filter-container,
body.jnks-active .fibofilters-mobile-filters-container.jnks-fibo-filter-container {
	margin: 0 0 12px;
	padding: clamp(14px, 2vw, 22px);
	border: 1px solid var(--jnks-line);
	border-radius: 14px;
	background: var(--jnks-soft);
	box-shadow: 0 10px 28px rgba(0, 0, 0, .035);
}

body.jnks-active .fibofilters-horizontal-filters-container .fibofilters-horizontal-filters {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
	padding-bottom: 0;
}

body.jnks-active .fibofilters-horizontal-filters-container .fibofilters-filter-button {
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	min-width: 0;
	min-height: 50px;
	margin: 0;
	padding: 12px 15px;
	border-radius: 8px;
	background: #fff;
	box-shadow: inset 0 0 0 1px #d7d7d7;
	color: #454545;
	font-size: 14px;
	font-weight: 500;
	text-align: left;
}

body.jnks-active .fibofilters-horizontal-filters-container .fibofilters-filter-button::before {
	border-radius: 8px;
}

body.jnks-active .fibofilters-horizontal-filters-container .fibofilters-filter-button:hover,
body.jnks-active .fibofilters-horizontal-filters-container .fibofilters-filter-button:focus-visible,
body.jnks-active .fibofilters-horizontal-filters-container .fibofilters-filter-button-selected {
	box-shadow: inset 0 0 0 1.5px var(--jnks-ink), 0 5px 14px rgba(0,0,0,.045);
	text-shadow: none;
	outline: none;
}

body.jnks-active .fibofilters-applied-filters-container.jnks-fibo-applied-container {
	margin: 0 0 24px;
}

body.jnks-active .fibofilters-applied-filters {
	padding: 0;
}

body.jnks-active .fibofilters-applied-filters .fibofilters-applied-filter {
	margin: 0 8px 8px 0;
	padding: 7px 11px;
	border-radius: 999px;
	box-shadow: inset 0 0 0 1px #dedede;
	background: #fff;
	font-size: 13px;
}

body.jnks-active.jnks-has-fibo-sorting .woocommerce-ordering {
	display: none !important;
}


body.jnks-active .jnks-section {
	margin-bottom: clamp(54px, 6vw, 86px);
}

body.jnks-active .jnks-section-header {
	margin: clamp(34px, 5vw, 68px) 0 clamp(22px, 3vw, 32px);
}

body.jnks-active .jnks-section-heading-inner {
	gap: 10px;
	padding-bottom: 14px;
}

body.jnks-active .jnks-section-title {
	font-size: clamp(24px, 2.4vw, 34px) !important;
	font-weight: 650 !important;
	letter-spacing: .015em;
}

body.jnks-active .jnks-section-count {
	min-width: 25px;
	height: 25px;
	background: #f4f4f4;
	color: #606060;
}

body.jnks-active .jnks-section-heading-inner::after {
	width: 52px;
	height: 2px;
	background: var(--jnks-pink);
}

body.jnks-active .jnks-section-footer {
	margin-top: 24px;
}

body.jnks-active .jnks-load-more {
	width: min(100%, 480px);
	min-height: 50px;
	border-radius: 4px;
	background: #2d2d2d;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: .01em;
}

body.jnks-active .jnks-load-more:hover,
body.jnks-active .jnks-load-more:focus-visible {
	background: #171717;
}

body.jnks-active .jnks-section:focus {
	outline: none;
}

@media (max-width: 1199px) and (min-width: 768px) {
	body.jnks-active .fibofilters-horizontal-filters-container .fibofilters-horizontal-filters {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	body.jnks-active .woocommerce-products-header__title.page-title,
	body.jnks-active h1.page-title,
	body.jnks-active .archive-header h1 {
		margin-top: 24px !important;
		font-size: clamp(28px, 10vw, 38px) !important;
	}

	body.jnks-active .woocommerce-breadcrumb,
	body.jnks-active .breadcrumbs {
		margin-bottom: 22px !important;
		font-size: 12px;
	}

	body.jnks-active .jnks-filter-intro {
		gap: 11px;
	}

	body.jnks-active .jnks-filter-intro-icon {
		flex-basis: 38px;
		width: 38px;
		height: 38px;
	}

	body.jnks-active .jnks-filter-intro-title {
		font-size: 18px !important;
	}

	body.jnks-active .jnks-filter-intro-text {
		font-size: 12px;
	}

	body.jnks-active .fibofilters-mobile-filters-container.jnks-fibo-filter-container {
		padding: 12px;
		border-radius: 12px;
	}

	body.jnks-active .fibofilters-mobile-filters-container .fibofilters-mobile-filters {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		gap: 8px;
		padding-bottom: 0;
	}

	body.jnks-active .fibofilters-mobile-filters-container .fibofilters-filter-button {
		display: inline-flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		min-height: 48px;
		margin: 0;
		padding: 11px 14px;
		border-radius: 8px;
		background: #fff;
		box-shadow: inset 0 0 0 1px #d7d7d7;
		font-size: 14px;
		font-weight: 600;
	}

	

	

	

	

	body.jnks-active .jnks-section-header {
		margin-top: 38px;
	}

	body.jnks-active .jnks-section-title {
		font-size: 22px !important;
	}
}

/* V6: luftiger 6er-Katalog, stabiler Seitentitel und reduzierte native Shop-Chrome */
body.jnks-active .woocommerce-ordering,
body.jnks-active .woocommerce-result-count {
	display: none !important;
}

body.jnks-active .jnks-generated-page-header {
	margin: clamp(26px, 4vw, 52px) 0 clamp(20px, 3vw, 34px);
	text-align: center;
}

body.jnks-active .jnks-generated-page-title {
	width: 100%;
	text-align: center !important;
	margin: 0 !important;
	font-size: clamp(34px, 4.2vw, 56px) !important;
	font-weight: 500 !important;
	line-height: 1.08 !important;
	letter-spacing: .045em;
	text-transform: uppercase;
	color: var(--jnks-ink, #202020);
}

@media (min-width: 1200px) {
	body.jnks-active ul.products.jnks-products {
		grid-template-columns: repeat(var(--jnks-desktop-columns, 5), minmax(0, 1fr));
		column-gap: clamp(12px, 1.45vw, 22px);
		row-gap: 30px;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	body.jnks-active ul.products.jnks-products {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

body.jnks-active .jnks-section-footer {
	margin-top: clamp(30px, 3vw, 44px);
}

body.jnks-active .jnks-load-more {
	width: min(100%, 520px);
	min-height: 54px;
	padding: 16px 28px;
	font-size: 15px;
	line-height: 1.3;
	border-radius: 5px;
}

body.jnks-active .jnks-section-note {
	margin-top: 3px;
}

@media (max-width: 767px) {
	body.jnks-active .jnks-generated-page-header {
		margin: 24px 0 22px;
	}

	body.jnks-active .jnks-generated-page-title {
		font-size: clamp(28px, 10vw, 38px) !important;
	}

	body.jnks-active .jnks-section-footer {
		margin-top: 26px;
	}

	body.jnks-active .jnks-load-more {
		min-height: 50px;
		padding: 14px 18px;
	}
}

/* V6: dichteres Desktop-Raster, klarer Header und ruhigere Katalog-Chrome */
body.jnks-active .woocommerce-ordering,
body.jnks-active .woocommerce-result-count {
	display: none !important;
}

body.jnks-active .jnks-category-hero {
	margin: clamp(26px, 4vw, 52px) 0 clamp(22px, 3vw, 34px);
	text-align: center;
}

body.jnks-active .jnks-category-hero-title {
	margin: 0 !important;
	font-size: clamp(34px, 4.2vw, 56px) !important;
	font-weight: 500 !important;
	line-height: 1.08 !important;
	letter-spacing: .045em;
	text-transform: uppercase;
	color: var(--jnks-ink, #202020);
}

@media (min-width: 1200px) {
	body.jnks-active ul.products.jnks-products,
	body.jnks-active .jnks-loading {
		grid-template-columns: repeat(var(--jnks-desktop-columns, 5), minmax(0, 1fr));
		column-gap: clamp(12px, 1.35vw, 22px);
	}

	body.jnks-active ul.products.jnks-products > li.product .woocommerce-loop-product__title,
	body.jnks-active ul.products.jnks-products > li.product h2,
	body.jnks-active ul.products.jnks-products > li.product h3 {
		font-size: 13px !important;
		line-height: 1.35 !important;
	}

	body.jnks-active ul.products.jnks-products > li.product .button,
	body.jnks-active ul.products.jnks-products > li.product .added_to_cart {
		font-size: 12px !important;
		padding-left: 8px !important;
		padding-right: 8px !important;
	}
}

body.jnks-active .jnks-section-footer {
	margin-top: clamp(28px, 3vw, 38px);
	padding-top: 4px;
}

body.jnks-active .jnks-load-more {
	width: min(100%, 560px);
	min-height: 54px;
	padding: 16px 30px;
	border-radius: 5px;
	font-size: 15px;
	line-height: 1.35;
}

body.jnks-active .jnks-section-note {
	margin-top: 2px;
}

@media (min-width: 768px) and (max-width: 1199px) {
	body.jnks-active ul.products.jnks-products,
	body.jnks-active .jnks-loading {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	body.jnks-active .jnks-category-hero {
		margin: 24px 0 22px;
	}

	body.jnks-active .jnks-category-hero-title {
		font-size: clamp(28px, 10vw, 38px) !important;
	}

	body.jnks-active .jnks-load-more {
		min-height: 50px;
		padding: 14px 18px;
	}
}


/* V7: robustere Heading-Ausgabe und passendes Skeleton-Raster */
body.jnks-active .jnks-generated-page-header {
	margin: clamp(12px, 2.2vw, 24px) 0 clamp(24px, 3vw, 34px);
	text-align: center;
}

body.jnks-active .jnks-generated-page-kicker {
	margin: 0 0 8px;
	color: #9a9a9a;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .14em;
	text-transform: uppercase;
}

body.jnks-active .jnks-generated-page-title {
	margin: 0 !important;
	font-size: clamp(38px, 4.8vw, 62px) !important;
	font-weight: 550 !important;
	line-height: 1.03 !important;
	letter-spacing: .05em;
	text-transform: uppercase;
	color: var(--jnks-ink, #202020);
}

body.jnks-active .woocommerce-breadcrumb,
body.jnks-active .breadcrumbs {
	margin-top: 20px !important;
	margin-bottom: 10px !important;
	font-size: 15px;
	line-height: 1.4;
	color: #7f7f7f;
}


body.jnks-active .jnks-section-footer {
	margin-top: 28px;
}

body.jnks-active .jnks-load-more {
	width: min(100%, 560px);
	min-height: 54px;
	padding: 15px 28px;
	font-size: 15px;
}

@media (max-width: 767px) {
	body.jnks-active .jnks-generated-page-header {
		margin: 10px 0 20px;
	}

	body.jnks-active .jnks-generated-page-title {
		font-size: clamp(30px, 9.4vw, 40px) !important;
	}

	body.jnks-active .woocommerce-breadcrumb,
	body.jnks-active .breadcrumbs {
		font-size: 13px;
		margin-top: 14px !important;
		margin-bottom: 8px !important;
	}
}

/* V10: Einklappen und ruhiger Sammelbereich */


body.jnks-active .jnks-section {
	scroll-margin-top: calc(var(--jnks-sticky-offset, 92px) + 78px);
}

body.jnks-active .jnks-section--misc {
	margin-top: clamp(68px, 8vw, 110px);
	padding: clamp(26px, 4vw, 46px) clamp(14px, 2vw, 24px) clamp(4px, 1vw, 12px);
	border-top: 1px dashed #dcdcdc;
	background: linear-gradient(180deg, rgba(249, 249, 249, .82), rgba(255, 255, 255, 0) 280px);
}

body.jnks-active .jnks-section--misc .jnks-section-heading-inner::after {
	background: #9a9a9a;
}

body.jnks-active .jnks-section--misc .jnks-section-title {
	color: #3e3e3e;
}

body.jnks-active .jnks-section-actions {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: min(100%, 620px);
}

body.jnks-active .jnks-section-footer {
	gap: 10px;
}

body.jnks-active .jnks-collapse-section {
	appearance: none;
	-webkit-appearance: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 42px;
	padding: 9px 18px;
	border: 1px solid #d7d7d7;
	border-radius: 5px;
	background: #fff;
	color: #343434;
	font: inherit;
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
	transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

body.jnks-active .jnks-collapse-section:hover,
body.jnks-active .jnks-collapse-section:focus-visible {
	border-color: #303030;
	box-shadow: 0 6px 16px rgba(0, 0, 0, .07);
	transform: translateY(-1px);
	outline: none;
}

body.jnks-active .jnks-section-category-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	min-height: 38px;
	padding: 7px 14px;
	color: #555;
	font-size: 13px;
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 4px;
}

body.jnks-active .jnks-section-category-link:hover,
body.jnks-active .jnks-section-category-link:focus-visible {
	color: #111;
	outline: none;
}

body.jnks-active .jnks-collapse-section[hidden],
body.jnks-active .jnks-section-category-link[hidden],
body.jnks-active .jnks-load-more[hidden] {
	display: none !important;
}

body.jnks-active .jnks-first-new-card {
	animation: jnks-new-card-highlight 1.35s ease;
	scroll-margin-top: calc(var(--jnks-sticky-offset, 92px) + 92px);
}

@keyframes jnks-new-card-highlight {
	0% { box-shadow: 0 0 0 0 rgba(239, 79, 154, .30); }
	45% { box-shadow: 0 0 0 5px rgba(239, 79, 154, .18); }
	100% { box-shadow: 0 0 0 0 rgba(239, 79, 154, 0); }
}

@media (max-width: 767px) {
	

	

	

	

	body.jnks-active .jnks-section--misc {
		margin-top: 56px;
		padding: 24px 6px 2px;
	}

	body.jnks-active .jnks-section-actions,
	body.jnks-active .jnks-load-more {
		width: 100%;
	}

	body.jnks-active .jnks-collapse-section {
		width: 100%;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.jnks-active .jnks-first-new-card {
		animation: none;
	}
}

/* V11: Breadcrumb unter die H1, reduziert auf Home > Kategorie */
body.jnks-active .jnks-generated-page-header {
	margin: clamp(14px, 2.4vw, 28px) 0 clamp(24px, 3vw, 34px);
	text-align: center;
}

body.jnks-active .jnks-generated-page-header .jnks-breadcrumb,
body.jnks-active .jnks-native-page-title + .jnks-breadcrumb,
body.jnks-active .jnks-native-page-title + .woocommerce-breadcrumb,
body.jnks-active .jnks-native-page-title + .breadcrumbs {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin: 10px 0 0 !important;
	font-size: 15px;
	line-height: 1.4;
	color: #7e7e7e;
	text-align: center;
}

body.jnks-active .jnks-generated-page-header .jnks-breadcrumb a,
body.jnks-active .jnks-native-page-title + .jnks-breadcrumb a,
body.jnks-active .jnks-native-page-title + .woocommerce-breadcrumb a,
body.jnks-active .jnks-native-page-title + .breadcrumbs a {
	color: #6f6f6f;
	text-decoration: none;
}

body.jnks-active .jnks-generated-page-header .jnks-breadcrumb a:hover,
body.jnks-active .jnks-native-page-title + .jnks-breadcrumb a:hover,
body.jnks-active .jnks-native-page-title + .woocommerce-breadcrumb a:hover,
body.jnks-active .jnks-native-page-title + .breadcrumbs a:hover {
	color: #1f1f1f;
}

body.jnks-active .jnks-breadcrumb-separator,
body.jnks-active .jnks-breadcrumb-current {
	color: #8a8a8a;
}

body.jnks-active .jnks-generated-page-kicker {
	display: none !important;
}

@media (max-width: 767px) {
	body.jnks-active .jnks-generated-page-header .jnks-breadcrumb,
	body.jnks-active .jnks-native-page-title + .jnks-breadcrumb,
	body.jnks-active .jnks-native-page-title + .woocommerce-breadcrumb,
	body.jnks-active .jnks-native-page-title + .breadcrumbs {
		font-size: 13px;
		gap: 6px;
		margin-top: 8px !important;
	}
}

/* V12: Micro-Polishing fuer Breadcrumb, Buttons und Sammelbereich */
body.jnks-active .jnks-generated-page-header .jnks-breadcrumb,
body.jnks-active .jnks-native-page-title + .jnks-breadcrumb,
body.jnks-active .jnks-native-page-title + .woocommerce-breadcrumb,
body.jnks-active .jnks-native-page-title + .breadcrumbs {
	font-size: 16px;
	font-weight: 500;
	color: #666;
}

body.jnks-active .jnks-generated-page-header .jnks-breadcrumb a,
body.jnks-active .jnks-native-page-title + .jnks-breadcrumb a,
body.jnks-active .jnks-native-page-title + .woocommerce-breadcrumb a,
body.jnks-active .jnks-native-page-title + .breadcrumbs a {
	color: #4f4f4f;
	font-weight: 600;
}

body.jnks-active .jnks-breadcrumb-current {
	color: #6b6b6b;
}


body.jnks-active .jnks-load-more {
	letter-spacing: .005em;
}

body.jnks-active .jnks-section--misc {
	margin-top: clamp(64px, 7vw, 96px);
	padding: clamp(24px, 3.5vw, 38px) clamp(10px, 1.5vw, 18px) 4px;
	border-top: 1px solid #ededed;
	background: linear-gradient(180deg, rgba(249,249,249,.42), rgba(255,255,255,0) 210px);
}

body.jnks-active .jnks-section--misc .jnks-section-heading-inner::after {
	background: #c5c5c5;
}

body.jnks-active .jnks-section--misc .jnks-section-title {
	color: #4a4a4a;
}

@media (max-width: 767px) {
	body.jnks-active .jnks-generated-page-header .jnks-breadcrumb,
	body.jnks-active .jnks-native-page-title + .jnks-breadcrumb,
	body.jnks-active .jnks-native-page-title + .woocommerce-breadcrumb,
	body.jnks-active .jnks-native-page-title + .breadcrumbs {
		font-size: 14px;
	}

	

	
}


/* V13: echte FiboFilters-Ausgabe oberhalb der Produktsektionen */
body.jnks-active .jnks-fibofilters-slot {
	width: min(100%, 1480px);
	margin: 0 auto clamp(22px, 3vw, 34px);
	padding: 0 clamp(12px, 2vw, 24px);
}

body.jnks-active .jnks-fibofilters-slot .jnks-filter-intro {
	margin-bottom: 14px;
}

body.jnks-active .jnks-fibofilters-slot .fibofilters-horizontal-filters-container.jnks-fibo-filter-container,
body.jnks-active .jnks-fibofilters-slot .fibofilters-mobile-filters-container.jnks-fibo-filter-container {
	margin-bottom: 10px;
}

body.jnks-active .jnks-fibofilters-slot .fibofilters-applied-filters-container {
	margin-top: 10px;
	margin-bottom: 0;
}

body.jnks-active .jnks-fibofilters-slot:has(.fibofilters-applied-filters:empty) .fibofilters-applied-filters-container {
	display: none;
}


@media (max-width: 767px) {
	body.jnks-active .jnks-fibofilters-slot {
		margin-bottom: 18px;
		padding: 0 12px;
	}

	body.jnks-active .jnks-fibofilters-slot .jnks-filter-intro {
		margin-bottom: 10px;
	}
}

/* V14: FiboFilters optisch an den Juliana-Nails-Katalog angleichen */
body.jnks-active .jnks-fibofilters-slot {
	width: min(calc(100% - 28px), 1320px);
	margin: clamp(18px, 2.6vw, 34px) auto clamp(24px, 3vw, 38px);
	padding: clamp(18px, 2.4vw, 28px);
	border: 1px solid #e8e8e8;
	border-radius: 14px;
	background: #fafafa;
	box-shadow: 0 10px 30px rgba(0, 0, 0, .035);
}

body.jnks-active .jnks-fibofilters-slot .jnks-filter-intro {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 13px;
	margin: 0 0 20px;
	padding: 0;
	text-align: left;
}

body.jnks-active .jnks-fibofilters-slot .jnks-filter-intro-icon {
	flex: 0 0 42px;
	width: 42px;
	height: 42px;
	background: #fff;
	border-color: #e4e4e4;
	box-shadow: 0 5px 14px rgba(0, 0, 0, .035);
}

body.jnks-active .jnks-fibofilters-slot .jnks-filter-intro-kicker {
	margin: 0 0 3px;
	color: #8a8a8a;
	font-size: 10px;
	letter-spacing: .13em;
}

body.jnks-active .jnks-fibofilters-slot .jnks-filter-intro-title {
	margin: 0 !important;
	font-size: clamp(19px, 1.7vw, 23px) !important;
	font-weight: 700 !important;
	line-height: 1.15 !important;
	color: #202020;
}

body.jnks-active .jnks-fibofilters-slot .jnks-filter-intro-text {
	margin: 4px 0 0;
	font-size: 13px;
	line-height: 1.4;
	color: #707070;
}

body.jnks-active .jnks-fibofilters-slot .fibofilters-horizontal-filters-container.jnks-fibo-filter-container,
body.jnks-active .jnks-fibofilters-slot .fibofilters-mobile-filters-container.jnks-fibo-filter-container {
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

body.jnks-active .jnks-fibofilters-slot .fibofilters-horizontal-filters {
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 12px;
	width: 100%;
	padding: 0 !important;
}

body.jnks-active .jnks-fibofilters-slot .fibofilters-filter-button {
	width: 100% !important;
	min-width: 0 !important;
	min-height: 52px !important;
	margin: 0 !important;
	padding: 13px 16px !important;
	border: 1px solid #d9d9d9 !important;
	border-radius: 8px !important;
	background: #fff !important;
	box-shadow: none !important;
	color: #3d3d3d !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

body.jnks-active .jnks-fibofilters-slot .fibofilters-filter-button:hover,
body.jnks-active .jnks-fibofilters-slot .fibofilters-filter-button:focus-visible,
body.jnks-active .jnks-fibofilters-slot .fibofilters-filter-button-selected {
	border-color: #252525 !important;
	box-shadow: 0 6px 16px rgba(0,0,0,.055) !important;
	transform: translateY(-1px);
	outline: none !important;
}

body.jnks-active .jnks-fibofilters-slot .jnks-hidden-category-filter {
	display: none !important;
}

body.jnks-active .jnks-fibofilters-slot .fibofilters-applied-filters-container {
	display: none;
	margin: 14px 0 0 !important;
	padding: 12px 0 0;
	border-top: 1px solid #e5e5e5;
}

body.jnks-active .jnks-fibofilters-slot.jnks-has-applied-filters .fibofilters-applied-filters-container {
	display: block;
}

body.jnks-active .jnks-fibofilters-slot .fibofilters-applied-filters {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	padding: 0 !important;
}

body.jnks-active .jnks-fibofilters-slot .fibofilters-applied-filter {
	margin: 0 !important;
	padding: 8px 12px !important;
	border: 1px solid #dedede !important;
	border-radius: 999px !important;
	background: #fff !important;
	box-shadow: none !important;
	font-size: 13px !important;
}


@media (max-width: 767px) {
	body.jnks-active .jnks-fibofilters-slot {
		width: calc(100% - 24px);
		margin-top: 16px;
		margin-bottom: 22px;
		padding: 14px;
		border-radius: 12px;
	}

	body.jnks-active .jnks-fibofilters-slot .jnks-filter-intro {
		justify-content: flex-start;
		gap: 10px;
		margin-bottom: 13px;
	}

	body.jnks-active .jnks-fibofilters-slot .jnks-filter-intro-icon {
		flex-basis: 38px;
		width: 38px;
		height: 38px;
	}

	body.jnks-active .jnks-fibofilters-slot .jnks-filter-intro-title {
		font-size: 18px !important;
	}

	body.jnks-active .jnks-fibofilters-slot .jnks-filter-intro-text {
		display: none;
	}

	body.jnks-active .jnks-fibofilters-slot .fibofilters-mobile-filters,
	body.jnks-active .jnks-fibofilters-slot .fibofilters-mobile-filters-container {
		width: 100%;
	}

	body.jnks-active .jnks-fibofilters-slot .fibofilters-filter-button {
		min-height: 50px !important;
	}
}

/* V15: Custom-location layouts must never be visible at the same time. */
@media (min-width: 768px) {
	body.jnks-active .jnks-fibofilters-slot .jnks-fibofilters-mobile,
	body.jnks-active .jnks-fibofilters-slot .fibofilters-mobile-filters-container.jnks-fibofilters-mobile {
		display: none !important;
	}
}

@media (max-width: 767px) {
	body.jnks-active .jnks-fibofilters-slot .jnks-fibofilters-horizontal,
	body.jnks-active .jnks-fibofilters-slot .fibofilters-horizontal-filters-container.jnks-fibofilters-horizontal {
		display: none !important;
	}
}

/* V16: kompakter Filterkopf ohne Eyebrow- und Beschreibungstext */
body.jnks-active .jnks-fibofilters-slot .jnks-filter-intro.jnks-filter-intro-compact {
	justify-content: flex-start;
	gap: 11px;
	margin-bottom: 16px;
}

body.jnks-active .jnks-fibofilters-slot .jnks-filter-intro.jnks-filter-intro-compact .jnks-filter-intro-title {
	margin: 0 !important;
	font-size: clamp(19px, 1.6vw, 22px) !important;
	line-height: 1.1 !important;
}

body.jnks-active .jnks-fibofilters-slot .jnks-filter-intro.jnks-filter-intro-compact .jnks-filter-intro-icon {
	flex-basis: 40px;
	width: 40px;
	height: 40px;
}

body.jnks-active .jnks-fibofilters-slot .jnks-filter-intro-kicker,
body.jnks-active .jnks-fibofilters-slot .jnks-filter-intro-text {
	display: none !important;
}

@media (max-width: 767px) {
	body.jnks-active .jnks-fibofilters-slot .jnks-filter-intro.jnks-filter-intro-compact {
		margin-bottom: 12px;
	}

	body.jnks-active .jnks-fibofilters-slot .jnks-filter-intro.jnks-filter-intro-compact .jnks-filter-intro-icon {
		flex-basis: 36px;
		width: 36px;
		height: 36px;
	}
}

/* V18: stabile Mobilansicht, universeller FiboFilters-Trigger und FOUC-Schutz */
body.jnks-active .jnks-catalog-root.jnks-initializing .jnks-sections {
	visibility: hidden;
}

body.jnks-active .jnks-catalog-root.jnks-ready .jnks-sections {
	visibility: visible;
}

@media (max-width: 767px) {
	body.jnks-active .jnks-section {
		scroll-margin-top: 18px !important;
	}

	/* Eine einzige, zuverlässige horizontale FiboFilters-Instanz wird mobil
	   zu einem kompakten Alle-Filter-Trigger reduziert. */
	body.jnks-active .jnks-fibofilters-slot {
		display: block !important;
		width: calc(100% - 24px) !important;
		margin: 16px auto 18px !important;
		padding: 10px !important;
		border: 1px solid #e7e7e7 !important;
		border-radius: 11px !important;
		background: #fafafa !important;
		box-shadow: 0 7px 20px rgba(0,0,0,.035) !important;
	}

	body.jnks-active .jnks-fibofilters-slot .fibofilters-horizontal-filters-container,
	body.jnks-active .jnks-fibofilters-slot .jnks-fibofilters-universal {
		display: block !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
	}

	body.jnks-active .jnks-fibofilters-slot .fibofilters-horizontal-filters {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 8px !important;
		width: 100% !important;
		padding: 0 !important;
	}

	body.jnks-active .jnks-fibofilters-slot .fibofilters-filter-button {
		display: none !important;
	}

	body.jnks-active .jnks-fibofilters-slot .fibofilters-filter-button.jnks-all-filters-button {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		width: 100% !important;
		min-height: 48px !important;
		margin: 0 !important;
		padding: 12px 15px !important;
		border: 1px solid #d7d7d7 !important;
		border-radius: 8px !important;
		background: #fff !important;
		box-shadow: none !important;
		font-size: 14px !important;
		font-weight: 650 !important;
	}

	/* Sicherheits-Fallback, falls eine FiboFilters-Version keinen eigenen
	   Alle-Filter-Button liefert: dann bleiben die normalen Facetten sichtbar. */
	body.jnks-active .jnks-fibofilters-slot.jnks-no-all-filter-button .fibofilters-filter-button:not(.jnks-hidden-category-filter) {
		display: inline-flex !important;
	}

	body.jnks-active .jnks-fibofilters-slot.jnks-no-all-filter-button .fibofilters-horizontal-filters {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	body.jnks-active .jnks-fibofilters-slot.jnks-no-all-filter-button .fibofilters-horizontal-filters > :last-child {
		grid-column: 1 / -1;
	}

	body.jnks-active .jnks-fibofilters-slot .fibofilters-applied-filters-container {
		margin-top: 10px !important;
	}
}


/* V19: Dropdown-Popover optisch wie aus einem Guss + Reset-Button */
body.jnks-active .jnks-fibofilters-slot .fibofilters-filter-button {
	position: relative;
}

body.jnks-active .jnks-fibofilters-slot .fibofilters-filter-button.jnks-filter-button-open,
body.jnks-active .jnks-fibofilters-slot .fibofilters-filter-button[aria-expanded="true"],
body.jnks-active .jnks-fibofilters-slot .fibofilters-filter-button.fibofilters-filter-button-selected {
	border-color: #202020 !important;
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	box-shadow: 0 10px 24px rgba(0, 0, 0, .055) !important;
	transform: none !important;
	z-index: 4;
}

body.jnks-active .fibofilters-popover.jnks-enhanced-popover {
	margin-top: -1px;
	padding: 8px 0 0 !important;
	border: 1px solid #202020 !important;
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
	border-bottom-left-radius: 12px !important;
	border-bottom-right-radius: 12px !important;
	background: #fff !important;
	box-shadow: 0 16px 32px rgba(0, 0, 0, .085) !important;
	overflow: hidden;
	text-align: left;
}

body.jnks-active .fibofilters-popover.jnks-enhanced-popover .fibofilters-popover__top-bar {
	margin: 0;
	padding: 0 14px 6px;
	justify-content: flex-end;
}

body.jnks-active .fibofilters-popover.jnks-enhanced-popover .fibofilters-popover-chevron {
	margin: 0;
	padding: 4px;
	color: #8a8a8a;
}

body.jnks-active .fibofilters-popover.jnks-enhanced-popover .fibofilters-block,
body.jnks-active .fibofilters-popover.jnks-enhanced-popover .fibofilters-block__content-inner {
	padding: 0 12px 6px !important;
	border: 0 !important;
}

body.jnks-active .fibofilters-popover.jnks-enhanced-popover ul.fibofilters-block__items-list {
	display: flex;
	flex-direction: column;
	gap: 2px;
	margin: 0;
	padding: 0;
}

body.jnks-active .fibofilters-popover.jnks-enhanced-popover .fibofilters-item {
	padding: 0 !important;
	margin: 0 !important;
}

body.jnks-active .fibofilters-popover.jnks-enhanced-popover .fibofilters-item__interactive {
	padding: 10px 12px;
	border-radius: 9px;
	transition: background-color .18s ease, transform .18s ease;
}

body.jnks-active .fibofilters-popover.jnks-enhanced-popover .fibofilters-item__interactive:hover,
body.jnks-active .fibofilters-popover.jnks-enhanced-popover .fibofilters-item__interactive:focus-visible {
	background: #f7f7f7;
	outline: none;
}

body.jnks-active .fibofilters-popover.jnks-enhanced-popover .fibofilters-item__control {
	width: 20px;
	height: 20px;
	margin-right: 0;
	margin-left: 12px;
	border: 1.5px solid #cfcfcf;
	border-radius: 4px;
	background: #fff;
}

body.jnks-active .fibofilters-popover.jnks-enhanced-popover .fibofilters-item.fibofilters-selected > .fibofilters-item__interactive > .fibofilters-item__control,
body.jnks-active .fibofilters-popover.jnks-enhanced-popover .fibofilters-item.fibofilters-selected > .fibofilters-collapser-container > .fibofilters-item__interactive > .fibofilters-item__control {
	border: 1.5px solid #202020;
	background: #fff;
	box-shadow: inset 0 0 0 5px #202020;
}

body.jnks-active .fibofilters-popover.jnks-enhanced-popover .fibofilters-item__label {
	color: #4a4a4a;
	font-size: 15px;
	line-height: 1.35;
}

body.jnks-active .fibofilters-popover.jnks-enhanced-popover .fibofilters-item__counter {
	color: #989898;
	font-size: 14px;
	padding-left: 10px;
	white-space: nowrap;
}

body.jnks-active .fibofilters-popover.jnks-enhanced-popover .fibofilters-items-search,
body.jnks-active .fibofilters-popover.jnks-enhanced-popover .fibofilters-item--select {
	margin: 0 0 12px;
	border-radius: 10px;
	box-shadow: inset 0 0 0 1px #d8d8d8;
}

body.jnks-active .fibofilters-popover.jnks-enhanced-popover .fibofilters-items-search:hover,
body.jnks-active .fibofilters-popover.jnks-enhanced-popover .fibofilters-items-search:focus-within,
body.jnks-active .fibofilters-popover.jnks-enhanced-popover .fibofilters-item--select:hover,
body.jnks-active .fibofilters-popover.jnks-enhanced-popover .fibofilters-item--select:focus-within {
	box-shadow: inset 0 0 0 2px #202020;
}

body.jnks-active .fibofilters-popover.jnks-enhanced-popover .fibofilters__select-suggestions {
	margin-top: 6px;
	border: 1px solid #e1e1e1;
	border-radius: 10px;
	box-shadow: none;
}

body.jnks-active .fibofilters-popover.jnks-enhanced-popover .jnks-popover-footer {
	margin-top: 10px;
	border-top: 1px solid #ededed;
}

body.jnks-active .fibofilters-popover.jnks-enhanced-popover .jnks-popover-reset-button {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
	min-height: 52px;
	padding: 12px 16px;
	border: 0;
	border-radius: 0;
	background: #fff;
	box-shadow: none;
	color: #5a5a5a;
	font-size: 15px;
	font-weight: 600;
	cursor: pointer;
	transition: background-color .18s ease, color .18s ease;
}

body.jnks-active .fibofilters-popover.jnks-enhanced-popover .jnks-popover-reset-button.is-active:hover,
body.jnks-active .fibofilters-popover.jnks-enhanced-popover .jnks-popover-reset-button.is-active:focus-visible {
	background: #fafafa;
	color: #202020;
	outline: none;
}

body.jnks-active .fibofilters-popover.jnks-enhanced-popover .jnks-popover-reset-button[disabled] {
	color: #b7b7b7;
	cursor: default;
}

body.jnks-active .fibofilters-popover.jnks-enhanced-popover .jnks-popover-reset-icon {
	font-size: 16px;
	line-height: 1;
}

body.jnks-active .fibofilters-offcanvas-clear,
body.jnks-active .fibofilters-mobile-overlay__header-clear {
	font-weight: 600;
	color: #4f4f4f;
}

@media (max-width: 767px) {
	body.jnks-active .jnks-fibofilters-slot .fibofilters-filter-button.jnks-filter-button-open,
	body.jnks-active .jnks-fibofilters-slot .fibofilters-filter-button[aria-expanded="true"],
	body.jnks-active .jnks-fibofilters-slot .fibofilters-filter-button.fibofilters-filter-button-selected {
		border-bottom-left-radius: 8px !important;
		border-bottom-right-radius: 8px !important;
	}

	body.jnks-active .fibofilters-popover.jnks-enhanced-popover {
		border-radius: 12px !important;
	}
}

/* V20: Dropdown-Feinschliff fuer kompaktere, sauber ausgerichtete Popovers */
body.jnks-active .fibofilters-popover.jnks-enhanced-popover {
	height: auto !important;
	min-height: 0 !important;
	max-width: min(360px, calc(100vw - 32px));
	padding-top: 6px !important;
}

body.jnks-active .fibofilters-popover.jnks-enhanced-popover .fibofilters-block,
body.jnks-active .fibofilters-popover.jnks-enhanced-popover .fibofilters-block__content,
body.jnks-active .fibofilters-popover.jnks-enhanced-popover .fibofilters-block__content-inner {
	height: auto !important;
	min-height: 0 !important;
}

body.jnks-active .fibofilters-popover.jnks-enhanced-popover .fibofilters-popover__top-bar {
	padding: 0 12px 4px;
	min-height: 22px;
}

body.jnks-active .fibofilters-popover.jnks-enhanced-popover .fibofilters-popover-chevron {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	padding: 0;
	border-radius: 999px;
}

body.jnks-active .fibofilters-popover.jnks-enhanced-popover .fibofilters-block,
body.jnks-active .fibofilters-popover.jnks-enhanced-popover .fibofilters-block__content-inner {
	padding: 0 12px 4px !important;
}

body.jnks-active .fibofilters-popover.jnks-enhanced-popover ul.fibofilters-block__items-list {
	gap: 0;
}

body.jnks-active .fibofilters-popover.jnks-enhanced-popover .fibofilters-item__interactive {
	display: grid;
	grid-template-columns: 20px minmax(0, 1fr) auto;
	align-items: center;
	column-gap: 12px;
	row-gap: 0;
	min-height: 44px;
	padding: 8px 10px;
}

body.jnks-active .fibofilters-popover.jnks-enhanced-popover .fibofilters-item__control {
	margin: 0 !important;
	align-self: center;
	justify-self: center;
}

body.jnks-active .fibofilters-popover.jnks-enhanced-popover .fibofilters-item__label {
	display: block;
	margin: 0;
	font-size: 15px;
	font-weight: 500;
	color: #3f3f3f;
}

body.jnks-active .fibofilters-popover.jnks-enhanced-popover .fibofilters-item__counter {
	padding: 0;
	text-align: right;
	align-self: center;
	justify-self: end;
	font-size: 14px;
	color: #9b9b9b;
}

body.jnks-active .fibofilters-popover.jnks-enhanced-popover .jnks-popover-footer {
	margin-top: 4px;
	background: #fafafa;
	border-top: 1px solid #ececec;
}

body.jnks-active .fibofilters-popover.jnks-enhanced-popover .jnks-popover-reset-button {
	min-height: 46px;
	padding: 12px 16px;
	background: #fafafa;
	color: #6b6b6b;
	font-size: 15px;
	font-weight: 600;
}

body.jnks-active .fibofilters-popover.jnks-enhanced-popover .jnks-popover-reset-button.is-active {
	color: #4d4d4d;
}

body.jnks-active .fibofilters-popover.jnks-enhanced-popover .jnks-popover-reset-button.is-active:hover,
body.jnks-active .fibofilters-popover.jnks-enhanced-popover .jnks-popover-reset-button.is-active:focus-visible {
	background: #f4f4f4;
	color: #202020;
}

body.jnks-active .fibofilters-popover.jnks-enhanced-popover .jnks-popover-reset-button[disabled] {
	background: #fafafa;
	color: #c5c5c5;
	opacity: 1;
}

body.jnks-active .fibofilters-popover.jnks-enhanced-popover .jnks-popover-reset-icon {
	font-size: 15px;
	opacity: .8;
}

@media (max-width: 767px) {
	body.jnks-active .fibofilters-popover.jnks-enhanced-popover {
		max-width: calc(100vw - 24px);
	}
}

/* V20.1: Trigger und Dropdown als eine zusammenhaengende Box */
body.jnks-active .jnks-facet.is-open,
body.jnks-active .jnks-mobile-facets-inline .jnks-mobile-facet.is-open {
	position: relative;
	z-index: 35;
}

body.jnks-active .jnks-facet.is-open .jnks-facet-trigger,
body.jnks-active .jnks-mobile-facets-inline .jnks-mobile-facet.is-open .jnks-mobile-facet-trigger {
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	border-bottom-color: transparent !important;
}

body.jnks-active .fibofilters-popover.jnks-enhanced-popover {
	margin-top: -1px !important;
	border-top: 1px solid #2f2f2f !important;
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
	box-shadow: 0 14px 34px rgba(0, 0, 0, 0.10) !important;
}

body.jnks-active .jnks-facet.is-open .fibofilters-popover.jnks-enhanced-popover,
body.jnks-active .jnks-mobile-facets-inline .jnks-mobile-facet.is-open .fibofilters-popover.jnks-enhanced-popover {
	overflow: hidden;
}


/* V20.2: Reset-Button deutlicher hervorheben, sobald ein Reset moeglich ist */
body.jnks-active .fibofilters-popover.jnks-enhanced-popover .jnks-popover-reset-button.is-active {
	background: #202020 !important;
	border-top: 1px solid #202020 !important;
	color: #ffffff !important;
}

body.jnks-active .fibofilters-popover.jnks-enhanced-popover .jnks-popover-reset-button.is-active .jnks-popover-reset-icon {
	color: #ffffff !important;
	opacity: 1;
}

body.jnks-active .fibofilters-popover.jnks-enhanced-popover .jnks-popover-reset-button.is-active:hover,
body.jnks-active .fibofilters-popover.jnks-enhanced-popover .jnks-popover-reset-button.is-active:focus-visible {
	background: #111111 !important;
	color: #ffffff !important;
}


/* V20.3: Reset-Button robust aktiv einfärben, auch wenn Fibo intern den Zustand anders setzt */
body.jnks-active .fibofilters-popover.jnks-enhanced-popover .jnks-popover-footer:has(.jnks-popover-reset-button.is-active),
body.jnks-active .fibofilters-popover.jnks-enhanced-popover .jnks-popover-footer:has(.jnks-popover-reset-button[aria-disabled="false"]),
body.jnks-active .fibofilters-popover.jnks-enhanced-popover .jnks-popover-footer:has(.jnks-popover-reset-button:not([disabled])) {
	background: #202020 !important;
	border-top-color: #202020 !important;
}

body.jnks-active .fibofilters-popover.jnks-enhanced-popover .jnks-popover-reset-button.is-active,
body.jnks-active .fibofilters-popover.jnks-enhanced-popover .jnks-popover-reset-button[aria-disabled="false"],
body.jnks-active .fibofilters-popover.jnks-enhanced-popover .jnks-popover-reset-button:not([disabled]) {
	background: #202020 !important;
	border-top: 1px solid #202020 !important;
	color: #ffffff !important;
}

body.jnks-active .fibofilters-popover.jnks-enhanced-popover .jnks-popover-reset-button.is-active .jnks-popover-reset-icon,
body.jnks-active .fibofilters-popover.jnks-enhanced-popover .jnks-popover-reset-button[aria-disabled="false"] .jnks-popover-reset-icon,
body.jnks-active .fibofilters-popover.jnks-enhanced-popover .jnks-popover-reset-button:not([disabled]) .jnks-popover-reset-icon {
	color: #ffffff !important;
	opacity: 1 !important;
}

body.jnks-active .fibofilters-popover.jnks-enhanced-popover .jnks-popover-reset-button.is-active:hover,
body.jnks-active .fibofilters-popover.jnks-enhanced-popover .jnks-popover-reset-button.is-active:focus-visible,
body.jnks-active .fibofilters-popover.jnks-enhanced-popover .jnks-popover-reset-button[aria-disabled="false"]:hover,
body.jnks-active .fibofilters-popover.jnks-enhanced-popover .jnks-popover-reset-button[aria-disabled="false"]:focus-visible,
body.jnks-active .fibofilters-popover.jnks-enhanced-popover .jnks-popover-reset-button:not([disabled]):hover,
body.jnks-active .fibofilters-popover.jnks-enhanced-popover .jnks-popover-reset-button:not([disabled]):focus-visible {
	background: #111111 !important;
	color: #ffffff !important;
}


/* V20.4: Trigger + Dropdown wirklich als ein zusammenhaengendes Feld darstellen */
body.jnks-active .jnks-facet.is-open .fibofilters-popover.jnks-enhanced-popover,
body.jnks-active .jnks-mobile-facets-inline .jnks-mobile-facet.is-open .fibofilters-popover.jnks-enhanced-popover {
	left: 0 !important;
	right: 0 !important;
	width: 100% !important;
	min-width: 100% !important;
	max-width: none !important;
	margin-top: -1px !important;
	top: 100% !important;
	border-top: 0 !important;
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
	box-sizing: border-box !important;
}

body.jnks-active .jnks-facet.is-open .fibofilters-popover.jnks-enhanced-popover::before,
body.jnks-active .jnks-mobile-facets-inline .jnks-mobile-facet.is-open .fibofilters-popover.jnks-enhanced-popover::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 1px;
	background: #ffffff;
	pointer-events: none;
}

body.jnks-active .jnks-facet.is-open .jnks-facet-trigger,
body.jnks-active .jnks-mobile-facets-inline .jnks-mobile-facet.is-open .jnks-mobile-facet-trigger {
	position: relative;
	z-index: 36;
	box-shadow: inset 0 0 0 1px #2f2f2f !important;
}


/* V20.5: Oberen Leerraum im Dropdown fast komplett entfernen, damit es wie bei Jolifin naeher am Trigger sitzt */
body.jnks-active .jnks-facet.is-open .fibofilters-popover.jnks-enhanced-popover,
body.jnks-active .jnks-mobile-facets-inline .jnks-mobile-facet.is-open .fibofilters-popover.jnks-enhanced-popover {
	top: calc(100% - 1px) !important;
	margin-top: 0 !important;
	padding-top: 0 !important;
}

body.jnks-active .jnks-facet.is-open .fibofilters-popover.jnks-enhanced-popover::before,
body.jnks-active .jnks-mobile-facets-inline .jnks-mobile-facet.is-open .fibofilters-popover.jnks-enhanced-popover::before {
	display: none !important;
}

body.jnks-active .fibofilters-popover.jnks-enhanced-popover .fibofilters-popover__top-bar {
	position: absolute !important;
	top: 8px !important;
	right: 10px !important;
	left: auto !important;
	min-height: 0 !important;
	height: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	overflow: visible !important;
	z-index: 3 !important;
}

body.jnks-active .fibofilters-popover.jnks-enhanced-popover .fibofilters-popover-chevron {
	width: 24px !important;
	height: 24px !important;
}

body.jnks-active .fibofilters-popover.jnks-enhanced-popover .fibofilters-block,
body.jnks-active .fibofilters-popover.jnks-enhanced-popover .fibofilters-block__content,
body.jnks-active .fibofilters-popover.jnks-enhanced-popover .fibofilters-block__content-inner {
	padding-top: 8px !important;
}

body.jnks-active .fibofilters-popover.jnks-enhanced-popover ul.fibofilters-block__items-list {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

body.jnks-active .fibofilters-popover.jnks-enhanced-popover .fibofilters-item__interactive {
	min-height: 42px !important;
	padding-top: 6px !important;
	padding-bottom: 6px !important;
}


/* V21.1: Farb-Facetten vom generischen Checkbox-Layout isolieren */
body.jnks-active .fibofilters-popover.jnks-enhanced-popover .fibofilters-block--color ul.fibofilters-block__items-list {
	display: grid !important;
	grid-template-columns: repeat(auto-fill, 38px) !important;
	align-items: center !important;
	justify-content: start !important;
	gap: 12px !important;
	padding: 10px 12px 14px !important;
	margin: 0 !important;
}

body.jnks-active .fibofilters-popover.jnks-enhanced-popover .fibofilters-block--color .fibofilters-item--color {
	display: block !important;
	width: 38px !important;
	height: 38px !important;
	min-width: 38px !important;
	min-height: 38px !important;
	padding: 0 !important;
	margin: 0 !important;
}

body.jnks-active .fibofilters-popover.jnks-enhanced-popover .fibofilters-block--color .fibofilters-item--color > .fibofilters-item__interactive-wrapper,
body.jnks-active .fibofilters-popover.jnks-enhanced-popover .fibofilters-block--color .fibofilters-item--color .fibofilters-item__interactive {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 38px !important;
	height: 38px !important;
	min-height: 38px !important;
	padding: 0 !important;
	margin: 0 !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: transparent !important;
	box-shadow: none !important;
	transform: none !important;
}

body.jnks-active .fibofilters-popover.jnks-enhanced-popover .fibofilters-block--color .fibofilters-item__color {
	display: block !important;
	width: 36px !important;
	height: 36px !important;
	padding: 1px !important;
	border-radius: 999px !important;
	box-shadow: 0 0 0 1px #d7d7d7, 0 3px 8px rgba(0,0,0,.10) !important;
}

body.jnks-active .fibofilters-popover.jnks-enhanced-popover .fibofilters-block--color .fibofilters-item__color-inner {
	width: 100% !important;
	height: 100% !important;
	border-radius: 999px !important;
}

body.jnks-active .fibofilters-popover.jnks-enhanced-popover .fibofilters-block--color .fibofilters-item--color:hover > .fibofilters-item__interactive-wrapper,
body.jnks-active .fibofilters-popover.jnks-enhanced-popover .fibofilters-block--color .fibofilters-item--color.fibofilters-selected > .fibofilters-item__interactive-wrapper {
	transform: scale(1.08) !important;
}

body.jnks-active .fibofilters-popover.jnks-enhanced-popover .fibofilters-block--color .fibofilters-item--color.fibofilters-selected .fibofilters-item__color {
	box-shadow: 0 0 0 2px #202020, 0 4px 10px rgba(0,0,0,.14) !important;
}

body.jnks-active .jnks-section--flat {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

body.jnks-active .jnks-section--flat .jnks-section-header {
	display: none !important;
}


/* V21.2: WooCommerce-Kategoriebeschreibung sauber oben im Kategorie-Header */
body.jnks-active .jnks-category-description-wrap {
	width: min(calc(100% - 36px), 1180px);
	margin: clamp(18px, 2.2vw, 28px) auto clamp(24px, 3vw, 38px);
	padding: 0;
	position: static !important;
	left: auto !important;
	right: auto !important;
	transform: none !important;
	float: none !important;
	clear: both;
	box-sizing: border-box;
	text-align: left;
	overflow: visible !important;
}

body.jnks-active .jnks-category-description-wrap .jnks-category-description,
body.jnks-active .jnks-category-description-wrap .term-description,
body.jnks-active .jnks-category-description-wrap .archive-description,
body.jnks-active .jnks-category-description-wrap .taxonomy-description {
	display: block !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	position: static !important;
	left: auto !important;
	right: auto !important;
	top: auto !important;
	bottom: auto !important;
	transform: none !important;
	float: none !important;
	clip: auto !important;
	clip-path: none !important;
	overflow: visible !important;
	white-space: normal !important;
	text-align: left !important;
	color: #202020;
}

body.jnks-active .jnks-category-description-wrap h1,
body.jnks-active .jnks-category-description-wrap h2,
body.jnks-active .jnks-category-description-wrap h3 {
	max-width: 1100px;
	margin: 0 0 12px !important;
	padding: 0 !important;
	font-size: clamp(26px, 3vw, 42px) !important;
	font-weight: 650 !important;
	line-height: 1.15 !important;
	letter-spacing: -.02em !important;
	text-transform: none !important;
	white-space: normal !important;
	overflow-wrap: anywhere;
	word-break: normal;
	color: #202020 !important;
}

body.jnks-active .jnks-category-description-wrap p {
	max-width: 1000px;
	margin: 0 !important;
	padding: 0 !important;
	font-size: clamp(15px, 1.35vw, 18px) !important;
	line-height: 1.6 !important;
	white-space: normal !important;
	overflow-wrap: anywhere;
	color: #555 !important;
}

body.jnks-active .jnks-category-description-wrap + .jnks-fibofilters-slot,
body.jnks-active .jnks-generated-page-header + .jnks-fibofilters-slot {
	margin-top: 0 !important;
}

@media (max-width: 767px) {
	body.jnks-active .jnks-category-description-wrap {
		width: calc(100% - 28px);
		margin-top: 16px;
		margin-bottom: 24px;
	}

	body.jnks-active .jnks-category-description-wrap h1,
	body.jnks-active .jnks-category-description-wrap h2,
	body.jnks-active .jnks-category-description-wrap h3 {
		font-size: clamp(24px, 7vw, 32px) !important;
		line-height: 1.18 !important;
	}

	body.jnks-active .jnks-category-description-wrap p {
		font-size: 15px !important;
		line-height: 1.55 !important;
	}
}

/* V22: Hybridmodus – ungefiltert Sektionen, gefiltert ein gemeinsames Raster */


body.jnks-active .jnks-sections--filtered-flat {
	width: 100%;
}

body.jnks-active .jnks-filtered-summary {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	width: 100%;
	margin: 4px 0 18px;
	padding: 0 2px;
	box-sizing: border-box;
}

body.jnks-active .jnks-filtered-summary-count {
	font-size: 14px;
	line-height: 1.4;
	font-weight: 650;
	color: #555;
}

body.jnks-active .jnks-section--filtered {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

body.jnks-active .jnks-section--filtered .jnks-section-footer {
	margin-top: 24px;
}


@media (max-width: 767px) {
	body.jnks-active .jnks-filtered-summary {
		justify-content: flex-start;
		margin-bottom: 14px;
	}

	body.jnks-active .jnks-filtered-summary-count {
		font-size: 13px;
	}
}

/* V23: separate, native FiboFilters colour bar above the remaining facets */
body.jnks-active .jnks-fibofilters-slot--split-color {
	padding-top: clamp(16px, 2vw, 22px);
}

body.jnks-active .jnks-color-filter-shell {
	display: none;
	margin: 0 0 18px;
	padding: 0 0 18px;
	border-bottom: 1px solid #e5e5e5;
}

body.jnks-active .jnks-color-filter-shell.is-ready {
	display: block;
}

body.jnks-active .jnks-color-filter-title {
	margin: 0 0 12px !important;
	color: #202020;
	font-size: 12px !important;
	font-weight: 700 !important;
	line-height: 1.25 !important;
	letter-spacing: .08em;
	text-align: center;
	text-transform: uppercase;
}

body.jnks-active .jnks-fibofilters-colorbar,
body.jnks-active .jnks-fibofilters-colorbar .fibofilters-vertical-filters {
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

body.jnks-active .jnks-fibofilters-colorbar .fibofilters-applied-filters-container,
body.jnks-active .jnks-fibofilters-colorbar .fibofilters-block__headline,
body.jnks-active .jnks-fibofilters-colorbar .fibofilters-block__chevron-btn,
body.jnks-active .jnks-fibofilters-colorbar .fibofilters-item--more-less {
	display: none !important;
}

body.jnks-active .jnks-fibofilters-colorbar .fibofilters-block,
body.jnks-active .jnks-fibofilters-colorbar .fibofilters-block--collapsed {
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
}

body.jnks-active .jnks-fibofilters-colorbar .fibofilters-block__content,
body.jnks-active .jnks-fibofilters-colorbar .fibofilters-block--collapsed .fibofilters-block__content,
body.jnks-active .jnks-fibofilters-colorbar .fibofilters-block__content-inner,
body.jnks-active .jnks-fibofilters-colorbar .fibofilters-block__items-layout,
body.jnks-active .jnks-fibofilters-colorbar .fibofilters-block__items-list-wrapper {
	width: 100% !important;
	height: auto !important;
	max-height: none !important;
	margin: 0 !important;
	padding: 0 !important;
	opacity: 1 !important;
	visibility: visible !important;
	pointer-events: auto !important;
	overflow: visible !important;
}

body.jnks-active .jnks-fibofilters-colorbar .fibofilters-block--color ul.fibofilters-block__items-list {
	display: flex !important;
	flex-flow: row nowrap !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 7px !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 3px 4px 8px !important;
	list-style: none !important;
	overflow-x: auto !important;
	overflow-y: hidden !important;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: thin;
}

body.jnks-active .jnks-fibofilters-colorbar .fibofilters-item--color {
	position: relative;
	display: block !important;
	flex: 0 0 44px !important;
	width: 44px !important;
	height: 44px !important;
	min-width: 44px !important;
	min-height: 44px !important;
	margin: 0 !important;
	padding: 0 !important;
}

body.jnks-active .jnks-fibofilters-colorbar .fibofilters-item--color > .fibofilters-item__interactive-wrapper,
body.jnks-active .jnks-fibofilters-colorbar .fibofilters-item--color .fibofilters-item__interactive {
	position: relative;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 44px !important;
	height: 44px !important;
	min-height: 44px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 3px !important;
	background: transparent !important;
	box-shadow: none !important;
	transform: none !important;
	transition: transform .16s ease !important;
}

body.jnks-active .jnks-fibofilters-colorbar .fibofilters-item__color {
	position: relative;
	display: block !important;
	width: 42px !important;
	height: 42px !important;
	margin: 0 !important;
	padding: 1px !important;
	border-radius: 2px !important;
	background: #fff;
	box-shadow: 0 0 0 1px #d4d4d4 !important;
	box-sizing: border-box !important;
}

body.jnks-active .jnks-fibofilters-colorbar .fibofilters-item__color-inner {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	height: 100% !important;
	border-radius: 1px !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}

body.jnks-active .jnks-fibofilters-colorbar .fibofilters-item--color:hover > .fibofilters-item__interactive-wrapper,
body.jnks-active .jnks-fibofilters-colorbar .fibofilters-item--color:focus-within > .fibofilters-item__interactive-wrapper {
	transform: translateY(-2px) !important;
}

body.jnks-active .jnks-fibofilters-colorbar .fibofilters-item--color.fibofilters-selected > .fibofilters-item__interactive-wrapper {
	transform: none !important;
}

body.jnks-active .jnks-fibofilters-colorbar .fibofilters-item--color.fibofilters-selected .fibofilters-item__color {
	box-shadow: 0 0 0 2px #202020, 0 5px 12px rgba(0,0,0,.12) !important;
}

body.jnks-active .jnks-fibofilters-colorbar .fibofilters-item--color.fibofilters-selected .fibofilters-item__color::after {
	content: "✓";
	position: absolute;
	top: 50%;
	left: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	border-radius: 999px;
	background: rgba(255,255,255,.94);
	box-shadow: 0 1px 5px rgba(0,0,0,.22);
	color: #171717;
	font-size: 13px;
	font-weight: 800;
	line-height: 1;
	transform: translate(-50%, -50%);
	pointer-events: none;
}

body.jnks-active .jnks-fibofilters-colorbar .fibofilters-item--color.fibofilters-disabled {
	opacity: .35 !important;
}

body.jnks-active .jnks-standard-filter-shell,
body.jnks-active .jnks-standard-filter-shell .jnks-fibofilters-rest {
	width: 100%;
}

@media (max-width: 767px) {
	body.jnks-active .jnks-fibofilters-slot--split-color {
		padding: 13px 10px 10px !important;
	}

	body.jnks-active .jnks-color-filter-shell {
		margin-bottom: 12px;
		padding-bottom: 12px;
	}

	body.jnks-active .jnks-color-filter-title {
		margin-bottom: 9px !important;
		font-size: 11px !important;
	}

	body.jnks-active .jnks-fibofilters-colorbar .fibofilters-block--color ul.fibofilters-block__items-list {
		justify-content: flex-start !important;
		gap: 7px !important;
		padding: 3px 2px 8px !important;
	}

	body.jnks-active .jnks-fibofilters-colorbar .fibofilters-item--color,
	body.jnks-active .jnks-fibofilters-colorbar .fibofilters-item--color > .fibofilters-item__interactive-wrapper,
	body.jnks-active .jnks-fibofilters-colorbar .fibofilters-item--color .fibofilters-item__interactive {
		flex-basis: 38px !important;
		width: 38px !important;
		height: 38px !important;
		min-width: 38px !important;
		min-height: 38px !important;
	}

	body.jnks-active .jnks-fibofilters-colorbar .fibofilters-item__color {
		width: 36px !important;
		height: 36px !important;
	}
}


/* V25: groessere Bild-Swatches und grosszuegigere Filterfelder */
body.jnks-active .jnks-color-filter-shell {
	margin-bottom: 22px;
	padding-bottom: 22px;
}

body.jnks-active .jnks-color-filter-title {
	margin-bottom: 14px !important;
}

body.jnks-active .jnks-fibofilters-colorbar .fibofilters-block--color ul.fibofilters-block__items-list {
	gap: 10px !important;
	padding: 4px 6px 10px !important;
}

body.jnks-active .jnks-fibofilters-colorbar .fibofilters-item--color {
	flex: 0 0 60px !important;
	width: 60px !important;
	height: 60px !important;
	min-width: 60px !important;
	min-height: 60px !important;
}

body.jnks-active .jnks-fibofilters-colorbar .fibofilters-item--color > .fibofilters-item__interactive-wrapper,
body.jnks-active .jnks-fibofilters-colorbar .fibofilters-item--color .fibofilters-item__interactive {
	width: 60px !important;
	height: 60px !important;
	min-width: 60px !important;
	min-height: 60px !important;
	border-radius: 5px !important;
}

body.jnks-active .jnks-fibofilters-colorbar .fibofilters-item__color {
	width: 58px !important;
	height: 58px !important;
	padding: 2px !important;
	border-radius: 4px !important;
}

body.jnks-active .jnks-fibofilters-colorbar .fibofilters-item__color-inner {
	border-radius: 3px !important;
}

body.jnks-active .jnks-fibofilters-colorbar .fibofilters-item--color.fibofilters-selected .fibofilters-item__color::after {
	width: 22px;
	height: 22px;
	font-size: 14px;
}

body.jnks-active .jnks-fibofilters-slot .fibofilters-filter-button {
	min-height: 56px !important;
	padding: 15px 17px !important;
	font-size: 15px !important;
}

@media (max-width: 767px) {
	body.jnks-active .jnks-color-filter-shell {
		margin-bottom: 14px;
		padding-bottom: 14px;
	}

	body.jnks-active .jnks-color-filter-title {
		margin-bottom: 10px !important;
	}

	body.jnks-active .jnks-fibofilters-colorbar .fibofilters-block--color ul.fibofilters-block__items-list {
		gap: 8px !important;
		padding: 3px 2px 9px !important;
	}

	body.jnks-active .jnks-fibofilters-colorbar .fibofilters-item--color,
	body.jnks-active .jnks-fibofilters-colorbar .fibofilters-item--color > .fibofilters-item__interactive-wrapper,
	body.jnks-active .jnks-fibofilters-colorbar .fibofilters-item--color .fibofilters-item__interactive {
		flex-basis: 50px !important;
		width: 50px !important;
		height: 50px !important;
		min-width: 50px !important;
		min-height: 50px !important;
	}

	body.jnks-active .jnks-fibofilters-colorbar .fibofilters-item__color {
		width: 48px !important;
		height: 48px !important;
	}

	body.jnks-active .jnks-fibofilters-slot .fibofilters-filter-button {
		min-height: 52px !important;
		padding: 13px 15px !important;
		font-size: 14px !important;
	}
}




/* V28: Nach acht regulaeren Facetten weitere Filter ein- und ausklappen */
body.jnks-active .jnks-standard-filter-shell .fibofilters-filter-button.jnks-filter-overflow-hidden {
	display: none !important;
}

body.jnks-active .jnks-filter-overflow-toggle {
	display: block;
	width: max-content;
	max-width: 100%;
	margin: 14px auto 0;
	padding: 4px 2px;
	min-height: 0;
	height: auto;
	border: 0;
	border-bottom: 1px solid currentColor;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	appearance: none;
	-webkit-appearance: none;
	color: #222;
	font: inherit;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.35;
	letter-spacing: 0;
	text-align: center;
	text-transform: none;
	text-decoration: none;
	cursor: pointer;
	transition: color .18s ease, border-color .18s ease;
}

body.jnks-active .jnks-filter-overflow-toggle:hover,
body.jnks-active .jnks-filter-overflow-toggle:focus-visible {
	color: #e91e63;
	outline: none;
}

body.jnks-active .jnks-filter-overflow-toggle:focus-visible {
	box-shadow: 0 0 0 3px rgba(233, 30, 99, .16);
}

body.jnks-active .jnks-filter-overflow-toggle[hidden] {
	display: none !important;
}

@media (max-width: 767px) {
	body.jnks-active .jnks-filter-overflow-toggle {
		margin-top: 12px;
		font-size: 14px;
	}
}

/* V29: frueher sichtbare Filter, bereinigte mobile Farbstatus-Zeile und globaler Reset */
body.jnks-active .jnks-color-filter-shell {
	display: block !important;
	min-height: 96px;
}

body.jnks-active .jnks-color-filter-loading {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 60px;
	overflow: hidden;
}

body.jnks-active .jnks-color-filter-loading span {
	display: block;
	flex: 0 0 58px;
	width: 58px;
	height: 58px;
	border: 1px solid #dfdfdf;
	border-radius: 5px;
	background: linear-gradient(110deg, #f0f0f0 8%, #fafafa 18%, #f0f0f0 33%);
	background-size: 220% 100%;
	animation: jnks-color-skeleton 1.15s linear infinite;
}

body.jnks-active .jnks-color-filter-shell:not(.is-ready) .jnks-fibofilters-colorbar {
	position: absolute !important;
	left: -9999px !important;
	display: block !important;
	visibility: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

body.jnks-active .jnks-color-filter-shell.is-ready .jnks-color-filter-loading {
	display: none !important;
}

body.jnks-active .jnks-fibofilters-colorbar .fibofilters-mobile-overlay__label {
	display: none !important;
}

@keyframes jnks-color-skeleton {
	to { background-position-x: -220%; }
}

body.jnks-active .jnks-fibofilters-slot .fibofilters-applied-filter--clear-all {
	display: none !important;
}

body.jnks-active .jnks-filter-actions {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin-top: 12px;
}

body.jnks-active .jnks-global-reset-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 42px;
	padding: 10px 18px;
	border: 1px solid #202020;
	border-radius: 999px;
	background: #202020;
	box-shadow: none;
	appearance: none;
	-webkit-appearance: none;
	color: #fff;
	font: inherit;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.2;
	text-transform: none;
	cursor: pointer;
	transition: background-color .18s ease, border-color .18s ease, transform .18s ease, opacity .18s ease;
}

body.jnks-active .jnks-global-reset-button:hover,
body.jnks-active .jnks-global-reset-button:focus-visible {
	border-color: #111;
	background: #111;
	outline: none;
	transform: translateY(-1px);
}

body.jnks-active .jnks-global-reset-button:focus-visible {
	box-shadow: 0 0 0 3px rgba(32, 32, 32, .16);
}

body.jnks-active .jnks-global-reset-button.is-loading {
	opacity: .68;
	cursor: wait;
	transform: none;
}

body.jnks-active .jnks-global-reset-button[hidden] {
	display: none !important;
}

body.jnks-active .jnks-global-reset-icon {
	font-size: 16px;
	line-height: 1;
}

@media (max-width: 767px) {
	body.jnks-active .jnks-color-filter-loading {
		justify-content: flex-start;
		gap: 8px;
		min-height: 52px;
		padding: 2px;
		overflow: hidden;
	}

	body.jnks-active .jnks-color-filter-loading span {
		flex-basis: 48px;
		width: 48px;
		height: 48px;
	}

	body.jnks-active .jnks-filter-actions {
		margin-top: 10px;
	}

	body.jnks-active .jnks-global-reset-button {
		width: 100%;
		min-height: 48px;
		border-radius: 8px;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.jnks-active .jnks-color-filter-loading span {
		animation: none;
	}
}


/* V30: globalen Reset nur bei echten angewendeten Filter-Chips anzeigen */
body.jnks-active .jnks-filter-actions[hidden],
body.jnks-active .jnks-fibofilters-slot:not([data-jnks-reset-active="1"]) .jnks-filter-actions {
	display: none !important;
	margin-top: 0 !important;
}

body.jnks-active .jnks-fibofilters-slot[data-jnks-reset-active="1"] .jnks-filter-actions:not([hidden]) {
	display: flex;
}


/* V32: vollständiger nativer Mobile-Drawer statt colour-only Instanz */
@media (min-width: 768px) {
	body.jnks-active .jnks-fibofilters-mobile-full {
		display: none !important;
	}
}

@media (max-width: 767px) {
	/* Desktop/horizontal remains the desktop source. On phones the official
	   FiboFilters mobile placeholder owns the All-Filters trigger and drawer. */
	body.jnks-active .jnks-standard-filter-shell .jnks-fibofilters-rest {
		display: none !important;
	}

	body.jnks-active .jnks-standard-filter-shell .jnks-fibofilters-mobile-full,
	body.jnks-active .jnks-standard-filter-shell .jnks-fibofilters-mobile-full .fibofilters-mobile-filters {
		display: block !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
	}

	body.jnks-active .jnks-fibofilters-mobile-full .fibofilters-filter-button {
		display: none !important;
	}

	body.jnks-active .jnks-fibofilters-mobile-full .fibofilters-filter-button.js-fibofilters-filter-button-all-filters,
	body.jnks-active .jnks-fibofilters-mobile-full .fibofilters-filter-button.jnks-all-filters-button {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		width: 100% !important;
		min-height: 48px !important;
		margin: 0 !important;
		padding: 12px 15px !important;
		border: 1px solid #d7d7d7 !important;
		border-radius: 8px !important;
		background: #fff !important;
		box-shadow: none !important;
		color: #202020 !important;
		font-size: 14px !important;
		font-weight: 650 !important;
	}
}

/* The separate colour bar and the mobile all-filters drawer share the same
   Fibo state, but only the drawer must contain every available facet. */
body.jnks-active .fibofilters-mobile-overlay .fibofilters-block--color .fibofilters-mobile-overlay__label,
body.jnks-active .fibofilters-offcanvas .fibofilters-block--color .fibofilters-mobile-overlay__label {
	display: none !important;
}

@media (max-width: 767px) {
	body.jnks-active .fibofilters-mobile-overlay .fibofilters-block--color ul.fibofilters-block__items-list,
	body.jnks-active .fibofilters-offcanvas .fibofilters-block--color ul.fibofilters-block__items-list {
		display: flex !important;
		flex-flow: row wrap !important;
		align-items: center !important;
		gap: 8px !important;
	}

	body.jnks-active .fibofilters-mobile-overlay .fibofilters-block--color .fibofilters-item--color,
	body.jnks-active .fibofilters-offcanvas .fibofilters-block--color .fibofilters-item--color {
		flex: 0 0 auto !important;
		margin: 0 !important;
	}
}


/* V33: Tip-Bild-Swatches vollständig anzeigen statt mit cover abzuschneiden */
body.jnks-active .jnks-fibofilters-colorbar .fibofilters-item--color.jnks-image-color-swatch .fibofilters-item__color {
	padding: 3px !important;
	background: #fbfaf8 !important;
}

body.jnks-active .jnks-fibofilters-colorbar .fibofilters-item--color.jnks-image-color-swatch .fibofilters-item__color-inner {
	padding: 3px !important;
	box-sizing: border-box !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: contain !important;
	background-origin: content-box !important;
	background-clip: content-box !important;
	box-shadow: inset 0 0 0 1px rgba(32, 32, 32, .035);
}

body.jnks-active .jnks-fibofilters-colorbar .fibofilters-item--color.jnks-image-color-swatch .fibofilters-item__color-inner > img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	max-width: 100% !important;
	max-height: 100% !important;
	object-fit: contain !important;
	object-position: center !important;
}

@media (max-width: 767px) {
	body.jnks-active .jnks-fibofilters-colorbar .fibofilters-item--color.jnks-image-color-swatch .fibofilters-item__color {
		padding: 2px !important;
	}

	body.jnks-active .jnks-fibofilters-colorbar .fibofilters-item--color.jnks-image-color-swatch .fibofilters-item__color-inner {
		padding: 2px !important;
	}
}


/* V35: Größere Tip-Bild-Swatches ohne Zoom oder Beschnitt */
body.jnks-active .jnks-fibofilters-colorbar .fibofilters-item--color {
	flex: 0 0 66px !important;
	width: 66px !important;
	height: 66px !important;
	min-width: 66px !important;
	min-height: 66px !important;
}

body.jnks-active .jnks-fibofilters-colorbar .fibofilters-item--color > .fibofilters-item__interactive-wrapper,
body.jnks-active .jnks-fibofilters-colorbar .fibofilters-item--color .fibofilters-item__interactive {
	width: 66px !important;
	height: 66px !important;
	min-width: 66px !important;
	min-height: 66px !important;
}

body.jnks-active .jnks-fibofilters-colorbar .fibofilters-item__color {
	width: 64px !important;
	height: 64px !important;
}

body.jnks-active .jnks-fibofilters-colorbar .fibofilters-item--color.jnks-image-color-swatch .fibofilters-item__color {
	padding: 1px !important;
}

body.jnks-active .jnks-fibofilters-colorbar .fibofilters-item--color.jnks-image-color-swatch .fibofilters-item__color-inner {
	padding: 1px !important;
	overflow: hidden !important;
	background-size: contain !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
}

body.jnks-active .jnks-fibofilters-colorbar .fibofilters-item--color.jnks-image-color-swatch .fibofilters-item__color-inner > img {
	transform: none !important;
	object-fit: contain !important;
	object-position: center !important;
}

@media (max-width: 767px) {
	body.jnks-active .jnks-fibofilters-colorbar .fibofilters-item--color,
	body.jnks-active .jnks-fibofilters-colorbar .fibofilters-item--color > .fibofilters-item__interactive-wrapper,
	body.jnks-active .jnks-fibofilters-colorbar .fibofilters-item--color .fibofilters-item__interactive {
		flex-basis: 56px !important;
		width: 56px !important;
		height: 56px !important;
		min-width: 56px !important;
		min-height: 56px !important;
	}

	body.jnks-active .jnks-fibofilters-colorbar .fibofilters-item__color {
		width: 54px !important;
		height: 54px !important;
	}

	body.jnks-active .jnks-fibofilters-colorbar .fibofilters-item--color.jnks-image-color-swatch .fibofilters-item__color-inner {
		padding: 1px !important;
		background-size: contain !important;
	}

	body.jnks-active .jnks-fibofilters-colorbar .fibofilters-item--color.jnks-image-color-swatch .fibofilters-item__color-inner > img {
		transform: none !important;
		object-fit: contain !important;
	}
}


/* V36: Bildbasierte Farbtips im mobilen Alle-Filter-Drawer rechteckig und vollständig darstellen */
@media (max-width: 767px) {
	body.jnks-active .fibofilters-mobile-overlay .fibofilters-block--color .fibofilters-item--color.jnks-image-color-swatch,
	body.jnks-active .fibofilters-offcanvas .fibofilters-block--color .fibofilters-item--color.jnks-image-color-swatch {
		flex: 0 0 44px !important;
		width: 44px !important;
		height: 52px !important;
		min-width: 44px !important;
		min-height: 52px !important;
		padding: 0 !important;
		margin: 0 !important;
	}

	body.jnks-active .fibofilters-mobile-overlay .fibofilters-block--color .fibofilters-item--color.jnks-image-color-swatch > .fibofilters-item__interactive-wrapper,
	body.jnks-active .fibofilters-mobile-overlay .fibofilters-block--color .fibofilters-item--color.jnks-image-color-swatch .fibofilters-item__interactive,
	body.jnks-active .fibofilters-offcanvas .fibofilters-block--color .fibofilters-item--color.jnks-image-color-swatch > .fibofilters-item__interactive-wrapper,
	body.jnks-active .fibofilters-offcanvas .fibofilters-block--color .fibofilters-item--color.jnks-image-color-swatch .fibofilters-item__interactive {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 44px !important;
		height: 52px !important;
		min-width: 44px !important;
		min-height: 52px !important;
		padding: 0 !important;
		margin: 0 !important;
		border: 0 !important;
		border-radius: 7px !important;
		background: transparent !important;
		box-shadow: none !important;
		transform: none !important;
	}

	body.jnks-active .fibofilters-mobile-overlay .fibofilters-block--color .fibofilters-item--color.jnks-image-color-swatch .fibofilters-item__color,
	body.jnks-active .fibofilters-offcanvas .fibofilters-block--color .fibofilters-item--color.jnks-image-color-swatch .fibofilters-item__color {
		display: block !important;
		width: 42px !important;
		height: 50px !important;
		padding: 1px !important;
		border-radius: 6px !important;
		background: #fbfaf8 !important;
		box-sizing: border-box !important;
		box-shadow: 0 0 0 1px #d8d8d8, 0 3px 8px rgba(0, 0, 0, .08) !important;
		overflow: hidden !important;
	}

	body.jnks-active .fibofilters-mobile-overlay .fibofilters-block--color .fibofilters-item--color.jnks-image-color-swatch .fibofilters-item__color-inner,
	body.jnks-active .fibofilters-offcanvas .fibofilters-block--color .fibofilters-item--color.jnks-image-color-swatch .fibofilters-item__color-inner {
		display: block !important;
		width: 100% !important;
		height: 100% !important;
		padding: 1px !important;
		border-radius: 5px !important;
		box-sizing: border-box !important;
		background-position: center !important;
		background-repeat: no-repeat !important;
		background-size: contain !important;
		background-origin: content-box !important;
		background-clip: content-box !important;
		overflow: hidden !important;
	}

	body.jnks-active .fibofilters-mobile-overlay .fibofilters-block--color .fibofilters-item--color.jnks-image-color-swatch .fibofilters-item__color-inner > img,
	body.jnks-active .fibofilters-offcanvas .fibofilters-block--color .fibofilters-item--color.jnks-image-color-swatch .fibofilters-item__color-inner > img {
		display: block !important;
		width: 100% !important;
		height: 100% !important;
		max-width: 100% !important;
		max-height: 100% !important;
		object-fit: contain !important;
		object-position: center !important;
		transform: none !important;
	}

	body.jnks-active .fibofilters-mobile-overlay .fibofilters-block--color .fibofilters-item--color.jnks-image-color-swatch.fibofilters-selected .fibofilters-item__color,
	body.jnks-active .fibofilters-offcanvas .fibofilters-block--color .fibofilters-item--color.jnks-image-color-swatch.fibofilters-selected .fibofilters-item__color {
		box-shadow: 0 0 0 2px #202020, 0 4px 10px rgba(0, 0, 0, .14) !important;
	}
}


/* V37: Mobile Farbtips als horizontal scrollbare Ein-Zeilen-Leiste */
@media (max-width: 767px) {
	body.jnks-active .fibofilters-mobile-overlay .fibofilters-block--color ul.fibofilters-block__items-list,
	body.jnks-active .fibofilters-offcanvas .fibofilters-block--color ul.fibofilters-block__items-list {
		display: flex !important;
		flex-flow: row nowrap !important;
		align-items: center !important;
		justify-content: flex-start !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		padding: 0 10px 8px 0 !important;
		gap: 8px !important;
		overflow-x: auto !important;
		overflow-y: hidden !important;
		-webkit-overflow-scrolling: touch;
		overscroll-behavior-inline: contain;
		touch-action: pan-x;
		scroll-snap-type: x proximity;
		scroll-padding-inline: 0 12px;
		scrollbar-width: thin;
		scrollbar-color: #c8c8c8 transparent;
	}

	body.jnks-active .fibofilters-mobile-overlay .fibofilters-block--color ul.fibofilters-block__items-list::-webkit-scrollbar,
	body.jnks-active .fibofilters-offcanvas .fibofilters-block--color ul.fibofilters-block__items-list::-webkit-scrollbar {
		height: 4px;
	}

	body.jnks-active .fibofilters-mobile-overlay .fibofilters-block--color ul.fibofilters-block__items-list::-webkit-scrollbar-track,
	body.jnks-active .fibofilters-offcanvas .fibofilters-block--color ul.fibofilters-block__items-list::-webkit-scrollbar-track {
		background: transparent;
	}

	body.jnks-active .fibofilters-mobile-overlay .fibofilters-block--color ul.fibofilters-block__items-list::-webkit-scrollbar-thumb,
	body.jnks-active .fibofilters-offcanvas .fibofilters-block--color ul.fibofilters-block__items-list::-webkit-scrollbar-thumb {
		border-radius: 999px;
		background: #c8c8c8;
	}

	body.jnks-active .fibofilters-mobile-overlay .fibofilters-block--color .fibofilters-item--color,
	body.jnks-active .fibofilters-offcanvas .fibofilters-block--color .fibofilters-item--color {
		flex: 0 0 auto !important;
		flex-shrink: 0 !important;
		scroll-snap-align: start;
	}
}


/* V38: Bild-Swatches zuverlässig vorladen und leere Karten vermeiden */
body.jnks-active .fibofilters-item--color.jnks-color-image-pending .fibofilters-item__color-inner {
	position: relative;
	background-color: #f7f7f7 !important;
}

body.jnks-active .fibofilters-item--color.jnks-color-image-pending .fibofilters-item__color-inner::after {
	content: '';
	position: absolute;
	inset: 2px;
	border-radius: inherit;
	background: linear-gradient(110deg, rgba(235,235,235,.72) 8%, rgba(250,250,250,.9) 18%, rgba(235,235,235,.72) 33%);
	background-size: 220% 100%;
	animation: jnks-color-skeleton 1.15s linear infinite;
	pointer-events: none;
}

body.jnks-active .fibofilters-item--color.jnks-color-image-loaded .fibofilters-item__color-inner::after {
	display: none !important;
}

body.jnks-active .fibofilters-item--color.jnks-color-image-failed .fibofilters-item__color-inner {
	background-color: #fafafa !important;
}


/* V40: Schlankere, rahmenlose Nageltip-Swatches mit optischer Zentrierung.
   Die gelieferten Bilddateien enthalten rechts deutlich mehr Weissraum.
   Wir schneiden nur diesen Dateirand per CSS weg und verschieben das Motiv,
   ohne die Originaldateien oder die FiboFilters-Werte zu veraendern. */
body.jnks-active .jnks-fibofilters-colorbar .fibofilters-item--color.jnks-image-color-swatch {
	flex: 0 0 52px !important;
	width: 52px !important;
	height: 66px !important;
	min-width: 52px !important;
	min-height: 66px !important;
}

body.jnks-active .jnks-fibofilters-colorbar .fibofilters-item--color.jnks-image-color-swatch > .fibofilters-item__interactive-wrapper,
body.jnks-active .jnks-fibofilters-colorbar .fibofilters-item--color.jnks-image-color-swatch .fibofilters-item__interactive {
	width: 52px !important;
	height: 66px !important;
	min-width: 52px !important;
	min-height: 66px !important;
	border-radius: 10px !important;
}

body.jnks-active .jnks-fibofilters-colorbar .fibofilters-item--color.jnks-image-color-swatch .fibofilters-item__color {
	width: 50px !important;
	height: 64px !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 9px !important;
	background: transparent !important;
	box-shadow: none !important;
	overflow: hidden !important;
}

body.jnks-active .jnks-fibofilters-colorbar .fibofilters-item--color.jnks-image-color-swatch .fibofilters-item__color-inner {
	width: 100% !important;
	height: 100% !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 9px !important;
	background-color: #fafafa !important;
	background-position: calc(50% + 7px) 50% !important;
	background-repeat: no-repeat !important;
	background-size: auto 125% !important;
	background-blend-mode: multiply !important;
	box-shadow: none !important;
	overflow: hidden !important;
}

body.jnks-active .jnks-fibofilters-colorbar .fibofilters-item--color.jnks-image-color-swatch .fibofilters-item__color-inner > img {
	display: block !important;
	width: auto !important;
	height: 125% !important;
	max-width: none !important;
	max-height: none !important;
	margin: 0 auto !important;
	object-fit: contain !important;
	object-position: center !important;
	mix-blend-mode: multiply;
	transform: translateX(7px) !important;
	transform-origin: center !important;
}

body.jnks-active .jnks-fibofilters-colorbar .fibofilters-item--color.jnks-image-color-swatch:hover .fibofilters-item__color,
body.jnks-active .jnks-fibofilters-colorbar .fibofilters-item--color.jnks-image-color-swatch:focus-within .fibofilters-item__color {
	background: rgba(32, 32, 32, .035) !important;
	box-shadow: none !important;
}

body.jnks-active .jnks-fibofilters-colorbar .fibofilters-item--color.jnks-image-color-swatch.fibofilters-selected .fibofilters-item__color {
	background: #fff !important;
	box-shadow: 0 0 0 2px #202020, 0 5px 14px rgba(0, 0, 0, .12) !important;
}

/* Der Haken bleibt klar sichtbar, obwohl der Standardrahmen entfernt wurde. */
body.jnks-active .jnks-fibofilters-colorbar .fibofilters-item--color.jnks-image-color-swatch.fibofilters-selected .fibofilters-item__color::after {
	width: 21px !important;
	height: 21px !important;
	font-size: 13px !important;
}

/* Dieselbe optische Korrektur im mobilen Alle-Filter-Drawer. */
@media (max-width: 767px) {
	body.jnks-active .jnks-fibofilters-colorbar .fibofilters-item--color.jnks-image-color-swatch,
	body.jnks-active .jnks-fibofilters-colorbar .fibofilters-item--color.jnks-image-color-swatch > .fibofilters-item__interactive-wrapper,
	body.jnks-active .jnks-fibofilters-colorbar .fibofilters-item--color.jnks-image-color-swatch .fibofilters-item__interactive {
		flex-basis: 46px !important;
		width: 46px !important;
		height: 58px !important;
		min-width: 46px !important;
		min-height: 58px !important;
	}

	body.jnks-active .jnks-fibofilters-colorbar .fibofilters-item--color.jnks-image-color-swatch .fibofilters-item__color {
		width: 44px !important;
		height: 56px !important;
	}

	body.jnks-active .fibofilters-mobile-overlay .fibofilters-block--color .fibofilters-item--color.jnks-image-color-swatch,
	body.jnks-active .fibofilters-offcanvas .fibofilters-block--color .fibofilters-item--color.jnks-image-color-swatch {
		flex-basis: 42px !important;
		width: 42px !important;
		height: 54px !important;
		min-width: 42px !important;
		min-height: 54px !important;
	}

	body.jnks-active .fibofilters-mobile-overlay .fibofilters-block--color .fibofilters-item--color.jnks-image-color-swatch > .fibofilters-item__interactive-wrapper,
	body.jnks-active .fibofilters-mobile-overlay .fibofilters-block--color .fibofilters-item--color.jnks-image-color-swatch .fibofilters-item__interactive,
	body.jnks-active .fibofilters-offcanvas .fibofilters-block--color .fibofilters-item--color.jnks-image-color-swatch > .fibofilters-item__interactive-wrapper,
	body.jnks-active .fibofilters-offcanvas .fibofilters-block--color .fibofilters-item--color.jnks-image-color-swatch .fibofilters-item__interactive {
		width: 42px !important;
		height: 54px !important;
		min-width: 42px !important;
		min-height: 54px !important;
	}

	body.jnks-active .fibofilters-mobile-overlay .fibofilters-block--color .fibofilters-item--color.jnks-image-color-swatch .fibofilters-item__color,
	body.jnks-active .fibofilters-offcanvas .fibofilters-block--color .fibofilters-item--color.jnks-image-color-swatch .fibofilters-item__color {
		width: 40px !important;
		height: 52px !important;
		padding: 0 !important;
		border: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
	}

	body.jnks-active .fibofilters-mobile-overlay .fibofilters-block--color .fibofilters-item--color.jnks-image-color-swatch .fibofilters-item__color-inner,
	body.jnks-active .fibofilters-offcanvas .fibofilters-block--color .fibofilters-item--color.jnks-image-color-swatch .fibofilters-item__color-inner {
		padding: 0 !important;
		border: 0 !important;
		background-color: #fff !important;
		background-position: calc(50% + 5px) 50% !important;
		background-size: auto 125% !important;
		background-blend-mode: multiply !important;
		box-shadow: none !important;
	}

	body.jnks-active .fibofilters-mobile-overlay .fibofilters-block--color .fibofilters-item--color.jnks-image-color-swatch .fibofilters-item__color-inner > img,
	body.jnks-active .fibofilters-offcanvas .fibofilters-block--color .fibofilters-item--color.jnks-image-color-swatch .fibofilters-item__color-inner > img {
		width: auto !important;
		height: 125% !important;
		max-width: none !important;
		max-height: none !important;
		mix-blend-mode: multiply;
		transform: translateX(5px) !important;
	}

	body.jnks-active .fibofilters-mobile-overlay .fibofilters-block--color .fibofilters-item--color.jnks-image-color-swatch.fibofilters-selected .fibofilters-item__color,
	body.jnks-active .fibofilters-offcanvas .fibofilters-block--color .fibofilters-item--color.jnks-image-color-swatch.fibofilters-selected .fibofilters-item__color {
		background: #fff !important;
		box-shadow: 0 0 0 2px #202020, 0 4px 10px rgba(0, 0, 0, .12) !important;
	}
}

/* V41: Ausgewählte Wunschfarben im weicheren Juliana-Nails-Look.
   Statt der eher harten schwarzen Auswahlbox gibt es nun einen
   dezenteren Pink-Akzent, eine feine Aura und eine Badge oben rechts. */
body.jnks-active .jnks-fibofilters-colorbar .fibofilters-item--color.jnks-image-color-swatch.fibofilters-selected > .fibofilters-item__interactive-wrapper,
body.jnks-active .fibofilters-colorbar .fibofilters-item--color.jnks-image-color-swatch.fibofilters-selected .fibofilters-item__interactive {
	transform: translateY(-1px) !important;
}

body.jnks-active .jnks-fibofilters-colorbar .fibofilters-item--color.jnks-image-color-swatch.fibofilters-selected .fibofilters-item__color {
	background: linear-gradient(180deg, #ffffff 0%, #fff7fb 100%) !important;
	box-shadow: 0 0 0 2px #ef4f9a, 0 10px 22px rgba(239, 79, 154, .20), 0 3px 8px rgba(0, 0, 0, .08) !important;
}

body.jnks-active .jnks-fibofilters-colorbar .fibofilters-item--color.jnks-image-color-swatch.fibofilters-selected .fibofilters-item__color::after {
	top: 6px !important;
	right: 6px !important;
	left: auto !important;
	bottom: auto !important;
	transform: none !important;
	background: #ffffff !important;
	border: 1.5px solid rgba(239, 79, 154, .42) !important;
	box-shadow: 0 6px 14px rgba(239, 79, 154, .22) !important;
	color: #ef4f9a !important;
	font-weight: 700 !important;
}

body.jnks-active .jnks-fibofilters-colorbar .fibofilters-item--color.jnks-image-color-swatch:not(.fibofilters-selected):hover .fibofilters-item__color,
body.jnks-active .jnks-fibofilters-colorbar .fibofilters-item--color.jnks-image-color-swatch:not(.fibofilters-selected):focus-within .fibofilters-item__color {
	background: linear-gradient(180deg, #ffffff 0%, #fffafb 100%) !important;
	box-shadow: 0 0 0 1px rgba(239, 79, 154, .14), 0 6px 16px rgba(239, 79, 154, .08) !important;
}

body.jnks-active .jnks-fibofilters-slot .fibofilters-applied-filter {
	border-color: rgba(239, 79, 154, .22) !important;
	background: linear-gradient(180deg, #ffffff 0%, #fff8fc 100%) !important;
	box-shadow: 0 4px 12px rgba(239, 79, 154, .08) !important;
	color: #352932 !important;
}

body.jnks-active .jnks-fibofilters-slot .fibofilters-applied-filter:hover,
body.jnks-active .jnks-fibofilters-slot .fibofilters-applied-filter:focus-within {
	border-color: rgba(239, 79, 154, .34) !important;
	box-shadow: 0 6px 16px rgba(239, 79, 154, .12) !important;
}

body.jnks-active .jnks-fibofilters-slot .fibofilters-applied-filter .fibofilters-applied-filter__remove,
body.jnks-active .jnks-fibofilters-slot .fibofilters-applied-filter button,
body.jnks-active .jnks-fibofilters-slot .fibofilters-applied-filter svg {
	color: #ef4f9a !important;
	fill: #ef4f9a !important;
	stroke: #ef4f9a !important;
}

@media (max-width: 767px) {
	body.jnks-active .fibofilters-mobile-overlay .fibofilters-block--color .fibofilters-item--color.jnks-image-color-swatch.fibofilters-selected .fibofilters-item__color,
	body.jnks-active .fibofilters-offcanvas .fibofilters-block--color .fibofilters-item--color.jnks-image-color-swatch.fibofilters-selected .fibofilters-item__color {
		background: linear-gradient(180deg, #ffffff 0%, #fff7fb 100%) !important;
		box-shadow: 0 0 0 2px #ef4f9a, 0 8px 18px rgba(239, 79, 154, .18), 0 2px 7px rgba(0, 0, 0, .08) !important;
	}

	body.jnks-active .fibofilters-mobile-overlay .fibofilters-block--color .fibofilters-item--color.jnks-image-color-swatch.fibofilters-selected .fibofilters-item__color::after,
	body.jnks-active .fibofilters-offcanvas .fibofilters-block--color .fibofilters-item--color.jnks-image-color-swatch.fibofilters-selected .fibofilters-item__color::after {
		top: 5px !important;
		right: 5px !important;
		left: auto !important;
		bottom: auto !important;
		transform: none !important;
		width: 18px !important;
		height: 18px !important;
		font-size: 11px !important;
		background: #ffffff !important;
		border: 1.5px solid rgba(239, 79, 154, .42) !important;
		box-shadow: 0 5px 12px rgba(239, 79, 154, .2) !important;
		color: #ef4f9a !important;
		font-weight: 700 !important;
	}

	body.jnks-active .jnks-fibofilters-slot .fibofilters-applied-filter {
		padding: 8px 12px !important;
	}
}

/* V42: noch hochwertigerer Active-State für Wunschfarben im Juliana-Nails-Look */
body.jnks-active .jnks-fibofilters-colorbar .fibofilters-item--color.jnks-image-color-swatch {
	transition: transform .22s ease, filter .22s ease, opacity .22s ease !important;
}

body.jnks-active .jnks-fibofilters-colorbar .fibofilters-item--color.jnks-image-color-swatch:not(.fibofilters-selected) {
	opacity: .92;
	filter: saturate(.98);
}

body.jnks-active .jnks-fibofilters-colorbar .fibofilters-item--color.jnks-image-color-swatch:not(.fibofilters-selected):hover,
body.jnks-active .jnks-fibofilters-colorbar .fibofilters-item--color.jnks-image-color-swatch:not(.fibofilters-selected):focus-within {
	opacity: 1;
	transform: translateY(-1px);
	filter: saturate(1.03);
}

body.jnks-active .jnks-fibofilters-colorbar .fibofilters-item--color.jnks-image-color-swatch.fibofilters-selected {
	transform: translateY(-2px) scale(1.03) !important;
	z-index: 3;
}

body.jnks-active .jnks-fibofilters-colorbar .fibofilters-item--color.jnks-image-color-swatch.fibofilters-selected .fibofilters-item__color {
	border-radius: 16px !important;
	background: radial-gradient(circle at 50% 20%, rgba(255,255,255,.96) 0%, rgba(255,249,252,.96) 44%, rgba(255,244,249,.95) 100%) !important;
	box-shadow:
		0 0 0 1.5px rgba(239, 79, 154, .16),
		0 0 0 4px rgba(239, 79, 154, .08),
		0 12px 28px rgba(239, 79, 154, .20),
		0 6px 14px rgba(20, 20, 20, .08) !important;
}

body.jnks-active .jnks-fibofilters-colorbar .fibofilters-item--color.jnks-image-color-swatch.fibofilters-selected::before {
	content: '';
	position: absolute;
	inset: -4px;
	border-radius: 18px;
	background: linear-gradient(135deg, rgba(239,79,154,.14), rgba(255,255,255,0) 45%, rgba(239,79,154,.12));
	pointer-events: none;
	z-index: 0;
}

body.jnks-active .jnks-fibofilters-colorbar .fibofilters-item--color.jnks-image-color-swatch.fibofilters-selected .fibofilters-item__color::after {
	top: 5px !important;
	right: 5px !important;
	left: auto !important;
	bottom: auto !important;
	width: 21px !important;
	height: 21px !important;
	font-size: 12px !important;
	background: linear-gradient(180deg, #ffffff 0%, #fff7fb 100%) !important;
	border: 1.5px solid rgba(239, 79, 154, .45) !important;
	box-shadow: 0 8px 18px rgba(239, 79, 154, .22) !important;
	color: #ef4f9a !important;
}

body.jnks-active .jnks-fibofilters-slot .fibofilters-applied-filter {
	border-radius: 999px !important;
	padding: 8px 14px !important;
	border-color: rgba(239, 79, 154, .24) !important;
	background: linear-gradient(180deg, #ffffff 0%, #fff8fc 100%) !important;
	box-shadow: 0 5px 14px rgba(239, 79, 154, .09) !important;
	font-weight: 600 !important;
}

body.jnks-active .jnks-fibofilters-slot .fibofilters-applied-filter:hover,
body.jnks-active .jnks-fibofilters-slot .fibofilters-applied-filter:focus-within {
	transform: translateY(-1px);
	border-color: rgba(239, 79, 154, .36) !important;
	box-shadow: 0 8px 18px rgba(239, 79, 154, .12) !important;
}

@media (max-width: 767px) {
	body.jnks-active .fibofilters-mobile-overlay .fibofilters-block--color .fibofilters-item--color.jnks-image-color-swatch.fibofilters-selected,
	body.jnks-active .fibofilters-offcanvas .fibofilters-block--color .fibofilters-item--color.jnks-image-color-swatch.fibofilters-selected {
		transform: translateY(-1px) scale(1.02) !important;
	}

	body.jnks-active .fibofilters-mobile-overlay .fibofilters-block--color .fibofilters-item--color.jnks-image-color-swatch.fibofilters-selected .fibofilters-item__color,
	body.jnks-active .fibofilters-offcanvas .fibofilters-block--color .fibofilters-item--color.jnks-image-color-swatch.fibofilters-selected .fibofilters-item__color {
		border-radius: 14px !important;
		box-shadow:
			0 0 0 1.5px rgba(239, 79, 154, .16),
			0 0 0 3px rgba(239, 79, 154, .07),
			0 9px 20px rgba(239, 79, 154, .18),
			0 4px 10px rgba(20,20,20,.08) !important;
	}

	body.jnks-active .fibofilters-mobile-overlay .fibofilters-block--color .fibofilters-item--color.jnks-image-color-swatch.fibofilters-selected .fibofilters-item__color::after,
	body.jnks-active .fibofilters-offcanvas .fibofilters-block--color .fibofilters-item--color.jnks-image-color-swatch.fibofilters-selected .fibofilters-item__color::after {
		width: 18px !important;
		height: 18px !important;
		font-size: 11px !important;
		top: 4px !important;
		right: 4px !important;
	}
}

/* V43: ruhiger, konsistenter Auswahlzustand ohne Groessensprung. */
body.jnks-active .jnks-fibofilters-colorbar .fibofilters-item--color.jnks-image-color-swatch,
body.jnks-active .jnks-fibofilters-colorbar .fibofilters-item--color.jnks-image-color-swatch.fibofilters-selected,
body.jnks-active .jnks-fibofilters-colorbar .fibofilters-item--color.jnks-image-color-swatch.fibofilters-selected > .fibofilters-item__interactive-wrapper,
body.jnks-active .jnks-fibofilters-colorbar .fibofilters-item--color.jnks-image-color-swatch.fibofilters-selected .fibofilters-item__interactive {
	transform: none !important;
	scale: 1 !important;
}

body.jnks-active .jnks-fibofilters-colorbar .fibofilters-item--color.jnks-image-color-swatch {
	opacity: 1 !important;
	filter: none !important;
}

body.jnks-active .jnks-fibofilters-colorbar .fibofilters-item--color.jnks-image-color-swatch.fibofilters-selected::before {
	content: none !important;
	display: none !important;
}

body.jnks-active .jnks-fibofilters-colorbar .fibofilters-item--color.jnks-image-color-swatch.fibofilters-selected .fibofilters-item__color {
	border-radius: 11px !important;
	background: linear-gradient(180deg, #ffffff 0%, #fff9fc 100%) !important;
	box-shadow:
		0 0 0 1.5px rgba(239, 79, 154, .72),
		0 5px 14px rgba(239, 79, 154, .14),
		0 2px 7px rgba(0, 0, 0, .06) !important;
}

body.jnks-active .jnks-fibofilters-colorbar .fibofilters-item--color.jnks-image-color-swatch.fibofilters-selected .fibofilters-item__color::after {
	content: "✓" !important;
	top: 4px !important;
	right: 4px !important;
	left: auto !important;
	bottom: auto !important;
	width: 19px !important;
	height: 19px !important;
	transform: none !important;
	border: 2px solid #ffffff !important;
	border-radius: 999px !important;
	background: #ef4f9a !important;
	box-shadow: 0 4px 10px rgba(239, 79, 154, .24) !important;
	color: #ffffff !important;
	font-size: 11px !important;
	font-weight: 800 !important;
	line-height: 1 !important;
}

/* Alle-Filter-Drawer: dieselben rechteckigen Tip-Karten bei Desktop-Offcanvas und Mobile. */
body.jnks-active .fibofilters-mobile-overlay .fibofilters-block--color ul.fibofilters-block__items-list,
body.jnks-active .fibofilters-offcanvas .fibofilters-block--color ul.fibofilters-block__items-list {
	display: flex !important;
	flex-flow: row wrap !important;
	align-items: center !important;
	justify-content: flex-start !important;
	gap: 9px 8px !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 2px 2px 12px !important;
	overflow: visible !important;
}

body.jnks-active .fibofilters-mobile-overlay .fibofilters-block--color .fibofilters-item--color.jnks-image-color-swatch,
body.jnks-active .fibofilters-offcanvas .fibofilters-block--color .fibofilters-item--color.jnks-image-color-swatch,
body.jnks-active .fibofilters-mobile-overlay .fibofilters-block--color .fibofilters-item--color.jnks-image-color-swatch > .fibofilters-item__interactive-wrapper,
body.jnks-active .fibofilters-mobile-overlay .fibofilters-block--color .fibofilters-item--color.jnks-image-color-swatch .fibofilters-item__interactive,
body.jnks-active .fibofilters-offcanvas .fibofilters-block--color .fibofilters-item--color.jnks-image-color-swatch > .fibofilters-item__interactive-wrapper,
body.jnks-active .fibofilters-offcanvas .fibofilters-block--color .fibofilters-item--color.jnks-image-color-swatch .fibofilters-item__interactive {
	flex: 0 0 42px !important;
	width: 42px !important;
	height: 54px !important;
	min-width: 42px !important;
	min-height: 54px !important;
	margin: 0 !important;
	padding: 0 !important;
	transform: none !important;
	scale: 1 !important;
	border-radius: 11px !important;
}

body.jnks-active .fibofilters-mobile-overlay .fibofilters-block--color .fibofilters-item--color.jnks-image-color-swatch .fibofilters-item__color,
body.jnks-active .fibofilters-offcanvas .fibofilters-block--color .fibofilters-item--color.jnks-image-color-swatch .fibofilters-item__color {
	position: relative !important;
	width: 40px !important;
	height: 52px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 10px !important;
	background: transparent !important;
	box-shadow: none !important;
	overflow: hidden !important;
	transform: none !important;
}

body.jnks-active .fibofilters-mobile-overlay .fibofilters-block--color .fibofilters-item--color.jnks-image-color-swatch.fibofilters-selected,
body.jnks-active .fibofilters-offcanvas .fibofilters-block--color .fibofilters-item--color.jnks-image-color-swatch.fibofilters-selected,
body.jnks-active .fibofilters-mobile-overlay .fibofilters-block--color .fibofilters-item--color.jnks-image-color-swatch.fibofilters-selected > .fibofilters-item__interactive-wrapper,
body.jnks-active .fibofilters-mobile-overlay .fibofilters-block--color .fibofilters-item--color.jnks-image-color-swatch.fibofilters-selected .fibofilters-item__interactive,
body.jnks-active .fibofilters-offcanvas .fibofilters-block--color .fibofilters-item--color.jnks-image-color-swatch.fibofilters-selected > .fibofilters-item__interactive-wrapper,
body.jnks-active .fibofilters-offcanvas .fibofilters-block--color .fibofilters-item--color.jnks-image-color-swatch.fibofilters-selected .fibofilters-item__interactive {
	transform: none !important;
	scale: 1 !important;
}

body.jnks-active .fibofilters-mobile-overlay .fibofilters-block--color .fibofilters-item--color.jnks-image-color-swatch.fibofilters-selected .fibofilters-item__color,
body.jnks-active .fibofilters-offcanvas .fibofilters-block--color .fibofilters-item--color.jnks-image-color-swatch.fibofilters-selected .fibofilters-item__color {
	background: linear-gradient(180deg, #ffffff 0%, #fff9fc 100%) !important;
	box-shadow:
		0 0 0 1.5px rgba(239, 79, 154, .70),
		0 4px 12px rgba(239, 79, 154, .13),
		0 2px 6px rgba(0, 0, 0, .05) !important;
}

body.jnks-active .fibofilters-mobile-overlay .fibofilters-block--color .fibofilters-item--color.jnks-image-color-swatch.fibofilters-selected .fibofilters-item__color::after,
body.jnks-active .fibofilters-offcanvas .fibofilters-block--color .fibofilters-item--color.jnks-image-color-swatch.fibofilters-selected .fibofilters-item__color::after {
	content: "✓" !important;
	position: absolute !important;
	top: 3px !important;
	right: 3px !important;
	left: auto !important;
	bottom: auto !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 17px !important;
	height: 17px !important;
	transform: none !important;
	border: 2px solid #ffffff !important;
	border-radius: 999px !important;
	background: #ef4f9a !important;
	box-shadow: 0 3px 8px rgba(239, 79, 154, .23) !important;
	color: #ffffff !important;
	font-size: 10px !important;
	font-weight: 800 !important;
	line-height: 1 !important;
}

/* Desktop: aktive Chips und Reset kompakt in einer Aktionszeile. */
@media (min-width: 768px) {
	body.jnks-active .jnks-fibofilters-slot {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		column-gap: 16px;
		align-items: end;
	}

	body.jnks-active .jnks-fibofilters-slot > .jnks-color-filter-shell,
	body.jnks-active .jnks-fibofilters-slot > .jnks-standard-filter-shell {
		grid-column: 1 / -1;
	}

	body.jnks-active .jnks-fibofilters-slot > .fibofilters-applied-filters-container {
		grid-column: 1;
		min-width: 0;
		margin-top: 12px !important;
		padding-top: 10px !important;
	}

	body.jnks-active .jnks-fibofilters-slot > .jnks-filter-actions {
		grid-column: 2;
		width: auto;
		margin-top: 12px;
		padding-top: 10px;
		align-self: stretch;
		justify-content: flex-end;
		border-top: 1px solid #e5e5e5;
	}

	body.jnks-active .jnks-global-reset-button {
		min-height: 38px;
		padding: 8px 15px;
		font-size: 13px;
	}
}

@media (max-width: 767px) {
	/* Auf echten Smartphones bleibt die von V37 gewuenschte horizontale Wischleiste erhalten. */
	body.jnks-active .fibofilters-mobile-overlay .fibofilters-block--color ul.fibofilters-block__items-list,
	body.jnks-active .fibofilters-offcanvas .fibofilters-block--color ul.fibofilters-block__items-list {
		flex-flow: row nowrap !important;
		padding-right: 12px !important;
		overflow-x: auto !important;
		overflow-y: hidden !important;
		-webkit-overflow-scrolling: touch;
		scroll-snap-type: x proximity;
	}
}

/* V44: Doppelte Checkmarks verhindern.
   FiboFilters rendert bei ausgewählten Color-Werten ein eigenes SVG direkt
   innerhalb von .fibofilters-item__color-inner. Unser JN-Badge liegt bewusst
   als ::after auf .fibofilters-item__color. Deshalb wird nur das native SVG
   in den von uns gestalteten Bild-Swatches ausgeblendet. */
body.jnks-active .jnks-fibofilters-colorbar .fibofilters-item--color.jnks-image-color-swatch.fibofilters-selected .fibofilters-item__color-inner > svg,
body.jnks-active .fibofilters-mobile-overlay .fibofilters-block--color .fibofilters-item--color.jnks-image-color-swatch.fibofilters-selected .fibofilters-item__color-inner > svg,
body.jnks-active .fibofilters-offcanvas .fibofilters-block--color .fibofilters-item--color.jnks-image-color-swatch.fibofilters-selected .fibofilters-item__color-inner > svg {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

/* V45: Bildmotiv statt Dateicanvas im Alle-Filter-Drawer zentrieren.
   Die Quellbilder enthalten unterschiedlich viel weißen Leerraum. JavaScript
   analysiert die sichtbare Motivbox und liefert pro Swatch Skalierung/Versatz. */
body.jnks-active .fibofilters-mobile-overlay .fibofilters-block--color .fibofilters-item--color.jnks-drawer-tip-normalized .fibofilters-item__color-inner,
body.jnks-active .fibofilters-offcanvas .fibofilters-block--color .fibofilters-item--color.jnks-drawer-tip-normalized .fibofilters-item__color-inner {
	position: relative !important;
	isolation: isolate;
	padding: 0 !important;
	background-color: #ffffff !important;
	background-image: none !important;
	background-blend-mode: normal !important;
	overflow: hidden !important;
}

body.jnks-active .fibofilters-mobile-overlay .fibofilters-block--color .fibofilters-item--color.jnks-drawer-tip-normalized .fibofilters-item__color-inner > img,
body.jnks-active .fibofilters-offcanvas .fibofilters-block--color .fibofilters-item--color.jnks-drawer-tip-normalized .fibofilters-item__color-inner > img {
	position: absolute !important;
	inset: 0 !important;
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	max-height: none !important;
	margin: 0 !important;
	padding: 0 !important;
	object-fit: contain !important;
	object-position: center !important;
	mix-blend-mode: multiply;
	transform: translate(var(--jnks-drawer-tip-x, 3px), var(--jnks-drawer-tip-y, 0px)) scale(var(--jnks-drawer-tip-scale, 1.08)) !important;
	transform-origin: 50% 50% !important;
	transition: transform .18s ease !important;
	pointer-events: none !important;
	z-index: 1;
}

body.jnks-active .fibofilters-mobile-overlay .fibofilters-block--color .fibofilters-item--color.jnks-drawer-tip-normalized .fibofilters-item__color-inner > svg,
body.jnks-active .fibofilters-offcanvas .fibofilters-block--color .fibofilters-item--color.jnks-drawer-tip-normalized .fibofilters-item__color-inner > svg {
	z-index: 3;
}

body.jnks-active .fibofilters-mobile-overlay .fibofilters-block--color .fibofilters-item--color.jnks-drawer-tip-normalized .fibofilters-item__color,
body.jnks-active .fibofilters-offcanvas .fibofilters-block--color .fibofilters-item--color.jnks-drawer-tip-normalized .fibofilters-item__color {
	background: #ffffff !important;
}

@media (prefers-reduced-motion: reduce) {
	body.jnks-active .fibofilters-mobile-overlay .fibofilters-block--color .fibofilters-item--color.jnks-drawer-tip-normalized .fibofilters-item__color-inner > img,
	body.jnks-active .fibofilters-offcanvas .fibofilters-block--color .fibofilters-item--color.jnks-drawer-tip-normalized .fibofilters-item__color-inner > img {
		transition: none !important;
	}
}

/* V46: Drawer-Tips optisch wirklich zentrieren.
   Die Quellbilder besitzen einen grossen, asymmetrischen weissen Dateicanvas.
   Im Drawer verzichten wir daher auf die sichtbare Standardkarte und lassen
   nur Motiv sowie den aktiven JN-Auswahlzustand wirken. */
body.jnks-active .fibofilters-mobile-overlay .fibofilters-block--color .fibofilters-item--color.jnks-image-color-swatch .fibofilters-item__color,
body.jnks-active .fibofilters-offcanvas .fibofilters-block--color .fibofilters-item--color.jnks-image-color-swatch .fibofilters-item__color {
	background: transparent !important;
	box-shadow: none !important;
	overflow: visible !important;
}

body.jnks-active .fibofilters-mobile-overlay .fibofilters-block--color .fibofilters-item--color.jnks-drawer-tip-normalized .fibofilters-item__color-inner,
body.jnks-active .fibofilters-offcanvas .fibofilters-block--color .fibofilters-item--color.jnks-drawer-tip-normalized .fibofilters-item__color-inner {
	background-color: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	overflow: visible !important;
}

body.jnks-active .fibofilters-mobile-overlay .fibofilters-block--color .fibofilters-item--color.jnks-drawer-tip-normalized .fibofilters-item__color-inner > img,
body.jnks-active .fibofilters-offcanvas .fibofilters-block--color .fibofilters-item--color.jnks-drawer-tip-normalized .fibofilters-item__color-inner > img {
	transform: translate(var(--jnks-drawer-tip-x, 7px), var(--jnks-drawer-tip-y, 0px)) scale(var(--jnks-drawer-tip-scale, 1.10)) !important;
	filter: drop-shadow(0 4px 5px rgba(24, 24, 24, .12));
}

/* Der aktive Zustand bekommt weiterhin eine klare, aber ruhige JN-Karte. */
body.jnks-active .fibofilters-mobile-overlay .fibofilters-block--color .fibofilters-item--color.jnks-image-color-swatch.fibofilters-selected .fibofilters-item__color,
body.jnks-active .fibofilters-offcanvas .fibofilters-block--color .fibofilters-item--color.jnks-image-color-swatch.fibofilters-selected .fibofilters-item__color {
	background: rgba(255, 248, 252, .82) !important;
	box-shadow: 0 0 0 1.5px rgba(239, 79, 154, .58), 0 6px 14px rgba(239, 79, 154, .13) !important;
	overflow: visible !important;
}

/* Hover ohne weisse Box; nur ein sehr leichter Lift des Motives. */
body.jnks-active .fibofilters-mobile-overlay .fibofilters-block--color .fibofilters-item--color.jnks-image-color-swatch:not(.fibofilters-selected):hover .fibofilters-item__color-inner > img,
body.jnks-active .fibofilters-offcanvas .fibofilters-block--color .fibofilters-item--color.jnks-image-color-swatch:not(.fibofilters-selected):hover .fibofilters-item__color-inner > img {
	filter: drop-shadow(0 6px 7px rgba(24, 24, 24, .16));
}

/* V47: Drawer-Tips vollständig sichtbar statt aggressiv gecroppt.
   Die Geometrie-Korrektur darf nur zentrieren, nicht hineinzoomen. */
body.jnks-active .fibofilters-mobile-overlay .fibofilters-block--color .fibofilters-item--color.jnks-image-color-swatch,
body.jnks-active .fibofilters-offcanvas .fibofilters-block--color .fibofilters-item--color.jnks-image-color-swatch,
body.jnks-active .fibofilters-mobile-overlay .fibofilters-block--color .fibofilters-item--color.jnks-image-color-swatch > .fibofilters-item__interactive-wrapper,
body.jnks-active .fibofilters-offcanvas .fibofilters-block--color .fibofilters-item--color.jnks-image-color-swatch > .fibofilters-item__interactive-wrapper,
body.jnks-active .fibofilters-mobile-overlay .fibofilters-block--color .fibofilters-item--color.jnks-image-color-swatch .fibofilters-item__interactive,
body.jnks-active .fibofilters-offcanvas .fibofilters-block--color .fibofilters-item--color.jnks-image-color-swatch .fibofilters-item__interactive {
	background: transparent !important;
	box-shadow: none !important;
	overflow: visible !important;
}

body.jnks-active .fibofilters-mobile-overlay .fibofilters-block--color .fibofilters-item--color.jnks-drawer-tip-normalized .fibofilters-item__color,
body.jnks-active .fibofilters-offcanvas .fibofilters-block--color .fibofilters-item--color.jnks-drawer-tip-normalized .fibofilters-item__color {
	padding: 3px !important;
	background: transparent !important;
	box-shadow: none !important;
	overflow: visible !important;
}

body.jnks-active .fibofilters-mobile-overlay .fibofilters-block--color .fibofilters-item--color.jnks-drawer-tip-normalized .fibofilters-item__color-inner,
body.jnks-active .fibofilters-offcanvas .fibofilters-block--color .fibofilters-item--color.jnks-drawer-tip-normalized .fibofilters-item__color-inner {
	position: relative !important;
	padding: 2px !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	overflow: visible !important;
}

body.jnks-active .fibofilters-mobile-overlay .fibofilters-block--color .fibofilters-item--color.jnks-drawer-tip-normalized .fibofilters-item__color-inner > img,
body.jnks-active .fibofilters-offcanvas .fibofilters-block--color .fibofilters-item--color.jnks-drawer-tip-normalized .fibofilters-item__color-inner > img {
	position: absolute !important;
	inset: 2px !important;
	width: calc(100% - 4px) !important;
	height: calc(100% - 4px) !important;
	max-width: calc(100% - 4px) !important;
	max-height: calc(100% - 4px) !important;
	object-fit: contain !important;
	object-position: center !important;
	transform: translate(var(--jnks-drawer-tip-x, 2px), var(--jnks-drawer-tip-y, 0px)) scale(var(--jnks-drawer-tip-scale, .92)) !important;
	transform-origin: center center !important;
	filter: drop-shadow(0 3px 4px rgba(24, 24, 24, .10));
}

/* Nur bei aktiver Auswahl erscheint eine dezente JN-Karte. */
body.jnks-active .fibofilters-mobile-overlay .fibofilters-block--color .fibofilters-item--color.jnks-image-color-swatch.fibofilters-selected .fibofilters-item__color,
body.jnks-active .fibofilters-offcanvas .fibofilters-block--color .fibofilters-item--color.jnks-image-color-swatch.fibofilters-selected .fibofilters-item__color {
	background: rgba(255, 248, 252, .88) !important;
	box-shadow: 0 0 0 1.5px rgba(239, 79, 154, .50), 0 5px 12px rgba(239, 79, 154, .11) !important;
}

/* V48: kategorieweise steuerbare Module für Preis, Sortierung und „Alle Filter“. */
body.jnks-active .jnks-ordering-shell {
	display: flex;
	align-items: stretch;
	min-width: 0;
	width: 100%;
	margin: 0;
}

body.jnks-active .jnks-ordering-shell .fibofilters-ordering {
	display: flex;
	align-items: stretch;
	width: 100%;
	min-width: 0;
}

body.jnks-active .jnks-ordering-shell select.fibofilters-orderby,
body.jnks-active .jnks-ordering-shell select[name="orderby"] {
	appearance: none !important;
	-webkit-appearance: none !important;
	display: block !important;
	width: 100% !important;
	min-width: 0 !important;
	min-height: 56px !important;
	margin: 0 !important;
	padding: 14px 48px 14px 17px !important;
	border: 1px solid #d7d7d7 !important;
	border-radius: 8px !important;
	background-color: #ffffff !important;
	background-image: linear-gradient(45deg, transparent 50%, #6d6d6d 50%), linear-gradient(135deg, #6d6d6d 50%, transparent 50%) !important;
	background-position: calc(100% - 22px) 50%, calc(100% - 16px) 50% !important;
	background-size: 6px 6px, 6px 6px !important;
	background-repeat: no-repeat !important;
	box-shadow: none !important;
	color: #242424 !important;
	font: inherit !important;
	font-size: 15px !important;
	font-weight: 500 !important;
	line-height: 1.2 !important;
	cursor: pointer;
	transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}

body.jnks-active .jnks-ordering-shell select.fibofilters-orderby:hover,
body.jnks-active .jnks-ordering-shell select[name="orderby"]:hover {
	border-color: rgba(239, 79, 154, .38) !important;
}

body.jnks-active .jnks-ordering-shell select.fibofilters-orderby:focus,
body.jnks-active .jnks-ordering-shell select[name="orderby"]:focus {
	border-color: #ef4f9a !important;
	box-shadow: 0 0 0 3px rgba(239, 79, 154, .12) !important;
	outline: none !important;
}

body.jnks-active .jnks-all-filters-disabled .jnks-all-filters-button,
body.jnks-active.jnks-all-filters-disabled .jnks-all-filters-button {
	display: none !important;
}

body.jnks-active .jnks-fibofilters-slot .fibofilters-filter-button[hidden] {
	display: none !important;
}

@media (min-width: 768px) {
	body.jnks-active .jnks-fibofilters-slot .fibofilters-horizontal-filters > .jnks-ordering-shell {
		align-self: stretch;
	}
}

@media (max-width: 767px) {
	body.jnks-active .jnks-ordering-shell {
		margin: 0 0 8px;
	}

	body.jnks-active .jnks-ordering-shell select.fibofilters-orderby,
	body.jnks-active .jnks-ordering-shell select[name="orderby"] {
		min-height: 52px !important;
		padding: 13px 46px 13px 15px !important;
		border-radius: 8px !important;
		font-size: 14px !important;
	}
}

/* V51: Produktsortierung als ruhiges JN/FiboFilters-Feld statt sichtbarem Native-Select. */
body.jnks-active .jnks-ordering-shell {
	position: relative;
	isolation: isolate;
	min-height: 52px;
	border-radius: 8px;
}

body.jnks-active .jnks-ordering-shell::before {
	content: attr(data-jnks-ordering-label);
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	right: 46px;
	bottom: 0;
	display: flex;
	align-items: center;
	padding: 13px 0 13px 16px;
	color: #3d3d3d;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.2;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	pointer-events: none;
}

body.jnks-active .jnks-ordering-shell::after {
	content: '';
	position: absolute;
	z-index: 2;
	top: 50%;
	right: 18px;
	width: 7px;
	height: 7px;
	border-right: 1.5px solid #6f6f6f;
	border-bottom: 1.5px solid #6f6f6f;
	transform: translateY(-68%) rotate(45deg);
	pointer-events: none;
}

body.jnks-active .jnks-ordering-shell .fibofilters-ordering {
	position: relative;
	z-index: 1;
}

body.jnks-active .jnks-ordering-shell select.fibofilters-orderby,
body.jnks-active .jnks-ordering-shell select[name="orderby"] {
	min-height: 52px !important;
	padding: 13px 46px 13px 16px !important;
	border: 1px solid #d9d9d9 !important;
	border-radius: 8px !important;
	background: #fff !important;
	background-image: none !important;
	box-shadow: none !important;
	color: transparent !important;
	text-shadow: none !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	outline: none !important;
	cursor: pointer;
}

body.jnks-active .jnks-ordering-shell select.fibofilters-orderby option,
body.jnks-active .jnks-ordering-shell select[name="orderby"] option {
	color: #242424 !important;
	background: #fff !important;
	font-weight: 500 !important;
}

body.jnks-active .jnks-ordering-shell:hover select.fibofilters-orderby,
body.jnks-active .jnks-ordering-shell:hover select[name="orderby"] {
	border-color: #bfbfbf !important;
	box-shadow: 0 5px 14px rgba(0,0,0,.035) !important;
}

body.jnks-active .jnks-ordering-shell:focus-within select.fibofilters-orderby,
body.jnks-active .jnks-ordering-shell:focus-within select[name="orderby"] {
	border-color: #252525 !important;
	box-shadow: 0 6px 16px rgba(0,0,0,.055) !important;
	outline: none !important;
}

body.jnks-active .jnks-ordering-shell:focus-within::after {
	border-color: #252525;
}

@media (max-width: 767px) {
	body.jnks-active .jnks-ordering-shell,
	body.jnks-active .jnks-ordering-shell select.fibofilters-orderby,
	body.jnks-active .jnks-ordering-shell select[name="orderby"] {
		min-height: 50px !important;
	}

	body.jnks-active .jnks-ordering-shell::before {
		padding-left: 15px;
		font-size: 14px;
	}
}

/* V53: Sortier-Select bleibt auch nach dem Öffnen von „Alle Filter“ stabil offen. */
body.jnks-active.jnks-ordering-interacting .jnks-ordering-shell {
	z-index: 1000003;
}

body.jnks-active.jnks-ordering-interacting .jnks-ordering-shell select.fibofilters-orderby,
body.jnks-active.jnks-ordering-interacting .jnks-ordering-shell select[name="orderby"] {
	position: relative;
	z-index: 3;
	border-color: #252525 !important;
	box-shadow: 0 6px 16px rgba(0,0,0,.055) !important;
}

/* V54: native WooCommerce/Shoptimizer-Sortierung niemals zusätzlich anzeigen. */
body.jnks-active .jnks-native-ordering-control,
body.jnks-active .jnks-native-orderby-select,
body.jnks-active form.woocommerce-ordering,
body.jnks-active .woocommerce-ordering,
body.jnks-active .shoptimizer-sorting select.orderby,
body.jnks-active .shoptimizer-ordering select.orderby,
body.jnks-active .commercekit-ordering select.orderby,
body.jnks-active select.orderby:not(.jnks-orderby-select),
body.jnks-active select[name="orderby"]:not(.jnks-orderby-select) {
	display: none !important;
	visibility: hidden !important;
	width: 0 !important;
	height: 0 !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	overflow: hidden !important;
}

/* Das einzige erlaubte Sortierfeld ist der FiboFilters-Select in der JN-Shell. */
body.jnks-active .jnks-ordering-shell select.fibofilters-orderby,
body.jnks-active .jnks-ordering-shell select[name="orderby"],
body.jnks-active .jnks-ordering-shell select.orderby {
	display: block !important;
	visibility: visible !important;
	width: 100% !important;
	height: auto !important;
	min-height: 52px !important;
	margin: 0 !important;
	padding: 13px 46px 13px 16px !important;
	border: 1px solid #d9d9d9 !important;
	overflow: visible !important;
}

/* V55: kompakter und vollständiger mobiler Alle-Filter-Drawer. */
body.jnks-active .jnks-mobile-filter-drawer .jnks-drawer-price-presets {
	display: none !important;
	visibility: hidden !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
}

body.jnks-active .jnks-mobile-filter-drawer .jnks-drawer-ordering-block {
	padding: 16px 0 18px;
	border-bottom: 1px solid #f0f0f0;
}

body.jnks-active .jnks-mobile-filter-drawer .jnks-drawer-ordering-title {
	margin: 0 0 12px;
	color: #171717;
	font-size: 20px;
	font-weight: 650;
	line-height: 1.25;
}

body.jnks-active .jnks-mobile-filter-drawer .jnks-drawer-ordering-control {
	position: relative;
}

body.jnks-active .jnks-mobile-filter-drawer .jnks-drawer-ordering-control::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 17px;
	width: 7px;
	height: 7px;
	border-right: 1.5px solid #6f6f6f;
	border-bottom: 1.5px solid #6f6f6f;
	transform: translateY(-68%) rotate(45deg);
	pointer-events: none;
}

body.jnks-active .jnks-mobile-filter-drawer select.jnks-drawer-orderby {
	-webkit-appearance: none !important;
	appearance: none !important;
	display: block !important;
	width: 100% !important;
	min-height: 48px !important;
	margin: 0 !important;
	padding: 12px 44px 12px 14px !important;
	border: 1px solid #cfcfcf !important;
	border-radius: 8px !important;
	background: #fff !important;
	box-shadow: none !important;
	color: #242424 !important;
	font: inherit !important;
	font-size: 15px !important;
	font-weight: 500 !important;
	line-height: 1.25 !important;
	outline: none !important;
}

body.jnks-active .jnks-mobile-filter-drawer select.jnks-drawer-orderby:focus {
	border-color: #252525 !important;
	box-shadow: 0 0 0 2px rgba(37, 37, 37, .08) !important;
}

body.jnks-active .jnks-mobile-filter-drawer .jnks-drawer-deckkraft-block .fibofilters-item__label {
	font-weight: 400 !important;
}

@media (max-width: 767px) {
	body.jnks-active .jnks-mobile-filter-drawer .fibofilters-block--color ul.fibofilters-block__items-list {
		gap: 8px 7px !important;
	}

	body.jnks-active .jnks-mobile-filter-drawer .fibofilters-block--color .fibofilters-item--color.jnks-image-color-swatch,
	body.jnks-active .jnks-mobile-filter-drawer .fibofilters-block--color .fibofilters-item--color.jnks-image-color-swatch > .fibofilters-item__interactive-wrapper,
	body.jnks-active .jnks-mobile-filter-drawer .fibofilters-block--color .fibofilters-item--color.jnks-image-color-swatch .fibofilters-item__interactive {
		flex: 0 0 48px !important;
		width: 48px !important;
		height: 58px !important;
		min-width: 48px !important;
		min-height: 58px !important;
	}

	body.jnks-active .jnks-mobile-filter-drawer .fibofilters-block--color .fibofilters-item--color.jnks-image-color-swatch .fibofilters-item__color {
		width: 46px !important;
		height: 56px !important;
		padding: 2px !important;
	}

	body.jnks-active .jnks-mobile-filter-drawer .fibofilters-block--color .fibofilters-item--color.jnks-drawer-tip-normalized .fibofilters-item__color-inner > img {
		transform: translate(var(--jnks-drawer-tip-x, 2px), var(--jnks-drawer-tip-y, 0px)) scale(var(--jnks-drawer-tip-scale, .98)) !important;
		filter: drop-shadow(0 3px 5px rgba(24, 24, 24, .11));
	}
}


/* V60: vier Filterfelder pro Desktopreihe, maximal zwei Reihen vor dem Aufklappen. */
@media (min-width: 1024px) {
	body.jnks-active .jnks-fibofilters-slot .jnks-standard-filter-shell .jnks-fibofilters-rest .fibofilters-horizontal-filters {
		grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
		align-items: stretch;
	}
}

@media (min-width: 768px) and (max-width: 1023px) {
	body.jnks-active .jnks-fibofilters-slot .jnks-standard-filter-shell .jnks-fibofilters-rest .fibofilters-horizontal-filters {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

body.jnks-active .jnks-filter-overflow-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
}

body.jnks-active .jnks-filter-overflow-toggle::before {
	content: "›";
	display: inline-block;
	font-size: 18px;
	font-weight: 500;
	line-height: 1;
	transform: translateY(-1px);
	transition: transform .18s ease;
}

body.jnks-active .jnks-filter-overflow-toggle[aria-expanded="true"]::before {
	transform: translateY(0) rotate(-90deg);
}

@media (prefers-reduced-motion: reduce) {
	body.jnks-active .jnks-filter-overflow-toggle::before {
		transition: none;
	}
}

@media (max-width: 767px) {
	body.jnks-active .jnks-filter-overflow-toggle {
		display: none !important;
	}
}


/* V61: Sortierungsfeld erhaelt denselben klaren Hoverzustand wie die FiboFilters-Felder. */
body.jnks-active .jnks-ordering-shell {
	transition: transform .2s ease;
}

body.jnks-active .jnks-ordering-shell:hover {
	transform: translateY(-1px);
}

body.jnks-active .jnks-ordering-shell:hover select.fibofilters-orderby,
body.jnks-active .jnks-ordering-shell:hover select[name="orderby"] {
	background: #f7f7f7 !important;
	border-color: #252525 !important;
	box-shadow: 0 6px 16px rgba(0,0,0,.055) !important;
}

body.jnks-active .jnks-ordering-shell:focus-within select.fibofilters-orderby,
body.jnks-active .jnks-ordering-shell:focus-within select[name="orderby"] {
	background: #f7f7f7 !important;
}

@media (prefers-reduced-motion: reduce) {
	body.jnks-active .jnks-ordering-shell {
		transition: none;
	}

	body.jnks-active .jnks-ordering-shell:hover {
		transform: none;
	}
}


/* V62: Sortierungs-Hover exakt an den nativen FiboFilters-Hover (#ccc) angeglichen. */
body.jnks-active .jnks-ordering-shell:hover,
body.jnks-active .jnks-ordering-shell:focus-within {
	background: #ccc !important;
}

body.jnks-active .jnks-ordering-shell:hover .fibofilters-ordering,
body.jnks-active .jnks-ordering-shell:focus-within .fibofilters-ordering,
body.jnks-active .jnks-ordering-shell:hover select.fibofilters-orderby,
body.jnks-active .jnks-ordering-shell:hover select[name="orderby"],
body.jnks-active .jnks-ordering-shell:focus-within select.fibofilters-orderby,
body.jnks-active .jnks-ordering-shell:focus-within select[name="orderby"] {
	background: #ccc !important;
	background-color: #ccc !important;
}


/* V63: Juliana-Nails-Branding fuer Hover, Fokus und aktive Filterfelder. */
body.jnks-active {
	--jnks-brand-accent: var(--jnks-pink, #ef4f9a);
	--jnks-brand-soft: #fff7fb;
	--jnks-brand-soft-strong: #fff0f7;
	--jnks-brand-shadow: rgba(239, 79, 154, .16);
}

body.jnks-active .jnks-fibofilters-slot .fibofilters-filter-button:hover,
body.jnks-active .jnks-fibofilters-slot .fibofilters-filter-button:focus-visible,
body.jnks-active .fibofilters-horizontal-filters-container .fibofilters-filter-button:hover,
body.jnks-active .fibofilters-horizontal-filters-container .fibofilters-filter-button:focus-visible {
	background: var(--jnks-brand-soft) !important;
	border-color: var(--jnks-brand-accent) !important;
	box-shadow: 0 7px 18px var(--jnks-brand-shadow) !important;
	color: var(--jnks-ink, #202020) !important;
}

body.jnks-active .jnks-fibofilters-slot .fibofilters-filter-button.jnks-filter-button-open,
body.jnks-active .jnks-fibofilters-slot .fibofilters-filter-button[aria-expanded="true"],
body.jnks-active .jnks-fibofilters-slot .fibofilters-filter-button.fibofilters-filter-button-selected,
body.jnks-active .fibofilters-horizontal-filters-container .fibofilters-filter-button-selected {
	background: var(--jnks-brand-soft-strong) !important;
	border-color: var(--jnks-brand-accent) !important;
	box-shadow: 0 8px 20px var(--jnks-brand-shadow) !important;
	color: var(--jnks-ink, #202020) !important;
}

body.jnks-active .fibofilters-popover.jnks-enhanced-popover {
	border-color: var(--jnks-brand-accent) !important;
}

body.jnks-active .jnks-ordering-shell:hover,
body.jnks-active .jnks-ordering-shell:focus-within {
	background: var(--jnks-brand-soft) !important;
	box-shadow: 0 7px 18px var(--jnks-brand-shadow) !important;
}

body.jnks-active .jnks-ordering-shell:hover .fibofilters-ordering,
body.jnks-active .jnks-ordering-shell:focus-within .fibofilters-ordering,
body.jnks-active .jnks-ordering-shell:hover select.fibofilters-orderby,
body.jnks-active .jnks-ordering-shell:hover select[name="orderby"],
body.jnks-active .jnks-ordering-shell:focus-within select.fibofilters-orderby,
body.jnks-active .jnks-ordering-shell:focus-within select[name="orderby"] {
	background: var(--jnks-brand-soft) !important;
	background-color: var(--jnks-brand-soft) !important;
	border-color: var(--jnks-brand-accent) !important;
	box-shadow: none !important;
}

body.jnks-active .jnks-ordering-shell:hover::after,
body.jnks-active .jnks-ordering-shell:focus-within::after {
	border-color: var(--jnks-brand-accent) !important;
}

body.jnks-active .jnks-filter-overflow-toggle:hover,
body.jnks-active .jnks-filter-overflow-toggle:focus-visible {
	color: var(--jnks-brand-accent) !important;
}

body.jnks-active .jnks-filter-overflow-toggle:focus-visible {
	box-shadow: 0 0 0 3px var(--jnks-brand-shadow) !important;
}

@media (prefers-reduced-motion: reduce) {
	body.jnks-active .jnks-fibofilters-slot .fibofilters-filter-button:hover,
	body.jnks-active .jnks-fibofilters-slot .fibofilters-filter-button:focus-visible,
	body.jnks-active .fibofilters-horizontal-filters-container .fibofilters-filter-button:hover,
	body.jnks-active .fibofilters-horizontal-filters-container .fibofilters-filter-button:focus-visible {
		transform: none !important;
	}
}


/* V64: JN-Hover auf echten FiboButtons und nativer Sortierung visuell identisch erzwingen. */
body.jnks-active {
	--jnks-brand-hover-bg: #fff0f7;
	--jnks-brand-active-bg: #ffe4f0;
	--jnks-brand-border: var(--jnks-pink, #ef4f9a);
	--jnks-brand-hover-shadow: rgba(239, 79, 154, .17);
}

/* FiboFilters legt je nach Version eine graue ::before-Flaeche ueber den Button.
 * Diese Ebene wird neutralisiert; die JN-Flaeche wird per Inset-Shadow robust gemalt. */
body.jnks-active .jnks-fibofilters-slot .fibofilters-filter-button:hover::before,
body.jnks-active .jnks-fibofilters-slot .fibofilters-filter-button:focus-visible::before,
body.jnks-active .jnks-fibofilters-slot .fibofilters-filter-button.jnks-filter-button-open::before,
body.jnks-active .jnks-fibofilters-slot .fibofilters-filter-button[aria-expanded="true"]::before,
body.jnks-active .jnks-fibofilters-slot .fibofilters-filter-button.fibofilters-filter-button-selected::before,
body.jnks-active .fibofilters-horizontal-filters-container .fibofilters-filter-button:hover::before,
body.jnks-active .fibofilters-horizontal-filters-container .fibofilters-filter-button:focus-visible::before,
body.jnks-active .fibofilters-horizontal-filters-container .fibofilters-filter-button-selected::before {
	background: transparent !important;
	background-color: transparent !important;
	box-shadow: none !important;
	opacity: 0 !important;
}

body.jnks-active .jnks-fibofilters-slot .fibofilters-filter-button:hover,
body.jnks-active .jnks-fibofilters-slot .fibofilters-filter-button:focus-visible,
body.jnks-active .fibofilters-horizontal-filters-container .fibofilters-filter-button:hover,
body.jnks-active .fibofilters-horizontal-filters-container .fibofilters-filter-button:focus-visible {
	background: var(--jnks-brand-hover-bg) !important;
	background-color: var(--jnks-brand-hover-bg) !important;
	background-image: none !important;
	border-color: var(--jnks-brand-border) !important;
	box-shadow: inset 0 0 0 999px var(--jnks-brand-hover-bg), 0 7px 18px var(--jnks-brand-hover-shadow) !important;
	color: var(--jnks-ink, #202020) !important;
}

body.jnks-active .jnks-fibofilters-slot .fibofilters-filter-button.jnks-filter-button-open,
body.jnks-active .jnks-fibofilters-slot .fibofilters-filter-button[aria-expanded="true"],
body.jnks-active .jnks-fibofilters-slot .fibofilters-filter-button.fibofilters-filter-button-selected,
body.jnks-active .fibofilters-horizontal-filters-container .fibofilters-filter-button-selected {
	background: var(--jnks-brand-active-bg) !important;
	background-color: var(--jnks-brand-active-bg) !important;
	background-image: none !important;
	border-color: var(--jnks-brand-border) !important;
	box-shadow: inset 0 0 0 999px var(--jnks-brand-active-bg), 0 8px 20px var(--jnks-brand-hover-shadow) !important;
	color: var(--jnks-ink, #202020) !important;
}

/* Sortierung: dieselbe Flaeche, derselbe Rahmen und derselbe Schatten wie FiboFilters. */
body.jnks-active .jnks-ordering-shell:hover,
body.jnks-active .jnks-ordering-shell:focus-within {
	background: var(--jnks-brand-hover-bg) !important;
	background-color: var(--jnks-brand-hover-bg) !important;
	border-radius: 8px !important;
	box-shadow: 0 7px 18px var(--jnks-brand-hover-shadow) !important;
}

body.jnks-active .jnks-ordering-shell:hover .fibofilters-ordering,
body.jnks-active .jnks-ordering-shell:focus-within .fibofilters-ordering {
	background: transparent !important;
	background-color: transparent !important;
}

body.jnks-active .jnks-ordering-shell:hover select.fibofilters-orderby,
body.jnks-active .jnks-ordering-shell:hover select[name="orderby"],
body.jnks-active .jnks-ordering-shell:focus-within select.fibofilters-orderby,
body.jnks-active .jnks-ordering-shell:focus-within select[name="orderby"] {
	background: var(--jnks-brand-hover-bg) !important;
	background-color: var(--jnks-brand-hover-bg) !important;
	background-image: none !important;
	border-color: var(--jnks-brand-border) !important;
	box-shadow: inset 0 0 0 999px var(--jnks-brand-hover-bg) !important;
}

body.jnks-active .jnks-ordering-shell:hover::after,
body.jnks-active .jnks-ordering-shell:focus-within::after {
	border-color: var(--jnks-brand-border) !important;
}

/* V65: Sortierungs-Hover wird auch bei nativen Selects vor dem Klick sicher erkannt. */
body.jnks-active .jnks-ordering-shell.jnks-ordering-hover,
body.jnks-active .jnks-ordering-shell:has(select:hover) {
	background: var(--jnks-brand-hover-bg) !important;
	background-color: var(--jnks-brand-hover-bg) !important;
	border-radius: 8px !important;
	box-shadow: 0 7px 18px var(--jnks-brand-hover-shadow) !important;
	transform: translateY(-1px);
}

body.jnks-active .jnks-ordering-shell.jnks-ordering-hover .fibofilters-ordering,
body.jnks-active .jnks-ordering-shell:has(select:hover) .fibofilters-ordering {
	background: transparent !important;
	background-color: transparent !important;
}

body.jnks-active .jnks-ordering-shell.jnks-ordering-hover select.fibofilters-orderby,
body.jnks-active .jnks-ordering-shell.jnks-ordering-hover select[name="orderby"],
body.jnks-active .jnks-ordering-shell select.fibofilters-orderby:hover,
body.jnks-active .jnks-ordering-shell select[name="orderby"]:hover {
	background: var(--jnks-brand-hover-bg) !important;
	background-color: var(--jnks-brand-hover-bg) !important;
	background-image: none !important;
	border-color: var(--jnks-brand-border) !important;
	box-shadow: inset 0 0 0 999px var(--jnks-brand-hover-bg) !important;
}

body.jnks-active .jnks-ordering-shell.jnks-ordering-hover::after,
body.jnks-active .jnks-ordering-shell:has(select:hover)::after {
	border-color: var(--jnks-brand-border) !important;
}

@media (prefers-reduced-motion: reduce) {
	body.jnks-active .jnks-ordering-shell.jnks-ordering-hover,
	body.jnks-active .jnks-ordering-shell:has(select:hover) {
		transform: none;
	}
}

/* V67: voller JN-Hover ohne Sticky-State bei nativen Selects.
 * Die visuelle Wahrheit ist die von JS anhand der echten Zeigerposition
 * gepflegte .jnks-ordering-hover-Klasse. Native :hover-Zustaende werden
 * ausserhalb dieser Klasse bewusst neutralisiert, weil Chromium sie bei
 * Selects gelegentlich festhalten oder nicht an den Wrapper weitergeben kann. */
body.jnks-active .jnks-ordering-shell:not(.jnks-ordering-hover):not(:focus-within) {
	background: transparent !important;
	background-color: transparent !important;
	box-shadow: none !important;
	transform: none !important;
}

body.jnks-active .jnks-ordering-shell:not(.jnks-ordering-hover):not(:focus-within) .fibofilters-ordering {
	background: transparent !important;
	background-color: transparent !important;
}

body.jnks-active .jnks-ordering-shell:not(.jnks-ordering-hover):not(:focus-within) select.fibofilters-orderby,
body.jnks-active .jnks-ordering-shell:not(.jnks-ordering-hover):not(:focus-within) select[name="orderby"] {
	background: #fff !important;
	background-color: #fff !important;
	background-image: none !important;
	border-color: #d9d9d9 !important;
	box-shadow: none !important;
}

body.jnks-active .jnks-ordering-shell:not(.jnks-ordering-hover):not(:focus-within)::after {
	border-color: #6f6f6f !important;
}

body.jnks-active .jnks-ordering-shell.jnks-ordering-hover:not(:focus-within) {
	background: var(--jnks-brand-hover-bg) !important;
	background-color: var(--jnks-brand-hover-bg) !important;
	border-radius: 8px !important;
	box-shadow: 0 7px 18px var(--jnks-brand-hover-shadow) !important;
	transform: translateY(-1px) !important;
}

body.jnks-active .jnks-ordering-shell.jnks-ordering-hover:not(:focus-within) .fibofilters-ordering {
	background: transparent !important;
	background-color: transparent !important;
}

body.jnks-active .jnks-ordering-shell.jnks-ordering-hover:not(:focus-within) select.fibofilters-orderby,
body.jnks-active .jnks-ordering-shell.jnks-ordering-hover:not(:focus-within) select[name="orderby"] {
	background: var(--jnks-brand-hover-bg) !important;
	background-color: var(--jnks-brand-hover-bg) !important;
	background-image: none !important;
	border-color: var(--jnks-brand-border) !important;
	box-shadow: inset 0 0 0 999px var(--jnks-brand-hover-bg) !important;
}

body.jnks-active .jnks-ordering-shell.jnks-ordering-hover:not(:focus-within)::after {
	border-color: var(--jnks-brand-border) !important;
}

@media (prefers-reduced-motion: reduce) {
	body.jnks-active .jnks-ordering-shell.jnks-ordering-hover:not(:focus-within) {
		transform: none !important;
	}
}


/* V66.19: frei konfigurierbares Desktop-Raster + mobile nur Wunschfarbe und ein Alle-Filter-Trigger. */
@media (min-width: 1200px) {
	body.jnks-active ul.products.jnks-products,
	body.jnks-active .jnks-loading {
		grid-template-columns: repeat(var(--jnks-desktop-columns, 5), minmax(0, 1fr)) !important;
	}
}

@media (max-width: 767px) {
	/* Die Sortierung lebt mobil bereits im nativen Alle-Filter-Drawer. */
	body.jnks-active .jnks-standard-filter-shell > .jnks-ordering-shell {
		display: none !important;
	}

	/* Unabhaengig von FiboFilters' internem Fallback-State bleiben einzelne
	   Facet-Trigger mobil verborgen. Sichtbar ist nur der native Alle-Filter-Button. */
	body.jnks-active .jnks-fibofilters-slot.jnks-no-all-filter-button .jnks-fibofilters-mobile-full .fibofilters-filter-button:not(.js-fibofilters-filter-button-all-filters):not(.jnks-all-filters-button),
	body.jnks-active .jnks-fibofilters-mobile-full .fibofilters-filter-button:not(.js-fibofilters-filter-button-all-filters):not(.jnks-all-filters-button) {
		display: none !important;
	}

	body.jnks-active .jnks-fibofilters-mobile-full .fibofilters-filter-button.js-fibofilters-filter-button-all-filters,
	body.jnks-active .jnks-fibofilters-mobile-full .fibofilters-filter-button.jnks-all-filters-button {
		display: inline-flex !important;
	}
}