/* Maison Miel — Bienenprodukte V17: curated editorial chapters, no visible grids/lines/cards */
body.products-discovery{
  --v17-bg:#fff8ea;
  --v17-warm:#f8e8c7;
  --v17-ink:#342313;
  --v17-copy:#735c45;
  --v17-gold:#a96f18;
}
body.products-discovery main{background:var(--v17-bg)!important;overflow:hidden!important}

/* Hero: quieter and more intentional */
body.products-discovery .discovery-hero{
  padding:118px 0 94px!important;
  background:linear-gradient(180deg,#fff8ea 0%,#faedcf 72%,#fff8ea 100%)!important;
}
body.products-discovery .discovery-hero::after{display:none!important}
body.products-discovery .discovery-hero .wrap{width:min(1180px,calc(100% - 80px))!important;margin:0 auto!important}
body.products-discovery .discovery-hero .kicker{margin-bottom:16px!important}
body.products-discovery .discovery-hero h1{
  max-width:880px!important;
  font-size:clamp(72px,7vw,118px)!important;
  line-height:.9!important;
  letter-spacing:-.045em!important;
}
body.products-discovery .discovery-hero p{
  max-width:610px!important;
  margin-top:28px!important;
  font-size:17px!important;
  line-height:1.7!important;
}

/* Intro selection */
body.products-discovery .collection-stage{
  padding:48px 0 106px!important;
  background:var(--v17-bg)!important;
}
body.products-discovery .collection-stage .wrap{width:min(1180px,calc(100% - 80px))!important}
body.products-discovery .collection-stage .jar-stage{
  display:flex!important;
  justify-content:center!important;
  align-items:flex-end!important;
  gap:clamp(22px,4.2vw,68px)!important;
  min-height:440px!important;
  margin:0 auto 32px!important;
}
body.products-discovery .collection-stage .jar-stage a{
  width:min(29%,300px)!important;
  transform:none!important;
  text-align:center!important;
  transition:transform .55s cubic-bezier(.22,1,.36,1),opacity .35s ease!important;
}
body.products-discovery .collection-stage .jar-stage a:nth-child(2){transform:translateY(-34px)!important}
body.products-discovery .collection-stage .jar-stage img{
  width:100%!important;
  height:330px!important;
  max-width:none!important;
  object-fit:contain!important;
  filter:drop-shadow(0 24px 24px rgba(94,59,15,.13))!important;
  transition:transform .6s cubic-bezier(.22,1,.36,1),filter .45s ease!important;
}
body.products-discovery .collection-stage .jar-stage h3{font-size:25px!important;margin-top:5px!important}
body.products-discovery .collection-stage .jar-stage span{font-size:14px!important;color:var(--v17-copy)!important}
@media (hover:hover){
  body.products-discovery .collection-stage .jar-stage:hover a:not(:hover){opacity:.64!important}
  body.products-discovery .collection-stage .jar-stage a:hover{transform:translateY(-9px)!important;opacity:1!important}
  body.products-discovery .collection-stage .jar-stage a:nth-child(2):hover{transform:translateY(-43px)!important}
  body.products-discovery .collection-stage .jar-stage a:hover img{transform:scale(1.025)!important;filter:drop-shadow(0 30px 28px rgba(94,59,15,.18))!important}
}
body.products-discovery .collection-stage .editorial-link{
  font-size:14px!important;
  letter-spacing:.02em!important;
  padding:8px 0!important;
}

/* Chapters */
body.products-discovery .collection-chapters-v17{
  padding:22px 0 112px!important;
  background:linear-gradient(180deg,#fff8ea 0%,#faedcf 7%,#faedcf 93%,#fff8ea 100%)!important;
}
body.products-discovery .collection-chapters-v17>.wrap{
  width:min(1380px,calc(100% - 96px))!important;
  margin:0 auto!important;
}
body.products-discovery .collection-chapter,
body.products-discovery .collection-chapter:nth-child(even){
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(320px,.72fr) minmax(660px,1.28fr)!important;
  align-items:center!important;
  gap:clamp(52px,6vw,104px)!important;
  min-height:610px!important;
  padding:68px 0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  overflow:visible!important;
}
body.products-discovery .collection-chapter.chapter-reverse{
  grid-template-columns:minmax(660px,1.28fr) minmax(320px,.72fr)!important;
}
body.products-discovery .collection-chapter.chapter-reverse .chapter-copy{grid-column:2!important;grid-row:1!important}
body.products-discovery .collection-chapter.chapter-reverse .chapter-stage{grid-column:1!important;grid-row:1!important}
body.products-discovery .collection-chapter::before,
body.products-discovery .collection-chapter::after{display:none!important}

body.products-discovery .chapter-copy{
  position:relative!important;
  z-index:4!important;
  max-width:450px!important;
  padding:0!important;
}
body.products-discovery .chapter-copy .kicker{
  display:block!important;
  margin:0 0 15px!important;
  color:var(--v17-gold)!important;
  font-size:11px!important;
  font-weight:700!important;
  letter-spacing:.24em!important;
  text-transform:uppercase!important;
}
body.products-discovery .chapter-copy h2{
  margin:0!important;
  color:var(--v17-ink)!important;
  font-family:var(--display-font,"Cormorant Garamond",Georgia,serif)!important;
  font-size:clamp(58px,5vw,86px)!important;
  font-weight:400!important;
  line-height:.91!important;
  letter-spacing:-.045em!important;
}
body.products-discovery .chapter-copy p{
  max-width:430px!important;
  margin:25px 0 0!important;
  color:var(--v17-copy)!important;
  font-size:16px!important;
  line-height:1.72!important;
}
body.products-discovery .chapter-link{
  display:inline-flex!important;
  align-items:center!important;
  gap:12px!important;
  margin-top:24px!important;
  color:var(--v17-ink)!important;
  text-decoration:none!important;
  font-size:14px!important;
  font-weight:650!important;
  border:0!important;
  background:none!important;
  transition:opacity .25s ease!important;
}
body.products-discovery .chapter-link span{transition:transform .28s ease!important}
@media (hover:hover){
  body.products-discovery .chapter-link:hover{opacity:.68!important}
  body.products-discovery .chapter-link:hover span{transform:translateX(5px)!important}
}

body.products-discovery .chapter-stage{
  position:relative!important;
  width:100%!important;
  height:500px!important;
  min-width:0!important;
  isolation:isolate!important;
}
body.products-discovery .chapter-stage::before{
  content:""!important;
  position:absolute!important;
  left:6%!important;
  right:6%!important;
  bottom:76px!important;
  height:110px!important;
  background:linear-gradient(180deg,rgba(236,192,103,0) 0%,rgba(221,161,49,.08) 58%,rgba(236,192,103,0) 100%)!important;
  filter:blur(13px)!important;
  pointer-events:none!important;
  z-index:0!important;
}
body.products-discovery .chapter-product{
  position:absolute!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  color:var(--v17-ink)!important;
  text-align:center!important;
  text-decoration:none!important;
  transition:transform .58s cubic-bezier(.22,1,.36,1),opacity .32s ease!important;
  z-index:2!important;
}
body.products-discovery .chapter-product img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  object-fit:contain!important;
  filter:drop-shadow(0 22px 22px rgba(91,54,9,.13))!important;
  transition:transform .6s cubic-bezier(.22,1,.36,1),filter .4s ease!important;
}
body.products-discovery .hero-product{
  width:310px!important;
  left:50%!important;
  top:4px!important;
  transform:translateX(-50%)!important;
  z-index:3!important;
}
body.products-discovery .side-product{width:210px!important;top:154px!important}
body.products-discovery .left-product{left:2%!important}
body.products-discovery .right-product{right:2%!important}
body.products-discovery .product-meta{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:5px!important;
  margin-top:-4px!important;
  max-width:200px!important;
}
body.products-discovery .product-meta strong{
  font-family:var(--display-font,"Cormorant Garamond",Georgia,serif)!important;
  font-size:22px!important;
  font-weight:500!important;
  line-height:1!important;
  letter-spacing:-.015em!important;
}
body.products-discovery .product-meta small{
  color:#846c53!important;
  font-size:12px!important;
  line-height:1.35!important;
}
@media (hover:hover){
  body.products-discovery .chapter-stage:hover .chapter-product:not(:hover){opacity:.58!important}
  body.products-discovery .chapter-product:hover{opacity:1!important}
  body.products-discovery .hero-product:hover{transform:translateX(-50%) translateY(-8px)!important}
  body.products-discovery .side-product:hover{transform:translateY(-8px)!important}
  body.products-discovery .chapter-product:hover img{transform:scale(1.025)!important;filter:drop-shadow(0 30px 28px rgba(91,54,9,.18))!important}
}

/* Each chapter gets a slightly different still-life rhythm */
body.products-discovery .chapter-herbs .hero-product{top:20px!important;left:51%!important}
body.products-discovery .chapter-herbs .left-product{top:178px!important;left:0!important}
body.products-discovery .chapter-herbs .right-product{top:132px!important;right:0!important}
body.products-discovery .chapter-dark .hero-product{top:8px!important;left:52%!important}
body.products-discovery .chapter-dark .left-product{top:138px!important;left:3%!important}
body.products-discovery .chapter-dark .right-product{top:180px!important;right:0!important}
body.products-discovery .chapter-season .hero-product{top:26px!important;left:48%!important}
body.products-discovery .chapter-season .left-product{top:176px!important;left:2%!important}
body.products-discovery .chapter-season .right-product{top:148px!important;right:1%!important}

/* Closing story: cleaner and less boxed */
body.products-discovery .collection-story{
  padding:96px 0 112px!important;
  background:var(--v17-bg)!important;
}
body.products-discovery .collection-story .wrap{
  width:min(1280px,calc(100% - 96px))!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.22fr) minmax(340px,.78fr)!important;
  align-items:center!important;
  gap:clamp(56px,7vw,110px)!important;
}
body.products-discovery .collection-story .wide-image{
  width:100%!important;
  height:560px!important;
  object-fit:cover!important;
  object-position:center!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  mask-image:linear-gradient(90deg,#000 0%,#000 91%,transparent 100%)!important;
  -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 91%,transparent 100%)!important;
}
body.products-discovery .collection-story .story-caption{
  display:block!important;
  padding:0!important;
  max-width:430px!important;
}
body.products-discovery .collection-story .story-caption h2{
  font-size:clamp(54px,4.8vw,82px)!important;
  line-height:.92!important;
  letter-spacing:-.04em!important;
  margin:0 0 24px!important;
}
body.products-discovery .collection-story .story-caption p{font-size:16px!important;line-height:1.72!important;margin:0 0 22px!important}

@media (max-width:1100px){
  body.products-discovery .collection-chapter,
  body.products-discovery .collection-chapter:nth-child(even),
  body.products-discovery .collection-chapter.chapter-reverse{
    grid-template-columns:minmax(260px,.7fr) minmax(520px,1.3fr)!important;
    gap:44px!important;
  }
  body.products-discovery .collection-chapter.chapter-reverse{grid-template-columns:minmax(520px,1.3fr) minmax(260px,.7fr)!important}
  body.products-discovery .hero-product{width:280px!important}
  body.products-discovery .side-product{width:185px!important}
}

@media (max-width:820px){
  body.products-discovery .discovery-hero{padding:94px 0 72px!important}
  body.products-discovery .discovery-hero .wrap,
  body.products-discovery .collection-stage .wrap,
  body.products-discovery .collection-chapters-v17>.wrap,
  body.products-discovery .collection-story .wrap{width:calc(100% - 36px)!important}
  body.products-discovery .discovery-hero h1{font-size:clamp(54px,15vw,76px)!important}

  body.products-discovery .collection-stage{padding:30px 0 74px!important}
  body.products-discovery .collection-stage .jar-stage{
    min-height:0!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
    align-items:end!important;
  }
  body.products-discovery .collection-stage .jar-stage a,
  body.products-discovery .collection-stage .jar-stage a:nth-child(2){width:auto!important;transform:none!important}
  body.products-discovery .collection-stage .jar-stage img{height:clamp(170px,43vw,240px)!important}
  body.products-discovery .collection-stage .jar-stage h3{font-size:18px!important}
  body.products-discovery .collection-stage .jar-stage span{font-size:12px!important}

  body.products-discovery .collection-chapters-v17{padding:20px 0 70px!important}
  body.products-discovery .collection-chapter,
  body.products-discovery .collection-chapter:nth-child(even),
  body.products-discovery .collection-chapter.chapter-reverse{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:18px!important;
    min-height:auto!important;
    padding:60px 0 68px!important;
  }
  body.products-discovery .collection-chapter.chapter-reverse .chapter-copy,
  body.products-discovery .collection-chapter.chapter-reverse .chapter-stage{grid-column:auto!important;grid-row:auto!important}
  body.products-discovery .chapter-copy{max-width:560px!important}
  body.products-discovery .chapter-copy h2{font-size:clamp(48px,12vw,64px)!important}
  body.products-discovery .chapter-copy p{font-size:15px!important;margin-top:18px!important}
  body.products-discovery .chapter-stage{height:390px!important;margin-top:4px!important}
  body.products-discovery .hero-product{width:220px!important;top:0!important;left:50%!important}
  body.products-discovery .side-product{width:140px!important;top:155px!important}
  body.products-discovery .left-product{left:0!important}
  body.products-discovery .right-product{right:0!important}
  body.products-discovery .chapter-herbs .hero-product,
  body.products-discovery .chapter-dark .hero-product,
  body.products-discovery .chapter-season .hero-product{top:0!important;left:50%!important}
  body.products-discovery .chapter-herbs .left-product,
  body.products-discovery .chapter-dark .left-product,
  body.products-discovery .chapter-season .left-product{top:154px!important;left:0!important}
  body.products-discovery .chapter-herbs .right-product,
  body.products-discovery .chapter-dark .right-product,
  body.products-discovery .chapter-season .right-product{top:154px!important;right:0!important}
  body.products-discovery .product-meta strong{font-size:17px!important}
  body.products-discovery .product-meta small{font-size:11px!important}

  body.products-discovery .collection-story{padding:74px 0 86px!important}
  body.products-discovery .collection-story .wrap{display:flex!important;flex-direction:column!important;gap:32px!important}
  body.products-discovery .collection-story .wide-image{height:390px!important;mask-image:linear-gradient(180deg,#000 0%,#000 91%,transparent 100%)!important;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 91%,transparent 100%)!important}
  body.products-discovery .collection-story .story-caption{max-width:580px!important}
}

@media (max-width:480px){
  body.products-discovery .collection-stage .jar-stage{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  body.products-discovery .collection-stage .jar-stage img{height:150px!important}
  body.products-discovery .collection-stage .jar-stage h3{font-size:15px!important}
  body.products-discovery .collection-stage .jar-stage span{display:none!important}
  body.products-discovery .chapter-stage{height:350px!important}
  body.products-discovery .hero-product{width:190px!important}
  body.products-discovery .side-product{width:120px!important;top:148px!important}
  body.products-discovery .product-meta strong{font-size:15px!important}
  body.products-discovery .product-meta small{display:none!important}
}

@media (prefers-reduced-motion:reduce){
  body.products-discovery .chapter-product,
  body.products-discovery .chapter-product img,
  body.products-discovery .chapter-link span,
  body.products-discovery .collection-stage .jar-stage a,
  body.products-discovery .collection-stage .jar-stage img{transition:none!important}
}
