/* Zayt w Mouneh — dedicated decorative layer. No product images or commerce UI modified. */
:root{
  --zwm-decor-olive:#355f3a;
  --zwm-decor-gold:#b28a37;
}
/* Full artwork is visible in a flexible slot; never crop or use cover on ornaments. */
.zwm-mouneh-divider-art,
.zwm-mouneh-footer-art{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  box-sizing:border-box;min-width:0;max-width:100%;margin-inline:auto;text-align:center;
  gap:0;
}
.zwm-mouneh-divider-art img,
.zwm-mouneh-footer-art img{
  display:block;width:100%;height:auto;max-width:100%;object-fit:contain;
  object-position:center;flex-shrink:0;
}
.zwm-mouneh-script{
  display:block;margin:4px 0 0;color:#9a7630;
  font-family:"Amiri","Noto Kufi Arabic","Noto Naskh Arabic",serif;
  font-weight:700;letter-spacing:0;line-height:1.5;
  font-size:clamp(1.05rem,1.8vw,1.35rem);
  direction:rtl;unicode-bidi:isolate;text-align:center;
  white-space:nowrap;
}
body[data-page="shop"] .botanical-divider.zwm-brand-divider{
  display:flex;flex-direction:column;justify-content:center;
  align-items:center;gap:0;
  width:min(calc(100% - 40px),960px);
  padding-block:clamp(16px,2.8vw,30px);
  color:var(--zwm-decor-olive);overflow:visible;
}
body[data-page="shop"] .zwm-mouneh-divider-art{width:100%;max-width:470px}
body[data-page="shop"] .zwm-mouneh-divider-art img{aspect-ratio:860/117}
body[data-page="shop"] .shop-trust-grid>div>span svg{
  display:block;width:20px;height:20px;stroke:currentColor;stroke-width:1.8;fill:none;
  stroke-linecap:round;stroke-linejoin:round;
}
/* Homepage transition: botanical art has its own full-height slot. */
body[data-page="home"] .zwm-home-divider{
  display:flex;align-items:center;justify-content:center;
  width:min(calc(100% - 40px),760px);min-width:0;
  padding:12px 0 20px;margin:0 auto;
}
body[data-page="home"] .zwm-home-divider img{
  display:block;width:min(100%,460px);height:auto;aspect-ratio:700/144;max-width:100%;
  object-fit:contain;object-position:center;
}
/* The recipe chapter gets its own blossom motif, not the footer garland. */
body[data-page="recipes"] .zwm-recipes-divider{
  display:flex;align-items:center;justify-content:center;box-sizing:border-box;
  width:min(calc(100% - 48px),540px);max-width:100%;
  margin:8px auto 18px;padding:0;line-height:0;pointer-events:none;
}
body[data-page="recipes"] .zwm-recipes-divider img{
  display:block;width:100%;height:auto;aspect-ratio:880/117;
  object-fit:contain;object-position:center;
}
/* Keep one restrained footer photo, above the existing brand and link columns. */
.footer .zwm-mouneh-footer-art{
  width:min(calc(100% - 48px),460px);
  padding:0;
  margin:0 auto clamp(16px,2vw,24px);
  border:0;
}
.footer .zwm-mouneh-footer-art img{aspect-ratio:970/122}
body[data-page="shop"] .seasonal-story-card::before{
  content:"مونة";position:absolute;inset:auto 10% 8% auto;
  color:#f0d58a;opacity:.045;pointer-events:none;z-index:0;
  font-family:"Amiri","Noto Kufi Arabic",serif;
  direction:rtl;font-size:clamp(5rem,16vw,12rem);font-weight:700;
  line-height:1.1;white-space:nowrap;transform:rotate(-7deg);
}
@media(max-width:560px){
  body[data-page="shop"] .botanical-divider.zwm-brand-divider{
    width:min(calc(100% - 48px),340px);
    padding-block:14px 20px;
  }
  body[data-page="shop"] .zwm-mouneh-divider-art{width:min(100%,330px)}
  body[data-page="shop"] .zwm-mouneh-divider-art .zwm-mouneh-script{
    margin-top:10px;font-size:1.07rem;line-height:1.45;
  }
  body[data-page="home"] .zwm-home-divider{
    width:min(calc(100% - 48px),330px);
    padding:12px 0 18px;
  }
  body[data-page="home"] .zwm-home-divider img{width:min(100%,330px)}
  body[data-page="recipes"] .zwm-recipes-divider{
    width:min(calc(100% - 64px),300px);
    margin:8px auto 16px;
  }
  .footer .zwm-mouneh-footer-art{
    width:min(calc(100% - 64px),290px);
    margin:0 auto 18px;padding:0;
  }
  body[data-page="shop"] .seasonal-story-card::before{
    font-size:5.25rem;opacity:.035;inset:auto 6% 12% auto;
  }
}
@media(prefers-reduced-motion:reduce){
  .zwm-mouneh-divider-art,.zwm-mouneh-footer-art{animation:none;transition:none}
}