/** Shopify CDN: Minification failed

Line 26:8 Expected identifier but found whitespace
Line 26:9 Unexpected "#474747"

**/
/* New In – Kategorien (Slider) */
.new-in {
  --ni-gap: 5px;
  --ni-radius: 8px;
  --ni-bg: #f5f5f5;
  --ni-accent: #000;
  --ni-text: #111;
  --ni-peek: 33.333%;
  margin: 10px 0px 50px 10px;
}

@media (min-width: 750px) { .new-in { --ni-peek: 22.5%; } }
@media (min-width: 990px) { .new-in { --ni-peek: 12.5%; } }

/* Überschrift */
.ni-heading { 
  margin: 0 0 5px; 
  font-size: clamp(20px, 2.4vw, 28px); 
  line-height: 1.2; }
  color: #474747;
}
/* ---------------- Tabs als Slider ---------------- */
.ni-tabs-wrap { position: relative; margin: 0 0 16px; }

.ni-tabs {
  display: flex;
  gap: 10px;
  flex-wrap: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x proximity;
  scrollbar-width: none;
  padding: 0;
  margin-bottom: 10px;
}
.ni-tabs::-webkit-scrollbar { height: 0; }

/* Tab-Button – (zurück) volle Styles */
.ni-tab {
  appearance: none;
  border: 0;
  padding: 10px 14px;
  border-radius: 8px;
  background: var(--ni-bg);
  color: var(--ni-text);
  cursor: pointer;
  font: inherit;
  transition: background .2s, color .2s;
  scroll-snap-align: start;
  white-space: nowrap;
}
.ni-tab.is-active { background: var(--ni-accent); color: #fff; }

/* Tab-Pfeile: nur Desktop & nur bei Overflow */
.ni-tabs-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: #fff;
  color: #111;
  border: 1px solid rgba(0,0,0,.08);
  width: 36px;
  height: 36px;
  border-radius: 999px;
  display: none;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(0,0,0,.12);
  z-index: 4;
}
.ni-tabs-arrow--prev { left: 0; }
.ni-tabs-arrow--next { right: 0; }
.ni-tabs-arrow[disabled] { opacity: .35; cursor: default; pointer-events: none; }

@media (min-width: 990px) {
  .ni-tabs-wrap.is-scrollable .ni-tabs-arrow { display: flex; }
  .ni-tabs-wrap.is-scrollable .ni-tabs {
    padding-left: 44px;
    padding-right: 44px;
  }
}

/* ---------------- Panels ---------------- */
.ni-panel { display:none; }
.ni-panel.is-active { display:block; }

/* ---------------- Produkt-Slider ---------------- */
.ni-slider { position:relative; overflow:hidden; }

.ni-track {
  display:flex; gap:var(--ni-gap);
  overflow-x:auto; scroll-snap-type:x mandatory; scroll-behavior:smooth;
  -webkit-overflow-scrolling:touch;
  padding: 0px;
  padding-right:var(--ni-peek);
  margin-right:calc(-1 * var(--ni-peek));
  scroll-padding-inline-start:8px;
  scroll-padding-inline-end:8px;
  touch-action:auto; overscroll-behavior-inline:contain; scrollbar-width:none;
  scrollbar-gutter: stable both-edges; /* kein Layout-Shift durch Scrollbar */
}
.ni-track::-webkit-scrollbar { height:0; }

/* Platz für linken Produkt-Pfeil auf Desktop */
@media (min-width: 990px) {
  .ni-track { padding-left:0px; scroll-padding-inline-start:56px; }
}

/* Produktkarten */
.ni-card {
  flex:0 0 66.666%;
  scroll-snap-align:start;
  scroll-snap-stop:always;
  background:#fff; border-radius:var(--ni-radius); overflow:hidden;
  box-shadow:0 1px 2px rgba(0,0,0,.15);
  margin-bottom: 5px;
}
@media (min-width: 750px) { .ni-card { flex-basis:45%; } }
@media (min-width: 990px) { .ni-card { flex-basis:25%; } }

.ni-card__link { display:block; color:inherit; text-decoration:none; }
.ni-card__img { width:100%; height:auto; display:block; aspect-ratio:3 / 4; object-fit:cover; background:#fafafa; }
.ni-card__img--placeholder { height:0; padding-bottom:133.333%; background:#f2f2f2; }
.ni-card__title { font-size:14px; line-height:1.3; padding:10px 12px 0; margin:0; }
.ni-card__price { padding:6px 12px 12px; display:flex; gap:8px; align-items:center; }
.ni-card__price--sale { color:#d82c0d; }
.ni-card__price--compare { color:#6b7280; }

/* CTA */
.ni-cta { display:flex; justify-content:center; margin-top:16px; }
.ni-cta__btn { display:inline-flex; align-items:center; justify-content:center; padding:14px 18px; border-radius:8px; background:#111; color:#fff; text-decoration:none; font-weight:600; }
.ni-cta__btn:hover { opacity:.9; }

/* Subheadline */
.ni-subheading { 
  margin:0px 0 15px; 
  color:#4b5563; 
  font-size:clamp(14px,1.6vw,16px); 
  line-height:1.5;
  color: #474747; 
}

/* Produkt-Pfeile (Desktop) */
.ni-arrow {
  position:absolute; top:40%; transform:translateY(-50%);
  background:#fff; color:#111; border:1px solid rgba(0,0,0,.08);
  width:40px; height:40px; border-radius:999px; display:none;
  align-items:center; justify-content:center; cursor:pointer;
  box-shadow:0 4px 12px rgba(0,0,0,.12); z-index:3;
}
.ni-arrow--prev { left:8px; }
.ni-arrow--next { right:8px; }
@media (min-width: 990px) { .ni-arrow { display:flex; } }
.ni-arrow[disabled] { opacity:.35; cursor:default; pointer-events:none; }

/* Reduced motion */
@media (prefers-reduced-motion: reduce) { .ni-track { scroll-behavior:auto; } }

/* Touch: weiterwerfen erlaubt */
@media (pointer: coarse) {
  .ni-track { scroll-snap-type:x proximity; }
  .ni-card { scroll-snap-stop:normal; }
}
