/* Maison Miel V11 — content polish only.
   index.html, header and footer are intentionally not targeted.
   Visual rule: no visible UI grids, separator lines or boxed dashboard language. */

:root{
  --v11-cream:#fff8ea;
  --v11-paper:#fffaf1;
  --v11-warm:#f6e6c7;
  --v11-warm-2:#f3dfb7;
  --v11-ink:#2f2216;
  --v11-copy:#6a5239;
  --v11-gold:#b97814;
  --v11-gold-soft:rgba(185,120,20,.11);
}

/* ---------- shared content polish, never header/footer ---------- */
body.inner-site-page main{
  isolation:isolate;
}
body.inner-site-page main :where(a){
  text-underline-offset:.2em;
}
body.inner-site-page main :where(.editorial-link,.about-v5-link,.pc-story-copy a,.pc-related-head a,.outline-btn){
  border:0!important;
  text-decoration:none!important;
}
body.inner-site-page main :where(.editorial-link,.about-v5-link,.pc-story-copy a,.pc-related-head a){
  display:inline-flex;
  align-items:center;
  gap:10px;
}
body.inner-site-page main :where(.editorial-link,.about-v5-link,.pc-story-copy a,.pc-related-head a)::after{
  content:"→";
  display:inline-block;
  transition:transform .22s ease;
}
body.inner-site-page main :where(.editorial-link,.about-v5-link,.pc-story-copy a,.pc-related-head a):hover::after{
  transform:translateX(4px);
}

/* ============================================================
   BIENENPRODUKTE — hero hand-off + calmer editorial flow
   ============================================================ */
body.products-discovery .discovery-hero{
  position:relative;
  padding-bottom:132px!important;
  background:
    radial-gradient(circle at 77% 44%,rgba(230,173,61,.13),transparent 26%),
    linear-gradient(180deg,#fbf3e4 0%,#fff8ea 72%,#fffaf1 100%)!important;
}
body.products-discovery .discovery-hero::after{
  content:"";
  position:absolute;
  z-index:2;
  left:0;right:0;bottom:-1px;
  height:112px;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(255,250,241,0) 0%,rgba(255,250,241,.28) 34%,rgba(255,250,241,.78) 74%,#fffaf1 100%);
}
body.products-discovery .discovery-hero .wrap{position:relative;z-index:3}
body.products-discovery .collection-stage{
  margin-top:-1px;
  padding-top:64px!important;
  background:#fffaf1!important;
}
body.products-discovery .collection-stage::before{opacity:.10!important}
body.products-discovery .collection-stage::after{opacity:.10!important}
body.products-discovery .collection-stage .jar-stage{gap:clamp(34px,5vw,72px)!important}
body.products-discovery .collection-stage .jar-stage a:hover img{transform:translateY(-6px)!important}

/* Remove the numbered/table-like treatment. */
body.products-discovery .collection-groups{
  padding:118px 0 124px!important;
  background:linear-gradient(180deg,#fffaf1 0%,#f4e5c6 110px,#f4e5c6 100%)!important;
}
body.products-discovery .collection-groups .wrap{max-width:1180px}
body.products-discovery .collection-group{
  display:flex!important;
  align-items:flex-start!important;
  gap:0!important;
  padding:54px 0!important;
  border:0!important;
}
body.products-discovery .collection-group+.collection-group{margin-top:18px}
body.products-discovery .collection-group .group-num{display:none!important}
body.products-discovery .collection-group .group-content{
  width:100%;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:clamp(44px,8vw,120px)!important;
}
body.products-discovery .collection-group .group-content>div:first-child{max-width:620px}
body.products-discovery .collection-group .group-products{
  max-width:340px;
  justify-content:flex-end;
  gap:12px 22px!important;
}
body.products-discovery .collection-group .group-products a{
  border:0!important;
  padding:0!important;
  color:#5d452d;
  transition:color .2s ease,transform .2s ease;
}
body.products-discovery .collection-group .group-products a:hover{color:#9f6811;transform:translateY(-1px)}
body.products-discovery .collection-story{
  padding-top:92px!important;
  background:linear-gradient(180deg,#f4e5c6 0%,#fff8ea 92px,#fff8ea 100%)!important;
}
body.products-discovery .collection-story .wide-image{
  -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 93%,rgba(0,0,0,.76) 97%,transparent 100%)!important;
  mask-image:linear-gradient(90deg,#000 0%,#000 93%,rgba(0,0,0,.76) 97%,transparent 100%)!important;
}

/* ============================================================
   ÜBER UNS — remove link lines, keep photographic/editorial form
   ============================================================ */
body.about-v5-page .about-v5-link{padding-bottom:0!important}
body.about-v5-page .about-v5-manifesto__mark span{border:0!important;background:#d39a2b;width:5px;height:5px;border-radius:50%;transform:none!important}
body.about-v5-page .about-v5-bee-photo{box-shadow:0 22px 52px rgba(91,55,6,.08)!important}

/* ============================================================
   JOURNAL — remove boxed CTA and the visible two-column card grid
   ============================================================ */
body.journal-index .jv3-cta{
  border:0!important;
  background:#efab18!important;
  padding:0 24px!important;
  gap:18px!important;
}
body.journal-index .jv3-cta-arrow{
  width:auto!important;height:auto!important;
  border:0!important;
  display:block!important;
}
body.journal-index .jv3-grid{
  display:flex!important;
  flex-direction:column!important;
  gap:96px!important;
  width:min(1240px,calc(100% - 80px))!important;
}
body.journal-index .jv3-story{
  display:flex!important;
  align-items:center!important;
  gap:clamp(42px,6vw,88px)!important;
}
body.journal-index .jv3-story:nth-child(even){flex-direction:row-reverse!important}
body.journal-index .jv3-story-image{flex:1 1 58%;min-width:0;aspect-ratio:16/10!important}
body.journal-index .jv3-story-copy{flex:1 1 42%;padding:0!important;max-width:480px!important}
body.journal-index .jv3-mark{display:none!important}

body.journal-article-page .article-editorial .article-body h2::before{content:none!important}
body.journal-article-page .article-editorial .article-nav,
body.journal-article-page .article-editorial .article-nav a{
  border:0!important;
}
body.journal-article-page .article-editorial .article-nav{gap:48px!important}

/* ============================================================
   SHOP — retain 3/2 product arrangement but remove visible grid chrome
   ============================================================ */
body.shop-redesign .shop-toolbar-v2{border:0!important;padding-bottom:18px!important}
body.shop-redesign .shop-filter-v2__btn::after{display:none!important}
body.shop-redesign .shop-filter-v2__btn.is-active{color:#a66c0d!important}
body.shop-redesign .shop-search-v2 input,
body.shop-redesign .shop-sort-v2 select{
  border:0!important;
  background:rgba(245,226,187,.48)!important;
  padding-left:12px!important;
}
body.shop-redesign .product-tile-v2__bottom{border:0!important;padding-top:8px!important}
body.shop-redesign .product-tile-v2__add span:last-child{
  border:0!important;
  background:rgba(229,166,40,.16)!important;
}
body.shop-redesign .product-tile-v2__visual{background:linear-gradient(180deg,rgba(255,244,218,.22),rgba(250,231,191,.08))!important}

/* ============================================================
   PRODUCT DETAIL — no spec table / divider-grid feeling
   ============================================================ */
body.product-clean-v6 .pc-meta-strip{
  display:flex!important;
  flex-wrap:wrap;
  gap:22px 42px!important;
  border:0!important;
  margin-top:32px!important;
}
body.product-clean-v6 .pc-meta-strip>div{
  padding:0!important;
  border:0!important;
  min-width:120px;
}
body.product-clean-v6 .size-btn{
  border:0!important;
  background:rgba(236,215,174,.52)!important;
}
body.product-clean-v6 .size-btn.active{
  background:#342518!important;
}
body.product-clean-v6 .qty-control{
  border:0!important;
  background:rgba(236,215,174,.52)!important;
}
body.product-clean-v6 .pc-pairing{border:0!important;padding-top:0!important}
body.product-clean-v6 .pc-related-item{border:0!important;padding:12px 0!important}
body.product-clean-v6 .pc-related-head a{padding-bottom:0!important}
body.product-clean-v6 .pc-related-item:hover{border-color:transparent!important}

/* ============================================================
   CONTACT — fields read as quiet surfaces, not ruled form lines
   ============================================================ */
body.contact-page .contact-v7-kicker i,
body.contact-page .contact-v7-ornament i{display:none!important}
body.contact-page .contact-v7-form-panel{
  box-shadow:none!important;
  background:rgba(255,250,241,.70)!important;
}
body.contact-page .contact-v7-meta>div,
body.contact-page .contact-v7-meta>div+div{border:0!important}
body.contact-page .contact-v7 input,
body.contact-page .contact-v7 textarea,
body.contact-page .contact-v7 select{
  border:0!important;
  background:rgba(241,225,193,.34)!important;
  padding-left:14px!important;
  padding-right:14px!important;
}
body.contact-page .contact-v7 textarea{padding-top:14px!important}
body.contact-page .contact-v7 :where(input,textarea,select):focus{
  box-shadow:0 0 0 2px rgba(183,121,22,.22)!important;
}

/* ============================================================
   CART / CHECKOUT / ACCOUNT — remove spreadsheet separators
   ============================================================ */
body.commerce-editorial .summary{border:0!important}
body.commerce-editorial .cart-list,
body.commerce-editorial .order-items{border:0!important}
body.commerce-editorial .cart-row,
body.commerce-editorial .order-mini,
body.commerce-editorial .summary-line.total,
body.commerce-editorial .form-section,
body.commerce-editorial .radio-row{border:0!important}
body.commerce-editorial .cart-row+.cart-row,
body.commerce-editorial .order-mini+.order-mini{margin-top:18px}
body.commerce-editorial .field input,
body.commerce-editorial .field textarea,
body.commerce-editorial .field select{
  border:0!important;
  background:rgba(242,225,190,.38)!important;
  padding-left:12px!important;
  padding-right:12px!important;
}
body.commerce-editorial .radio-row{
  background:rgba(242,225,190,.30)!important;
  padding:16px!important;
}
body.account-editorial .account-grid{
  gap:28px!important;
  background:transparent!important;
}
body.account-editorial .account-panel,
body.account-editorial .account-panel+.account-panel{border:0!important}
body.account-editorial .account-panel:first-child{background:#f3e1bd!important}
body.account-editorial .account-panel:last-child{background:#fffaf1!important}

/* ============================================================
   FAQ / LEGAL / SERVICE — typography and whitespace instead of rules
   ============================================================ */
body.reading-editorial .legal>h2,
body.reading-editorial .legal>h2+p,
body.reading-editorial .faq-list,
body.reading-editorial .faq-list details,
body.reading-editorial .faq-list details:last-child{border:0!important}
body.reading-editorial .legal>h2{padding-top:34px!important;padding-bottom:10px!important}
body.reading-editorial .legal>h2+p{padding-top:10px!important;padding-bottom:34px!important}
body.reading-editorial .faq-list details{
  margin:0 0 12px!important;
  padding:0 0 22px!important;
}
body.reading-editorial .faq-list summary{padding:20px 0 10px!important}
body.reading-editorial .faq-list details[open]{background:transparent!important}

/* ---------- responsive refinement ---------- */
@media(max-width:820px){
  body.products-discovery .discovery-hero{padding-bottom:96px!important}
  body.products-discovery .discovery-hero::after{height:78px}
  body.products-discovery .collection-stage{padding-top:48px!important}
  body.products-discovery .collection-group{padding:38px 0!important}
  body.products-discovery .collection-group .group-content{display:block!important}
  body.products-discovery .collection-group .group-products{justify-content:flex-start;max-width:none;margin-top:24px}
  body.products-discovery .collection-story{padding-top:62px!important}
  body.products-discovery .collection-story .wide-image{
    -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 94%,rgba(0,0,0,.65) 98%,transparent 100%)!important;
    mask-image:linear-gradient(180deg,#000 0%,#000 94%,rgba(0,0,0,.65) 98%,transparent 100%)!important;
  }

  body.journal-index .jv3-grid{width:calc(100% - 32px)!important;gap:66px!important}
  body.journal-index .jv3-story,
  body.journal-index .jv3-story:nth-child(even){display:block!important}
  body.journal-index .jv3-story-copy{max-width:580px!important;padding:24px 2px 0!important}

  body.product-clean-v6 .pc-meta-strip{gap:18px 30px!important}
  body.product-clean-v6 .pc-meta-strip>div{min-width:calc(50% - 18px)}

  body.account-editorial .account-grid{gap:18px!important}
}

@media(max-width:430px){
  body.products-discovery .discovery-hero::after{height:64px}
  body.product-clean-v6 .pc-meta-strip>div{min-width:100%}
}

/* ---------- final line/grid cleanup ---------- */
body.inner-site-page main a{text-decoration:none}
body.inner-site-page main .remove-btn{text-decoration:none!important}
body.product-clean-v6 .pc-breadcrumb a:hover{text-decoration:none!important;color:#9a6713!important}

/* Legal/service pages now read as a single editorial column instead of a two-column matrix. */
body.reading-editorial .legal{
  display:block!important;
  width:min(840px,calc(100% - 64px))!important;
}
body.reading-editorial .legal>.kicker,
body.reading-editorial .legal>h1,
body.reading-editorial .legal>p,
body.reading-editorial .legal>h2,
body.reading-editorial .legal>ul,
body.reading-editorial .legal>ol,
body.reading-editorial .faq-list{
  grid-column:auto!important;
  max-width:none!important;
}
body.reading-editorial .legal>h1{margin-bottom:56px!important}
body.reading-editorial .legal>p:first-of-type{font-size:20px!important;margin-bottom:42px!important}
body.reading-editorial .legal>h2{margin-top:34px!important;padding:0!important}
body.reading-editorial .legal>h2+p{padding:12px 0 18px!important}
body.reading-editorial .faq-list{margin-top:28px!important}

@media(max-width:820px){
  body.reading-editorial .legal{width:calc(100% - 40px)!important}
  body.reading-editorial .legal>h1{margin-bottom:42px!important}
}
