/** Shopify CDN: Minification failed

Line 9:18 Unexpected "{"
Line 9:27 Expected ":"
Line 17:18 Unexpected "{"
Line 17:27 Expected ":"

**/
#shopify-section-{{ section.id }} .pv-collection-header{
  padding: 0;
  text-align: start;
}

.pv-collection-title { padding: 0!important; margin: 0!important; }
.pv-collection-subtitle { color:#9A9A9A; margin-top:6px; }

#shopify-section-{{ section.id }} .facets-vertical.page-width{
  display: flex;
  align-items: flex-start;
}

#main-collection-filters{
  display: none !important;
  width: 300px;          
  flex: 0 0 300px;
}

html.pv-facets-open #main-collection-filters{
  display: block !important;
}

#ProductGridContainer{
  flex: 1 1 auto;
  min-width: 0;
}

.pv-facets-titlebar{
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.pv-facets-title{
  margin: 0;
  font-size: 18px;
  font-weight: 500;
}

.pv-facets-close:hover{ border-color:#111; }

.pv-filter-bar{
  display:flex;
  align-items:center;
  gap:12px;
  margin:16px 0 24px;
  padding:0;
  flex-wrap:wrap;
}

.pv-filter-chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 14px;
  border-radius:999px;
  border:1px solid #e5e5e5;
  background:#fff;
  font-size:14px;
  cursor:pointer;
  white-space:nowrap;
  color: #111!important;
}
.pv-filter-chip:hover{ border-color:#111; }

.pv-filter-clear{
  margin-left:8px;
  font-size:14px;
  color:#111;
  text-decoration:none;
}
.pv-filter-clear:hover{ text-decoration:underline; }

.pv-chip-wrap{ position: relative; display: inline-flex; align-items:center; z-index: 200; }

.pv-filter-inline-panel{
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  z-index: 9999;
  width: clamp(260px, 30vw, 380px);
  max-width: 90vw;
  opacity: 0;
  transform: translateY(-6px);
  padding: 12px;
  border-radius: 16px;
  pointer-events: none;
  box-shadow: 0 10px 30px rgba(0,0,0,.12);
  background: #fff; 
  transition: opacity .18s ease, transform .18s ease;
}
.pv-filter-inline-panel.is-open{ opacity: 1; transform: translateY(0); pointer-events: auto; }

/* Eigener Scrollbereich im Panel (z. B. lange "Thema"-Liste),
   damit nicht die ganze Seite gescrollt werden muss. */
.pv-filter-inline-inner{
  max-height: min(60vh, 460px);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
}

/* --- Thema-Accordions (Kategorien zum Auf-/Zuklappen) --- */
.pv-theme-accordions .pv-theme-top{ margin: 0 0 6px; }
.pv-theme-cat{ border-top: 1px solid rgba(0,0,0,.08); }
.pv-theme-cat:last-child{ border-bottom: 1px solid rgba(0,0,0,.08); }
.pv-theme-cat > summary{
  position: relative;
  list-style: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 4px;
  font-weight: 500 !important;
  user-select: none;
}
.pv-theme-cat > summary::-webkit-details-marker{ display: none; }
.pv-theme-cat > summary::marker{ content: ""; }
.pv-theme-cat__title{ flex: 0 1 auto; font-weight: 500 !important; }
/* Pfeil per margin-left:auto ans rechte Ende der (voll breiten) Summary heften.
   Feste 12px-Box + zentrierter Rotationspunkt -> dreht in-place, Position
   bleibt offen wie geschlossen identisch. */
.pv-theme-cat__caret{
  margin-left: auto !important;
  flex: 0 0 auto !important;
  width: 12px;
  height: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  opacity: .55;
  transform-origin: 50% 50%;
  transition: transform .18s ease;
}
/* Globale Dawn-Regel `summary .icon-caret { position:absolute; right:1.5rem }`
   (base.css) aushebeln, damit unser SVG im Flex-Fluss des Wrappers bleibt und
   per margin-left:auto sauber rechtsbuendig sitzt. */
.pv-theme-cat__caret .icon-caret{
  position: static !important;
  right: auto !important;
  top: auto !important;
  height: auto !important;
  width: 12px;
  display: block;
}
.pv-theme-cat[open] .pv-theme-cat__caret{ transform: rotate(180deg); }

/* Alle Accordion-Ebenen auf die volle Panel-Breite zwingen. Sonst schrumpfen
   zugeklappte Kategorien auf ihre Titelbreite, waehrend eine aufgeklappte
   Kategorie (breitere Checkbox-Liste) breiter wird -> deren Pfeil wandert nach
   rechts. Mit voller Breite sitzen alle Pfeile auf gleicher Hoehe. */
.pv-theme-accordions,
.pv-theme-cat,
.pv-theme-cat > summary,
.pv-theme-cat__list{
  width: 100% !important;
  box-sizing: border-box !important;
  min-width: 0 !important;
}
.pv-theme-cat{ display: block !important; }
/* Lange Labels umbrechen statt das Layout breiter zu ziehen */
.pv-theme-cat__list .pv-pill{ min-width: 0; }
.pv-theme-cat__list .pv-pill__label{ overflow-wrap: anywhere; }
.pv-theme-cat__count{
  display: none;
  align-items: center;
  justify-content: center;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  border-radius: 8px;
  background: #e5484d;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
}
.pv-theme-cat__count.is-visible{ display: inline-flex; }
.pv-theme-cat__list{ padding-bottom: 8px; }

@media (max-width: 749px) {
  .pv-filter-bar,
  .pv-chip-wrap {
    overflow: visible;
  }

  .pv-filter-inline-panel{
    position: fixed !important;
    left: 50% !important;
    right: auto !important;
    width: min(92vw, 380px) !important;
    max-width: 92vw !important;

    transform: translate(-50%, 0px) !important;

    top: calc(var(--pv-filterbar-bottom, 140px) + 8px) !important;
  }

  .pv-filter-inline-panel.is-open{
    transform: translate(-50%, 0) !important;
  }

  .pv-filter-inline-inner{
    max-height: min(70vh, 520px);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
}

@media (max-width: 989px) {
  #main-collection-filters{
    display: block !important;
    position: fixed !important;

    top: 0 !important;               
    left: 0 !important;
    right: 0 !important;

    width: 100vw !important;
    max-width: 100vw !important;

    height: 100dvh !important;       
    height: 100svh !important;
    
    background: #fff;
    z-index: 10000;

    transform: translateX(-105%);
    transition: transform .22s ease;

    overflow: auto;
    -webkit-overflow-scrolling: touch;

    padding: 12px;
    border-radius: 0 !important;     
  }

  html.pv-facets-open #main-collection-filters{
    transform: translateX(0);
  }
}

.facets-wrap {
  border: none!important;
}