/* ==== NEU: Shimmer-Variablen (hell/dunkel) ==== */
:root {
  --skel-base: hsl(0 0% 92%);
  --skel-highlight: hsl(0 0% 98%);
  --skel-angle: 100deg;
  /* Diagonalwinkel */
  --skel-speed: 1.1s;
}

@media (prefers-color-scheme: dark) {
  :root {
    --skel-base: rgba(0, 0, 0, .05);
    --skel-highlight: rgba(0, 0, 0, .1);
  }
}
/* ==== NEU: Keyframes + Mixin ==== */
@keyframes skel-shimmer {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
.content_fnr_category_detail {
  padding-block: var(--margin-padding-container-margin-updown);
}
.content_fnr_category_detail a {
  text-decoration: none !important;
  color: inherit !important;
}
.content_fnr_category_detail .category-list .category-image,
.content_fnr_category_detail .category-list .product-image,
.content_fnr_category_detail .product-list .category-image,
.content_fnr_category_detail .product-list .product-image {
  overflow: hidden;
  border: 1px solid var(--border-default-secondary, rgba(0, 0, 0, 0.05));
}
.content_fnr_category_detail .category-list .category-image img,
.content_fnr_category_detail .category-list .product-image img,
.content_fnr_category_detail .product-list .category-image img,
.content_fnr_category_detail .product-list .product-image img {
  transition: 0.3s;
}
.content_fnr_category_detail .category-list .category-image:hover img,
.content_fnr_category_detail .category-list .product-image:hover img,
.content_fnr_category_detail .product-list .category-image:hover img,
.content_fnr_category_detail .product-list .product-image:hover img {
  transform: scale(1.04);
}
.content_fnr_category_detail .category-list .category-list,
.content_fnr_category_detail .product-list .category-list {
  padding-block: var(--margin-padding-container-margin-updown);
}
.content_fnr_category_detail .category-list > .row,
.content_fnr_category_detail .product-list > .row {
  gap: var(--margin-padding-row-gutter) 0;
  text-align: start;
}
.content_fnr_category_detail .category-list .rs-button.more:after,
.content_fnr_category_detail .product-list .rs-button.more:after {
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 13.25H5V11.25H11V5.25H13V11.25H19V13.25H13V19.25H11V13.25Z' fill='%234D4D4D'/%3E%3C/svg%3E") !important;
  background-color: var(--icon-neutral-primary) !important;
}
.content_fnr_category_detail .category-list .skeleton,
.content_fnr_category_detail .product-list .skeleton {
  order: 500000;
  display: none;
}
.content_fnr_category_detail .category-list .skeleton .product-image,
.content_fnr_category_detail .product-list .skeleton .product-image {
  background: linear-gradient(var(--skel-angle), var(--skel-highlight) 8%, var(--skel-base) 18%, var(--skel-highlight) 33%);
  background-size: 200% 100%;
  animation: skel-shimmer var(--skel-speed) ease-in-out infinite;
  aspect-ratio: 343/257;
  overflow: hidden;
}
.content_fnr_category_detail .category-list .skeleton .product-content .product-title,
.content_fnr_category_detail .product-list .skeleton .product-content .product-title {
  min-height: 22px;
  width: 80%;
  margin-bottom: var(--paragraph-spacing-h4-bottom);
  background: linear-gradient(var(--skel-angle), var(--skel-highlight) 8%, var(--skel-base) 18%, var(--skel-highlight) 33%);
  background-size: 200% 100%;
  animation: skel-shimmer var(--skel-speed) ease-in-out infinite;
}
.content_fnr_category_detail .category-list .skeleton .product-content .product-description,
.content_fnr_category_detail .product-list .skeleton .product-content .product-description {
  min-height: 44px;
  width: 100%;
  background: linear-gradient(var(--skel-angle), var(--skel-highlight) 8%, var(--skel-base) 18%, var(--skel-highlight) 33%);
  background-size: 200% 100%;
  animation: skel-shimmer var(--skel-speed) ease-in-out infinite;
}
.content_fnr_category_detail .category-list.is-loading .skeleton,
.content_fnr_category_detail .product-list.is-loading .skeleton {
  display: unset;
}
.content_fnr_category_detail .category-list .category-content,
.content_fnr_category_detail .category-list .product-content,
.content_fnr_category_detail .product-list .category-content,
.content_fnr_category_detail .product-list .product-content {
  padding-block: var(--margin-padding-general-2);
}
.content_fnr_category_detail .category-list .category-content h6,
.content_fnr_category_detail .category-list .product-content h6,
.content_fnr_category_detail .product-list .category-content h6,
.content_fnr_category_detail .product-list .product-content h6 {
  margin-bottom: var(--paragraph-spacing-h4-bottom);
  position: relative;
  padding-right: 38px;
  display: block;
}
.content_fnr_category_detail .category-list .category-content h6:after,
.content_fnr_category_detail .category-list .product-content h6:after,
.content_fnr_category_detail .product-list .category-content h6:after,
.content_fnr_category_detail .product-list .product-content h6:after {
  content: "";
  position: absolute;
  right: 0;
  top: 2px;
  width: var(--icon-md);
  height: calc(var(--icon-md) / 1.5);
  display: inline-block;
  mask-image: url("data:image/svg+xml,%3Csvg width='19' height='9' viewBox='0 0 19 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.3462 8.98719L13.277 7.93344L15.627 5.58344H0.5V4.08344H15.627L13.2923 1.73344L14.3615 0.679688L18.5 4.83344L14.3462 8.98719Z' fill='%23007D40'/%3E%3C/svg%3E");
  mask-size: contain;
  mask-position: center;
  mask-repeat: no-repeat;
  background-color: var(--icon-default-primary);
  margin-left: var(--margin-padding-general-2);
}
.content_fnr_category_detail .category-list .category-content.category-content h6:after,
.content_fnr_category_detail .category-list .product-content.category-content h6:after,
.content_fnr_category_detail .product-list .category-content.category-content h6:after,
.content_fnr_category_detail .product-list .product-content.category-content h6:after {
  position: relative;
  display: inline-block;
}
.content_fnr_category_detail .category-list .category-content p,
.content_fnr_category_detail .category-list .product-content p,
.content_fnr_category_detail .product-list .category-content p,
.content_fnr_category_detail .product-list .product-content p {
  margin: 0;
}
.content_fnr_category_detail .product-filter {
  font-family: var(--font-family-paragraphs) !important;
  font-weight: 300 !important;
  font-size: var(--font-size-body-xs) !important;
  border-top: 1px solid var(--border-neutral-primary);
  padding-block: var(--margin-padding-general-2) var(--margin-padding-general-1);
}
.content_fnr_category_detail .product-filter .product-filter-line {
  margin-bottom: var(--margin-padding-container-row-gap);
}
.content_fnr_category_detail .product-filter .product-filter-line .product-filter-slider {
  position: relative;
  z-index: 10;
}
.content_fnr_category_detail .product-filter .product-filter-line .product-filter-slider .slick-list {
  overflow: unset;
}
.content_fnr_category_detail .product-filter .product-filter-line .col {
  min-width: 0;
  flex: 1;
}
.content_fnr_category_detail .product-filter .product-filter-line .col-auto {
  flex: 0 0 auto;
  white-space: nowrap;
  position: relative;
}
.content_fnr_category_detail .product-filter .product-filter-line .col-auto:before {
  content: "";
  position: absolute;
  display: block;
  height: 26px;
  left: calc(-1 * (var(--margin-padding-general-2) - var(--margin-padding-row-gutter) / 2));
  top: 50%;
  transform: translateY(-50%);
  border-right: 1px solid var(--border-neutral-primary);
}
.content_fnr_category_detail .product-filter .product-filter-line .product-filter-slider {
  position: relative;
  overflow-x: clip;
}
.content_fnr_category_detail .product-filter .product-filter-line .product-filter-slider .slick-track {
  display: flex;
  gap: 6px;
}
.content_fnr_category_detail .product-filter .product-filter-line .product-filter-slider:after {
  content: "";
  position: absolute;
  right: -3px;
  top: 0;
  width: 30px;
  background: linear-gradient(to left, white, transparent);
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, var(--background-default-primary) 80%);
  height: 100%;
  pointer-events: none;
  z-index: 5;
}
.content_fnr_category_detail .product-filter .product-filter-line .unset-filter {
  color: var(--text-neutral-primary);
  font-family: var(--font-family-buttons);
  font-size: var(--font-size-button-sm);
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: var(--letter-spacing-button-sm);
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-color: #C9E1A8;
  text-decoration-thickness: 6%;
  text-underline-offset: 40%;
  cursor: pointer;
}
.content_fnr_category_detail .product-filter .product-filter-line .unset-filter:after {
  content: "";
  margin-left: var(--margin-padding-general-1);
  display: inline-block;
  width: var(--icon-sm);
  height: var(--icon-sm);
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M8.03366 13.3337C6.54477 13.3337 5.2781 12.817 4.23366 11.7837C3.18921 10.7503 2.66699 9.48921 2.66699 8.00033V7.88366L1.60033 8.95033L0.666992 8.01699L3.33366 5.35033L6.00033 8.01699L5.06699 8.95033L4.00033 7.88366V8.00033C4.00033 9.11144 4.39199 10.0559 5.17533 10.8337C5.95866 11.6114 6.91144 12.0003 8.03366 12.0003C8.32255 12.0003 8.60588 11.967 8.88366 11.9003C9.16144 11.8337 9.43366 11.7337 9.70033 11.6003L10.7003 12.6003C10.2781 12.8448 9.84477 13.0281 9.40032 13.1503C8.95588 13.2725 8.50033 13.3337 8.03366 13.3337ZM12.667 10.6503L10.0003 7.98366L10.9337 7.05033L12.0003 8.11699V8.00033C12.0003 6.88921 11.6087 5.94477 10.8253 5.16699C10.042 4.38921 9.08921 4.00033 7.96699 4.00033C7.6781 4.00033 7.39477 4.03366 7.11699 4.10033C6.83921 4.16699 6.56699 4.26699 6.30032 4.40033L5.30033 3.40033C5.72255 3.15588 6.15588 2.97255 6.60033 2.85033C7.04477 2.7281 7.50033 2.66699 7.96699 2.66699C9.45588 2.66699 10.7225 3.18366 11.767 4.21699C12.8114 5.25033 13.3337 6.51144 13.3337 8.00033V8.11699L14.4003 7.05033L15.3337 7.98366L12.667 10.6503Z' fill='%234D4D4D'/%3E%3C/svg%3E");
  mask-position: right center;
  mask-size: contain;
  mask-repeat: no-repeat;
  background-color: var(--text-neutral-primary);
  vertical-align: bottom;
}
.content_fnr_category_detail .product-filter ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  color: var(--text-default-secondary);
  font-family: var(--font-family-paragraphs);
  font-size: var(--font-size-body-xs);
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
  letter-spacing: var(--letter-spacing-body-xs);
}
.content_fnr_category_detail .product-filter ul .hidden-cb {
  display: none;
}
.content_fnr_category_detail .product-filter ul > li,
.content_fnr_category_detail .product-filter ul .slick-slide {
  position: relative;
  display: inline-block;
  padding: 0;
  border-radius: var(--general-border-radius);
  border: 1px solid var(--border-default-tertiary);
  line-height: 18px;
}
.content_fnr_category_detail .product-filter ul > li:hover,
.content_fnr_category_detail .product-filter ul .slick-slide:hover {
  background-color: var(--background-neutral-secondary);
}
.content_fnr_category_detail .product-filter ul > li label,
.content_fnr_category_detail .product-filter ul .slick-slide label {
  padding: var(--margin-padding-general-1) var(--margin-padding-general-1);
  padding-right: calc(var(--icon-sm) + var(--margin-padding-general-1) * 2);
  width: 100%;
  cursor: pointer;
}
.content_fnr_category_detail .product-filter ul > li label[for=cb-sort],
.content_fnr_category_detail .product-filter ul .slick-slide label[for=cb-sort] {
  font-weight: 500;
}
.content_fnr_category_detail .product-filter ul > li label .counter,
.content_fnr_category_detail .product-filter ul .slick-slide label .counter {
  display: inline-block;
  margin-left: var(--margin-padding-general-1);
  background-color: var(--icon-default-secondary);
  color: white;
  border-radius: 20px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  font-family: var(--font-family-paragraphs);
  font-size: var(--font-size-body-xs);
  font-style: normal;
  font-weight: 700;
  vertical-align: middle;
}
.content_fnr_category_detail .product-filter ul > li label .counter:empty,
.content_fnr_category_detail .product-filter ul .slick-slide label .counter:empty {
  display: none;
}
.content_fnr_category_detail .product-filter ul > li:has(ul):after,
.content_fnr_category_detail .product-filter ul .slick-slide:has(ul):after {
  content: "";
  pointer-events: none;
  position: absolute;
  display: block;
  right: var(--margin-padding-general-1);
  margin-top: 10px;
  top: 0;
  width: var(--icon-sm);
  height: var(--icon-sm);
  mask-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 10.4135L4 6.41346L4.93333 5.48012L8 8.54679L11.0667 5.48012L12 6.41346L8 10.4135Z' fill='%234D4D4D'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
  background-color: var(--icon-neutral-primary);
  transition: 0.2s;
}
.content_fnr_category_detail .product-filter ul > li ul,
.content_fnr_category_detail .product-filter ul .slick-slide ul {
  position: absolute;
  top: calc(100% + 4px);
  left: 50%;
  transform: translateX(-50%);
  width: 250px;
  max-height: 350px;
  overflow-y: auto;
  padding: 4px;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  border-radius: 12px;
  background-color: var(--background-default-primary);
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  display: none;
}
.content_fnr_category_detail .product-filter ul > li ul li,
.content_fnr_category_detail .product-filter ul .slick-slide ul li {
  display: block;
  border: none;
  width: 100%;
}
.content_fnr_category_detail .product-filter ul > li ul li label,
.content_fnr_category_detail .product-filter ul .slick-slide ul li label {
  padding: var(--margin-padding-general-1);
  margin-left: var(--margin-padding-general-1);
}
.content_fnr_category_detail .product-filter ul > li ul li input[type=checkbox],
.content_fnr_category_detail .product-filter ul > li ul li input[type=radio],
.content_fnr_category_detail .product-filter ul .slick-slide ul li input[type=checkbox],
.content_fnr_category_detail .product-filter ul .slick-slide ul li input[type=radio] {
  display: none;
}
.content_fnr_category_detail .product-filter ul > li ul li input[type=checkbox] + label,
.content_fnr_category_detail .product-filter ul > li ul li input[type=radio] + label,
.content_fnr_category_detail .product-filter ul .slick-slide ul li input[type=checkbox] + label,
.content_fnr_category_detail .product-filter ul .slick-slide ul li input[type=radio] + label {
  position: relative;
  padding-left: calc(18px + var(--margin-padding-general-1));
  font-size: var(--font-size-body-mini, var(--font-size-body-xs));
  letter-spacing: var(--letter-spacing-body-mini, var(--letter-spacing-body-xs));
}
.content_fnr_category_detail .product-filter ul > li ul li input[type=checkbox] + label:before,
.content_fnr_category_detail .product-filter ul > li ul li input[type=radio] + label:before,
.content_fnr_category_detail .product-filter ul .slick-slide ul li input[type=checkbox] + label:before,
.content_fnr_category_detail .product-filter ul .slick-slide ul li input[type=radio] + label:before {
  content: "";
  position: absolute;
  margin-left: calc((18px + var(--margin-padding-general-1)) * -1);
  width: 18px;
  height: 18px;
  top: 50%;
  transform: translateY(-50%);
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5Z' fill='%23F8FBF4'/%3E%3C/svg%3E");
  mask-size: contain;
  mask-position: center;
  background-color: var(--background-default-tertiary);
  transition: 0.2s;
}
.content_fnr_category_detail .product-filter ul > li ul li input[type=checkbox]:checked + label:before,
.content_fnr_category_detail .product-filter ul > li ul li input[type=radio]:checked + label:before,
.content_fnr_category_detail .product-filter ul .slick-slide ul li input[type=checkbox]:checked + label:before,
.content_fnr_category_detail .product-filter ul .slick-slide ul li input[type=radio]:checked + label:before {
  background-color: #007D40;
  mask-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 0C16.55 0 17.0204 0.196224 17.4121 0.587891C17.8038 0.979557 18 1.45 18 2V16C18 16.55 17.8038 17.0204 17.4121 17.4121C17.0204 17.8038 16.55 18 16 18H2C1.45 18 0.979557 17.8038 0.587891 17.4121C0.196224 17.0204 0 16.55 0 16V2C0 1.45 0.196224 0.979557 0.587891 0.587891C0.979557 0.196224 1.45 0 2 0H16ZM7.59961 10.4004L4.75 7.5498L3.34961 8.9502L7.59961 13.2002L14.6504 6.15039L13.25 4.75L7.59961 10.4004Z' fill='%23007D40'/%3E%3C/svg%3E");
}
.content_fnr_category_detail .product-filter ul > li.slick-active ul,
.content_fnr_category_detail .product-filter ul .slick-slide.slick-active ul {
  left: 0;
  transform: unset;
}
.content_fnr_category_detail .product-filter ul li:has([type=checkbox].filter-selected-cb:checked):has(ul) {
  background: var(--background-brand-tertiary);
}
.content_fnr_category_detail .product-filter ul li:has([type=checkbox].filter-selected-cb:checked):has(ul):after {
  transform: rotate(180deg);
}
.content_fnr_category_detail .product-filter ul li:has([type=checkbox].filter-selected-cb:checked):has(ul) ul {
  display: flex;
  z-index: 5;
  overflow-x: hidden;
}
.content_fnr_category_detail .product-filter .product-filter-result-info .count-result:has(.count:empty) {
  opacity: 0;
}
.content_fnr_category_detail .product-filter .product-filter-result-info ul > li ul {
  left: unset;
  right: 0;
  transform: unset;
}

@media (prefers-reduced-motion: reduce) {
  .skeleton,
  .skeleton *::after {
    animation: none !important;
    background: var(--skel-base) !important;
    background-size: auto !important;
  }
}