.elementor-925 .elementor-element.elementor-element-ckcagrid{--grid-columns:4;--load-more-button-align:center;--e-loop-nothing-found-message-align:center;}@media(max-width:1024px){.elementor-925 .elementor-element.elementor-element-ckcagrid{--grid-columns:3;}}@media(max-width:767px){.elementor-925 .elementor-element.elementor-element-ckcagrid{--grid-columns:2;}}/* Start custom CSS for shortcode, class: .elementor-element-ckcabreadcrumbs *//* Keyboard focus on the dark category banner: lime ring like the footer links (the default black ring is invisible here). */ .elementor-925 .elementor-element.elementor-element-ckcabreadcrumbs .ckca-breadcrumbs a:focus-visible {
  outline-color: var(--action-lime);
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ckca0005 *//* rmcev4:sort-status:start */
.elementor-925 .elementor-element.elementor-element-ckca0005 .ckcs-status {
  position: fixed;
  z-index: 101;
  width: calc(230 * var(--ck-design-unit));
  max-width: calc(100vw - 32 * var(--ck-design-unit));
  box-sizing: border-box;
  padding: calc(8 * var(--ck-design-unit)) calc(12 * var(--ck-design-unit));
  border-radius: calc(8 * var(--ck-design-unit));
  background: var(--text-light);
  box-shadow: 0 3px 12px #0002;
  color: inherit;
  font: calc(14 * var(--ck-design-unit))/1.4 var(--brand-font, Barlow), sans-serif;
  white-space: normal;
  overflow-wrap: anywhere;
}

.elementor-925 .elementor-element.elementor-element-ckca0005 .ckcs-status[data-state=error] {
  color: #b42318;
}

/* rmcev4:sort-status:end *//* End custom CSS */
/* Start custom CSS */#ck-category-archive {
  color: var(--surface-ink);
  font-family: var(--brand-font),sans-serif;
  background: var(--text-light);
}

#ck-category-archive > .elementor-widget-shortcode {
  width: 100%;
}

#ck-category-archive [data-ckca=hero] {
  background-color: var(--text-dark);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

#ck-category-archive [data-ckca=hero] h1 {
  letter-spacing: -.01em;
}

#ck-category-archive [data-id=ckcacta]:not(:has(a)), #ck-category-archive [data-ckca=hero] .e-paragraph-base:empty {
  display: none;
}

#ck-category-archive .ckca-breadcrumbs {
  display: flex;
  align-items: center;
  font-size: calc(16 * var(--ck-design-unit));
  text-transform: uppercase;
}

#ck-category-archive .ckca-breadcrumbs a {
  color: #c1c1c1;
}

#ck-category-archive .ckca-breadcrumbs span {
  color: var(--text-light);
}

#ck-category-archive .ckca-cta {
  display: flex;
  align-items: center;
  position: relative;
  width: max-content;
  max-width: 100%;
  height: var(--ck-button-height);
  text-decoration: none;
}

#ck-category-archive .ckca-cta .ck-button-caption {
  padding-inline: calc(40 * var(--ck-design-unit)) calc(86 * var(--ck-design-unit));
  font: 800 calc(22 * var(--ck-design-unit))/calc(49 * var(--ck-design-unit)) var(--brand-font),sans-serif;
  text-transform: uppercase;
}

#ck-category-archive .ckca-cta .ck-button-mark {
  background: var(--ck-button-fill,var(--action-lime));
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
  mask-image: var(--ck-brand-mark);
}

#ck-category-archive .ckca-cta:focus-visible {
  --ck-button-fill: var(--error-red);
  --ck-button-text: var(--text-light);
  outline: none;
}

#ck-category-archive .ckca-categories {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: calc(24 * var(--ck-design-unit));
  padding: calc(40 * var(--ck-design-unit)) var(--ck-page-gutter);
  overflow: auto;
  scrollbar-width: none;
}

#ck-category-archive .ckca-category {
  display: flex;
  flex: 0 0 calc(104 * var(--ck-design-unit));
  flex-direction: column;
  align-items: center;
  gap: calc(14 * var(--ck-design-unit));
  text-decoration: none;
  font-size: calc(18 * var(--ck-design-unit));
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--surface-ink);
}

#ck-category-archive .ckca-category-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(100 * var(--ck-design-unit));
  height: calc(100 * var(--ck-design-unit));
  border-radius: var(--ck-card-radius);
  background: var(--surface-soft);
  border: 1px solid var(--surface-soft);
  transition: background .18s;
}

#ck-category-archive .ckca-category-icon img {
  display: block;
  width: 60%;
  height: 60%;
  object-fit: contain;
}

#ck-category-archive .ckca-category:hover .ckca-category-icon {
  background: var(--surface-muted);
}

#ck-category-archive .ckca-category[aria-current=page] .ckca-category-icon {
  background: var(--surface-ink);
  border-color: var(--surface-ink);
}

#ck-category-archive .ckca-category:focus-visible {
  outline: 2px solid var(--error-red);
  outline-offset: calc(5 * var(--ck-design-unit));
  border-radius: var(--ck-card-radius);
}

#ck-category-archive [data-ckca=toolbar] {
  border-block: 1px solid #e7e7e7;
  min-height: calc(60 * var(--ck-design-unit));
}

#ck-category-archive [data-ckca=toolbar] button {
  cursor: default;
  transition: background .18s,color .18s;
}

#ck-category-archive [data-ckca=toolbar] button:hover {
  background: var(--surface-muted);
  color: var(--text-dark);
}

#ck-category-archive [data-ckca=toolbar] button:focus-visible {
  outline: 2px solid var(--error-red);
  outline-offset: 3px;
}

#ck-category-archive [data-ckca=toolbar] button:first-child::before {
  content: '☷';
  padding-right: .5em;
}

#ck-category-archive [data-ckca=toolbar] > :last-child::after {
  padding-left: .6em;
}

#ck-category-archive [data-id=ckcacount] {
  width: auto;
  font-size: calc(18 * var(--ck-design-unit));
}

#ck-category-archive [data-id=ckcagrid] {
  width: 100%;
  --grid-column-gap: calc(15 * var(--ck-design-unit));
  --grid-row-gap: calc(15 * var(--ck-design-unit));
}

#ck-category-archive .elementor-loop-container {
  gap: calc(15 * var(--ck-design-unit));
}

#ck-category-archive .e-loop-item {
  min-width: 0;
}

#ck-category-archive .e-loop__load-more {
  display: flex;
  justify-content: center;
  margin-top: calc(36 * var(--ck-design-unit));
}

/* Last page loaded (Elementor adds e-load-more-pagination-end): no button; the ID rule above would keep it visible. */
#ck-category-archive .e-load-more-pagination-end .e-loop__load-more {
  display: none;
}

#ck-category-archive .e-loop__load-more .elementor-button.ck-brand-button {
  width: calc(220 * var(--ck-design-unit));
  height: var(--ck-button-height);
  padding: 0 calc(35 * var(--ck-design-unit));
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: var(--ck-button-text, #000);
  font: 800 calc(22 * var(--ck-design-unit))/1 var(--brand-font, Barlow), sans-serif;
  text-transform: uppercase;
}

#ck-category-archive .e-loop__load-more .e-load-more-spinner {
  --load-more-spinner-color: var(--text-dark);
  font-size: calc(22 * var(--ck-design-unit));
  pointer-events: none;
}

#ck-category-archive > [data-id=ckcareviews] {
  margin-top: calc(110 * var(--ck-design-unit));
  margin-bottom: calc(100 * var(--ck-design-unit));
}

@media(max-width:1024px) {
  #ck-category-archive [data-ckca=hero] {
    /* 18.10: 500 → 540 so three-line V4 headlines (Junior, Outlet) keep the same banner height as the others. */
    min-height: calc(540 * var(--ck-design-unit));
    padding: calc(34 * var(--ck-design-unit)) var(--ck-page-gutter) calc(218 * var(--ck-design-unit));
    justify-content: flex-start;
    gap: calc(14 * var(--ck-design-unit));
    background-size: auto calc(220 * var(--ck-design-unit));
    background-position: calc(100% + 86 * var(--ck-design-unit)) bottom;
  }

  #ck-category-archive [data-ckca=hero] h1 {
    /* 18.10: 43 → 39 so the longer V4 headlines (Outlet) keep the banner height of the others; line height 41 so the
       umlaut dots of the next line (NÄCHSTE) keep clear of the line above. */
    font-size: calc(39 * var(--ck-design-unit));
    line-height: calc(41 * var(--ck-design-unit));
  }

  #ck-category-archive [data-ckca=hero] .e-paragraph-base {
    font-size: calc(20 * var(--ck-design-unit));
    line-height: 1.4;
  }

  #ck-category-archive .ckca-categories {
    justify-content: flex-start;
    gap: calc(12 * var(--ck-design-unit));
    padding: var(--ck-page-gutter) var(--ck-page-gutter) calc(38 * var(--ck-design-unit));
  }

  #ck-category-archive [data-ckca=toolbar] {
    padding-inline: var(--ck-page-gutter);
    min-height: calc(54 * var(--ck-design-unit));
  }

  #ck-category-archive [data-ckca=toolbar] button {
    font-size: calc(16 * var(--ck-design-unit));
    padding: calc(10 * var(--ck-design-unit));
    white-space: nowrap;
  }

  #ck-category-archive [data-id=ckcacount] {
    text-align: center;
  }

  #ck-category-archive [data-ckca=products] {
    padding: calc(20 * var(--ck-design-unit)) var(--ck-page-gutter);
  }

  #ck-category-archive .elementor-loop-container {
    gap: calc(10 * var(--ck-design-unit));
  }

  #ck-category-archive .e-loop__load-more {
    margin-top: calc(30 * var(--ck-design-unit));
  }

  #ck-category-archive .e-loop__load-more .elementor-button.ck-brand-button {
    width: calc(200 * var(--ck-design-unit));
    height: calc(46 * var(--ck-design-unit));
    font-size: calc(20 * var(--ck-design-unit));
  }

  #ck-category-archive > [data-id=ckcareviews] {
    margin-top: calc(70 * var(--ck-design-unit));
    margin-bottom: calc(70 * var(--ck-design-unit));
  }
}

/* Category artwork and breadcrumb geometry. */ #ck-category-archive .ckca-category-icon {
  color: var(--surface-ink);
}

#ck-category-archive .ckca-category[aria-current=page] .ckca-category-icon {
  color: var(--text-light);
}

#ck-category-archive .ckca-category-icon svg {
  display: block;
  width: 60%;
  height: 60%;
}

#ck-category-archive .ckca-breadcrumbs {
  gap: calc(17 * var(--ck-design-unit));
  font-weight: 500;
  line-height: 1.0625;
  letter-spacing: -.01em;
}

#ck-category-archive .ckca-breadcrumbs [aria-hidden] {
  font-size: 0;
  width: calc(7 * var(--ck-design-unit));
  height: calc(12 * var(--ck-design-unit));
  position: relative;
}

#ck-category-archive .ckca-breadcrumbs [aria-hidden]::before {
  content: '';
  position: absolute;
  width: calc(8 * var(--ck-design-unit));
  height: calc(8 * var(--ck-design-unit));
  border-top: 1.5px solid currentColor;
  border-right: 1.5px solid currentColor;
  transform: rotate(45deg);
  top: calc(2 * var(--ck-design-unit));
  left: calc(-3 * var(--ck-design-unit));
}

#ck-category-archive [data-ckca=toolbar] > :last-child::after {
  content: none;
}

#ck-category-archive [data-id=ckca0005] {
  width: auto;
  position: relative;
  z-index: 5;
}

.ckcs-sort {
  position: relative;
  font: 400 calc(18 * var(--ck-design-unit))/1.3 var(--brand-font),sans-serif;
  color: var(--surface-ink);
}

.ckcs-sort summary {
  cursor: pointer;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(15 * var(--ck-design-unit));
  padding: calc(12 * var(--ck-design-unit)) 0;
  font-weight: 400;
  letter-spacing: -.01em;
  color: var(--text-muted);
  white-space: nowrap;
}

.ckcs-sort summary::-webkit-details-marker {
  display: none;
}

.ckcs-sort summary::after {
  content: '';
  width: calc(10 * var(--ck-design-unit));
  height: calc(10 * var(--ck-design-unit));
  border: solid currentColor;
  border-width: 0 2px 2px 0;
  transform: translateY(-25%) rotate(45deg);
  flex-shrink: 0;
}

.ckcs-sort[open] summary::after {
  transform: translateY(25%) rotate(225deg);
}

.ckcs-sort[open] {
  background: var(--text-light);
  border-radius: calc(16 * var(--ck-design-unit)) calc(16 * var(--ck-design-unit)) 0 0;
  box-shadow: 0 6px 30px #00000014;
}

.ckcs-sort nav {
  position: absolute;
  right: 0;
  top: 100%;
  max-width: calc(100vw - 30 * var(--ck-design-unit));
  padding: calc(10 * var(--ck-design-unit)) 0 calc(20 * var(--ck-design-unit));
  border-top: 1px solid #e5e5e5;
  background: var(--text-light);
  border-radius: 0 0 calc(16 * var(--ck-design-unit)) calc(16 * var(--ck-design-unit));
  box-shadow: 0 15px 25px #00000014;
}

.ckcs-sort a {
  display: block;
  padding: calc(7 * var(--ck-design-unit)) calc(30 * var(--ck-design-unit));
  color: inherit;
  text-decoration: none;
  white-space: nowrap;
}

.ckcs-sort a:hover {
  background: var(--surface-soft);
}

.ckcs-sort a:focus-visible,.ckcs-sort summary:focus-visible {
  outline: 2px solid var(--error-red);
  outline-offset: -3px;
  border-radius: calc(6 * var(--ck-design-unit));
}

@media(max-width:1024px) {
  .ckcs-sort {
    font-size: calc(18 * var(--ck-design-unit));
  }

  .ckcs-sort summary {
    padding: calc(10 * var(--ck-design-unit));
    gap: calc(10 * var(--ck-design-unit));
  }
}

.ckcs-sort {
  width: max-content;
}

.ckcs-sort nav {
  width: max-content;
  min-width: 100%;
}

#ck-category-archive [data-ckca=toolbar] {
  position: relative;
  z-index: 30;
  isolation: isolate;
}

#ck-category-archive [data-ckca=products] {
  position: relative;
  z-index: 0;
  isolation: isolate;
}

@media(max-width:1024px) {
  .ckcs-sort {
    width: calc(165 * var(--ck-design-unit));
  }

  .ckcs-sort nav {
    width: calc(230 * var(--ck-design-unit));
    border-radius: calc(16 * var(--ck-design-unit)) 0 calc(16 * var(--ck-design-unit)) calc(16 * var(--ck-design-unit));
  }
}

.ckcs-sort nav {
  z-index: 100;
}

/* Filter button (ckca0004): its Elementor text holds two spans, the label and the short label for tablets and phones
   (translated with the template, no CSS text). */
#ck-category-archive [data-ckca=toolbar] button[data-id=ckca0004] > span:last-child {
  display: none;
}

@media(max-width:1024px) {
  #ck-category-archive [data-ckca=hero] {
    position: relative;
    isolation: isolate;
  }

  #ck-category-archive [data-ckca=hero]::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: calc(160 * var(--ck-design-unit));
    height: calc(60 * var(--ck-design-unit));
    z-index: 0;
    background: linear-gradient(var(--text-dark),transparent);
    pointer-events: none;
  }

  #ck-category-archive [data-ckca=hero] > * {
    position: relative;
    z-index: 1;
  }

  #ck-category-archive .ckca-cta {
    width: calc(356 * var(--ck-design-unit));
  }

  #ck-category-archive .ckca-cta .ck-button-caption {
    padding-left: calc(52 * var(--ck-design-unit));
    padding-right: calc(78 * var(--ck-design-unit));
  }

  #ck-category-archive .ckca-category {
    flex-basis: calc(104 * var(--ck-design-unit));
  }

  #ck-category-archive [data-ckca=toolbar] {
    justify-content: flex-start;
    gap: calc(5 * var(--ck-design-unit));
    padding-block: calc(10 * var(--ck-design-unit) - 1px);
  }

  #ck-category-archive [data-id=ckca0005] {
    order: 0;
    flex: none;
  }

  #ck-category-archive [data-ckca=toolbar] button[data-id=ckca0004] {
    order: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(8 * var(--ck-design-unit));
    width: calc(103 * var(--ck-design-unit));
    height: calc(34 * var(--ck-design-unit));
    padding: 0;
    font: 600 calc(16 * var(--ck-design-unit))/1 var(--brand-font),sans-serif;
  }

  #ck-category-archive [data-ckca=toolbar] button[data-id=ckca0004]::before {
    content: '';
    padding: 0;
    width: calc(24 * var(--ck-design-unit));
    height: calc(24 * var(--ck-design-unit));
    background: var(--ckfl-filter-asset) center/contain no-repeat;
  }

  #ck-category-archive [data-ckca=toolbar] button[data-id=ckca0004] > span:first-child {
    display: none;
  }

  #ck-category-archive [data-ckca=toolbar] button[data-id=ckca0004] > span:last-child {
    display: inline;
  }

  #ck-category-archive [data-id=ckcacount] {
    margin-left: auto;
    font-size: calc(18 * var(--ck-design-unit));
    white-space: nowrap;
  }

  #ck-category-archive .ckcs-sort {
    width: calc(52.214 * var(--ck-design-unit));
  }

  #ck-category-archive .ckcs-sort summary {
    width: 100%;
    height: calc(34 * var(--ck-design-unit));
    padding: 0;
    font-size: 0;
    border-radius: calc(17 * var(--ck-design-unit));
    background: url('/wp-content/uploads/2026/09/ck-category-sort-mobile.svg') center/100% 100% no-repeat;
  }

  #ck-category-archive .ckcs-sort summary::after {
    content: none;
  }

  #ck-category-archive .ckcs-sort summary:hover {
    filter: brightness(.96);
  }

  #ck-category-archive .ckcs-sort nav {
    left: calc(-11 * var(--ck-design-unit));
    right: auto;
    top: calc(100% + 14 * var(--ck-design-unit));
    width: calc(191 * var(--ck-design-unit));
    min-width: 0;
    padding: 0 0 calc(12 * var(--ck-design-unit));
    border: 0;
    border-radius: calc(12 * var(--ck-design-unit));
    box-shadow: 0 calc(5 * var(--ck-design-unit)) calc(25 * var(--ck-design-unit)) #0003;
    color: var(--text-dark);
    font-size: calc(18 * var(--ck-design-unit));
    letter-spacing: -.02em;
  }

  #ck-category-archive .ckcs-sort nav::before {
    content: attr(data-selected);
    display: flex;
    align-items: center;
    height: calc(42 * var(--ck-design-unit));
    padding-inline: calc(20.75 * var(--ck-design-unit));
    margin-bottom: calc(6 * var(--ck-design-unit));
    border-bottom: 1px solid #0000001a;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -.01em;
  }

  #ck-category-archive .ckcs-sort nav::after {
    content: '';
    position: absolute;
    top: calc(-12 * var(--ck-design-unit));
    left: calc(24 * var(--ck-design-unit));
    width: calc(24 * var(--ck-design-unit));
    height: calc(12 * var(--ck-design-unit));
    background: var(--text-light);
    clip-path: polygon(50% 0,100% 100%,0 100%);
  }

  #ck-category-archive .ckcs-sort nav a {
    padding: 0 calc(20.75 * var(--ck-design-unit));
    line-height: calc(32 * var(--ck-design-unit));
  }

  #ck-category-archive .ckcs-sort[open] {
    background: transparent;
    box-shadow: none;
  }
}

@media(min-width:1025px) {
  #ck-category-archive .ckcs-sort {
    width: calc(220 * var(--ck-design-unit));
  }

  #ck-category-archive .ckcs-sort summary {
    padding-inline: calc(20 * var(--ck-design-unit));
  }

  #ck-category-archive .ckcs-sort nav {
    width: 100%;
  }

  #ck-category-archive .ckcs-sort a {
    padding-inline: calc(20 * var(--ck-design-unit));
  }
}

@media(max-width:1024px) {
  /* Portrait artwork per category (440 x 500 design px, same as the hero), set by WPCode 936. Anchored to the bottom edge; a top-anchored cover copy behind it fills the sky (and any sub-pixel row) when a long title makes the hero taller than 500u (no dark band). */ #ck-category-archive [data-ckca=hero][data-ckca-banner=mobile] {
    background-image: var(--ckca-banner-mobile), var(--ckca-banner-mobile) !important;
    background-size: 100% auto, cover;
    background-position: center bottom, center top;
  }

  #ck-category-archive [data-ckca=hero][data-ckca-banner=mobile]::before {
    content: none;
  }
}

/* Hero buttons ("… entdecken") jump to #produkte, the product toolbar (id set by WPCode 936). */ #ck-category-archive #produkte {
  scroll-margin-top: calc(24 * var(--ck-design-unit));
}

@media (prefers-reduced-motion: no-preference) {
  html:has(#ck-category-archive) {
    scroll-behavior: smooth;
  }
}

/* Lucide refresh-cw (ISC), https://lucide.dev/license. */ #ck-category-archive .ckcs-sort.ckcs-loading summary::after {
  content: '';
  display: block;
  flex: none;
  width: calc(16 * var(--ck-design-unit));
  height: calc(16 * var(--ck-design-unit));
  border: 0;
  background: currentColor;
  mask: url("data:image/svg+xml;base64,PHN2ZwogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB3aWR0aD0iMjQiCiAgaGVpZ2h0PSIyNCIKICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgZmlsbD0ibm9uZSIKICBzdHJva2U9ImN1cnJlbnRDb2xvciIKICBzdHJva2Utd2lkdGg9IjIiCiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIgogIHN0cm9rZS1saW5lam9pbj0icm91bmQiCj4KICA8cGF0aCBkPSJNMyAxMmE5IDkgMCAwIDEgOS05IDkuNzUgOS43NSAwIDAgMSA2Ljc0IDIuNzRMMjEgOCIgLz4KICA8cGF0aCBkPSJNMjEgM3Y1aC01IiAvPgogIDxwYXRoIGQ9Ik0yMSAxMmE5IDkgMCAwIDEtOSA5IDkuNzUgOS43NSAwIDAgMS02Ljc0LTIuNzRMMyAxNiIgLz4KICA8cGF0aCBkPSJNOCAxNkgzdjUiIC8+Cjwvc3ZnPgo=") center/contain no-repeat;
  animation: ckcs-loading-turn .85s linear infinite;
}

@keyframes ckcs-loading-turn {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

@media(max-width:1024px) {
  #ck-category-archive .ckcs-sort.ckcs-loading summary {
    position: relative;
    background: var(--surface-soft);
    color: var(--surface-ink);
  }

  #ck-category-archive .ckcs-sort.ckcs-loading summary::after {
    position: absolute;
    left: calc(50% - 8 * var(--ck-design-unit));
    top: calc(50% - 8 * var(--ck-design-unit));
  }
}

@media(prefers-reduced-motion:reduce) {
  #ck-category-archive .ckcs-sort.ckcs-loading summary::after {
    animation: none;
  }
}

/* Desktop filter layout is owned by the category archive in Elementor. */ #ck-category-archive .ckfl-panel, #ck-category-archive .ckfl-panel [hidden] {
  display: none;
}

#ck-category-archive .ckfl-sheet-header, #ck-category-archive .ckfl-size-note, #ck-category-archive .ckfl-reset-mobile {
  display: none;
}

#ck-category-archive .ckfl-sheet-body {
  display: contents;
}

#ck-category-archive [data-ckca=toolbar] {
  background: var(--text-light);
  box-shadow: inset 0 1px 0 #60606026,inset 0 -1px 0 #60606026;
}

#ck-category-archive [data-ckca=toolbar].ckfl-toolbar-active {
  background: var(--surface-soft);
  box-shadow: none;
}

@media (min-width:1025px) {
  #ck-category-archive [data-ckca=toolbar] {
    height: calc(60 * var(--ck-design-unit));
    min-height: calc(60 * var(--ck-design-unit));
    padding-block: calc(9 * var(--ck-design-unit));
    border: 0;
    box-sizing: border-box;
  }

  #ck-category-archive [data-id=ckcafilters] {
    position: relative;
    z-index: 29;
    width: 100%;
  }

  #ck-category-archive .ckfl-panel:not([hidden]) {
    display: grid;
    grid-template-columns: repeat(6,minmax(0,1fr)) calc(200 * var(--ck-design-unit));
    align-items: center;
    gap: 0;
    max-width: calc(1366 * var(--ck-design-unit));
    min-height: calc(70 * var(--ck-design-unit));
    margin: 0 auto;
    padding: calc(15 * var(--ck-design-unit)) calc(32 * var(--ck-design-unit)) calc(15 * var(--ck-design-unit)) calc(16 * var(--ck-design-unit));
    border: 1px solid var(--surface-soft);
    border-top: 0;
    border-radius: 0 0 var(--ck-card-radius) var(--ck-card-radius);
    background: var(--text-light);
    color: #606060;
    font: 500 calc(19 * var(--ck-design-unit))/1 var(--brand-font),sans-serif;
    letter-spacing: -.01em;
    box-sizing: border-box;
  }

  #ck-category-archive [data-ckca=toolbar] button[data-id=ckca0004] {
    position: relative;
    cursor: pointer;
    width: calc(189 * var(--ck-design-unit));
    min-width: calc(189 * var(--ck-design-unit));
    height: calc(42 * var(--ck-design-unit));
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    padding: 0 0 0 calc(52.4 * var(--ck-design-unit));
    border-radius: calc(21 * var(--ck-design-unit));
    font: 500 calc(18 * var(--ck-design-unit))/1 var(--brand-font),sans-serif;
    letter-spacing: -.02em;
  }

  #ck-category-archive [data-ckca=toolbar] button[data-id=ckca0004]::before {
    content: '';
    position: absolute;
    left: calc(24 * var(--ck-design-unit));
    top: calc(8.5 * var(--ck-design-unit));
    padding: 0;
    width: calc(21 * var(--ck-design-unit));
    height: calc(21 * var(--ck-design-unit));
    background: var(--surface-ink);
    mask: var(--ckfl-filter-asset) center/contain no-repeat;
  }

  #ck-category-archive [data-ckca=toolbar] button.ckfl-open[data-id=ckca0004] {
    width: calc(219 * var(--ck-design-unit));
    min-width: calc(219 * var(--ck-design-unit));
    background: var(--surface-ink);
    color: var(--text-light);
  }

  #ck-category-archive [data-ckca=toolbar] button.ckfl-open[data-id=ckca0004]::before {
    background: var(--text-light);
  }

  #ck-category-archive [data-ckca=toolbar] button.ckfl-open[data-id=ckca0004]::after {
    content: '';
    position: absolute;
    right: calc(7.69 * var(--ck-design-unit));
    top: calc(7.69 * var(--ck-design-unit));
    width: calc(26.62 * var(--ck-design-unit));
    height: calc(26.62 * var(--ck-design-unit));
    border-radius: 50%;
    background: var(--ckfl-close-asset) center/calc(9 * var(--ck-design-unit)) calc(9 * var(--ck-design-unit)) no-repeat #ffffff38;
    transition: background-color .15s,transform .15s;
  }

  #ck-category-archive [data-ckca=toolbar] button.ckfl-open[data-id=ckca0004]:hover::after {
    background-color: #ffffff60;
    transform: scale(1.08);
  }
}

#ck-category-archive .ckfl-panel details {
  position: relative;
  min-width: 0;
}

#ck-category-archive .ckfl-panel summary {
  list-style: none;
  display: flex;
  height: calc(39 * var(--ck-design-unit));
  align-items: center;
  justify-content: center;
  gap: 0;
  white-space: nowrap;
  cursor: pointer;
}

#ck-category-archive .ckfl-panel summary::-webkit-details-marker {
  display: none;
}

#ck-category-archive .ckfl-panel summary::after {
  content: '';
  flex: none;
  width: calc(14 * var(--ck-design-unit));
  height: calc(8 * var(--ck-design-unit));
  margin-left: calc(13 * var(--ck-design-unit));
  background: currentColor;
  mask: var(--ckfl-chevron-asset) center/contain no-repeat;
}

#ck-category-archive .ckfl-panel details:has(.ckfl-count:not([hidden])) > summary {
  color: var(--surface-ink);
  font-weight: 600;
}

#ck-category-archive .ckfl-panel details[open] > summary {
  color: #ff3b00;
  font-weight: 600;
}

#ck-category-archive .ckfl-panel details[open] > summary::after {
  transform: rotate(180deg);
}

#ck-category-archive .ckfl-count {
  display: inline;
  padding: 0 0 0 calc(3 * var(--ck-design-unit));
  color: #ff3b00;
  font: inherit;
}

#ck-category-archive .ckfl-count::before {
  content: '(';
}

#ck-category-archive .ckfl-count::after {
  content: ')';
}

#ck-category-archive .ckfl-options {
  position: absolute;
  z-index: 2;
  top: calc(100% - 2 * var(--ck-design-unit));
  left: 50%;
  transform: translateX(-50%);
  width: max-content;
  max-width: calc(100vw - 64 * var(--ck-design-unit));
  padding: calc(24 * var(--ck-design-unit)) calc(26 * var(--ck-design-unit));
  border: 1px solid #c7c7cd;
  border-radius: calc(10 * var(--ck-design-unit));
  background: var(--text-light);
  color: var(--surface-ink);
  box-shadow: none;
  white-space: normal;
  box-sizing: border-box;
}

#ck-category-archive .ckfl-options::before {
  content: '';
  position: absolute;
  width: calc(10 * var(--ck-design-unit));
  height: calc(10 * var(--ck-design-unit));
  top: calc(-6 * var(--ck-design-unit));
  left: calc(var(--ckfl-pointer,50%) - 5 * var(--ck-design-unit));
  transform: rotate(45deg);
  background: var(--text-light);
  border-left: 1px solid #c7c7cd;
  border-top: 1px solid #c7c7cd;
}

#ck-category-archive .ckfl-options p {
  margin: 0;
  font: 400 calc(16 * var(--ck-design-unit))/1.4 var(--brand-font),sans-serif;
}

#ck-category-archive .ckfl-values {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: calc(25 * var(--ck-design-unit));
}

#ck-category-archive .ckfl-option {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: calc(5 * var(--ck-design-unit));
}

#ck-category-archive .ckfl-option label {
  position: relative;
  cursor: pointer;
  margin: 0;
}

#ck-category-archive .ckfl-option input {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
}

#ck-category-archive .ckfl-option input + span {
  display: flex;
  align-items: center;
  gap: calc(7 * var(--ck-design-unit));
  font: 400 calc(18 * var(--ck-design-unit))/calc(21 * var(--ck-design-unit)) var(--brand-font),sans-serif;
  letter-spacing: -.02em;
  white-space: nowrap;
}

#ck-category-archive .ckfl-panel details:is([data-ckfl-group=cut],[data-ckfl-group=grip],[data-ckfl-group=tag]) .ckfl-option input + span::before {
  content: '';
  flex: none;
  width: calc(21 * var(--ck-design-unit));
  height: calc(21 * var(--ck-design-unit));
  box-sizing: border-box;
  border: 1px solid #09090a4d;
  border-radius: calc(4 * var(--ck-design-unit));
  background: #ececf24d;
}

#ck-category-archive .ckfl-panel details:is([data-ckfl-group=cut],[data-ckfl-group=grip],[data-ckfl-group=tag]) .ckfl-option input:checked + span::before {
  border: 0;
  background: var(--ckfl-checkbox-asset) center/contain no-repeat;
}

#ck-category-archive .ckfl-panel details[data-ckfl-group=size] .ckfl-options {
  --ckfl-pointer: calc(83 * var(--ck-design-unit));
  left: calc(50% - 83 * var(--ck-design-unit));
  transform: none;
  padding: calc(24 * var(--ck-design-unit)) calc(26 * var(--ck-design-unit));
}

#ck-category-archive .ckfl-panel details[data-ckfl-group=size] .ckfl-values {
  gap: calc(4 * var(--ck-design-unit));
}

#ck-category-archive .ckfl-options fieldset {
  border: 0;
  padding: 0;
  margin: 0 0 calc(13 * var(--ck-design-unit));
  min-width: 0;
}

#ck-category-archive .ckfl-options fieldset:last-of-type {
  margin-bottom: 0;
}

#ck-category-archive .ckfl-options legend {
  float: left;
  padding: calc(6 * var(--ck-design-unit)) 0;
  margin: 0 calc(7 * var(--ck-design-unit)) 0 0;
  color: #606060;
  font: 500 calc(16 * var(--ck-design-unit))/1 var(--brand-font),sans-serif;
}

#ck-category-archive .ckfl-options legend::after {
  content: ':';
}

#ck-category-archive .ckfl-panel details[data-ckfl-group=size] .ckfl-option input + span {
  display: grid;
  place-items: center;
  min-width: calc(28 * var(--ck-design-unit));
  height: calc(28 * var(--ck-design-unit));
  padding: 0 calc(5 * var(--ck-design-unit));
  border: 0;
  border-radius: calc(7.224 * var(--ck-design-unit));
  background: var(--surface-soft);
  font: 500 calc(16 * var(--ck-design-unit))/1 var(--brand-font),sans-serif;
  letter-spacing: 0;
}

#ck-category-archive .ckfl-panel details[data-ckfl-group=size] .ckfl-option input:checked + span {
  background: var(--surface-ink);
  color: var(--text-light);
}

#ck-category-archive .ckfl-panel details[data-ckfl-group=size] .ckfl-option label:hover input:not(:checked) + span {
  background: var(--surface-muted);
}

#ck-category-archive .ckfl-panel details[data-ckfl-group=cut] .ckfl-options {
  --ckfl-pointer: calc(90 * var(--ck-design-unit));
  left: calc(50% - 90 * var(--ck-design-unit));
  transform: none;
}

#ck-category-archive .ckfl-panel details[data-ckfl-group=color] .ckfl-options {
  padding: calc(24 * var(--ck-design-unit)) calc(26 * var(--ck-design-unit));
}

#ck-category-archive .ckfl-panel details[data-ckfl-group=color] .ckfl-values {
  gap: calc(6 * var(--ck-design-unit));
}

/* Colour swatches: Kit section colour-swatch. */ #ck-category-archive .ckfl-panel details[data-ckfl-group=color] {
  --ck-swatch-size: calc(30 * var(--ck-design-unit));
  --ck-swatch-radius: calc(8.77 * var(--ck-design-unit));
}

#ck-category-archive .ckfl-option input:focus-visible + .ckfl-color {
  outline: 2px solid var(--action-lime);
  outline-offset: 2px;
}

#ck-category-archive .ckfl-info {
  display: block;
  flex: none;
  width: calc(17 * var(--ck-design-unit));
  height: calc(17 * var(--ck-design-unit));
  padding: 0;
  border: 0;
  border-radius: 0;
  background: var(--ckfl-info-asset) center/contain no-repeat;
  font-size: 0;
  cursor: pointer;
}

#ck-category-archive .ckfl-tooltip {
  position: absolute;
  z-index: 3;
  top: calc(100% + 13 * var(--ck-design-unit));
  left: calc(100% - 67 * var(--ck-design-unit));
  width: calc(244 * var(--ck-design-unit));
  padding: calc(24 * var(--ck-design-unit)) calc(28 * var(--ck-design-unit));
  background: var(--text-light);
  color: var(--surface-ink);
  border-radius: var(--ck-card-radius);
  box-shadow: 0 2px 12px #00000026;
  font: 400 calc(16 * var(--ck-design-unit))/1.4 var(--brand-font),sans-serif;
  letter-spacing: 0;
}

#ck-category-archive .ckfl-tooltip::before {
  content: '';
  position: absolute;
  left: calc(52 * var(--ck-design-unit));
  top: calc(-6 * var(--ck-design-unit));
  width: calc(12 * var(--ck-design-unit));
  height: calc(12 * var(--ck-design-unit));
  background: var(--text-light);
  transform: rotate(45deg);
}

#ck-category-archive .ckfl-price {
  --ckfl-pointer: calc(240 * var(--ck-design-unit));
  left: calc(50% - 240 * var(--ck-design-unit));
  transform: none;
  width: calc(428 * var(--ck-design-unit));
  display: grid;
  grid-template-columns: minmax(0,1fr) calc(11 * var(--ck-design-unit)) minmax(0,1fr);
  grid-template-rows: calc(35 * var(--ck-design-unit)) calc(15 * var(--ck-design-unit));
  column-gap: calc(13 * var(--ck-design-unit));
  row-gap: calc(11 * var(--ck-design-unit));
  padding: calc(24 * var(--ck-design-unit)) calc(26 * var(--ck-design-unit));
}

#ck-category-archive .ckfl-price::after {
  content: '';
  grid-column: 2;
  grid-row: 1;
  height: calc(2 * var(--ck-design-unit));
  align-self: center;
  background: var(--surface-ink);
}

#ck-category-archive .ckfl-price label {
  grid-row: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  margin: 0;
  min-width: 0;
  border-radius: calc(8 * var(--ck-design-unit));
  background: var(--surface-soft);
  font: 500 calc(18 * var(--ck-design-unit))/1 var(--brand-font),sans-serif;
}

#ck-category-archive .ckfl-price label:first-of-type {
  grid-column: 1;
}

#ck-category-archive .ckfl-price label:last-of-type {
  grid-column: 3;
}

#ck-category-archive .ckfl-price input[type=number] {
  width: 100%;
  height: 100%;
  min-width: 0;
  field-sizing: fixed;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: inherit;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: center;
  appearance: textfield;
  -moz-appearance: textfield;
}

#ck-category-archive .ckfl-price input[type=number]::-webkit-inner-spin-button, #ck-category-archive .ckfl-price input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

#ck-category-archive .ckfl-price input[type=range] {
  grid-column: 1/-1;
  grid-row: 2;
  align-self: center;
  position: relative;
  width: 100%;
  height: calc(15 * var(--ck-design-unit));
  margin: 0;
  padding: 0;
  border: 0;
  appearance: none;
  -webkit-appearance: none;
  background: transparent;
  pointer-events: none;
}

#ck-category-archive .ckfl-price input[data-ckfl-price=min] {
  background: linear-gradient(to right,#e7e7ee var(--ckfl-from,0%),var(--surface-ink) var(--ckfl-from,0%),var(--surface-ink) var(--ckfl-to,100%),#e7e7ee var(--ckfl-to,100%)) center/calc(100% - 15 * var(--ck-design-unit)) calc(5 * var(--ck-design-unit)) no-repeat;
}

#ck-category-archive .ckfl-price input[type=range]::-webkit-slider-runnable-track {
  height: calc(5 * var(--ck-design-unit));
  background: transparent;
  border-radius: calc(3 * var(--ck-design-unit));
}

#ck-category-archive .ckfl-price input[type=range]::-webkit-slider-thumb {
  appearance: none;
  -webkit-appearance: none;
  margin-top: calc(-5 * var(--ck-design-unit));
  width: calc(15 * var(--ck-design-unit));
  height: calc(15 * var(--ck-design-unit));
  border: calc(3 * var(--ck-design-unit)) solid var(--text-light);
  border-radius: 50%;
  background: var(--surface-ink);
  cursor: grab;
  pointer-events: auto;
}

#ck-category-archive .ckfl-price input[type=range]::-moz-range-track {
  height: calc(5 * var(--ck-design-unit));
  background: transparent;
}

#ck-category-archive .ckfl-price input[type=range]::-moz-range-thumb {
  width: calc(9 * var(--ck-design-unit));
  height: calc(9 * var(--ck-design-unit));
  border: calc(3 * var(--ck-design-unit)) solid var(--text-light);
  border-radius: 50%;
  background: var(--surface-ink);
  cursor: grab;
  pointer-events: auto;
}

#ck-category-archive .ckfl-reset {
  position: relative;
  isolation: isolate;
  justify-self: end;
  width: calc(192 * var(--ck-design-unit));
  height: calc(39 * var(--ck-design-unit));
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--surface-ink);
  font: 800 calc(18 * var(--ck-design-unit))/1 var(--brand-font),sans-serif;
  letter-spacing: -.02em;
  text-transform: uppercase;
  cursor: pointer;
  transition: color 120ms ease-out;
}

#ck-category-archive .ckfl-reset::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--action-lime);
  mask: var(--ckfl-reset-asset) center/100% 100% no-repeat;
  transition: background-color 120ms ease-out;
}

#ck-category-archive .ckfl-reset > span {
  color: inherit;
  transition: none;
}

#ck-category-archive .ckfl-reset:disabled {
  opacity: .4;
  cursor: default;
}

#ck-category-archive .ckfl-reset:not(:disabled):hover {
  color: var(--text-light);
}

#ck-category-archive .ckfl-reset:not(:disabled):hover::before {
  background: #ff3b14;
}

#ck-category-archive .ckfl-panel :focus-visible, #ck-category-archive .ckfl-option input:focus-visible + span {
  outline: 2px solid var(--brand-orange-text);
  outline-offset: 3px;
}

#ck-category-archive .ckfl-sr {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

#ck-category-archive .ckfl-option:has(input:disabled) {
  opacity: .4;
}

#ck-category-archive .ckfl-panel details > summary[aria-disabled=true] {
  opacity: .4;
  color: #868686;
  cursor: not-allowed;
}

#ck-category-archive .ckfl-option:has(input:disabled) label {
  cursor: not-allowed;
  pointer-events: none;
}

#ck-category-archive .ckfl-option input:disabled + span {
  position: relative;
}

#ck-category-archive .ckfl-panel details[data-ckfl-group=size] input:disabled + span::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(45deg,transparent calc(50% - .6px),#555 calc(50% - .6px),#555 calc(50% + .6px),transparent calc(50% + .6px));
  pointer-events: none;
}

#ck-category-archive .ckfl-dialog {
  padding: 0;
  border: 0;
}

@media (max-width:1024px) {
  #ck-category-archive .ckfl-dialog[open] {
    position: fixed;
    inset: auto 0 0;
    margin: 0;
    width: 100%;
    max-width: none;
    height: min(calc(801 * var(--ck-design-unit)),calc(100dvh - 80 * var(--ck-design-unit)));
    max-height: calc(100dvh - 80 * var(--ck-design-unit));
    overflow: hidden;
    border-radius: var(--ck-card-radius) var(--ck-card-radius) 0 0;
    background: var(--text-light);
    color: var(--surface-ink);
    animation: ckfl-sheet-in .22s ease-out;
  }

  #ck-category-archive .ckfl-dialog::backdrop {
    background: #0006;
  }

  #ck-category-archive .ckfl-dialog.ckfl-closing {
    animation: ckfl-sheet-out .18s ease-in forwards;
  }

  #ck-category-archive .ckfl-dialog .ckfl-panel:not([hidden]) {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    background: var(--text-light);
    color: var(--surface-ink);
  }

  #ck-category-archive .ckfl-sheet-header {
    display: flex;
    flex: none;
    align-items: center;
    justify-content: space-between;
    min-height: calc(77 * var(--ck-design-unit));
    padding: calc(18 * var(--ck-design-unit)) calc(35 * var(--ck-design-unit));
    border-bottom: 1px solid var(--line-soft);
    touch-action: none;
  }

  #ck-category-archive .ckfl-sheet-header strong {
    font: italic 800 calc(21 * var(--ck-design-unit))/1.2 var(--brand-font),sans-serif;
    text-transform: uppercase;
  }

  #ck-category-archive .ckfl-sheet-close {
    display: grid;
    place-items: center;
    width: calc(40 * var(--ck-design-unit));
    min-width: 32PX;
    height: calc(40 * var(--ck-design-unit));
    min-height: 32PX;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: var(--surface-soft);
    color: var(--surface-ink);
    cursor: pointer;
    transition: background .15s,transform .15s;
  }

  #ck-category-archive .ckfl-sheet-close::before {
    content: '';
    width: calc(22 * var(--ck-design-unit));
    height: calc(22 * var(--ck-design-unit));
    background: currentColor;
    mask: var(--ckfl-close-asset) center/contain no-repeat;
  }

  #ck-category-archive .ckfl-sheet-close:hover {
    background: var(--surface-muted);
    transform: scale(1.04);
  }

  #ck-category-archive .ckfl-sheet-body {
    display: block;
    flex: 1;
    min-height: 0;
    overflow: auto;
    overscroll-behavior: contain;
    padding: calc(22 * var(--ck-design-unit)) calc(35 * var(--ck-design-unit)) max(calc(35 * var(--ck-design-unit)),env(safe-area-inset-bottom));
  }

  #ck-category-archive .ckfl-panel details {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid var(--line-soft);
  }

  #ck-category-archive .ckfl-panel details > summary {
    height: auto;
    min-height: calc(58 * var(--ck-design-unit));
    justify-content: flex-start;
    color: var(--surface-ink);
    font: italic 800 calc(19 * var(--ck-design-unit))/1.3 var(--brand-font),sans-serif;
    letter-spacing: .01em;
    text-transform: uppercase;
  }

  #ck-category-archive .ckfl-panel details > summary::after {
    margin-left: auto;
    width: calc(15 * var(--ck-design-unit));
    height: calc(10 * var(--ck-design-unit));
  }

  #ck-category-archive .ckfl-panel details[open] > summary {
    color: var(--surface-ink);
    font-weight: 800;
  }

  #ck-category-archive .ckfl-panel details:first-child > summary {
    min-height: max(44PX, calc(44 * var(--ck-design-unit)));
  }

  #ck-category-archive .ckfl-dialog .ckfl-panel details .ckfl-options {
    position: static;
    transform: none;
    width: 100%;
    max-width: none;
    padding: 0 0 calc(23 * var(--ck-design-unit));
    border: 0;
    border-radius: 0;
    box-shadow: none;
  }

  #ck-category-archive .ckfl-panel details .ckfl-options::before {
    display: none;
  }

  #ck-category-archive .ckfl-options fieldset {
    margin-bottom: calc(20 * var(--ck-design-unit));
  }

  #ck-category-archive .ckfl-options legend {
    float: none;
    margin: 0 0 calc(7 * var(--ck-design-unit));
    padding: 0;
    line-height: 1.2;
  }

  #ck-category-archive .ckfl-values {
    gap: calc(16 * var(--ck-design-unit)) calc(22 * var(--ck-design-unit));
  }

  #ck-category-archive .ckfl-panel details[data-ckfl-group=size] .ckfl-values {
    gap: calc(4 * var(--ck-design-unit));
  }

  #ck-category-archive .ckfl-size-note {
    display: block;
    padding-top: calc(14 * var(--ck-design-unit));
    color: #404040;
    font: 400 calc(16 * var(--ck-design-unit))/1.4 var(--brand-font),sans-serif;
  }

  #ck-category-archive .ckfl-tooltip {
    position: relative;
    flex-basis: 100%;
    top: auto;
    left: auto;
    width: 100%;
    padding: calc(14 * var(--ck-design-unit)) calc(18 * var(--ck-design-unit));
    margin: calc(8 * var(--ck-design-unit)) 0;
    box-sizing: border-box;
  }

  #ck-category-archive .ckfl-tooltip::before {
    display: none;
  }

  #ck-category-archive .ckfl-option:has(.ckfl-tooltip:not([hidden])) {
    flex-wrap: wrap;
    width: 100%;
  }

  #ck-category-archive .ckfl-reset {
    display: block;
    justify-self: start;
    width: calc(252 * var(--ck-design-unit));
    max-width: 100%;
    height: calc(40 * var(--ck-design-unit));
    margin: calc(23 * var(--ck-design-unit)) 0 0;
    font-size: calc(18 * var(--ck-design-unit));
  }

  #ck-category-archive .ckfl-reset-desktop {
    display: none;
  }

  #ck-category-archive .ckfl-reset-mobile {
    display: inline;
  }
}

@keyframes ckfl-sheet-in {
  from {
    transform: translateY(100%);
  }

  to {
    transform: translateY(0);
  }
}

@keyframes ckfl-sheet-out {
  from {
    transform: translateY(0);
  }

  to {
    transform: translateY(100%);
  }
}

@media (prefers-reduced-motion:reduce) {
  #ck-category-archive .ckfl-reset, #ck-category-archive .ckfl-reset::before {
    transition: none;
  }

  #ck-category-archive .ckfl-dialog[open], #ck-category-archive .ckfl-dialog.ckfl-closing {
    animation: none;
  }
}

#ck-category-archive .ckfl-panel {
  -webkit-user-select: none;
  user-select: none;
}

#ck-category-archive .ckfl-panel input[type=number] {
  -webkit-user-select: text;
  user-select: text;
}

#ck-category-archive .ckfl-panel details[data-ckfl-group=tag] .ckfl-values {
  display: grid;
  grid-template-columns: minmax(0,1fr);
  gap: calc(14 * var(--ck-design-unit));
}

#ck-category-archive .ckfl-panel details.ckfl-animating {
  overflow: hidden;
}

@media (max-width:1024px) {
  #ck-category-archive .ckfl-panel details > summary::after {
    transition: transform 180ms ease-out;
  }

  #ck-category-archive .ckfl-panel details.ckfl-collapsing > summary::after {
    transform: none;
  }
}

@media (prefers-reduced-motion:reduce) {
  #ck-category-archive .ckfl-panel details > summary::after {
    transition: none;
  }
}

#ck-category-archive {
  --ckfl-reset-asset: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB3aWR0aD0iMTkzIiBoZWlnaHQ9IjQwIiB2aWV3Qm94PSIwIDAgMTkzIDQwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTI4LjE2OTkgMy41MDk2MmUtMDZMMTM4LjcwNyAzLjUwOTYzZS0wNkwxNzguMjE5IDMuNTA5NjNlLTA2QzE5Ny41OTMgLTAuMDA3OTU5NDYgMTkwLjk2IDEzLjUzNzEgMTkwLjk2IDEzLjUzNzFMMTc5LjgxMiAzMC4yNTkzQzE3My43MDQgMzguNTI0OCAxNjMuODg2IDM5LjAxODYgMTYzLjg4NiAzOS4wMTg2SDExOC40OTdIMTMuODM2NUMtNS41Mzc0IDM5LjAxODYgMS4wOTU3NiAyNS40ODE1IDEuMDk1NzYgMjUuNDgxNUwxMi4yNDM5IDguNzU5MjdDMTguMzQzNSAwLjQ5MzcwOSAyOC4xNjk5IDMuNTA5NjJlLTA2IDI4LjE2OTkgMy41MDk2MmUtMDZaIiBmaWxsPSIjQTlGRjAwIi8+Cjwvc3ZnPgo=");
  --ckfl-chevron-asset: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE0IDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjYzNjIzIDAuNjM2NDc1TDYuNjM2MjMgNi42MzY0N0wxMi42MzYyIDAuNjM2NDc1IiBzdHJva2U9IiM4Njg2ODYiIHN0cm9rZS13aWR0aD0iMS44Ii8+Cjwvc3ZnPgo=");
  --ckfl-checkbox-asset: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjIxIiBoZWlnaHQ9IjIxIiByeD0iNC42MDg5NCIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTYgMTFMOSAxNC41TDE1IDYuNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg==");
  --ckfl-info-asset: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNyAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguNDg2OCAwLjAwMDEyNTg4MUM4LjUyMDU1IDAuMDAwMTk3MzQ0IDguNTU0MyAwLjAwMDI2ODgwNyA4LjU4OTA4IDAuMDAwMzQyNDM2QzkuMDczNSAwLjAwMTk4OTQ3IDkuNTQ4NzUgMC4wMTAzMDkgMTAuMDI0NiAwLjEwOTk2NkMxMC4wNTY5IDAuMTE2NTU0IDEwLjA4OTIgMC4xMjMxNDIgMTAuMTIyNSAwLjEyOTkyOUMxMS43MjY4IDAuNDY1NTIgMTMuMTg1NCAxLjE5MjI1IDE0LjM2ODQgMi4zMzE2M0MxNC40MDEyIDIuMzYzMDcgMTQuNDAxMiAyLjM2MzA3IDE0LjQzNDcgMi4zOTUxNUMxNC43NDkzIDIuNjk4MzcgMTUuMDM5MSAzLjAwNjY2IDE1LjI5NjkgMy4zNTk1NkMxNS4zMjUzIDMuMzk3NzMgMTUuMzUzOCAzLjQzNTkgMTUuMzgyMiAzLjQ3NDA3QzE1LjU4MjQgMy43NDU2OCAxNS43NjAxIDQuMDI3OTkgMTUuOTI2OSA0LjMyMTE4QzE1LjkzOSA0LjM0MjEzIDE1Ljk1MTEgNC4zNjMwOCAxNS45NjM1IDQuMzg0NjZDMTYuNjc5OSA1LjYzNjM3IDE3LjAwMzggNy4wNTQ0NyAxNi45OTgzIDguNDg2OEMxNi45OTgzIDguNTIwNTUgMTYuOTk4MiA4LjU1NDMgMTYuOTk4MSA4LjU4OTA4QzE2Ljk5NjUgOS4wNzM1IDE2Ljk4ODIgOS41NDg3NSAxNi44ODg1IDEwLjAyNDZDMTYuODc4NiAxMC4wNzMgMTYuODc4NiAxMC4wNzMgMTYuODY4NSAxMC4xMjI1QzE2LjUzMjkgMTEuNzI2OCAxNS44MDYyIDEzLjE4NTQgMTQuNjY2OCAxNC4zNjg0QzE0LjY0NTkgMTQuMzkwMyAxNC42MjQ5IDE0LjQxMjEgMTQuNjAzMyAxNC40MzQ3QzE0LjMwMDEgMTQuNzQ5MyAxMy45OTE4IDE1LjAzOTEgMTMuNjM4OSAxNS4yOTY5QzEzLjYwMDcgMTUuMzI1MyAxMy41NjI2IDE1LjM1MzggMTMuNTI0NCAxNS4zODIyQzEzLjI1MjggMTUuNTgyNCAxMi45NzA5IDE1Ljc2MDkgMTIuNjc3MyAxNS45MjY5QzEyLjY1MzggMTUuOTQwMiAxMi42MzA0IDE1Ljk1MzYgMTIuNjA2MiAxNS45NjczQzExLjgzOTEgMTYuMzk5MiAxMS4wMDQ0IDE2LjY4OTMgMTAuMTQyNyAxNi44NjU3QzEwLjExODggMTYuODcwNiAxMC4wOTUgMTYuODc1NSAxMC4wNzA0IDE2Ljg4MDVDOS41ODM4MiAxNi45NzMgOS4xMDIxOCAxNi45OTk1IDguNjA3NzUgMTYuOTk4NEM4LjUxMDI4IDE2Ljk5ODMgOC40MTI4NCAxNi45OTkxIDguMzE1MzcgMTdDNy44NzE5MyAxNy4wMDE0IDcuNDQ0MyAxNi45NjE1IDcuMDA3MDcgMTYuODg4NUM2Ljk1MDUyIDE2Ljg3OTEgNi45NTA1MiAxNi44NzkxIDYuODkyODIgMTYuODY5NkM1LjQ1ODExIDE2LjYxMTkgNC4wOTY5MyAxNS45NDkxIDIuOTk0ODEgMTQuOTk4NEMyLjk3MDExIDE0Ljk3NzQgMi45NDU0IDE0Ljk1NjQgMi45MTk5NSAxNC45MzQ3QzIuNDcyMTMgMTQuNTQzMSAyLjA1MTk2IDE0LjEyMDMgMS43MDE2MSAxMy42Mzg5QzEuNjczMiAxMy42MDA4IDEuNjQ0NzkgMTMuNTYyNiAxLjYxNjM4IDEzLjUyNDVDMS40MTYwOSAxMy4yNTMgMS4yMzc1OSAxMi45NzEgMS4wNzE1OCAxMi42NzczQzEuMDU4MjUgMTIuNjUzOCAxLjA0NDkxIDEyLjYzMDQgMS4wMzExNyAxMi42MDYyQzAuNTk5MjU2IDExLjgzOTEgMC4zMDkxNTIgMTEuMDA0NCAwLjEzMjc2MyAxMC4xNDI3QzAuMTI3ODc2IDEwLjExODggMC4xMjI5OSAxMC4wOTUgMC4xMTc5NTYgMTAuMDcwNEMwLjAxOTM0NTIgOS41NTE2MyAtMC4wMDE4ODAzNyA5LjAzODU0IDAuMDAwMTI1ODgxIDguNTExNjdDMC4wMDAxOTczNDQgOC40Nzc5MSAwLjAwMDI2ODgwNyA4LjQ0NDE2IDAuMDAwMzQyNDM2IDguNDA5MzlDMC4wMDE5ODk0NyA3LjkyNDk2IDAuMDEwMzA5IDcuNDQ5NzIgMC4xMDk5NjYgNi45NzM5MUMwLjExNjU1NCA2Ljk0MTU5IDAuMTIzMTQyIDYuOTA5MjYgMC4xMjk5MjkgNi44NzU5NkMwLjQ2NTUyIDUuMjcxNjUgMS4xOTIyNSAzLjgxMzA0IDIuMzMxNjMgMi42MzAwNkMyLjM1MjU5IDIuNjA4MiAyLjM3MzU1IDIuNTg2MzMgMi4zOTUxNSAyLjU2MzgxQzIuNjk4MzcgMi4yNDkxOSAzLjAwNjY2IDEuOTU5MzggMy4zNTk1NiAxLjcwMTYxQzMuMzk3NzMgMS42NzMxNSAzLjQzNTkgMS42NDQ3IDMuNDc0MDcgMS42MTYyNUMzLjc0NTYzIDEuNDE2MDUgNC4wMjc1NyAxLjIzNzU2IDQuMzIxMTggMS4wNzE1OEM0LjM0NDYzIDEuMDU4MjUgNC4zNjgwOCAxLjA0NDkxIDQuMzkyMjQgMS4wMzExN0M1LjE1OTM5IDAuNTk5MjU2IDUuOTk0MDUgMC4zMDkxNTIgNi44NTU3OCAwLjEzMjc2M0M2Ljg3OTYyIDAuMTI3ODc2IDYuOTAzNDYgMC4xMjI5OSA2LjkyODAyIDAuMTE3OTU2QzcuNDQ2ODQgMC4wMTkzNDUyIDcuOTU5OTIgLTAuMDAxODgwMzcgOC40ODY4IDAuMDAwMTI1ODgxWk0zLjM0MzM3IDIuNzg2MjdDMy4yODcyOCAyLjgzNzM5IDMuMjMwNzEgMi44ODc5OSAzLjE3MzY5IDIuOTM4MDhDMi45OTk5OSAzLjA5MTAyIDIuODQ0MTkgMy4yNDgwNiAyLjY5NjM4IDMuNDI1ODhDMi42NzE1OSAzLjQ1NDM5IDIuNjQ2OCAzLjQ4MjkgMi42MjEyNSAzLjUxMjI4QzEuNjQxNjQgNC42NTM2MiAxLjAyMjQxIDYuMDc5OTEgMC44Mzk0NjcgNy41NzA3OEMwLjgzNjM0MiA3LjU5NDQgMC44MzMyMTYgNy42MTgwMyAwLjgyOTk5NSA3LjY0MjM3QzAuNzk3NDE4IDcuOTE4MDUgMC43OTgyMyA4LjE5NTA4IDAuNzk4MDE4IDguNDcyMjlDMC43OTc5OTYgOC40OTg3NCAwLjc5Nzk3MyA4LjUyNTE5IDAuNzk3OTUgOC41NTI0NEMwLjc5ODU0MiA4Ljk5NDM5IDAuODIyODkgOS40MjM2NiAwLjkwNTc4NiA5Ljg1ODc2QzAuOTE0MzIxIDkuOTAzOTMgMC45MTQzMjEgOS45MDM5MyAwLjkyMzAyOSA5Ljk1MDAxQzEuMTk0NDYgMTEuMzM4NSAxLjgzMjI0IDEyLjYxMDkgMi43ODYyNyAxMy42NTUxQzIuODM3MzkgMTMuNzExMiAyLjg4Nzk5IDEzLjc2NzggMi45MzgwOCAxMy44MjQ4QzMuMDkxMDIgMTMuOTk4NSAzLjI0ODA2IDE0LjE1NDMgMy40MjU4OCAxNC4zMDIxQzMuNDU0MzkgMTQuMzI2OSAzLjQ4MjkgMTQuMzUxNyAzLjUxMjI4IDE0LjM3NzJDNS4wOTk3MyAxNS43Mzk3IDcuMTQzOCAxNi4zMTg2IDkuMjEyMzggMTYuMTg0NkM5LjQzMDAxIDE2LjE2NTUgOS42NDQyMSAxNi4xMzM2IDkuODU4NzYgMTYuMDkyN0M5Ljg4ODg3IDE2LjA4NyA5LjkxODk5IDE2LjA4MTMgOS45NTAwMSAxNi4wNzU0QzExLjMzODUgMTUuODA0IDEyLjYxMDkgMTUuMTY2MiAxMy42NTUxIDE0LjIxMjJDMTMuNzExMiAxNC4xNjExIDEzLjc2NzggMTQuMTEwNSAxMy44MjQ4IDE0LjA2MDRDMTMuOTk4NSAxMy45MDc0IDE0LjE1NDMgMTMuNzUwNCAxNC4zMDIxIDEzLjU3MjZDMTQuMzI2OSAxMy41NDQxIDE0LjM1MTcgMTMuNTE1NiAxNC4zNzcyIDEzLjQ4NjJDMTUuMzU2OCAxMi4zNDQ4IDE1Ljk3NjEgMTAuOTE4NiAxNi4xNTkgOS40Mjc2OUMxNi4xNjIxIDkuNDA0MDcgMTYuMTY1MyA5LjM4MDQ0IDE2LjE2ODUgOS4zNTYxQzE2LjIwMSA5LjA4MDQyIDE2LjIwMDIgOC44MDMzOSAxNi4yMDA0IDguNTI2MThDMTYuMjAwNSA4LjQ5OTczIDE2LjIwMDUgOC40NzMyOCAxNi4yMDA1IDguNDQ2MDNDMTYuMTk5OSA4LjAwNDA4IDE2LjE3NTYgNy41NzQ4MSAxNi4wOTI3IDcuMTM5NzFDMTYuMDg3IDcuMTA5NTkgMTYuMDgxMyA3LjA3OTQ4IDE2LjA3NTQgNy4wNDg0NkMxNS44MDQgNS42NiAxNS4xNjYyIDQuMzg3NTYgMTQuMjEyMiAzLjM0MzM3QzE0LjE2MTEgMy4yODcyOCAxNC4xMTA1IDMuMjMwNzEgMTQuMDYwNCAzLjE3MzY5QzEzLjkwNzQgMi45OTk5OSAxMy43NTA0IDIuODQ0MTkgMTMuNTcyNiAyLjY5NjM4QzEzLjU0NDEgMi42NzE1OSAxMy41MTU2IDIuNjQ2OCAxMy40ODYyIDIuNjIxMjVDMTIuMzQ0OCAxLjY0MTY0IDEwLjkxODYgMS4wMjI0MSA5LjQyNzY5IDAuODM5NDY3QzkuMzkyMjUgMC44MzQ3NzkgOS4zOTIyNSAwLjgzNDc3OSA5LjM1NjEgMC44Mjk5OTVDNy4xODAzIDAuNTcyODgzIDQuOTUzOTUgMS4zMTQ3NiAzLjM0MzM3IDIuNzg2MjdaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNOC45MzAzIDcuMzcxODJDOS4xNDQxMSA3LjU2MjY0IDkuMjc3NDMgNy43ODY2OCA5LjMwNTI4IDguMDc0MzhDOS4zMTc1MSA4LjcwNzI3IDkuMTQ4MzEgOS4yNzE3NyA4Ljk2NTUzIDkuODcxMTlDOC43NzE1OCAxMC40OTExIDguNzcxNTggMTAuNDkxMSA4LjYyOTY2IDExLjEyNDJDOC42MjU2NiAxMS4xNDY3IDguNjIxNjYgMTEuMTY5MSA4LjYxNzU0IDExLjE5MjNDOC41ODYxMSAxMS40MDA1IDguNTgzNjEgMTEuNjMxNiA4LjY5ODE4IDExLjgxNTFDOC44NzMgMTEuOTEzMSA5LjAyMDM4IDExLjkzMDYgOS4yMTgzNyAxMS45MjcxQzkuMjQ0MzMgMTEuOTI2OSA5LjI3MDI5IDExLjkyNjcgOS4yOTcwNCAxMS45MjY1QzkuNTE1NDcgMTEuOTIxNiA5LjcxNzI0IDExLjg4MzYgOS45MjUwNyAxMS44MTUxQzkuOTE1NjMgMTEuODcyNSA5LjkwNTkgMTEuOTI5OCA5Ljg5NjA2IDExLjk4NzJDOS44OTA2NyAxMi4wMTkxIDkuODg1MjkgMTIuMDUxIDkuODc5NzQgMTIuMDgzOUM5Ljg3MjgxIDEyLjExNTYgOS44NjU4OSAxMi4xNDczIDkuODU4NzYgMTIuMTc5OUM5Ljg0OTc4IDEyLjIyMzIgOS44NDk3OCAxMi4yMjMyIDkuODQwNjIgMTIuMjY3NUM5Ljc2NCAxMi4zOTE5IDkuNjQ4NzYgMTIuNDE3MyA5LjUxNDczIDEyLjQ2MzhDOS40ODc3MyAxMi40NzM3IDkuNDYwNzMgMTIuNDgzNSA5LjQzMjkyIDEyLjQ5MzdDOS4zNTQgMTIuNTIyMyA5LjI3NDgxIDEyLjU1MDEgOS4xOTU1NyAxMi41Nzc4QzkuMTU3OTYgMTIuNTkxNyA5LjEyMDM0IDEyLjYwNTUgOS4wODE1OSAxMi42MTk4QzguNTcyNTYgMTIuODAxMiA3Ljk1NDExIDEyLjg3NjcgNy40MzgxNCAxMi42NzczQzcuMzIxNDUgMTIuNjE4OCA3LjIxMzgxIDEyLjU1MjUgNy4xMDY1NCAxMi40NzgzQzcuMDYwMzggMTIuNDQ3NSA3LjA2MDM4IDEyLjQ0NzUgNy4wMTMyOCAxMi40MTYyQzYuODI5MzQgMTIuMjM3NSA2LjcxMDY3IDEyLjAwNjkgNi42OTg2NiAxMS43NDlDNi42OTgxOCAxMS42OTk5IDYuNjk4MDYgMTEuNjUwOCA2LjY5ODI3IDExLjYwMTdDNi42OTc0NyAxMS41NjY2IDYuNjk3NDcgMTEuNTY2NiA2LjY5NjY1IDExLjUzMDhDNi42OTYxNyAxMC45ODA2IDYuOTA1MiAxMC40MzQzIDcuMDU4ODggOS45MTI2NEM3LjA5MzA4IDkuNzk2MDggNy4xMjcyMiA5LjY3OTUgNy4xNjEyNiA5LjU2MjlDNy4xODIzIDkuNDkwODYgNy4yMDM0NCA5LjQxODg1IDcuMjI0NyA5LjM0Njg4QzcuNDA5NTMgOC43NTIyOCA3LjQwOTUzIDguNzUyMjggNy4zNzE4MiA4LjE0NDg0QzcuMzA4MzEgOC4wMzk2NSA3LjI2ODgxIDcuOTg2OSA3LjE1MDcxIDcuOTQ4ODZDNi44MzcwOCA3Ljg5NDc1IDYuNTYwNDkgNy45MzQ1IDYuMjYyNTQgOC4wMzkxNEM2LjE3ODA5IDguMDY4MTYgNi4xNzgwOSA4LjA2ODE2IDYuMTExNzcgOC4wNjgxNkM2LjEwNTEzIDcuODYzNjUgNi4xMTUzOCA3LjY3MTUzIDYuMjQ0NDEgNy41MDQ0NUM2LjUxODExIDcuMzI1ODMgNi44NTg5MSA3LjI1MDY5IDcuMTcyODYgNy4xNzI4NkM3LjIwMjk3IDcuMTY1MjcgNy4yMzMwOCA3LjE1NzY5IDcuMjY0MSA3LjE0OTg3QzcuODMzOTcgNy4wMTMxNSA4LjQ0NjQxIDcuMDAxOTggOC45MzAzIDcuMzcxODJaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNOS40NTA0OSA0LjMzNzc2QzkuNzI2MTQgNC41MDMxNSA5LjkwNzQzIDQuNjgyMjcgMTAuMDA0IDQuOTkzM0MxMC4wNzAyIDUuMjg0MzYgMTAuMDA5MSA1LjUyNzcgOS44NjcwNSA1Ljc4NjRDOS42ODc0NCA2LjAxMDkyIDkuNDUwMjggNi4xOTA0MSA5LjE2MjQyIDYuMjQ0NDFDOC43NzE0NyA2LjI3MjQ3IDguNDQ5MDYgNi4yMzA4IDguMTM0NDggNS45NzkxNEM3LjkwNDUgNS43NjE1NCA3LjgwMjY1IDUuNTUxNjcgNy43ODgzOCA1LjIzNTEzQzcuNzk2OTMgNC45NTc2NCA3Ljg5OTkzIDQuNzEyNzcgOC4xMDEzMiA0LjUyMDE0QzguNTAyNTggNC4yNDQ2OSA4Ljk4NzIgNC4xMTk3NCA5LjQ1MDQ5IDQuMzM3NzZaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K");
  --ckfl-close-asset: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiPjxwYXRoIGQ9Im0xOCA2LTEyIDEyTTYgNmwxMiAxMiIvPjwvc3ZnPg==");
  --ckfl-filter-asset: url("/wp-content/uploads/2026/09/ck-category-filter.svg");
}

/* rmcev4:color-view-toggle:start */ #ck-category-archive [data-id=ckcvview] {
  flex: none;
  width: auto;
}

#ck-category-archive [data-ckca=toolbar] .ckcv-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(58 * var(--ck-design-unit));
  height: calc(42 * var(--ck-design-unit));
  padding: 0;
  border: 0;
  border-radius: calc(21 * var(--ck-design-unit));
  background: var(--surface-soft);
  color: var(--text-dark);
  cursor: pointer;
}

#ck-category-archive [data-ckca=toolbar] button.ckcv-toggle::before {
  content: none;
}

#ck-category-archive .ckcv-toggle svg {
  width: calc(22 * var(--ck-design-unit));
  height: calc(22 * var(--ck-design-unit));
}

#ck-category-archive [data-ckca=toolbar] .ckcv-toggle:hover {
  background: var(--surface-muted);
}

#ck-category-archive [data-ckca=toolbar] .ckcv-toggle[aria-pressed=true] {
  background: var(--text-dark);
  color: var(--text-light);
}

#ck-category-archive .ckcv-toggle[aria-busy=true] {
  cursor: progress;
}

@media(min-width:1025px) {
  #ck-category-archive [data-ckca=toolbar] {
    justify-content: flex-start;
    column-gap: calc(10 * var(--ck-design-unit));
  }

  #ck-category-archive [data-id=ckcacount] {
    margin-left: auto;
    margin-right: auto;
  }
}

@media(max-width:1024px) {
  #ck-category-archive [data-id=ckcvview] {
    order: 2;
  }

  #ck-category-archive [data-id=ckcacount] {
    order: 3;
  }

  #ck-category-archive [data-ckca=toolbar] .ckcv-toggle {
    width: calc(45 * var(--ck-design-unit));
    height: calc(34 * var(--ck-design-unit));
  }
}

/* R3 27.10.2026: text switch «Modelle | Alle Farben» on desktop, icon toggle up to 1024 px. */
#ck-category-archive [data-ckca=toolbar] .ckcv-switch {
  display: inline-flex;
  align-items: center;
  gap: calc(2 * var(--ck-design-unit));
  height: calc(42 * var(--ck-design-unit));
  padding: calc(3 * var(--ck-design-unit));
  box-sizing: border-box;
  border-radius: calc(21 * var(--ck-design-unit));
  background: var(--surface-soft);
}

#ck-category-archive [data-ckca=toolbar] .ckcv-option {
  display: inline-flex;
  align-items: center;
  height: 100%;
  margin: 0;
  padding: 0 calc(16 * var(--ck-design-unit));
  border: 0;
  border-radius: calc(18 * var(--ck-design-unit));
  background: transparent;
  color: var(--text-dark);
  font-family: inherit;
  font-size: calc(18 * var(--ck-design-unit));
  font-weight: 500;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  white-space: nowrap;
  cursor: pointer;
}

#ck-category-archive [data-ckca=toolbar] button.ckcv-option::before {
  content: none;
}

#ck-category-archive [data-ckca=toolbar] .ckcv-option:hover {
  background: var(--surface-muted);
}

#ck-category-archive [data-ckca=toolbar] .ckcv-option[aria-pressed=true] {
  background: var(--text-dark);
  color: var(--text-light);
  cursor: default;
}

#ck-category-archive [data-ckca=toolbar] .ckcv-option:focus-visible {
  outline: 2px solid var(--text-dark);
  outline-offset: 2px;
}

#ck-category-archive .ckcv-option[aria-busy=true] {
  cursor: progress;
}

@media(min-width:1025px) {
  #ck-category-archive [data-ckca=toolbar] .ckcv-toggle {
    display: none;
  }

  /* The count stays in the exact middle of the toolbar (User 27.10.2026); the sort keeps the right edge. */
  #ck-category-archive [data-ckca=toolbar] [data-id=ckcacount] {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0;
    transform: translate(-50%, -50%);
  }

  #ck-category-archive [data-ckca=toolbar] [data-id=ckca0005] {
    margin-left: auto;
  }
}

@media(max-width:1024px) {
  #ck-category-archive [data-ckca=toolbar] .ckcv-switch {
    display: none;
  }
}
/* rmcev4:color-view-toggle:end */ /* rmcev4:facts-beratung-inline:start */ #ck-category-archive [data-ckca=faq] .e-accordion-base {
  width: 100%;
}

#ck-category-archive [data-ckca=faq] .e-accordion-item-base {
  border: 1px solid var(--surface-muted);
  background: var(--text-light);
  border-radius: var(--ck-card-radius);
  margin-bottom: calc(15 * var(--ck-design-unit));
  overflow: hidden;
}

#ck-category-archive [data-ckca=faq] .e-accordion-item-base[open] {
  background: var(--surface-deep);
  border-color: var(--surface-deep);
}

#ck-category-archive [data-ckca=faq] summary {
  position: relative;
  display: flex;
  align-items: center;
  min-height: calc(90 * var(--ck-design-unit));
  padding: calc(25 * var(--ck-design-unit)) calc(40 * var(--ck-design-unit)) calc(25 * var(--ck-design-unit)) calc(112 * var(--ck-design-unit));
  color: var(--surface-ink);
  font: 800 italic calc(23 * var(--ck-design-unit))/1.1 var(--brand-font),sans-serif;
  text-transform: uppercase;
}

#ck-category-archive [data-ckca=faq] [data-ckfaq=art] {
  position: absolute;
  width: calc(48 * var(--ck-design-unit));
  height: calc(48 * var(--ck-design-unit));
  left: calc(40 * var(--ck-design-unit));
  top: 50%;
  transform: translateY(-50%);
}

#ck-category-archive [data-ckca=faq] summary [data-ckfaq=question] {
  flex: 1;
  color: inherit;
}

#ck-category-archive [data-ckca=faq] summary [data-ckfaq=toggle] {
  order: 2;
  font-style: normal;
  font-size: calc(18 * var(--ck-design-unit));
  color: inherit;
}

#ck-category-archive [data-ckca=faq] .e-accordion-item-base[open] summary {
  color: var(--text-light);
}

#ck-category-archive [data-ckca=faq] .e-accordion-item-content-base {
  padding: 0 calc(40 * var(--ck-design-unit)) calc(38 * var(--ck-design-unit)) calc(112 * var(--ck-design-unit));
  border: 0;
  color: var(--photo-caption);
  font: 400 calc(20 * var(--ck-design-unit))/1.4 var(--brand-font),sans-serif;
}

#ck-category-archive [data-ckca=faq] .e-accordion-item-content-base p {
  margin: 0;
}

@media(max-width:1024px) {
  #ck-category-archive [data-ckca=faq] {
    max-width: none;
    width: calc(100% - 70 * var(--ck-design-unit));
    margin: calc(70 * var(--ck-design-unit)) auto;
    gap: calc(25 * var(--ck-design-unit));
  }

  #ck-category-archive [data-ckca=faq] h2 {
    font-size: calc(40 * var(--ck-design-unit));
    line-height: 1.1;
    max-width: calc(350 * var(--ck-design-unit));
    align-self: center;
  }

  #ck-category-archive [data-ckca=faq] summary {
    min-height: calc(90 * var(--ck-design-unit));
    padding: calc(20 * var(--ck-design-unit)) calc(14 * var(--ck-design-unit)) calc(20 * var(--ck-design-unit)) calc(62 * var(--ck-design-unit));
    font-size: calc(18 * var(--ck-design-unit));
    line-height: calc(20 * var(--ck-design-unit));
    letter-spacing: -.02em;
  }

  #ck-category-archive [data-ckca=faq] [data-ckfaq=art] {
    width: calc(38 * var(--ck-design-unit));
    height: calc(42 * var(--ck-design-unit));
    left: calc(12 * var(--ck-design-unit));
    padding: calc(5 * var(--ck-design-unit));
    box-sizing: border-box;
  }

  #ck-category-archive [data-ckca=faq] .e-accordion-item-content-base {
    padding: 0 calc(20 * var(--ck-design-unit)) calc(28 * var(--ck-design-unit)) calc(62 * var(--ck-design-unit));
  }
}

#ck-category-archive [data-ckfaq=art] svg {
  display: block;
  width: 100%;
  height: 100%;
}

#ck-category-archive [data-ckfaq=toggle] svg {
  fill: currentColor;
}

#ck-category-archive [data-ckfaq=toggle] svg path {
  fill: inherit;
}

#ck-category-archive [data-ckca=faq] .e-accordion-item-base[open] summary [data-ckfaq=toggle] {
  color: var(--text-light);
}

#ck-category-archive [data-ckca=faq] .e-accordion-item-base[open] summary [data-ckfaq=toggle] svg {
  fill: var(--text-light);
}

@media(max-width:1024px) {
  #ck-category-archive [data-ckca=faq] .e-accordion-item-base {
    margin-bottom: calc(10 * var(--ck-design-unit));
  }

  #ck-category-archive [data-ckca=faq] .e-accordion-item-content-base {
    font-size: calc(16 * var(--ck-design-unit));
    line-height: calc(26 * var(--ck-design-unit));
  }
}

/* Match the shared snippet ink policy in the native live editor preview. */ #ck-category-archive [data-ckfaq=art] :is([fill="#000" i],[fill="#000000" i],[fill="#09090b" i],[fill="black" i]):not(mask *,clipPath *) {
  fill: currentColor;
}

#ck-category-archive [data-ckfaq=art] :is([stroke="#000" i],[stroke="#000000" i],[stroke="#09090b" i],[stroke="black" i],[stroke="#fff" i],[stroke="#ffffff" i],[stroke="white" i]):not(mask *,clipPath *) {
  stroke: currentColor;
}

#ck-category-archive [data-ckca=faq] .e-accordion-base {
  display: block;
  gap: 0
}

#ck-category-archive [data-ckca=faq] summary {
  gap: 0;
  list-style: none
}

#ck-category-archive [data-ckca=faq] [data-ckfaq=qwrap] {
  flex: 1;
  min-width: 0;
  display: block;
  position: static
}

#ck-category-archive [data-ckca=faq] [data-ckfaq=question] {
  display: block;
  margin: 0;
  font: inherit;
  color: inherit;
  letter-spacing: inherit
}

#ck-category-archive [data-ckca=faq] [data-ckfaq=answer-text] {
  margin: 0;
  font: inherit;
  color: inherit
}

/* In-text links in FAQ answers: site link standard (text colour, thin underline), light on hover/focus of the dark open item. */ #ck-category-archive [data-ckca=faq] [data-ckfaq=answer-text] a {
  color: inherit;
  text-decoration: underline;
  text-decoration-thickness: calc(1 * var(--ck-design-unit));
  text-underline-offset: calc(3 * var(--ck-design-unit))
}

#ck-category-archive [data-ckca=faq] [data-ckfaq=answer-text] a:hover {
  color: var(--text-light)
}

#ck-category-archive [data-ckca=faq] [data-ckfaq=answer-text] a:focus-visible {
  color: var(--text-light);
  outline: calc(2 * var(--ck-design-unit)) solid var(--text-light);
  outline-offset: calc(2 * var(--ck-design-unit));
  border-radius: calc(2 * var(--ck-design-unit))
}

#ck-category-archive [data-ckca=faq] [data-ckfaq=art] {
  color: inherit
}

#ck-category-archive [data-ckca=faq] [data-ckfaq=art] img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain
}

#ck-category-archive [data-ckca=faq] [data-ckfaq=toggle] > .e-svg-base {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  line-height: 0;
}

#ck-category-archive [data-ckca=faq] [data-ckfaq=toggle] svg {
  display: block;
  width: 100%;
  height: 100%;
}

#ck-category-archive [data-ckca=faq] .ckf-v {
  transition: opacity 0.2s ease;
}

#ck-category-archive [data-ckca=faq] .e-accordion-item-base[open] .ckf-v {
  opacity: 0;
}

#ck-category-archive [data-ckca=seo] .e-svg-base svg {
  width: 100%;
  height: 100%;
}

#ck-category-archive [data-ckca=seo] .ck-chip {
  align-self: flex-start;
}

#ck-category-archive [data-ckca=seo] [data-ckca=seo-feature] > .e-svg-base {
  flex-shrink: 0;
}

#ck-category-archive [data-ckca=seo] [data-ckca=seo-copy] > .e-grid-base {
  margin-top: calc(25 * var(--ck-design-unit));
}

@media(max-width:1024px) {
  #ck-category-archive [data-ckca=seo] {
    grid-template-columns: 1fr;
    padding: 0 calc(15 * var(--ck-design-unit));
    gap: calc(15 * var(--ck-design-unit));
  }

  #ck-category-archive [data-ckca=seo-photo] {
    min-height: 0;
    aspect-ratio: 1;
  }

  #ck-category-archive [data-ckca=seo-copy] {
    padding: calc(60 * var(--ck-design-unit)) calc(20 * var(--ck-design-unit));
    gap: calc(24 * var(--ck-design-unit));
  }

  #ck-category-archive [data-ckca=seo-copy] > h2 {
    font-size: calc(40 * var(--ck-design-unit));
    line-height: 1.1;
    letter-spacing: -.035em;
  }

  #ck-category-archive [data-ckca=seo-copy] > .e-paragraph-base {
    font-size: calc(18 * var(--ck-design-unit));
  }

  #ck-category-archive [data-ckca=seo-copy] > .e-grid-base {
    grid-template-columns: 1fr;
    gap: calc(30 * var(--ck-design-unit));
  }

  #ck-category-archive [data-ckca=seo-feature] h3 {
    font-size: calc(20 * var(--ck-design-unit));
  }
}

@media(min-width:1025px) {
  #ck-category-archive [data-ckca=seo-copy] > .e-grid-base {
    position: relative;
    background: linear-gradient(var(--surface-muted),var(--surface-muted)) center/1px 100% no-repeat,linear-gradient(var(--surface-muted),var(--surface-muted)) center/100% 1px no-repeat;
  }

  #ck-category-archive [data-ckca=seo-copy] > .e-grid-base::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: calc(66 * var(--ck-design-unit));
    height: calc(47 * var(--ck-design-unit));
    background: var(--surface-ink);
    border-radius: calc(14 * var(--ck-design-unit));
    transform: translate(-50%,-50%) skewX(-15deg);
  }

  #ck-category-archive [data-ckca=seo-copy] > .e-grid-base::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: calc(43 * var(--ck-design-unit));
    height: calc(30 * var(--ck-design-unit));
    transform: translate(-50%,-50%);
    background: var(--text-light);
    mask: var(--ck-brand-mark) center/contain no-repeat;
  }
}

@media(max-width:1024px) {
  #ck-category-archive [data-ckca=seo-feature] > .e-svg-base {
    width: calc(70 * var(--ck-design-unit));
    height: calc(70 * var(--ck-design-unit));
  }

  #ck-category-archive [data-ckca=seo-feature] {
    gap: calc(24 * var(--ck-design-unit));
  }

  #ck-category-archive [data-ckca=seo-feature] .e-paragraph-base {
    font-size: calc(20 * var(--ck-design-unit));
    line-height: 1.1;
  }
}

/* rmcev4:facts-beratung-inline:end */ /* rmcev4:ck-svg-stroke-icons:start */ /* Inline SVG icons (Beratung points, FAQ): Elementor puts fill=currentColor on the root svg, so stroke-only shapes of icons drawn with a root fill=none (e.g. media 1338) must not inherit it. */ [data-ckca="seo-feature"] .ck-category-info-icon svg [stroke]:not([fill]), [data-ckca="faq"] .e-ckcf-art svg [stroke]:not([fill]) {
  fill: none;
}

/* rmcev4:ck-svg-stroke-icons:end */ /* rmcev4:card-rating-count:start */ /* Phones and tablets (User 29.10.2026): the product cards show only the average rating; the review count (span.ck-rating-count, product-card/quick-buy.php) stays in the accessible label. The quick-buy sheet keeps it. */ @media (max-width:1024px) {
  #ck-category-archive .e-ck-product-badges:not(.ckqb-sheet-badges) .ck-rating-count {
    display: none;
  }
}

/* rmcev4:card-rating-count:end *//* End custom CSS */