/* Maison Miel V8 — minimal transitions only where section boundaries were still hard.
   No layout, header, footer or content changes. */

/* Product pages: hero -> story */
body.product-clean-v6 .pc-story{
  position:relative;
  isolation:isolate;
}
body.product-clean-v6 .pc-story::before{
  content:"";
  position:absolute;
  z-index:2;
  left:0;
  right:0;
  top:-38px;
  height:38px;
  pointer-events:none;
  background:linear-gradient(to bottom,
    rgba(255,250,241,0) 0%,
    rgba(255,250,241,.18) 34%,
    rgba(255,250,241,.62) 72%,
    #fffaf1 100%);
}

/* Product pages: story -> recommendations */
body.product-clean-v6 .pc-related{
  position:relative;
  isolation:isolate;
}
body.product-clean-v6 .pc-related::before{
  content:"";
  position:absolute;
  z-index:2;
  left:0;
  right:0;
  top:-38px;
  height:38px;
  pointer-events:none;
  background:linear-gradient(to bottom,
    rgba(247,231,199,0) 0%,
    rgba(247,231,199,.16) 32%,
    rgba(247,231,199,.58) 72%,
    #f7e7c7 100%);
}

/* Shop: intro -> catalogue */
body.shop-redesign .shop-catalog-v2{
  position:relative;
  isolation:isolate;
}
body.shop-redesign .shop-catalog-v2::before{
  content:"";
  position:absolute;
  z-index:2;
  left:0;
  right:0;
  top:-36px;
  height:36px;
  pointer-events:none;
  background:linear-gradient(to bottom,
    rgba(255,249,238,0) 0%,
    rgba(255,249,238,.18) 35%,
    rgba(255,249,238,.62) 74%,
    #fff9ee 100%);
}

/* Shop: catalogue -> closing note */
body.shop-redesign .shop-note-v2{
  position:relative;
  isolation:isolate;
}
body.shop-redesign .shop-note-v2::before{
  content:"";
  position:absolute;
  z-index:2;
  left:0;
  right:0;
  top:-36px;
  height:36px;
  pointer-events:none;
  background:linear-gradient(to bottom,
    rgba(245,223,180,0) 0%,
    rgba(245,223,180,.16) 32%,
    rgba(245,223,180,.56) 72%,
    #f5dfb4 100%);
}

/* Keep real section content above the transition veil. */
body.product-clean-v6 .pc-story > *,
body.product-clean-v6 .pc-related > *,
body.shop-redesign .shop-catalog-v2 > *,
body.shop-redesign .shop-note-v2 > *{
  position:relative;
  z-index:3;
}

@media(max-width:820px){
  body.product-clean-v6 .pc-story::before,
  body.product-clean-v6 .pc-related::before{
    top:-26px;
    height:26px;
  }
  body.shop-redesign .shop-catalog-v2::before,
  body.shop-redesign .shop-note-v2::before{
    top:-24px;
    height:24px;
  }
}