/* Local background refinement only. Broad colour curves, no pictorial motifs.
   Content geometry, official logo, icons and original mosque photo are retained. */
#mehr-als-moschee.oe-section{overflow:clip;background:linear-gradient(180deg,#fff 0%,#fdfcf9 62%,#fdfcf9 100%)}
.oe-discover{position:relative;isolation:isolate}
.oe-discover::before{
 content:"";
 position:absolute;
 z-index:-1;
 pointer-events:none;
 top:-30px;
 bottom:-42px;
 left:50%;
 width:100vw;
 transform:translateX(-50%);
 background:
  linear-gradient(180deg,#fdfcf9 0%,rgba(253,252,249,0) 24%,rgba(244,249,247,0) 74%,#f4f9f7 100%),
  radial-gradient(ellipse 95% 100% at 0% 125%,rgba(199,228,224,.34) 0%,rgba(209,235,231,.26) 49%,rgba(220,240,237,.09) 66%,transparent 82%),
  radial-gradient(ellipse 90% 100% at 100% -45%,rgba(255,251,242,.64) 0%,rgba(255,252,247,.28) 53%,transparent 78%),
  linear-gradient(180deg,#fdfcf9 0%,#f4faf8 18%,#eaf5f3 51%,#e8f3f0 76%,#f4f9f7 100%);
}
.oe-discover .oe-offers-heading h3,
.oe-discover .oe-offer h4{color:#17384b}
.oe-discover .oe-offers-heading>p,
.oe-discover .oe-offer p{color:#42616c}
.oe-discover .oe-title-dot{color:#987330}
.oe-discover .oe-offers-heading>p{border-left-color:#b79048}
.oe-discover .oe-offer-icon{color:#087f98}
.oe-discover .oe-gold{stroke:#987330}
.oe-discover .oe-offer-link{color:#805b25}
.oe-discover .oe-offer-link::after{background:#b79048}
.oe-discover .oe-offer-link:focus-visible{outline-color:#147b91}
/* Full-width quiet surface, with the shared central .wrap for its content. */
.home-membership-surface{padding:42px 0 48px;background:
 linear-gradient(180deg,#f4f9f7 0%,rgba(244,249,247,0) 24%,rgba(253,252,249,0) 76%,#fdfcf9 100%),
 radial-gradient(ellipse 110% 130% at 100% 150%,rgba(244,235,215,.28) 0%,rgba(248,243,232,.13) 52%,transparent 78%),
 linear-gradient(180deg,#f4f9f7 0%,#fafbf8 44%,#fdfcf9 100%)}
.home-membership-surface .alt-membership{background:none;border:0;border-radius:0;box-shadow:none;padding:0;margin:0 auto;gap:48px}
.home-membership-surface .alt-membership .eyebrow{color:#89672e}
.home-membership-surface .alt-membership h2{color:#17384b;max-width:740px}
.home-membership-surface .alt-membership p{color:#526b78;max-width:650px}
.home-membership-surface .alt-membership .btn.primary{background:linear-gradient(110deg,#e5c994,#f0ddb9);border-color:#d8bc82;color:#173b4b}
/* Homepage only: continue the quiet surface into the existing footer. */
.home-top #site-footer .footer{border-top-color:transparent;background:
 linear-gradient(180deg,#fdfcf9 0%,rgba(253,252,249,0) 38%),
 radial-gradient(ellipse 100% 110% at 0% 125%,rgba(213,235,231,.34) 0%,rgba(229,243,240,.14) 55%,transparent 82%),
 linear-gradient(180deg,#fdfcf9 0%,#fafbf8 46%,#f1f7f5 100%)}
.home-top #site-footer .footer-bottom{border-top-color:rgba(183,144,72,.26)}
@media(hover:hover){
 .oe-discover .oe-offer-link:hover{color:#0f6374;border-color:#b79048}
 .oe-discover .oe-offer-link:hover::after{background:#0f6374}
 .home-membership-surface .alt-membership .btn.primary:hover{background:#efdbaf}
}
@media(max-width:850px){.home-membership-surface .alt-membership{grid-template-columns:1fr;gap:22px}.home-membership-surface .alt-membership .btn{justify-self:start;max-width:100%;white-space:normal;text-align:left}}
@media(max-width:600px){.oe-discover::before{top:-24px;bottom:-28px}.home-membership-surface{padding:33px 0 38px}}
