/* Suleymaniye — full-width desktop sections, 13 November 2026.
   The original mobile CSS and all application code are retained.
   Only public presentation containers opt into this layer. */
@media (min-width:1024px){
 html:has(body[data-site-design]){overflow-x:clip}
 body[data-site-design]{overflow-x:clip}
 body[data-site-design] .site-band{position:relative;isolation:isolate;margin-block:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding-block:72px!important;overflow:visible}
 /* Spread the section's own paint without moving its interactive contents. */
 body[data-site-design] .site-band:not([data-band-tone="keep"]){background:var(--band-surface)!important}
 body[data-site-design] .site-band::after{content:"";position:absolute;z-index:-1;pointer-events:none;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:inherit;border:0;border-radius:0;box-shadow:none}
 body[data-site-design] [data-band-tone="cream"]{--band-surface:#f8f5ed}
 body[data-site-design] [data-band-tone="sage"]{--band-surface:#e9eee2}
 body[data-site-design] [data-band-tone="sand"]{--band-surface:#eee7d6}
 body[data-site-design] [data-band-tone="blush"]{--band-surface:#f1e4dc}
 body[data-site-design] [data-band-tone="review"]{--band-surface:#eee5d6}
 body[data-site-design] [data-band-tone="forest"]{--band-surface:#173f35;color:#faf5e8}
 body[data-site-design] [data-band-tone="forest"] :is(h2,h3){color:#faf5e8}
 body[data-site-design] [data-band-tone="forest"] p{color:#d3e1d8}
 body[data-site-design] .site-flatten{border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}
 /* Room for large monitors; text columns and controls keep their useful sizes. */
 body[data-site-design] :is(.about-container,.f-wrap,.h-wrap,.v-wrap,.vac-wrap){width:min(1400px,calc(100% - 112px));max-width:1400px;margin-inline:auto}
 body[data-site-design] :is(.site-band>.wrap,.site-band>.sf-container){width:min(1400px,calc(100% - 112px));max-width:1400px;padding-inline:0;margin-inline:auto}
 body[data-site-design] :is(main.wrap,main.family-page,main.portal,body>.wrap:has(>main),main:not([class]):has(>.hero),main.content-shell){max-width:1400px;width:calc(100% - 112px);padding-inline:0;margin-inline:auto}
 body[data-site-design] :is(main.wrap,main.family-page,main:not([class]):has(>.hero)){padding-top:0;padding-bottom:0}
 body[data-site-design] .site-band h2{font-size:clamp(34px,3.1vw,48px);line-height:1.16;text-wrap:balance}
 body[data-site-design] .site-band :is(.eyebrow,.kicker,.about-kicker,.f-kicker,.h-kicker,.v-kicker){letter-spacing:.16em}
 /* Remove only exterior presentation shells; smaller controls remain distinct. */
 body[data-site-design] .site-content-shell{padding-top:64px;padding-bottom:64px}
 body[data-site-design] .site-content-shell>h1{max-width:1050px}
 body[data-site-design] .site-content-shell>.intro-lead{margin-bottom:48px}
 body[data-site-design] .site-content-shell>.content-grid{gap:0 40px;padding-block:56px!important}
 body[data-site-design] .site-content-shell .content-card{background:none;border:0;border-top:1px solid #bbc8b7;border-radius:0;padding:28px 0;box-shadow:none}
 body[data-site-design] .site-content-shell .content-card h2{font-size:31px}
 body[data-site-design] .site-content-shell>.content-panel{padding-inline:0}
 body[data-site-design] .site-content-shell>.content-panel form{max-width:760px}
 body[data-site-design] .site-content-shell>:not(.site-band){position:relative;z-index:1}
 /* Existing dark/photo heroes already own their palette. Only their frame is removed. */
 body[data-site-design][data-page="donate"] main>.hero{padding-inline:0}
 body[data-site-design][data-page="donate"] .hero-text{padding-left:0}
 body[data-site-design][data-page="donate"] .donation-card-holder{padding-right:0}
 body[data-site-design][data-page="donate"] main>.trust,body[data-site-design][data-page="donate"] main>.jump{padding-block:24px!important}
 body[data-site-design][data-page="donate"] .donor-access{padding-inline:0}
 body[data-site-design][data-page="donate"] :is(.feature-main,.international){padding-inline:0}
 body[data-site-design][data-page="donate"] .gift{padding-inline:0}
 body[data-site-design][data-page="donate"] .section>.payment-feature{gap:50px}
 body[data-site-design][data-page="donate"] .section>.payment-feature>.payment-copy{padding-inline:0}
 body[data-site-design][data-page="donate"] .section>.international{padding-block:0}
 body[data-site-design][data-page="donate"] .section>.zakat-card{border:0;border-radius:0;box-shadow:none;background:transparent}
 body[data-site-design][data-page="journey-sadaqa"] :is(.hero,.contact){padding-inline:0}
 body[data-site-design][data-page="journey-sadaqa"] :is(.giving,.qurbani){padding:0}
 body[data-site-design][data-page="journey-sadaqa"] .facts{gap:35px}
 body[data-site-design][data-page="journey-sadaqa"] .fact{background:transparent;border:0;border-top:1px solid #b9c7b3;border-radius:0;padding:25px 0}
 body[data-site-design][data-page="nikah"] :is(.prepare,.end){padding-inline:0}
 body[data-site-design][data-page="nikah"] :is(.notice,.facts){padding-block:26px!important}
 body[data-site-design][data-page="nikah"] .nikah-photo{gap:55px}
 body[data-site-design][data-page="nikah"] .nikah-photo figure{align-self:center}
 body[data-site-design][data-page="nikah"] .nikah-photo img{border-radius:8px}
 body[data-site-design][data-page="nikah"] .nikah-photo-copy{padding:0}
 body[data-site-design][data-page="nikah"] .fee{padding-left:0}
 body[data-site-design][data-page="nikah"] .faq{max-width:none;padding-right:clamp(0px,16vw,280px)}
 body[data-site-design][data-page="nikah"] .nikah-native-reviews{padding-inline:0}
 body[data-site-design][data-page="nikah"] .nikah-native-card{background:#fffaf0;border:1px solid #d8cbb6;border-radius:10px;box-shadow:0 10px 28px #52452b0d}
 body[data-site-design][data-page="qurbani"] .hero{overflow:hidden;padding-block:0!important;border-radius:0}
 body[data-site-design][data-page="qurbani"] .hero:after{width:auto;left:0;transform:none;z-index:0;background:linear-gradient(90deg,rgba(12,35,27,.9),rgba(12,35,27,.05))}
 body[data-site-design][data-page="qurbani"] .hero:before{content:"";position:absolute;inset:0;z-index:-1;background:#173f35}
 body[data-site-design][data-page="qurbani"] .impact{padding-inline:0}
 body[data-site-design][data-page="qurbani"] .trust{padding-block:26px!important}
 body[data-site-design][data-page="zakat"] #calculator{padding-inline:0}
 body[data-site-design][data-page="zakat"] .contact{padding-inline:0}
 /* Timetables, maps and opening calculations retain their DOM and control sizing. */
 body[data-site-design][data-page="prayer-times"] .prayer-page-content{padding-block:48px!important}
 body[data-site-design][data-page="prayer-times"] .prayer-page-content>.wrap{width:min(1400px,calc(100% - 112px));max-width:1400px;margin:auto}
 body[data-site-design] :is(body>.mosque-hours,body>.pg-surface){max-width:1400px;width:calc(100% - 112px);padding-inline:0!important;margin-inline:auto!important}
 body[data-site-design][data-page="parking"] .app{width:min(1400px,calc(100% - 112px));max-width:1400px;margin-inline:auto;border:0;box-shadow:none;border-radius:0;overflow:visible}
 body[data-site-design][data-page="parking"] .app>.hero{padding-inline:0}
 body[data-site-design][data-page="parking"] .content{padding:0}
 body[data-site-design][data-page="parking"] .site-band{padding-inline:0}
 body[data-site-design][data-page="parking"] #parking-maps{z-index:2}
 body[data-site-design][data-page="parking"] .parking-alternatives>.tw{width:100%;padding-inline:0}
 body[data-site-design][data-page="parking"] .content>.alert{padding-block:28px!important}
 body[data-site-design][data-page="qurbani"] main>.hero{width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
 body[data-site-design][data-page="qurbani"] .hero-copy{margin-left:max(56px,calc((100vw - 1400px)/2));padding-left:0}
 body[data-site-design][data-page="news"]{background:#f8f5ed}
 /* Document sections become a continuous editorial reading area. */
 body[data-site-design] .site-legal-section{border:0;border-bottom:1px solid #d1d8c8;border-radius:0;box-shadow:none;padding:36px 0;margin:0;background:transparent}
 body[data-site-design] .site-legal-section:nth-child(even){background:#eef0e780}
 body[data-site-design] .legal-layout{column-gap:65px}
 body[data-site-design] .legal-article{background:transparent}
 body[data-site-design] .site-listing{max-width:1400px;width:calc(100% - 112px);margin-inline:auto;padding-inline:0}
 body[data-site-design] .site-listing>.fair-feature{padding-inline:0}
 body[data-site-design] :is(.ff-page,.bh-page){max-width:1400px;width:calc(100% - 112px);margin-inline:auto}
 body[data-site-design] :is(.ff-page,.bh-page)>.site-band{padding-inline:0}
 body[data-site-design] :is(.ff-highlights,.bh-facts,.h-strip,.f-highlights,.v-facts,.about-hadith){padding-block:26px!important}
 body[data-site-design] :is(.ff-hero,.bh-hero){overflow:hidden}
 body[data-site-design] .bh-community{background:#173f35}
 body[data-site-design] .sf-body{max-width:1400px;width:calc(100% - 112px);padding-inline:0;margin-inline:auto}
 body[data-site-design] .sf-body>.site-band{padding-inline:0}
 body[data-site-design] .portal>#login{padding-inline:0;gap:60px}
 body[data-site-design] .portal>.intro{padding-block:48px!important}
 /* Keep pre-existing hero overlays; dedicated rules above own Qurbani's overlay. */
 body[data-site-design] :is(.h-hero,.about-hero,.legal-hero,.transport-hero,.ff-hero,.bh-hero)::after{content:none}
}
@media(min-width:1024px){
 body[data-site-design] .family-page>.urgent{background:#194d3e!important;color:#fff;padding-block:26px!important;padding-inline:0}
 body[data-site-design] .family-page>.urgent :is(a,p,strong){color:#fff}
 body[data-site-design] .family-page>:is(.intro,.qa){max-width:none}
 body[data-site-design] .family-page>.intro>*{max-width:820px}
 body[data-site-design] .family-page>.qa>*{max-width:960px}
 body[data-site-design] .family-page>.family-hero{background:#f8f5ed}
 body[data-site-design] .family-page>.contact{padding-inline:0}
 body[data-site-design] .bh-page>.bh-hero{width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding-block:0!important}
 body[data-site-design] .bh-hero-copy{margin-left:max(56px,calc((100vw - 1400px)/2));padding-left:0}
 body[data-site-design][data-detail-kind="article"]{background:#f8f5ed}
 body[data-site-design] .site-story{max-width:920px;padding-block:30px}
 body[data-site-design] .site-story>h1{font:normal clamp(38px,4vw,58px)/1.15 Georgia,serif;color:#173f35;margin-top:24px}
 body[data-site-design] .site-story>aside{border-top:1px solid #c4cbb8;padding-top:40px}
 body[data-site-design] .business-main:has(>.ff-page),body[data-site-design] .business-main:has(>.bh-page){max-width:none;padding-inline:0;width:100%}
}