/** Shopify CDN: Minification failed

Line 22:18 Unexpected "{"
Line 22:27 Expected ":"
Line 28:18 Unexpected "{"
Line 28:27 Expected ":"
Line 37:18 Unexpected "{"
Line 37:27 Expected ":"
Line 45:18 Unexpected "{"
Line 45:27 Expected ":"
Line 54:18 Unexpected "{"
Line 54:27 Expected ":"
... and 72 more hidden warnings

**/
/* ==========================================================================
   NDL Category Tabs
   Kategorie-Auswahl mit Tab-Navigation und Produkt-Grid
   ========================================================================== */

/* ---- Section ---- */
#shopify-section-{{ section.id }} .ndl_category-tabs {
  padding-top: clamp(2.5rem, 1.95rem + 2.73vw, 4rem);
  padding-bottom: clamp(2.5rem, 1.95rem + 2.73vw, 4rem);
  position: relative;
}

#shopify-section-{{ section.id }} .ndl_category-tabs__container {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: clamp(1rem, 3vw, 2.5rem);
  padding-right: clamp(1rem, 3vw, 2.5rem);
}

/* ---- Section Heading ---- */
#shopify-section-{{ section.id }} .ndl_category-tabs__heading {
  line-height: 1.1;
  margin-bottom: 0.5rem;
  margin-top: 0;
  font-weight: 700;
  text-transform: none;
}

#shopify-section-{{ section.id }} .ndl_category-tabs__heading-wrapper {
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 1rem;
}

/* ---- Tab Navigation (Scrollable Thumbnails) ---- */
#shopify-section-{{ section.id }} .ndl_category-tabs__nav-shell {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) 36px;
  align-items: center;
  gap: .75rem;
  margin-bottom: 2rem;
}

#shopify-section-{{ section.id }} .ndl_category-tabs__nav-shell--no-arrows {
  display: block;
}

#shopify-section-{{ section.id }} .ndl_category-tabs__nav-scroll {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  scroll-behavior: smooth;
}

#shopify-section-{{ section.id }} .ndl_category-tabs__nav-scroll::-webkit-scrollbar {
  display: none;
}

#shopify-section-{{ section.id }} .ndl_category-tabs__nav {
  display: flex;
  gap: clamp(1rem, .36rem + 3.18vw, 2.75rem);
  justify-content: center;
  align-items: flex-start;
  width: 100%;
}

#shopify-section-{{ section.id }} .ndl_category-tabs__nav-arrow {
  align-items: center;
  appearance: none;
  background-color: transparent;
  border: 1px solid #28282833;
  border-radius: 50%;
  color: #282828;
  cursor: pointer;
  display: flex;
  height: 36px;
  justify-content: center;
  padding: 0;
  transition: opacity .2s ease, border-color .2s ease;
  width: 36px;
}

#shopify-section-{{ section.id }} .ndl_category-tabs__nav-arrow:hover {
  border-color: #282828;
}

#shopify-section-{{ section.id }} .ndl_category-tabs__nav-arrow[disabled] {
  cursor: default;
  opacity: .3;
}

#shopify-section-{{ section.id }} .ndl_category-tabs__nav-arrow svg {
  width: 12px;
}

/* ---- Single Tab ---- */
#shopify-section-{{ section.id }} .ndl_category-tab {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  text-decoration: none;
  color: #282828;
  cursor: pointer;
  flex-shrink: 0;
  transition: opacity 0.2s ease;
}

#shopify-section-{{ section.id }} .ndl_category-tab:hover {
  opacity: 0.8;
}

#shopify-section-{{ section.id }} .ndl_category-tab__img-wrapper {
  position: relative;
  border: 1px solid transparent;
  background-color: #d9d9d980;
  border-radius: 50%;
  width: 100px;
  aspect-ratio: 1;
  margin-bottom: 0.5rem;
  padding: 0;
  overflow: hidden;
  transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

#shopify-section-{{ section.id }} .ndl_category-tab.ndl_active .ndl_category-tab__img-wrapper {
  border-color: #282828;
  box-shadow: 0 2px 8px rgba(40, 40, 40, 0.15);
}

#shopify-section-{{ section.id }} .ndl_category-tab__img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  border-radius: 50%;
  transform: scale(var(--ndl-category-image-scale, .9));
  transform-origin: center;
}

#shopify-section-{{ section.id }} .ndl_category-tab__img-wrapper svg.ndl_category-tab__img {
  width: 100%;
  height: 100%;
}

#shopify-section-{{ section.id }} .ndl_category-tab__label {
  font-size: 1rem;
  line-height: 1.5;
  margin-bottom: 0;
  font-weight: 400;
}

/* ---- Product Groups ---- */
#shopify-section-{{ section.id }} .ndl_category-products-wrapper {
  position: relative;
  width: 100%;
  min-height: 100px;
}

#shopify-section-{{ section.id }} .ndl_category-products {
  display: none;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: clamp(1rem, .36rem + 3.18vw, 2.75rem);
  width: 100%;
  opacity: 0;
  transition: opacity 0.3s ease;
}

#shopify-section-{{ section.id }} .ndl_category-products.ndl_active {
  display: grid;
  opacity: 1;
}

/* ---- Show More Button ---- */
#shopify-section-{{ section.id }} .ndl_category-tabs__show-more {
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 2rem;
}

#shopify-section-{{ section.id }} .ndl_category-tabs__show-more[hidden] {
  display: none !important;
}

#shopify-section-{{ section.id }} .ndl_category-tabs__show-more-link {
  display: inline-flex;
  flex-flow: column;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}

#shopify-section-{{ section.id }} .ndl_category-tabs__show-more-text {
  z-index: 2;
  color: #282828a6;
  font-size: 0.875rem;
  line-height: 1;
  text-align: center;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  margin-bottom: 0;
  font-weight: 600;
}

#shopify-section-{{ section.id }} .ndl_category-tabs__show-more-underline {
  background-color: #28282880;
  height: 2px;
  margin-top: 2px;
  margin-bottom: -2px;
  position: relative;
  transition: background-color 0.3s ease;
}

#shopify-section-{{ section.id }} .ndl_category-tabs__show-more-link:hover .ndl_category-tabs__show-more-underline {
  background-color: #282828;
}

#shopify-section-{{ section.id }} .ndl_category-tabs__show-more-link:hover .ndl_category-tabs__show-more-text {
  color: #282828;
}

/* ---- Responsive: Tablet (max-width: 999px) ---- */
@media screen and (max-width: 999px) {
  #shopify-section-{{ section.id }} .ndl_category-products {
    grid-template-columns: 1fr 1fr 1fr;
  }

  #shopify-section-{{ section.id }} .ndl_category-tabs__nav {
    justify-content: flex-start;
  }
}

/* ---- Responsive: Phone (max-width: 767px) ---- */
@media screen and (max-width: 767px) {
  #shopify-section-{{ section.id }} .ndl_category-tabs__nav {
    gap: var(--ndl-cat-tab-gap-mobile, 16px);
    justify-content: flex-start;
  }

  #shopify-section-{{ section.id }} .ndl_category-tab {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  #shopify-section-{{ section.id }} .ndl_category-tab__img-wrapper {
    width: 72px;
  }

  #shopify-section-{{ section.id }} .ndl_category-tab__label {
    font-size: 0.83rem;
  }

  #shopify-section-{{ section.id }} .ndl_category-tabs--mobile-stacked .ndl_category-products.ndl_active {
    display: grid;
    grid-template-columns: repeat(var(--ndl-category-mobile-product-columns, 1), minmax(0, 1fr));
    gap: 0.75rem;
  }

  #shopify-section-{{ section.id }} .ndl_category-tabs--mobile-slider .ndl_category-products.ndl_active {
    display: flex;
    gap: 0.75rem;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: .25rem;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  #shopify-section-{{ section.id }} .ndl_category-tabs--mobile-slider .ndl_category-products.ndl_active::-webkit-scrollbar {
    display: none;
  }

  #shopify-section-{{ section.id }} .ndl_category-tabs--mobile-slider .ndl_category-products.ndl_active > * {
    flex: 0 0 72%;
    min-width: 0;
    scroll-snap-align: start;
  }

  #shopify-section-{{ section.id }} .ndl_category-tabs__show-more {
    margin-top: 1.5rem;
  }
}
