/* =========================================================
   JUZVUL V272 – Elementor Widget: Neu entdeckt – Product CTA clipping fix
   Dual slider, touch/drag, smooth autoplay
   ========================================================= */

.jz-ne-slider{
  --jz-ne-brown:#583116;
  --jz-ne-brown-soft:#77523a;
  --jz-ne-orange:#ef9528;
  --jz-ne-orange-dark:#dd7d17;
  --jz-ne-peach:#f5c47f;
  --jz-ne-cream:#fff8ef;
  --jz-ne-border:rgba(232,180,118,.28);
  --jz-ne-gap:16px;
  position:relative;
  width:100%;
  padding:24px;
  overflow:hidden;
  border:1px solid var(--jz-ne-border);
  border-radius:32px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.67),rgba(255,247,236,.50)),
    radial-gradient(circle at 16% 0%,rgba(255,255,255,.48),transparent 28%),
    radial-gradient(circle at 88% 10%,rgba(255,220,172,.13),transparent 25%);
  -webkit-backdrop-filter:blur(19px) saturate(130%);
  backdrop-filter:blur(19px) saturate(130%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    0 20px 44px rgba(93,54,19,.055);
  color:var(--jz-ne-brown);
  font-family:var(--jz-label-font,ui-serif,Georgia,Cambria,"Times New Roman",serif);
}

.jz-ne-slider *,
.jz-ne-slider *::before,
.jz-ne-slider *::after{box-sizing:border-box;}

.jz-ne-slider__header{
  position:relative;
  z-index:4;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  margin-bottom:18px;
  padding:0 4px;
}

.jz-ne-slider__heading-wrap{
  display:flex;
  align-items:flex-start;
  gap:11px;
  min-width:0;
}

.jz-ne-slider__spark{
  flex:0 0 auto;
  margin-top:2px;
  color:var(--jz-ne-orange);
  font-size:26px;
  line-height:1;
}

.jz-ne-slider__title{
  margin:0;
  color:var(--jz-ne-brown);
  font-size:clamp(28px,2.25vw,39px);
  font-weight:600;
  line-height:1.03;
  letter-spacing:-.03em;
}

.jz-ne-slider__subtitle{
  margin:5px 0 0;
  color:var(--jz-ne-brown-soft);
  font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:13px;
  font-weight:500;
  line-height:1.35;
}

.jz-ne-slider__all,
.jz-ne-slider__hero-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  border:1px solid rgba(235,190,134,.38);
  border-radius:999px;
  background:rgba(255,252,247,.77);
  -webkit-backdrop-filter:blur(13px) saturate(125%);
  backdrop-filter:blur(13px) saturate(125%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 7px 17px rgba(94,54,20,.05);
  color:var(--jz-ne-orange-dark);
  font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  font-weight:700;
  text-decoration:none;
}

.jz-ne-slider__all{
  min-height:40px;
  padding:0 16px;
  flex:0 0 auto;
  font-size:12px;
}

.jz-ne-slider__carousel{
  position:relative;
  width:100%;
  min-width:0;
}

.jz-ne-slider__carousel--hero{margin-bottom:16px;}

.jz-ne-slider__viewport{
  width:100%;
  overflow:hidden;
  border-radius:inherit;
  touch-action:pan-y pinch-zoom;
  cursor:grab;
}

.jz-ne-slider__viewport.is-dragging{cursor:grabbing;}

.jz-ne-slider__track{
  display:flex;
  min-width:0;
  will-change:transform;
  transform:translate3d(0,0,0);
}

.jz-ne-slider__carousel--hero .jz-ne-slider__track{gap:0;}
.jz-ne-slider__carousel--products .jz-ne-slider__track{gap:var(--jz-ne-gap);}

.jz-ne-slider__slide{
  position:relative;
  min-width:0;
  flex-shrink:0;
  overflow:hidden;
}

.jz-ne-slider__hero-slide{
  flex-basis:100%;
  min-height:430px;
  border:1px solid rgba(228,174,108,.26);
  border-radius:23px;
  background:rgba(255,250,243,.74);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.84),0 8px 20px rgba(92,52,19,.045);
}

.jz-ne-slider__hero-media{
  position:absolute;
  inset:0;
}

.jz-ne-slider__img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  user-select:none;
  -webkit-user-drag:none;
  pointer-events:none;
}

.jz-ne-slider__hero-shade{
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(62,37,20,.52) 0%,rgba(70,42,23,.22) 42%,rgba(62,37,20,.03) 76%,transparent 100%);
  pointer-events:none;
}

.jz-ne-slider__hero-content-shell{
  position:absolute;
  z-index:6;
  top:40px;
  left:34px;
  width:min(33%,410px);
  min-width:310px;
  height:335px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.45);
  border-radius:28px;
  background:
    linear-gradient(180deg,rgba(255,251,245,.72),rgba(255,242,224,.58)),
    radial-gradient(circle at 28% 8%,rgba(255,255,255,.6),transparent 40%);
  -webkit-backdrop-filter:blur(18px) saturate(125%);
  backdrop-filter:blur(18px) saturate(125%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.88),0 18px 34px rgba(53,31,15,.08);
  color:var(--jz-ne-brown);
}

.jz-ne-slider__hero-content-panel{
  position:absolute;
  inset:0;
  display:flex;
  padding:34px 32px 30px;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  opacity:0;
  pointer-events:none;
  transition:opacity 420ms ease;
}

.jz-ne-slider__hero-content-panel.is-active{
  opacity:1;
  pointer-events:auto;
}

.jz-ne-slider__eyebrow{
  display:inline-flex;
  margin:0 0 12px;
  padding:6px 10px;
  border:1px solid rgba(238,149,40,.18);
  border-radius:999px;
  background:rgba(255,250,242,.76);
  color:var(--jz-ne-orange-dark);
  font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:10px;
  font-weight:800;
  line-height:1;
  letter-spacing:.035em;
  text-transform:uppercase;
}

.jz-ne-slider h3{
  margin:0;
  color:var(--jz-ne-brown);
  font-weight:600;
  letter-spacing:-.027em;
}

.jz-ne-slider__hero-content-panel h3{
  max-width:330px;
  font-size:clamp(30px,2.55vw,44px);
  line-height:1.02;
}

.jz-ne-slider__hero-content-panel p{
  max-width:320px;
  margin:18px 0 0;
  color:var(--jz-ne-brown-soft);
  font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:13px;
  line-height:1.48;
}

.jz-ne-slider__hero-cta{
  min-height:42px;
  margin-top:28px;
  padding:0 15px;
  font-size:11px;
}

.jz-ne-slider__cover-link{
  position:absolute;
  z-index:5;
  inset:0;
  border-radius:inherit;
}

.jz-ne-slider__carousel--hero .jz-ne-slider__cover-link{z-index:2;}

.jz-ne-slider__arrow{
  position:absolute;
  z-index:8;
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  padding:0;
  border:1px solid rgba(235,190,134,.42);
  border-radius:999px;
  background:rgba(255,252,247,.86);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 7px 16px rgba(94,54,20,.06);
  color:var(--jz-ne-brown);
  font:400 30px/1 Georgia,serif;
  cursor:pointer;
  transition:transform .22s ease,opacity .22s ease,background .22s ease;
}

.jz-ne-slider__carousel--hero .jz-ne-slider__arrow{bottom:24px;}
.jz-ne-slider__carousel--hero .jz-ne-slider__arrow--prev{right:72px;}
.jz-ne-slider__carousel--hero .jz-ne-slider__arrow--next{right:20px;}

.jz-ne-slider__dots{
  position:absolute;
  z-index:8;
  left:50%;
  bottom:22px;
  display:flex;
  align-items:center;
  gap:8px;
  transform:translateX(-50%);
  pointer-events:auto;
}

.jz-ne-slider__dot{
  width:8px;
  height:8px;
  padding:0;
  border:0;
  border-radius:99px;
  background:rgba(255,248,238,.7);
  box-shadow:0 0 0 1px rgba(107,62,25,.1);
  cursor:pointer;
  transition:width .28s ease,background .28s ease;
}

.jz-ne-slider__dot.is-active{
  width:27px;
  background:var(--jz-ne-orange);
}

.jz-ne-slider__carousel--products{
  --jz-ne-per-view:3;
  padding-inline:1px;
}

.jz-ne-slider__product-slide{
  flex-basis:calc((100% - (var(--jz-ne-per-view) - 1) * var(--jz-ne-gap)) / var(--jz-ne-per-view));
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(118px,.92fr);
  height:242px;
  border:1px solid rgba(229,177,112,.26);
  border-radius:22px;
  background:rgba(255,250,243,.72);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.86),0 8px 20px rgba(92,52,19,.042);
}

.jz-ne-slider__product-content{
  position:relative;
  z-index:2;
  display:flex;
  min-width:0;
  padding:22px 10px 18px 20px;
  flex-direction:column;
  align-items:flex-start;
}

.jz-ne-slider__product-slide h3{
  font-size:clamp(19px,1.4vw,26px);
  line-height:1.07;
}

.jz-ne-slider__product-slide p{
  margin:13px 0 0;
  color:var(--jz-ne-brown-soft);
  font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:11.5px;
  line-height:1.45;
}

.jz-ne-slider__inline-cta{
  display:inline-flex;
  align-items:center;
  gap:5px;
  margin-top:auto;
  padding-top:12px;
  line-height:1.2;
  color:var(--jz-ne-orange-dark);
  font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:11px;
  font-weight:700;
}

.jz-ne-slider__product-media{
  position:relative;
  min-width:0;
  overflow:hidden;
  border-radius:0 21px 21px 0;
}

.jz-ne-slider__product-media::before{
  content:"";
  position:absolute;
  z-index:2;
  top:0;
  bottom:0;
  left:0;
  width:48px;
  background:linear-gradient(90deg,rgba(255,250,243,.98),rgba(255,250,243,0));
  pointer-events:none;
}

.jz-ne-slider__carousel--products .jz-ne-slider__arrow{
  top:50%;
  width:40px;
  height:40px;
  transform:translateY(-50%);
  font-size:27px;
}

.jz-ne-slider__carousel--products .jz-ne-slider__arrow--prev{left:-12px;}
.jz-ne-slider__carousel--products .jz-ne-slider__arrow--next{right:-12px;}

.jz-ne-slider__placeholder{
  display:flex;
  width:100%;
  height:100%;
  min-height:150px;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:9px;
  background:linear-gradient(145deg,#fff8ee,#f5dfc4);
  color:#9b7657;
  font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:11px;
  font-weight:600;
  text-align:center;
}

.jz-ne-slider__placeholder svg{
  width:38px;
  height:38px;
  fill:none;
  stroke:#d6a56f;
  stroke-width:1.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.jz-ne-slider__carousel.is-static .jz-ne-slider__arrow,
.jz-ne-slider__carousel.is-static .jz-ne-slider__dots{display:none!important;}

@media (hover:hover) and (pointer:fine){
  .jz-ne-slider__all:hover,
  .jz-ne-slider__hero-cta:hover,
  .jz-ne-slider__arrow:hover{
    transform:translateY(-2px);
    background:rgba(255,248,237,.95);
  }

  .jz-ne-slider__carousel--products .jz-ne-slider__arrow:hover{
    transform:translateY(-50%) scale(1.06);
  }

  .jz-ne-slider__product-slide{
    transition:transform .26s cubic-bezier(.2,.75,.25,1),box-shadow .26s ease,border-color .26s ease;
  }

  .jz-ne-slider__product-slide:hover{
    z-index:3;
    transform:translateY(-3px);
    border-color:rgba(230,155,66,.38);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 14px 28px rgba(92,52,19,.075);
  }
}

@media (max-width:1024px){
  .jz-ne-slider__carousel--products{--jz-ne-per-view:2!important;}
  .jz-ne-slider__hero-content-shell{width:min(41%,390px); min-width:295px;}
}

@media (max-width:767px){
  .jz-ne-slider{padding:16px;border-radius:25px;--jz-ne-gap:12px;}
  .jz-ne-slider__header{align-items:flex-start;gap:13px;margin-bottom:14px;}
  .jz-ne-slider__title{font-size:29px;}
  .jz-ne-slider__subtitle{font-size:12px;}
  .jz-ne-slider__all{min-height:35px;padding:0 11px;font-size:10px;}
  .jz-ne-slider__hero-slide{min-height:360px;border-radius:19px;}
  .jz-ne-slider__hero-content-shell{top:24px;left:24px;width:76%;min-width:0;height:278px;border-radius:23px;}
  .jz-ne-slider__hero-content-panel{padding:26px 22px 24px;}
  .jz-ne-slider__hero-content-panel h3{font-size:31px;}
  .jz-ne-slider__hero-shade{background:linear-gradient(90deg,rgba(62,37,20,.58),rgba(70,42,23,.18) 70%,transparent);}
  .jz-ne-slider__carousel--hero .jz-ne-slider__arrow{bottom:15px;width:39px;height:39px;}
  .jz-ne-slider__carousel--hero .jz-ne-slider__arrow--prev{right:61px;}
  .jz-ne-slider__carousel--hero .jz-ne-slider__arrow--next{right:15px;}
  .jz-ne-slider__dots{left:22px;bottom:18px;transform:none;}
  .jz-ne-slider__carousel--products{--jz-ne-per-view:1.15!important;}
  .jz-ne-slider__product-slide{height:224px;grid-template-columns:minmax(0,1.08fr) 115px;border-radius:19px;}
  .jz-ne-slider__product-media{border-radius:0 18px 18px 0;}
  .jz-ne-slider__carousel--products .jz-ne-slider__arrow{display:none;}
}

@media (max-width:480px){
  .jz-ne-slider__header{display:block;}
  .jz-ne-slider__all{margin-top:12px;}
  .jz-ne-slider__hero-content-shell{top:20px;left:20px;width:84%;height:270px;}
  .jz-ne-slider__carousel--products{--jz-ne-per-view:1.08!important;}
}

@media (prefers-reduced-motion:reduce){
  .jz-ne-slider *,
  .jz-ne-slider *::before,
  .jz-ne-slider *::after{transition-duration:.01ms!important;animation:none!important;}
}

/* JUZVUL: Bildorientierte Entdeckungen, 19.10.2026 */
.jz-ne-slider .jz-ne-slider__carousel--hero{border-radius:23px;background:rgba(255,248,237,.7);overflow:hidden;}
.jz-ne-slider .jz-ne-slider__hero-slide{height:clamp(360px,38vw,500px);min-height:0;background:transparent;}
.jz-ne-slider .jz-ne-slider__hero-media{inset:0 0 0 43%;background:#fffaf3;}
.jz-ne-slider .jz-ne-slider__hero-media .jz-ne-slider__img{object-fit:contain;}
.jz-ne-slider .jz-ne-slider__hero-shade{display:none;}
.jz-ne-slider .jz-ne-slider__hero-content-shell{top:0;left:0;width:43%;min-width:0;height:100%;border:0;border-radius:0;background:linear-gradient(140deg,rgba(255,252,246,.94),rgba(250,226,195,.65));box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;}
.jz-ne-slider .jz-ne-slider__hero-content-panel{padding:32px 32px 72px;}
.jz-ne-slider .jz-ne-slider__carousel--hero .jz-ne-slider__dots{left:24px;bottom:25px;transform:none;}
.jz-ne-slider .jz-ne-slider__product-slide{display:flex;flex-direction:column;height:auto;}
.jz-ne-slider .jz-ne-slider__product-media{order:-1;width:100%;aspect-ratio:1;height:auto;border-radius:21px 21px 0 0;background:#fffaf3;}
.jz-ne-slider .jz-ne-slider__product-media .jz-ne-slider__img{object-fit:contain;}
.jz-ne-slider .jz-ne-slider__product-media::before{display:none;}
.jz-ne-slider .jz-ne-slider__product-content{min-height:175px;padding:20px;}
@media(max-width:767px){
.jz-ne-slider .jz-ne-slider__hero-slide{height:calc(100vw - 64px + 260px);min-height:0;}
.jz-ne-slider .jz-ne-slider__hero-media{inset:0 0 auto;height:auto;aspect-ratio:1;}
.jz-ne-slider .jz-ne-slider__hero-content-shell{top:auto;bottom:0;left:0;width:100%;height:260px;border-radius:0;}
.jz-ne-slider .jz-ne-slider__hero-content-panel{padding:22px 22px 68px;justify-content:center;}
.jz-ne-slider .jz-ne-slider__hero-content-panel h3{font-size:28px;}
.jz-ne-slider .jz-ne-slider__product-content{min-height:165px;padding:18px;}
}

/* Sanfter Abschluss der grossen Story-Bilder. */
.jz-ne-slider .jz-ne-slider__hero-media{
 -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 76%,rgba(0,0,0,.85) 84%,rgba(0,0,0,.35) 94%,transparent 100%);
 mask-image:linear-gradient(to bottom,#000 0%,#000 76%,rgba(0,0,0,.85) 84%,rgba(0,0,0,.35) 94%,transparent 100%);
}

/* Linke Bildkante weich an die Story-Textflaeche anbinden. */
@media(min-width:768px){
 .jz-ne-slider .jz-ne-slider__hero-media::after{
  content:"";position:absolute;inset:0 auto 0 0;width:clamp(48px,8vw,120px);pointer-events:none;
  background:linear-gradient(to right,#fff8ed 0%,rgba(255,248,237,.82) 18%,rgba(255,248,237,.32) 60%,rgba(255,248,237,0) 100%);
 }
}

/* Echte Transparenz an der linken Bildkante, kombiniert mit dem unteren Fade. */
@media(min-width:768px){
 .jz-ne-slider .jz-ne-slider__hero-media{
  -webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.25) 4%,#000 16%),linear-gradient(to bottom,#000 76%,transparent 100%);
  mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.25) 4%,#000 16%),linear-gradient(to bottom,#000 76%,transparent 100%);
  -webkit-mask-composite:source-in;mask-composite:intersect;
 }
 .jz-ne-slider .jz-ne-slider__hero-media::after{display:none;}
}

/* Durchgehender Hintergrund statt harter Textbox-Kante. */
.jz-ne-slider .jz-ne-slider__carousel--hero{background:linear-gradient(140deg,#fffcf6 0%,#fbe9d1 100%);}
.jz-ne-slider .jz-ne-slider__hero-content-shell{background:transparent !important;}
.jz-ne-slider .jz-ne-slider__hero-media{background:transparent !important;}
