/* =========================================================
   JUZVUL V233 – Home Discover Switcher
   Shortcode: [jz_home_discover]
   Scope: nur der neue linke Homepage-Bereich.
   Header, Bubble-Stage, Morph und Hintergrund bleiben unangetastet.
   ========================================================= */

.jz-home-discover{
  --jz-hd-brown:#744515;
  --jz-hd-brown-deep:#4f3217;
  --jz-hd-muted:#746d66;
  --jz-hd-accent:#f98a0c;
  --jz-hd-glass:linear-gradient(135deg,rgba(255,255,255,.22) 0%,rgba(255,248,239,.14) 52%,rgba(249,225,194,.09) 100%);
  width:min(100%,670px);
  padding:30px 30px 26px;
  color:var(--jz-hd-brown-deep);
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border-radius:38px;
  background:linear-gradient(145deg,rgba(255,255,255,.34) 0%,rgba(255,250,244,.24) 34%,rgba(253,245,234,.18) 66%,rgba(244,225,198,.15) 100%);
  -webkit-backdrop-filter:blur(26px) saturate(1.08);
  backdrop-filter:blur(26px) saturate(1.08);
  border:1px solid rgba(255,255,255,.64);
  box-shadow:0 22px 48px rgba(103,62,23,.08),0 10px 24px rgba(103,62,23,.055),inset 0 1px 0 rgba(255,255,255,.54),inset 0 -1px 0 rgba(255,255,255,.12);
  will-change:transform;
  transform-origin:center center;
  animation:jzHomeDiscoverFloat 15.4s ease-in-out -4.4s infinite both;
  font-family:var(--jz-label-font,ui-serif,Georgia,Cambria,"Times New Roman",serif);
}

.jz-home-discover *{box-sizing:border-box}

.jz-home-discover::before,
.jz-home-discover::after{
  content:"";
  position:absolute;
  inset:auto;
  pointer-events:none;
  z-index:0;
}

.jz-home-discover::before{
  top:-44px;
  right:-56px;
  width:240px;
  height:240px;
  border-radius:50%;
  background:radial-gradient(circle at 32% 32%,rgba(255,255,255,.58) 0%,rgba(255,255,255,.24) 22%,rgba(250,236,215,.13) 48%,rgba(250,236,215,0) 72%);
  opacity:.88;
}

.jz-home-discover::after{
  left:-84px;
  bottom:-92px;
  width:280px;
  height:190px;
  border-radius:58% 42% 64% 36% / 44% 44% 56% 56%;
  background:radial-gradient(circle at 45% 35%,rgba(255,255,255,.36) 0%,rgba(255,243,227,.23) 32%,rgba(247,228,199,.14) 56%,rgba(247,228,199,0) 76%);
  opacity:.9;
}

.jz-home-discover > *{
  position:relative;
  z-index:1;
}

@keyframes jzHomeDiscoverFloat{
  0%,100%{transform:translate3d(0,0,0)}
  25%{transform:translate3d(0,-5px,0)}
  50%{transform:translate3d(0,2px,0)}
  75%{transform:translate3d(0,-3px,0)}
}

.jz-home-discover__eyebrow,
.jz-home-discover__tabs,
.jz-home-discover__cta{
  position:relative;
  overflow:hidden;
  background:var(--jz-hd-glass);
  -webkit-backdrop-filter:blur(18px) saturate(1.08);
  backdrop-filter:blur(18px) saturate(1.08);
  border:1px solid rgba(255,255,255,.58);
  box-shadow:0 10px 22px rgba(91,55,20,.095),0 2px 6px rgba(91,55,20,.04);
}

.jz-home-discover__eyebrow::before,
.jz-home-discover__tabs::before,
.jz-home-discover__cta::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.23) 0%,rgba(255,255,255,.07) 31%,rgba(255,255,255,0) 62%);
}

.jz-home-discover__eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:36px;
  padding:7px 14px;
  border-radius:18px;
  color:#a85e0c;
  font-size:13px;
  line-height:1;
  font-weight:650;
  letter-spacing:-.01em;
}

.jz-home-discover__eyebrow-icon{
  width:14px;
  height:14px;
  flex:0 0 14px;
  color:var(--jz-hd-accent);
}

.jz-home-discover__title{
  margin:24px 0 0;
  max-width:610px;
  color:#533318;
  font-family:var(--jz-label-font,ui-serif,Georgia,Cambria,"Times New Roman",serif);
  font-size:clamp(48px,4vw,64px);
  line-height:.98;
  font-weight:500;
  letter-spacing:-.045em;
  text-wrap:balance;
}

.jz-home-discover__title-line{
  display:block;
  white-space:nowrap;
}

.jz-home-discover__subtitle{
  margin:17px 0 0;
  color:var(--jz-hd-muted);
  font-size:clamp(16px,1.15vw,18px);
  line-height:1.5;
  font-weight:450;
}

.jz-home-discover__tabs{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  width:min(100%,460px);
  margin-top:28px;
  border-radius:22px;
}

.jz-home-discover__tab{
  appearance:none;
  -webkit-appearance:none;
  position:relative;
  z-index:2;
  min-width:0;
  min-height:58px;
  margin:0;
  padding:0 18px;
  border:0;
  border-right:1px solid rgba(133,82,27,.10);
  border-radius:0;
  background:transparent;
  color:#6f461e;
  box-shadow:none;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font:600 15px/1.1 inherit;
  letter-spacing:-.015em;
  cursor:pointer;
  transition:background-color 220ms ease,color 220ms ease,transform 220ms ease;
}

.jz-home-discover__tab:last-child{border-right:0}

.jz-home-discover__tab svg{
  width:18px;
  height:18px;
  flex:0 0 18px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.jz-home-discover__tab[aria-selected="true"]{
  color:#b5640c;
  background:rgba(255,255,255,.27);
}

.jz-home-discover__tab[aria-selected="true"]::after{
  content:"";
  position:absolute;
  left:24%;
  right:24%;
  bottom:6px;
  height:2px;
  border-radius:999px;
  background:var(--jz-hd-accent);
  opacity:.78;
}

.jz-home-discover__tab:focus-visible,
.jz-home-discover__cta:focus-visible{
  outline:2px solid rgba(249,138,12,.55);
  outline-offset:3px;
}

.jz-home-discover__detail{
  min-height:104px;
  padding-top:24px;
}

.jz-home-discover__detail-inner{
  transition:opacity 170ms ease,transform 220ms cubic-bezier(.2,.7,.2,1);
}

.jz-home-discover.is-changing .jz-home-discover__detail-inner{
  opacity:0;
  transform:translate3d(0,5px,0);
}

.jz-home-discover__copy{
  margin:0;
  max-width:430px;
  color:#756c64;
  font-size:15px;
  line-height:1.55;
}

.jz-home-discover__actions{
  display:flex;
  align-items:center;
  gap:24px;
  margin-top:17px;
}

.jz-home-discover__cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:46px;
  padding:9px 18px;
  border-radius:18px;
  color:#734517;
  text-decoration:none!important;
  font-size:14px;
  line-height:1;
  font-weight:650;
  letter-spacing:-.01em;
  transition:transform 220ms cubic-bezier(.2,.7,.2,1),filter 220ms ease,box-shadow 220ms ease;
}

.jz-home-discover__cta-arrow{
  position:relative;
  z-index:2;
  width:16px;
  height:16px;
  transition:transform 220ms cubic-bezier(.2,.7,.2,1);
}

.jz-home-discover__cta-text{position:relative;z-index:2}

.jz-home-discover__pager{
  display:flex;
  align-items:center;
  gap:12px;
  color:#725135;
  font-size:12px;
  font-variant-numeric:tabular-nums;
  user-select:none;
}

.jz-home-discover__index{min-width:18px;font-weight:650}

.jz-home-discover__dash{
  width:32px;
  height:1.5px;
  border-radius:999px;
  background:#d99b5a;
  opacity:.9;
}

.jz-home-discover__dots{display:flex;align-items:center;gap:7px}
.jz-home-discover__dot{
  width:5px;
  height:5px;
  border-radius:50%;
  background:#cfae8c;
  opacity:.55;
  transition:width 220ms ease,background-color 220ms ease,opacity 220ms ease;
}
.jz-home-discover__dot.is-active{
  width:16px;
  border-radius:999px;
  background:var(--jz-hd-accent);
  opacity:.78;
}

@media (hover:hover) and (pointer:fine){
  .jz-home-discover__tab:hover{background:rgba(255,255,255,.18)}
  .jz-home-discover__cta:hover{
    transform:translate3d(0,-1px,0) scale(1.01);
    filter:brightness(1.02);
    box-shadow:0 12px 24px rgba(91,55,20,.11),0 2px 6px rgba(91,55,20,.045);
  }
  .jz-home-discover__cta:hover .jz-home-discover__cta-arrow{transform:translateX(2px)}
}

@media (max-width:1024px){
  .jz-home-discover{width:min(100%,610px);padding:28px 26px 24px;border-radius:34px}
  .jz-home-discover__title{font-size:clamp(44px,5.6vw,56px)}
}

@media (max-width:767px){
  .jz-home-discover{
    width:100%;
    max-width:520px;
    margin-inline:auto;
    padding:24px 20px 22px;
    border-radius:30px;
  }

  .jz-home-discover::before{top:-28px;right:-40px;width:164px;height:164px;opacity:.78}

  .jz-home-discover::after{left:-58px;bottom:-74px;width:198px;height:144px;opacity:.78}

  .jz-home-discover__eyebrow{
    min-height:32px;
    padding:6px 11px;
    border-radius:15px;
    font-size:11.5px;
    -webkit-backdrop-filter:blur(14px) saturate(1.06);
    backdrop-filter:blur(14px) saturate(1.06);
    box-shadow:0 6px 14px rgba(91,55,20,.075),0 2px 4px rgba(91,55,20,.03);
  }

  .jz-home-discover__eyebrow-icon{width:12px;height:12px;flex-basis:12px}

  .jz-home-discover__title{
    margin-top:18px;
    max-width:440px;
    font-size:clamp(38px,10.8vw,46px);
    line-height:1;
    letter-spacing:-.043em;
  }

  .jz-home-discover__subtitle{
    margin-top:13px;
    max-width:360px;
    font-size:15px;
    line-height:1.45;
  }

  .jz-home-discover__tabs{
    width:100%;
    margin-top:23px;
    border-radius:18px;
    -webkit-backdrop-filter:blur(14px) saturate(1.06);
    backdrop-filter:blur(14px) saturate(1.06);
    box-shadow:0 7px 16px rgba(91,55,20,.075),0 2px 5px rgba(91,55,20,.03);
  }

  .jz-home-discover__tab{
    min-height:52px;
    padding:0 9px;
    gap:6px;
    font-size:13px;
  }
  .jz-home-discover__tab svg{width:16px;height:16px;flex-basis:16px}
  .jz-home-discover__tab[aria-selected="true"]::after{bottom:5px}

  .jz-home-discover__detail{
    min-height:106px;
    padding-top:20px;
  }

  .jz-home-discover__copy{
    max-width:350px;
    font-size:14px;
    line-height:1.5;
  }

  .jz-home-discover__actions{
    gap:16px;
    margin-top:15px;
  }

  .jz-home-discover__cta{
    min-height:42px;
    padding:8px 15px;
    border-radius:16px;
    font-size:13px;
    -webkit-backdrop-filter:blur(14px) saturate(1.06);
    backdrop-filter:blur(14px) saturate(1.06);
    box-shadow:0 6px 14px rgba(91,55,20,.075),0 2px 4px rgba(91,55,20,.03);
  }

  .jz-home-discover__dash{width:24px}
  .jz-home-discover__dot{width:4px;height:4px}
  .jz-home-discover__dot.is-active{width:13px}
}

@media (max-width:420px){
  .jz-home-discover__title{font-size:clamp(36px,10.6vw,44px)}
  .jz-home-discover__tabs{grid-template-columns:1fr 1fr 1fr}
  .jz-home-discover__tab{font-size:12.5px;padding-inline:6px}
  .jz-home-discover__actions{justify-content:space-between;gap:10px}
}

@media (prefers-reduced-motion:reduce){
  .jz-home-discover,
  .jz-home-discover__detail-inner,
  .jz-home-discover__tab,
  .jz-home-discover__cta,
  .jz-home-discover__cta-arrow,
  .jz-home-discover__dot{transition:none!important;animation:none!important}
}