/* Maison Miel V10 — full non-home polish layer.
   IMPORTANT: index.html does not load this file. Footer selectors are intentionally untouched.
   Goal: softer real section hand-offs, tighter rhythm, safer responsive behaviour, no visual overhaul. */

:root{
  --v10-ink:#2f2419;
  --v10-gold:#b77916;
  --v10-cream:#fff8ea;
  --v10-paper:#fffaf1;
  --v10-line:rgba(91,61,25,.16);
}

/* ---------- global non-home quality pass ---------- */
body.inner-site-page main{
  overflow-x:clip;
}
body.inner-site-page main h1,
body.inner-site-page main h2,
body.inner-site-page main h3,
body.inner-site-page main blockquote{
  text-wrap:balance;
}
body.inner-site-page main p,
body.inner-site-page main li{
  text-wrap:pretty;
}
body.inner-site-page main img{
  max-width:100%;
}
body.inner-site-page main :where(a,button,input,select,textarea):focus-visible{
  outline:2px solid rgba(183,121,22,.72);
  outline-offset:3px;
}
body.inner-site-page main :where(input,select,textarea){
  transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease;
}
body.inner-site-page main :where(input,select,textarea):focus{
  border-color:rgba(167,105,12,.62)!important;
}

/* Disable the older generic empty-band transitions. V10 uses destination-aware fades instead. */
body.inner-site-page main > section + section::before,
body.inner-site-page main > section + div.wrap::before,
body.inner-site-page main > div.wrap + section::before,
body.inner-site-page main > article + section::before,
body.product-clean-v6 .pc-story::before,
body.product-clean-v6 .pc-related::before,
body.shop-redesign .shop-catalog-v2::before,
body.shop-redesign .shop-note-v2::before{
  content:none!important;
}

/* ---------- ÜBER UNS ---------- */
/* The hero photograph itself now dissolves into the next cream section. */
body.about-v5-page .about-v5-hero::after{
  content:"";
  position:absolute;
  z-index:9;
  left:0;
  right:0;
  bottom:-1px;
  height:96px;
  pointer-events:none;
  background:linear-gradient(180deg,
    rgba(255,248,235,0) 0%,
    rgba(255,248,235,.18) 28%,
    rgba(255,248,235,.68) 70%,
    #fff8eb 100%);
}
body.about-v5-page .about-v5-manifesto{
  background:linear-gradient(180deg,#fff8eb 0%,#fff8eb 100%)!important;
}
body.about-v5-page .about-v5-origin{
  background:linear-gradient(180deg,#fff8eb 0,#f3dfb7 76px,#f3dfb7 100%)!important;
}
body.about-v5-page .about-v5-bees{
  padding-bottom:96px!important;
  background:linear-gradient(180deg,#f3dfb7 0,#fff8eb 82px,#fff8eb 100%)!important;
}
body.about-v5-page .about-v5-bees__links{
  margin-top:38px!important;
}
body.about-v5-page .about-v5-closing{
  padding-top:108px!important;
  padding-bottom:126px!important;
  background:linear-gradient(180deg,
    #fff8eb 0%,
    #faedcf 54px,
    #f7e4bf 116px,
    #fff6e7 100%)!important;
}
body.about-v5-page .about-v5-closing blockquote{
  max-width:980px!important;
}

/* ---------- BIENENPRODUKTE ---------- */
body.products-discovery .collection-stage{
  background:linear-gradient(180deg,#fbf3e4 0,#fffaf1 68px,#fffaf1 100%)!important;
}
body.products-discovery .collection-groups{
  background:linear-gradient(180deg,#fffaf1 0,#f4e5c6 72px,#f4e5c6 100%)!important;
}
body.products-discovery .collection-story{
  background:linear-gradient(180deg,#f4e5c6 0,#fff8ea 72px,#fff8ea 100%)!important;
}
body.products-discovery .collection-group{
  scroll-margin-top:118px;
}

/* ---------- JOURNAL INDEX ---------- */
body.journal-index .jv3-hero{
  min-height:720px;
}
body.journal-index .jv3-hero-inner{
  min-height:720px;
}
body.journal-index .jv3-stories{
  background:linear-gradient(180deg,#fff7e6 0,#f7e7c5 72px,#f7e7c5 100%)!important;
}
body.journal-index .jv3-stories::before{
  content:none!important;
}
body.journal-index .jv3-grid{
  row-gap:66px;
}
body.journal-index .jv3-story-copy{
  max-width:540px;
}

/* ---------- JOURNAL ARTICLES ---------- */
body.journal-article-page .article-editorial{
  padding-bottom:112px!important;
}
body.journal-article-page .article-editorial .article-top{
  margin-bottom:48px!important;
}
body.journal-article-page .article-editorial .article-hero-image{
  margin-bottom:76px!important;
}
body.journal-article-page .article-editorial .article-body{
  width:min(740px,calc(100% - 48px))!important;
}
body.journal-article-page .article-editorial .article-body h2:not(:first-child){
  position:relative;
  padding-top:24px;
}
body.journal-article-page .article-editorial .article-body h2:not(:first-child)::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:min(104px,28%);
  height:1px;
  background:linear-gradient(90deg,rgba(177,124,31,.28),rgba(177,124,31,0));
}
body.journal-article-page .article-editorial .article-nav{
  margin-top:82px!important;
}
body.journal-article-page .article-editorial > .article-body::before,
body.journal-article-page .article-editorial > .article-nav::before{
  content:none!important;
}

/* ---------- SHOP ---------- */
body.shop-redesign .shop-catalog-v2{
  background:linear-gradient(180deg,#f9e8c6 0,#fff9ee 72px,#fff9ee 100%)!important;
}
body.shop-redesign .shop-note-v2{
  background:linear-gradient(180deg,#fff9ee 0,#f5dfb4 78px,#f9ead0 100%)!important;
}
body.shop-redesign .shop-toolbar-v2{
  gap:34px;
}
body.shop-redesign .product-grid-v2{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
body.shop-redesign .product-tile-v2__content{
  min-width:0;
}
body.shop-redesign .product-tile-v2 h2{
  overflow-wrap:anywhere;
}

/* ---------- PRODUCT DETAIL TEMPLATE — all 12 products ---------- */
body.product-clean-v6 .pc-hero{
  padding-bottom:78px!important;
}
body.product-clean-v6 .pc-hero-grid{
  min-height:610px!important;
}
body.product-clean-v6 .pc-visual{
  min-height:575px!important;
}
body.product-clean-v6 .pc-product-image{
  height:550px!important;
}
body.product-clean-v6 .pc-story{
  padding-top:98px!important;
  background:linear-gradient(180deg,#fbefd8 0,#fffaf1 74px,#fffaf1 100%)!important;
}
body.product-clean-v6 .pc-story-grid{
  gap:64px!important;
}
body.product-clean-v6 .pc-story-media{
  height:500px!important;
}
body.product-clean-v6 .pc-related{
  padding-top:88px!important;
  background:linear-gradient(180deg,#fffaf1 0,#f7e7c7 74px,#f7e7c7 100%)!important;
}
body.product-clean-v6 .pc-related-item{
  transition:border-color .2s ease,transform .2s ease;
}
body.product-clean-v6 .pc-related-item:hover{
  border-color:rgba(135,86,16,.30);
  transform:translateY(-2px);
}

/* ---------- CONTACT ---------- */
body.contact-page .contact-v7-layout{
  align-items:start;
}
body.contact-page .contact-v7-story{
  padding-top:8px!important;
}
body.contact-page .contact-v7-visual{
  margin-top:32px!important;
}
body.contact-page .contact-v7-form-panel{
  box-shadow:0 18px 48px rgba(82,51,8,.045);
}
body.contact-page .contact-v7-grid{
  row-gap:30px!important;
}
body.contact-page .contact-v7-submit .gold-btn{
  min-height:50px;
}

/* ---------- CART / CHECKOUT / ACCOUNT ---------- */
body.commerce-editorial .page-hero{
  padding-bottom:34px!important;
}
body.commerce-editorial .page-hero + .wrap{
  position:relative;
}
body.commerce-editorial .page-hero + .wrap::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:56px;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(255,250,241,.88),rgba(251,243,228,0));
}
body.commerce-editorial .cart-layout,
body.commerce-editorial .checkout-layout{
  padding-top:58px!important;
}
body.commerce-editorial .summary,
body.account-editorial .account-grid,
body.account-editorial .account-panel{
  box-shadow:none!important;
}
body.commerce-editorial .summary{
  border-top:1px solid rgba(128,88,26,.12)!important;
}
body.account-editorial .account-grid{
  margin-top:48px!important;
}

/* ---------- READING / FAQ / LEGAL ---------- */
body.reading-editorial .legal{
  row-gap:0;
}
body.reading-editorial .legal > h1{
  max-width:780px;
}
body.reading-editorial .legal p,
body.reading-editorial .legal li{
  max-width:720px;
}
body.reading-editorial .legal > h2{
  scroll-margin-top:120px;
}
body.reading-editorial .faq-list details{
  transition:border-color .2s ease;
}
body.reading-editorial .faq-list details[open]{
  border-color:rgba(153,99,18,.28);
}

/* ---------- STATE PAGES ---------- */
body.state-editorial .thankyou,
body.state-editorial .notfound{
  min-height:clamp(500px,58vh,720px);
  display:flex;
  flex-direction:column;
  justify-content:center;
}

/* ---------- responsive audit fixes ---------- */
@media(max-width:1050px){
  body.product-clean-v6 .pc-hero-grid{min-height:560px!important}
  body.product-clean-v6 .pc-visual{min-height:525px!important}
  body.product-clean-v6 .pc-product-image{height:510px!important}
}

@media(max-width:820px){
  body.inner-site-page main h1,
  body.inner-site-page main h2,
  body.inner-site-page main h3{hyphens:auto}

  body.about-v5-page .about-v5-hero::after{
    height:64px;
  }
  body.about-v5-page .about-v5-bees{
    padding-bottom:72px!important;
  }
  body.about-v5-page .about-v5-closing{
    padding-top:82px!important;
    padding-bottom:104px!important;
    background:linear-gradient(180deg,#fff8eb 0,#f7e4bf 66px,#fff6e7 100%)!important;
  }

  body.products-discovery .collection-stage{
    background:linear-gradient(180deg,#fbf3e4 0,#fffaf1 48px,#fffaf1 100%)!important;
  }
  body.products-discovery .collection-groups{
    background:linear-gradient(180deg,#fffaf1 0,#f4e5c6 50px,#f4e5c6 100%)!important;
  }
  body.products-discovery .collection-story{
    background:linear-gradient(180deg,#f4e5c6 0,#fff8ea 50px,#fff8ea 100%)!important;
  }

  body.journal-index .jv3-hero,
  body.journal-index .jv3-hero-inner{
    min-height:0;
  }
  body.journal-index .jv3-stories{
    background:linear-gradient(180deg,#fff7e6 0,#f7e7c5 52px,#f7e7c5 100%)!important;
  }

  body.shop-redesign .shop-catalog-v2{
    background:linear-gradient(180deg,#f9e8c6 0,#fff9ee 52px,#fff9ee 100%)!important;
  }
  body.shop-redesign .shop-note-v2{
    background:linear-gradient(180deg,#fff9ee 0,#f5dfb4 54px,#f9ead0 100%)!important;
  }
  body.shop-redesign .product-grid-v2{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  body.product-clean-v6 .pc-hero{
    padding-bottom:56px!important;
  }
  body.product-clean-v6 .pc-hero-grid,
  body.product-clean-v6 .pc-visual{
    min-height:0!important;
  }
  body.product-clean-v6 .pc-product-image{
    height:390px!important;
  }
  body.product-clean-v6 .pc-story{
    padding-top:68px!important;
    background:linear-gradient(180deg,#fbefd8 0,#fffaf1 48px,#fffaf1 100%)!important;
  }
  body.product-clean-v6 .pc-story-media{
    height:350px!important;
  }
  body.product-clean-v6 .pc-related{
    padding-top:66px!important;
    background:linear-gradient(180deg,#fffaf1 0,#f7e7c7 48px,#f7e7c7 100%)!important;
  }
  body.product-clean-v6 .pc-related-item:hover{
    transform:none;
  }

  body.contact-page .contact-v7-form-panel{
    box-shadow:none;
  }
  body.commerce-editorial .page-hero + .wrap::before{
    height:40px;
  }
}

@media(max-width:430px){
  body.about-v5-page .about-v5-hero::after{height:54px}
  body.about-v5-page .about-v5-bees{padding-bottom:62px!important}
  body.about-v5-page .about-v5-closing{padding-top:74px!important;padding-bottom:94px!important}

  body.shop-redesign .product-grid-v2{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    column-gap:8px!important;
  }
  body.shop-redesign .product-tile-v2 h2{
    font-size:21px!important;
  }

  body.product-clean-v6 .pc-product-image{height:350px!important}
  body.product-clean-v6 .pc-story-media{height:320px!important}

  body.reading-editorial .legal p,
  body.reading-editorial .legal li{
    font-size:16px;
    line-height:1.72;
  }
}

@media(prefers-reduced-motion:reduce){
  body.inner-site-page main *,
  body.inner-site-page main *::before,
  body.inner-site-page main *::after{
    scroll-behavior:auto!important;
    transition-duration:.01ms!important;
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
  }
}
