/*
Theme Name: انصارالمهدی تایباد
Theme URI: https://sandoqam.ir
Author: صندوق انصارالمهدی
Description: قالب اختصاصی صندوق پس‌انداز و قرض‌الحسنه انصارالمهدی (عج) تایباد. طرح سبز و طلایی با اسلایدشوی تمام‌عرض، بخش اخبار و سرلوح آیه.
Version: 8.1
Requires at least: 5.0
Tested up to: 6.5
Text Domain: ansaralmahdi
*/

:root{
  --paper:#f7f2e9;
  --paper-2:#efe6d4;
  --ink:#15332c;
  --green:#0f5246;
  --green-deep:#0a3a31;
  --gold:#b0843a;
  --gold-soft:#cba861;
  --line:rgba(15,82,70,.16);
  --maxw:1080px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:var(--paper);
  color:var(--ink);
  font-family:"Vazirmatn",system-ui,Tahoma,sans-serif;
  line-height:1.95;
  font-weight:400;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{max-width:100%;height:auto;display:block}
.wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:22px}
a{color:inherit}

/* ornaments */
.rub{font-family:"Amiri",serif;color:var(--gold);line-height:1}
.divider{display:flex;align-items:center;justify-content:center;gap:18px;margin:14px 0 0}
.divider::before,.divider::after{content:"";height:1px;width:min(120px,22vw);background:linear-gradient(90deg,transparent,var(--gold-soft))}
.divider::after{background:linear-gradient(90deg,var(--gold-soft),transparent)}
.divider .rub{font-size:1.5rem}

/* top bar */
.topbar{
  position:sticky;top:0;z-index:30;
  background:rgba(247,242,233,.92);
  backdrop-filter:blur(8px);
  border-bottom:1px solid var(--line);
}
.topbar .wrap{display:flex;align-items:center;justify-content:space-between;min-height:64px;gap:16px;flex-wrap:wrap}
.brand-area{display:flex;align-items:center;gap:12px}
.brand-area img{max-height:48px;width:auto}
.brand{font-family:"Markazi Text",serif;font-weight:600;font-size:1.25rem;color:var(--green);white-space:nowrap}
.brand b{color:var(--gold)}
.nav{display:flex;gap:24px;font-size:1rem;font-weight:500;list-style:none}
.nav a{color:var(--ink);opacity:.8;text-decoration:none;transition:opacity .2s,color .2s}
.nav a:hover{opacity:1;color:var(--green)}
@media(max-width:680px){.nav{gap:16px;font-size:.92rem}}

/* slider banner (full width) */
.slider{position:relative;width:100%;height:clamp(240px,46vw,560px);overflow:hidden;background:var(--green-deep)}
.slide{position:absolute;inset:0;opacity:0;transition:opacity 1s ease;display:flex;align-items:center;justify-content:center}
.slide.active{opacity:1}
.slide img{width:100%;height:100%;object-fit:cover}
.slide-caption{
  position:absolute;inset-inline:0;bottom:0;
  background:linear-gradient(0deg,rgba(10,58,49,.82),transparent);
  color:#f7eccd;padding:46px 24px 28px;text-align:center;
  font-family:"Markazi Text",serif;font-size:clamp(1.2rem,3vw,1.9rem);font-weight:600;
}
.slide-empty{
  width:100%;height:100%;
  background:linear-gradient(160deg,var(--green) 0%,var(--green-deep) 100%);
  display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;
}
.slide-empty span{color:#f7eccd;font-family:"Markazi Text",serif;font-size:clamp(1.3rem,3.4vw,2.1rem);font-weight:600;max-width:30ch}
.slider-dots{position:absolute;inset-inline:0;bottom:14px;display:flex;justify-content:center;gap:10px;z-index:5}
.slider-dots button{width:11px;height:11px;border-radius:50%;border:none;background:rgba(247,236,205,.5);cursor:pointer;padding:0;transition:background .2s,transform .2s}
.slider-dots button.active{background:var(--gold-soft);transform:scale(1.25)}
.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;background:rgba(10,58,49,.4);color:#f7eccd;border:none;width:42px;height:42px;border-radius:50%;font-size:1.4rem;cursor:pointer;display:grid;place-items:center;transition:background .2s}
.slider-arrow:hover{background:rgba(10,58,49,.7)}
.slider-arrow.prev{inset-inline-start:14px}
.slider-arrow.next{inset-inline-end:14px}
@media(max-width:560px){.slider-arrow{display:none}}

/* hero frontispiece */
.hero{padding:54px 0 30px}
.frame{
  position:relative;max-width:760px;margin-inline:auto;
  padding:46px clamp(22px,5vw,60px) 40px;
  background:radial-gradient(120% 90% at 50% 0%,rgba(176,132,58,.06),transparent 60%),var(--paper);
  border:1px solid var(--gold-soft);
  box-shadow:0 0 0 6px var(--paper),0 0 0 7px rgba(176,132,58,.35),0 22px 50px -34px rgba(10,58,49,.5);
  text-align:center;
}
.frame::before,.frame::after{content:"";position:absolute;width:13px;height:13px;border:1.5px solid var(--gold)}
.frame::before{top:9px;inset-inline-start:9px;border-left:none;border-bottom:none}
.frame::after{top:9px;inset-inline-end:9px;border-right:none;border-bottom:none}
.crest{margin:-6px auto 6px;display:block;width:200px;height:auto}
.crest path,.crest circle{fill:none;stroke:var(--gold);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.crest .fillgold{fill:var(--gold);stroke:none}
.verse{font-family:"Amiri Quran","Amiri",serif;font-size:clamp(1.5rem,4.6vw,2.7rem);line-height:2.2;color:var(--green-deep);margin:6px 0 4px}
.verse-ref{font-family:"Markazi Text",serif;color:var(--gold);font-size:1.15rem;font-weight:600}
.verse-gloss{margin:14px auto 0;max-width:46ch;color:#4a5a52;font-size:1rem;line-height:1.85}
.hero-name{font-family:"Markazi Text",serif;font-weight:700;font-size:clamp(1.45rem,4vw,2.25rem);color:var(--ink);margin-top:30px;line-height:1.6}
.hero-tag{margin-top:8px;color:var(--green);font-size:1.06rem;font-weight:500}

/* sections */
section{padding:58px 0}
.eyebrow{font-family:"Markazi Text",serif;color:var(--gold);font-weight:600;font-size:1.15rem;margin-bottom:6px}
h2.sec{font-family:"Markazi Text",serif;font-weight:700;color:var(--green-deep);font-size:clamp(1.6rem,3.4vw,2.15rem);line-height:1.4}
.lead{margin-top:18px;font-size:1.12rem;color:#33453e;max-width:62ch}
.prose p{margin-top:16px;font-size:1.08rem;color:#33453e;max-width:64ch}

/* principle band */
.band{background:linear-gradient(160deg,var(--green) 0%,var(--green-deep) 100%);color:#f3ecdb;text-align:center;position:relative}
.band::before{content:"";position:absolute;inset:0;opacity:.10;pointer-events:none;background-image:radial-gradient(circle at center,#d9b86b 1.2px,transparent 1.3px);background-size:26px 26px}
.band .wrap{position:relative}
.band .ayah{font-family:"Amiri",serif;font-size:clamp(1.7rem,5vw,2.9rem);line-height:1.9;color:#f7eccd}
.band .ayah-ref{color:var(--gold-soft);font-family:"Markazi Text",serif;font-weight:600;font-size:1.1rem;margin-top:6px}
.band .ayah-fa{color:#d7e3dd;margin-top:18px;font-size:1.08rem;max-width:54ch;margin-inline:auto}
.band .divider .rub{color:var(--gold-soft)}

/* services grid */
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px}
@media(max-width:860px){.grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:430px){.grid{grid-template-columns:1fr}}
.card{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:22px 20px;display:flex;flex-direction:column;gap:8px;transition:transform .25s,box-shadow .25s,border-color .25s}
.card:hover{transform:translateY(-4px);box-shadow:0 18px 36px -28px rgba(10,58,49,.55);border-color:var(--gold-soft)}
.card .ic{width:42px;height:42px;border-radius:11px;background:rgba(15,82,70,.08);display:grid;place-items:center;color:var(--green)}
.card .ic svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.card h3{font-family:"Markazi Text",serif;font-weight:600;font-size:1.3rem;color:var(--ink)}
.card p{font-size:.97rem;color:#52615a;line-height:1.7}

/* about two-column */
.about-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:center}
@media(max-width:820px){.about-grid{grid-template-columns:1fr;gap:30px}}
.about-media{position:relative}
.about-media img{width:100%;border-radius:16px;border:1px solid var(--line);box-shadow:0 22px 50px -34px rgba(10,58,49,.5)}
.about-placeholder{
  aspect-ratio:4/3;border:2px dashed var(--gold-soft);border-radius:16px;
  background:radial-gradient(120% 100% at 50% 0%,rgba(176,132,58,.06),transparent 60%),var(--paper-2);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:20px;
}
.about-placeholder .rub{font-size:2rem}
.about-placeholder p{color:#7d8a82;font-family:"Markazi Text",serif;font-size:1.2rem}

/* stats / counter */
.stats{background:linear-gradient(160deg,var(--green) 0%,var(--green-deep) 100%);color:#f3ecdb;position:relative;text-align:center}
.stats::before{content:"";position:absolute;inset:0;opacity:.08;pointer-events:none;background-image:radial-gradient(circle at center,#d9b86b 1.2px,transparent 1.3px);background-size:26px 26px}
.stats .wrap{position:relative}
.stats .eyebrow{color:var(--gold-soft)}
.stats h2.sec{color:#f7eccd}
.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:34px}
.stat-card{background:rgba(247,236,205,.07);border:1px solid rgba(203,168,97,.28);border-radius:16px;padding:28px 22px;display:flex;flex-direction:column;gap:10px}
.stat-label{color:var(--gold-soft);font-family:"Markazi Text",serif;font-weight:600;font-size:1.25rem}
.stat-count{font-family:"Markazi Text",serif;font-weight:700;color:#fff;font-size:clamp(1.8rem,5vw,2.6rem);line-height:1.2}
.stat-count .num{color:#f7eccd}
.stat-value{color:#d7e3dd;font-size:1.05rem}
.stat-value .num{color:#fff;font-weight:600}

/* news */
.news{background:var(--paper-2)}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}
@media(max-width:820px){.news-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.news-grid{grid-template-columns:1fr}}
.news-card{background:var(--paper);border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}
.news-card:hover{transform:translateY(-4px);box-shadow:0 18px 36px -28px rgba(10,58,49,.5)}
.news-thumb{aspect-ratio:16/10;overflow:hidden;background:var(--paper-2)}
.news-thumb img{width:100%;height:100%;object-fit:cover}
.news-body{padding:18px 20px 22px;display:flex;flex-direction:column;gap:8px;flex:1}
.news-date{color:var(--gold);font-size:.9rem;font-weight:500}
.news-card h3{font-family:"Markazi Text",serif;font-weight:600;font-size:1.35rem;line-height:1.5}
.news-card h3 a{color:var(--ink);text-decoration:none}
.news-card h3 a:hover{color:var(--green)}
.news-card p{font-size:.98rem;color:#52615a;line-height:1.7;flex:1}
.read-more{align-self:flex-start;margin-top:6px;color:var(--green);font-weight:600;text-decoration:none;border-bottom:1px solid var(--gold-soft);padding-bottom:2px}
.news-empty{margin-top:24px;color:#52615a;font-size:1.05rem}

/* single / page article */
.article{padding:54px 0}
.article .wrap{max-width:760px}
.article h1{font-family:"Markazi Text",serif;font-weight:700;color:var(--green-deep);font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.4}
.article .meta{color:var(--gold);font-weight:500;margin-top:10px}
.article .featured{margin:26px 0;border-radius:14px;overflow:hidden;border:1px solid var(--line)}
.article .content{font-size:1.1rem;color:#2f413a;line-height:2}
.article .content p{margin-top:18px}
.article .content img{border-radius:12px;margin:18px 0}
.article .content h2,.article .content h3{font-family:"Markazi Text",serif;color:var(--green-deep);margin-top:28px}
.back-link{display:inline-block;margin-top:34px;color:var(--green);font-weight:600;text-decoration:none;border-bottom:1px solid var(--gold-soft);padding-bottom:2px}

/* footer / contact */
.foot{background:var(--green-deep);color:#e9e1cd;padding:60px 0 34px}
.foot h2.sec{color:#f7eccd}
.foot .eyebrow{color:var(--gold-soft)}
.foot-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:30px}
@media(max-width:760px){.foot-grid{grid-template-columns:1fr;gap:34px}}
.info dl{display:grid;grid-template-columns:auto 1fr;gap:10px 16px;font-size:1.02rem}
.info dt{color:var(--gold-soft);font-weight:500;white-space:nowrap}
.info dd{color:#f1ead8}
.contact-line{display:flex;gap:12px;align-items:flex-start;margin-bottom:18px;font-size:1.05rem}
.contact-line .ic{flex:0 0 auto;width:38px;height:38px;border-radius:10px;background:rgba(203,168,97,.16);display:grid;place-items:center;color:var(--gold-soft)}
.contact-line .ic svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.phones{display:flex;flex-direction:column;gap:4px}
.phones a{color:#f1ead8;text-decoration:none;direction:ltr;text-align:right}
.phones a:hover{color:var(--gold-soft)}
.foot-bottom{margin-top:42px;padding-top:22px;border-top:1px solid rgba(203,168,97,.22);text-align:center;color:#c3bda9;font-size:.92rem;line-height:1.9}
.foot-bottom .rub{font-size:1.2rem;display:block;margin-bottom:8px}

/* ===== v1.2 additions ===== */

/* utility bar (date) */
.utilbar{background:var(--green-deep);color:#d7e3dd;font-size:.9rem}
.utilbar .wrap{display:flex;align-items:center;justify-content:space-between;min-height:38px;gap:12px}
.util-date{color:#f1ead8}
.util-date .cal-ic{color:var(--gold-soft);margin-inline-end:4px}
.util-tag{color:var(--gold-soft)}
@media(max-width:600px){.util-tag{display:none}}

/* top bar layout: brand (right) | nav (center) | leader (left) */
.topbar .wrap{justify-content:space-between;gap:18px}
.nav-wrap{flex:1;display:flex;justify-content:center}
.brand{text-decoration:none}
.leader-box{display:flex;flex-direction:column;align-items:center;gap:3px;flex:0 0 auto;border:1px solid var(--line);border-radius:10px;padding:4px;background:var(--paper-2);max-width:140px}
.leader-box img{max-height:46px;width:auto;border-radius:6px}
.leader-slogan{font-family:"Markazi Text",serif;font-size:.92rem;color:var(--green);font-weight:600;text-align:center;line-height:1.3}
@media(max-width:820px){.leader-box{display:none}}
@media(max-width:680px){.nav-wrap{order:3;width:100%;justify-content:center}}

/* verse strip (thin, full-width) */
.versestrip{
  background:radial-gradient(120% 140% at 50% 0%,rgba(176,132,58,.08),transparent 60%),var(--paper);
  border-top:2px solid var(--gold-soft);border-bottom:2px solid var(--gold-soft);
  padding:22px 0;
}
.versestrip .wrap{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;text-align:center}
.versestrip .verse{font-family:"Amiri Quran","Amiri",serif;font-size:clamp(1.25rem,3.4vw,2rem);line-height:2;color:var(--green-deep);margin:0}
.versestrip .verse-ref{font-family:"Markazi Text",serif;color:var(--gold);font-weight:600;font-size:1.05rem}
.versestrip .rub{font-size:1.5rem}
@media(max-width:600px){.versestrip .rub{display:none}}

/* services centered */
.center{text-align:center}
.center .lead{margin-inline:auto}
#services .card{text-align:center;align-items:center}
#services .card .ic{margin-inline:auto}

/* about section spacing + media slideshow */
.about-sec{background:var(--paper)}
.mini-slider{height:auto;aspect-ratio:4/3;width:100%;border-radius:16px;overflow:hidden;border:1px solid var(--line);box-shadow:0 22px 50px -34px rgba(10,58,49,.5);background:var(--paper-2)}
.mini-slider .slide{position:absolute;inset:0}
.mini-slider .slide img{width:100%;height:100%;object-fit:cover}
.mini-slider .slider-dots{bottom:12px}

/* footer contact (single block, no registration grid) */
.foot-contact{display:flex;flex-wrap:wrap;gap:36px;margin-top:30px}
.foot-contact .contact-line{margin-bottom:0;min-width:240px}

/* ===== v1.4: slide caption title/sub, news carousel, arabesque ===== */

/* top slider caption: title + subtitle */
.slide-caption{display:flex;flex-direction:column;gap:6px;align-items:center}
.slide-title{font-family:"Markazi Text",serif;font-weight:700;font-size:clamp(1.3rem,3.4vw,2.2rem);color:#fff;line-height:1.4}
.slide-sub{font-family:"Vazirmatn",sans-serif;font-weight:400;font-size:clamp(.95rem,2vw,1.2rem);color:#e9e1cd;line-height:1.7}

/* arabesque ornament */
.eslimi{display:block;width:min(320px,80%);height:auto;margin:14px auto 0}
.eslimi path{fill:none;stroke:var(--gold-soft);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.eslimi .fillgold{fill:var(--gold)}
.news-head{margin-bottom:34px}

/* news carousel */
.news-carousel{position:relative;display:flex;align-items:center;gap:10px}
.news-track{
  display:flex;gap:20px;overflow-x:auto;scroll-behavior:smooth;
  scroll-snap-type:x mandatory;padding:6px 4px 18px;flex:1;
  scrollbar-width:thin;scrollbar-color:var(--gold-soft) transparent;
}
.news-track::-webkit-scrollbar{height:7px}
.news-track::-webkit-scrollbar-thumb{background:var(--gold-soft);border-radius:10px}
.news-track .news-card{flex:0 0 300px;scroll-snap-align:start}
@media(max-width:520px){.news-track .news-card{flex:0 0 84%}}
.car-arrow{flex:0 0 auto;width:44px;height:44px;border-radius:50%;border:1px solid var(--gold-soft);background:var(--paper);color:var(--green);font-size:1.5rem;cursor:pointer;display:grid;place-items:center;transition:background .2s,color .2s}
.car-arrow:hover{background:var(--green);color:#f7eccd}
@media(max-width:600px){.car-arrow{display:none}}

/* news card */
.news-card{background:var(--paper);border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s,border-color .25s}
.news-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px -28px rgba(10,58,49,.55);border-color:var(--gold-soft)}
.news-thumb{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--paper-2)}
.news-thumb img{width:100%;height:100%;object-fit:cover}
.thumb-fallback{width:100%;height:100%;display:grid;place-items:center;background:radial-gradient(120% 100% at 50% 0%,rgba(176,132,58,.1),transparent 60%),var(--paper-2)}
.thumb-fallback .rub{font-size:2.2rem;color:var(--gold-soft)}
.news-body{padding:18px 20px 18px;display:flex;flex-direction:column;gap:10px;flex:1;text-align:right}
.news-card h3{font-family:"Markazi Text",serif;font-weight:600;font-size:1.4rem;line-height:1.5;margin:0}
.news-card h3 a{color:var(--ink);text-decoration:none}
.news-card h3 a:hover{color:var(--green)}
.news-card p{font-size:.98rem;color:#52615a;line-height:1.8;flex:1;margin:0}
.news-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:6px;padding-top:10px;border-top:1px solid var(--line)}
.read-more{color:var(--green);font-weight:600;text-decoration:none;border-bottom:1px solid var(--gold-soft);padding-bottom:2px;font-size:.95rem}
.news-date{color:var(--gold);font-size:.85rem;font-weight:500;margin-inline-start:auto}

/* ===== v1.5: justify, framed image, gallery slideshow, edu, hadith, reveal, pagination ===== */

/* justified RTL body text */
.prose p, .about-grid .prose p, .article .content p{text-align:justify}

/* framed image option in post content */
.wp-block-image.is-style-framed img{border:1px solid var(--gold-soft);padding:8px;background:var(--paper);border-radius:10px;box-shadow:0 16px 36px -28px rgba(10,58,49,.5)}

/* in-content gallery slideshow (گزارش تصویری) */
.content-slider{position:relative;width:100%;aspect-ratio:16/9;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:var(--paper-2);margin:24px 0}
.content-slider .slide{position:absolute;inset:0;opacity:0;transition:opacity 1s ease}
.content-slider .slide.active{opacity:1}
.content-slider .slide img{width:100%;height:100%;object-fit:cover}
.content-slider .slider-dots{bottom:12px}
.content-slider .slider-arrow{width:38px;height:38px;font-size:1.2rem}

/* education videos */
.edu{background:var(--paper)}
.edu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;margin-top:34px}
.edu-card{background:var(--paper);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 16px 36px -30px rgba(10,58,49,.5)}
.edu-card video{width:100%;display:block;aspect-ratio:16/9;background:#000}
.edu-title{padding:14px 18px;font-family:"Markazi Text",serif;font-weight:600;font-size:1.25rem;color:var(--ink);text-align:center}

/* hadith section */
.hadith{background:var(--paper-2)}
.hadith-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;margin-top:34px}
.hadith-item{margin:0;border-radius:16px;overflow:hidden;border:1px solid var(--gold-soft);background:var(--paper);box-shadow:0 18px 40px -30px rgba(10,58,49,.5)}
.hadith-item img{width:100%;display:block}
.hadith-item figcaption{padding:12px 16px;font-family:"Markazi Text",serif;color:var(--green-deep);font-size:1.15rem;text-align:center}

/* reveal on scroll */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}

/* all-news button + pagination */
.btn-all{display:inline-block;background:var(--green);color:#f7eccd;text-decoration:none;font-weight:600;padding:12px 26px;border-radius:12px;transition:background .2s}
.btn-all:hover{background:var(--green-deep)}
.news-pagination{display:flex;justify-content:center;gap:8px;margin-top:36px;flex-wrap:wrap}
.news-pagination .page-numbers{display:inline-grid;place-items:center;min-width:42px;height:42px;padding:0 12px;border:1px solid var(--line);border-radius:10px;color:var(--ink);text-decoration:none;font-weight:500}
.news-pagination .page-numbers.current{background:var(--green);color:#f7eccd;border-color:var(--green)}
.news-pagination .page-numbers:hover{border-color:var(--gold-soft)}

/* ===== v1.6: bank, nav buttons, hadith slider, edu playlist, inline phones ===== */

/* nav bank buttons (gold border) */
.nav .nav-bank{border:1.5px solid var(--gold);border-radius:9px;padding:5px 14px;color:var(--green);font-weight:600;opacity:1;transition:background .2s,color .2s}
.nav .nav-bank:hover{background:var(--gold);color:#fff}

/* bank quick-link bar under verse */
.bankbar{background:var(--paper)}
.bankbar .wrap{display:flex;flex-wrap:wrap;gap:18px;justify-content:center;padding-bottom:46px}
.bank-card{display:flex;align-items:center;gap:12px;min-width:240px;justify-content:center;background:linear-gradient(160deg,var(--green),var(--green-deep));color:#f7eccd;text-decoration:none;font-family:"Markazi Text",serif;font-weight:600;font-size:1.3rem;padding:16px 26px;border-radius:14px;border:1px solid var(--gold-soft);box-shadow:0 18px 40px -30px rgba(10,58,49,.6);transition:transform .2s,box-shadow .2s}
.bank-card:hover{transform:translateY(-3px);box-shadow:0 22px 46px -28px rgba(10,58,49,.7)}
.bk-ic{width:34px;height:34px;display:grid;place-items:center;color:var(--gold-soft)}
.bk-ic svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

/* hadith slider (thin banner) */
.hadith{background:var(--paper-2);padding-bottom:0}
.hadith-slider{position:relative;width:100%;height:clamp(240px,30vw,360px);overflow:hidden;margin-top:30px;background:var(--green-deep)}
.hadith-slider .slide{position:absolute;inset:0;opacity:0;transition:opacity 1s ease;display:flex;align-items:center;justify-content:center}
.hadith-slider .slide.active{opacity:1}
.hadith-slider .slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hadith-overlay{position:relative;z-index:2;max-width:760px;text-align:center;padding:24px;background:linear-gradient(0deg,rgba(10,58,49,.55),rgba(10,58,49,.35));backdrop-filter:blur(1px);border-radius:14px}
.h-text{font-family:"Amiri",serif;font-size:clamp(1.2rem,3vw,1.9rem);color:#fff;line-height:1.9;margin:0}
.h-tr{color:#f1ead8;font-size:clamp(.95rem,2vw,1.15rem);line-height:1.8;margin:10px 0 0}
.h-src{display:inline-block;margin-top:10px;color:var(--gold-soft);font-family:"Markazi Text",serif;font-weight:600}

/* education playlist */
.edu{background:var(--paper)}
.edu-player{display:grid;grid-template-columns:1fr 300px;gap:22px;margin-top:30px;align-items:start}
@media(max-width:820px){.edu-player{grid-template-columns:1fr}}
.edu-main video{width:100%;display:block;aspect-ratio:16/9;background:#000;border-radius:16px;border:1px solid var(--line)}
.edu-list{list-style:none;display:flex;flex-direction:column;gap:10px;max-height:420px;overflow-y:auto}
@media(max-width:820px){.edu-list{flex-direction:row;overflow-x:auto;max-height:none}}
.edu-item{display:flex;align-items:center;gap:10px;width:100%;text-align:right;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:12px 14px;cursor:pointer;font-family:"Vazirmatn",sans-serif;font-size:1rem;color:var(--ink);transition:border-color .2s,background .2s}
.edu-item:hover{border-color:var(--gold-soft)}
.edu-item.active{border-color:var(--green);background:rgba(15,82,70,.06)}
.edu-item .play-ic{flex:0 0 auto;width:30px;height:30px;border-radius:50%;background:var(--green);color:#f7eccd;display:grid;place-items:center;font-size:.8rem}
@media(max-width:820px){.edu-item{min-width:220px}}

/* inline phones + postal */
.phones-inline{display:flex;flex-wrap:wrap;align-items:center;gap:8px;direction:ltr;justify-content:flex-end;margin-top:4px}
.phones-inline span{color:#f1ead8}
.phones-inline .dot{color:var(--gold-soft);font-style:normal}
.postal{color:#cfc7b3;font-size:.95rem}

/* ===== v1.7: refinements ===== */

/* nav bank buttons — make them clearly bordered pills */
.nav .nav-bank{border:1.5px solid var(--gold);border-radius:10px;padding:6px 16px;color:var(--green)!important;font-weight:600;opacity:1!important;line-height:1.2}
.nav .nav-bank:hover{background:var(--gold);color:#fff!important}

/* bank quick-link cards */
.bankbar{background:var(--paper);padding:46px 0}
.bankbar .wrap{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}
.bank-card{flex:0 1 320px;display:flex;align-items:center;gap:14px;justify-content:center;background:linear-gradient(150deg,var(--green),var(--green-deep));color:#f7eccd;text-decoration:none;font-family:"Markazi Text",serif;font-weight:600;font-size:1.45rem;padding:20px 28px;border-radius:16px;border:1.5px solid var(--gold-soft);box-shadow:0 20px 44px -30px rgba(10,58,49,.7);transition:transform .25s,box-shadow .25s,border-color .25s}
.bank-card:hover{transform:translateY(-4px);border-color:var(--gold);box-shadow:0 26px 50px -28px rgba(10,58,49,.8)}
.bk-ic{flex:0 0 auto;width:44px;height:44px;border-radius:12px;background:rgba(203,168,97,.18);display:grid;place-items:center;color:var(--gold-soft)}
.bk-ic svg{width:26px;height:26px}
.bk-label{color:#f7eccd}

/* education — distinct look + contained video */
.edu{background:linear-gradient(180deg,var(--paper) 0%,var(--paper-2) 100%)}
.edu-player{display:grid;grid-template-columns:1fr 320px;gap:24px;margin-top:32px;align-items:stretch}
@media(max-width:860px){.edu-player{grid-template-columns:1fr}}
.edu-main{background:#0c0c0e;border-radius:18px;overflow:hidden;border:1px solid var(--gold-soft);box-shadow:0 24px 50px -30px rgba(10,58,49,.6);display:flex}
.edu-main video{width:100%;height:100%;max-height:62vh;aspect-ratio:16/9;object-fit:contain;background:#0c0c0e;display:block}
.edu-list{list-style:none;display:flex;flex-direction:column;gap:10px;max-height:62vh;overflow-y:auto;padding-inline-end:4px}
@media(max-width:860px){.edu-list{flex-direction:row;overflow-x:auto;max-height:none}}
.edu-item{display:flex;align-items:center;gap:12px;width:100%;text-align:right;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:14px 16px;cursor:pointer;font-family:"Markazi Text",serif;font-size:1.2rem;color:var(--ink);transition:border-color .2s,background .2s,transform .2s}
.edu-item:hover{border-color:var(--gold-soft);transform:translateY(-2px)}
.edu-item.active{border-color:var(--green);background:linear-gradient(150deg,rgba(15,82,70,.1),rgba(15,82,70,.04))}
.edu-item .play-ic{flex:0 0 auto;width:34px;height:34px;border-radius:50%;background:var(--green);color:#f7eccd;display:grid;place-items:center}
.edu-item .play-ic svg{width:16px;height:16px}
.edu-item.active .play-ic{background:var(--gold)}
.edu-name{flex:1;min-width:0}
@media(max-width:860px){.edu-item{min-width:240px}}

/* hadith banner — no heading, image fills, text overlaid */
.hadith{background:var(--paper-2);padding:0}
.hadith-slider{position:relative;width:100%;height:clamp(260px,34vw,420px);overflow:hidden;background:var(--green-deep)}
.hadith-slider .slide{position:absolute;inset:0;opacity:0;transition:opacity 1s ease}
.hadith-slider .slide.active{opacity:1}
.hadith-slider .slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.hadith-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;padding:30px;background:linear-gradient(0deg,rgba(10,40,34,.78),rgba(10,40,34,.35) 55%,rgba(10,40,34,.5))}
.h-text{font-family:"Amiri",serif;font-size:clamp(1.2rem,3vw,2rem);color:#fff;line-height:2;margin:0;max-width:900px;text-shadow:0 2px 10px rgba(0,0,0,.5)}
.h-tr{color:#f1ead8;font-size:clamp(.95rem,2.1vw,1.2rem);line-height:1.9;margin:0;max-width:820px;text-shadow:0 2px 8px rgba(0,0,0,.5)}
.h-src{color:var(--gold-soft);font-family:"Markazi Text",serif;font-weight:600;font-size:1.1rem;text-shadow:0 2px 8px rgba(0,0,0,.5)}

/* footer contact alignment */
.foot-contact{display:flex;flex-wrap:wrap;gap:30px 50px;margin-top:30px;align-items:flex-start}
.foot-contact .contact-line{flex:1 1 300px;margin-bottom:0}
.phones-inline{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;direction:rtl;justify-content:flex-start;margin-top:6px;font-size:1.05rem}
.phones-inline span{color:#f1ead8;letter-spacing:.5px;white-space:nowrap}
.phones-inline .dot{color:var(--gold-soft);font-style:normal;font-size:.8rem}
.postal{display:inline-block;margin-top:4px;color:#cfc7b3;font-size:.95rem}

/* ===== v1.8: gold nav banks, long-name topbar, bank icon hover, gallery ===== */

/* nav bank buttons — GOLD background */
.nav .nav-bank{background:var(--gold)!important;border:1.5px solid var(--gold)!important;border-radius:10px;padding:6px 16px;color:#fff!important;font-weight:600;opacity:1!important;line-height:1.2;box-shadow:0 6px 16px -10px rgba(176,132,58,.8)}
.nav .nav-bank:hover{background:var(--gold-soft)!important;border-color:var(--gold-soft)!important;color:#3a2a10!important}

/* topbar handles long site name: brand wraps, nav drops to its own row earlier */
.topbar .wrap{flex-wrap:wrap;row-gap:10px}
.brand{font-size:clamp(.95rem,1.5vw,1.2rem);line-height:1.45;max-width:340px}
.nav{flex-wrap:wrap;justify-content:center;gap:6px 14px}
@media(max-width:1180px){
	.nav-wrap{order:3;width:100%;flex-basis:100%;justify-content:center;border-top:1px solid var(--line);padding-top:10px}
}

/* bank icon Apple-style hover lift */
.bank-card .bk-ic{transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.bank-card:hover .bk-ic{transform:translateY(-7px)}

/* gallery — nostalgic / religious */
.gallery{background:radial-gradient(120% 120% at 50% 0%,rgba(176,132,58,.07),transparent 55%),var(--paper-2)}
.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;margin-top:36px}
.gal-item{position:relative;display:block;aspect-ratio:1/1;border:1px solid var(--gold-soft);padding:9px;background:linear-gradient(160deg,#fbf6ec,#efe6d2);border-radius:8px;overflow:hidden;box-shadow:0 16px 36px -28px rgba(74,52,18,.6);transition:transform .35s,box-shadow .35s}
.gal-item:hover{transform:translateY(-5px);box-shadow:0 24px 46px -26px rgba(74,52,18,.7)}
.gal-item img{width:100%;height:100%;object-fit:cover;border-radius:4px;filter:sepia(.4) contrast(.95) brightness(.98);transition:filter .6s ease,transform .6s ease;display:block}
.gal-item:hover img{filter:sepia(0) contrast(1) brightness(1);transform:scale(1.06)}
.gal-corner{position:absolute;width:16px;height:16px;border:2px solid var(--gold);opacity:.85;pointer-events:none}
.gal-corner.tl{top:4px;left:4px;border-right:0;border-bottom:0}
.gal-corner.tr{top:4px;right:4px;border-left:0;border-bottom:0}
.gal-corner.bl{bottom:4px;left:4px;border-right:0;border-top:0}
.gal-corner.br{bottom:4px;right:4px;border-left:0;border-top:0}

/* ===== v1.9: gallery single-row, lightbox, hadith full-bleed, mobile bank ===== */

/* gallery single-row horizontal scroll */
.gallery-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:10px clamp(16px,6vw,80px) 24px;margin-top:30px;scrollbar-width:thin;scrollbar-color:var(--gold-soft) transparent}
.gallery-track::-webkit-scrollbar{height:7px}
.gallery-track::-webkit-scrollbar-thumb{background:var(--gold-soft);border-radius:10px}
.gallery-track .gal-item,.gallery-track .gal-more{flex:0 0 240px;scroll-snap-align:start}
@media(max-width:520px){.gallery-track .gal-item,.gallery-track .gal-more{flex:0 0 80%}}

/* gallery item (button) */
.gal-item{position:relative;display:block;width:100%;border:1px solid var(--gold-soft);padding:9px;background:linear-gradient(160deg,#fbf6ec,#efe6d2);border-radius:10px;overflow:hidden;cursor:pointer;aspect-ratio:1/1;box-shadow:0 16px 36px -28px rgba(74,52,18,.6);transition:transform .35s,box-shadow .35s}
.gal-item:hover{transform:translateY(-5px);box-shadow:0 24px 46px -26px rgba(74,52,18,.7)}
.gal-item img{width:100%;height:100%;object-fit:cover;border-radius:4px;filter:sepia(.38) contrast(.96) brightness(.98);transition:filter .6s ease,transform .6s ease;display:block}
.gal-item:hover img{filter:sepia(0) contrast(1) brightness(1);transform:scale(1.06)}
.gal-cap{position:absolute;left:9px;right:9px;bottom:9px;background:linear-gradient(0deg,rgba(10,40,34,.94),rgba(10,40,34,.15));color:#fff;font-family:"Markazi Text",serif;font-size:1.1rem;padding:22px 12px 10px;border-radius:0 0 4px 4px;opacity:0;transform:translateY(10px);transition:opacity .3s,transform .3s;text-align:center}
.gal-item:hover .gal-cap{opacity:1;transform:none}

/* see-more tile */
.gal-more{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;aspect-ratio:1/1;border:1.5px dashed var(--gold);border-radius:10px;background:var(--paper);color:var(--green);text-decoration:none;font-family:"Markazi Text",serif;font-weight:600;font-size:1.3rem;transition:background .25s,transform .25s}
.gal-more:hover{background:rgba(176,132,58,.08);transform:translateY(-5px)}
.gal-more-ic{width:50px;height:50px;border-radius:50%;background:var(--green);color:#f7eccd;display:grid;place-items:center;font-size:1.9rem;line-height:1}

/* full gallery page grid */
.gallery-grid-full{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;margin-top:34px}

/* lightbox */
.lightbox{position:fixed;inset:0;z-index:1000;background:rgba(8,24,20,.93);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;padding:30px;opacity:0;visibility:hidden;transition:opacity .35s}
.lightbox.open{opacity:1;visibility:visible}
.lightbox img{max-width:92vw;max-height:78vh;border-radius:10px;border:3px solid var(--gold-soft);box-shadow:0 30px 80px -20px #000;transform:scale(.96);transition:transform .35s}
.lightbox.open img{transform:scale(1)}
.lb-cap{color:#f1ead8;font-family:"Markazi Text",serif;font-size:1.3rem;text-align:center;max-width:780px;min-height:1.6em}
.lb-close,.lb-nav{position:absolute;border-radius:50%;border:1px solid var(--gold-soft);background:rgba(0,0,0,.35);color:#fff;cursor:pointer;display:grid;place-items:center;transition:background .2s}
.lb-close:hover,.lb-nav:hover{background:var(--gold)}
.lb-close{top:18px;left:18px;width:48px;height:48px;font-size:1.7rem}
.lb-nav{top:50%;transform:translateY(-50%);width:52px;height:52px;font-size:2rem}
.lb-prev{right:18px}.lb-next{left:18px}
@media(max-width:600px){.lb-nav{width:44px;height:44px}}

/* hadith — full-bleed, centered, no border */
.hadith{padding:0;background:transparent}
.hadith-slider{position:relative;width:100%;height:clamp(280px,38vw,460px);overflow:hidden;background:var(--green-deep);border:0}
.hadith-slider .slide{position:absolute;inset:0;opacity:0;transition:opacity 1s ease}
.hadith-slider .slide.active{opacity:1}
.hadith-slider .slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.hadith-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;padding:clamp(20px,5vw,64px);background:linear-gradient(90deg,rgba(8,30,25,.6),rgba(8,30,25,.22) 45%,rgba(8,30,25,.6))}
.h-text{font-family:"Amiri",serif;font-size:clamp(1.2rem,3vw,2.05rem);color:#fff;line-height:2;margin:0;max-width:920px;text-shadow:0 2px 12px rgba(0,0,0,.6)}
.h-tr{color:#f4eedd;font-size:clamp(.95rem,2.1vw,1.2rem);line-height:1.95;margin:0;max-width:840px;text-shadow:0 2px 10px rgba(0,0,0,.6)}
.h-src{color:var(--gold-soft);font-family:"Markazi Text",serif;font-weight:600;font-size:1.15rem;text-shadow:0 2px 10px rgba(0,0,0,.6)}

/* mobile refinements: bank */
@media(max-width:600px){
	.nav .nav-bank{padding:6px 14px;font-size:.95rem}
	.bankbar{padding:34px 0}
	.bank-card{flex:1 1 100%;font-size:1.3rem;padding:18px 22px}
}

/* ===== v2.0: gallery centered + blur-peek + collage tile; hadith hardened ===== */

/* gallery centered (and still scrollable) */
.gallery-track{justify-content:safe center}
.gallery-track .gal-item,.gallery-track .gal-more{flex:0 0 240px}
@media(max-width:520px){.gallery-track .gal-item,.gallery-track .gal-more{flex:0 0 80%}}

/* blur-peek for later images */
.gal-soft{filter:blur(9px) saturate(.9);opacity:.5;transition:filter .7s ease,opacity .7s ease,transform .35s,box-shadow .35s}
.gal-soft.in{filter:none;opacity:1}

/* see-more tile as a collage (no + sign) */
.gal-more{position:relative;overflow:hidden;border:1.5px solid var(--gold);border-radius:10px;background:var(--green-deep);padding:0;aspect-ratio:1/1}
.gal-more-collage{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:2px}
.gal-more-collage img{width:100%;height:100%;object-fit:cover;filter:brightness(.45) sepia(.25)}
.gal-more-label{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;font-family:"Markazi Text",serif;font-weight:700;font-size:1.45rem;text-shadow:0 2px 12px rgba(0,0,0,.8);background:radial-gradient(circle at center,rgba(10,40,34,.25),rgba(10,40,34,.55))}
.gal-more:hover{transform:translateY(-5px)}
.gal-more:hover .gal-more-label{background:radial-gradient(circle at center,rgba(176,132,58,.25),rgba(10,40,34,.55))}

/* HADITH — decisive: full-bleed, centered, no white border */
section.hadith{padding:0!important;margin:0!important;background:transparent!important;border:0!important}
.hadith-slider{position:relative;width:100%;height:clamp(280px,38vw,460px);overflow:hidden;background:var(--green-deep);border:0;margin:0}
.hadith-slider .slide{position:absolute!important;inset:0!important;display:block!important;opacity:0;transition:opacity 1s ease;max-width:none!important;padding:0!important}
.hadith-slider .slide.active{opacity:1}
.hadith-slider .slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.hadith-overlay{position:absolute!important;inset:0!important;display:flex!important;flex-direction:column;align-items:center!important;justify-content:center!important;text-align:center!important;gap:12px;padding:clamp(18px,5vw,64px);max-width:none!important;background:linear-gradient(90deg,rgba(8,30,25,.62),rgba(8,30,25,.2) 50%,rgba(8,30,25,.62))}
.hadith-overlay .h-text{margin:0 auto;font-family:"Amiri",serif;font-size:clamp(1.15rem,3vw,2rem);color:#fff;line-height:2;max-width:920px;text-shadow:0 2px 12px rgba(0,0,0,.65)}
.hadith-overlay .h-tr{margin:0 auto;color:#f4eedd;font-size:clamp(.95rem,2.1vw,1.2rem);line-height:1.95;max-width:840px;text-shadow:0 2px 10px rgba(0,0,0,.65)}
.hadith-overlay .h-src{color:var(--gold-soft);font-family:"Markazi Text",serif;font-weight:600;font-size:1.15rem;text-shadow:0 2px 10px rgba(0,0,0,.65)}

/* ===== v2.1: videos page, gallery edge-fade + drag scroll ===== */

/* videos page grid */
.videos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-top:34px}
.video-card{background:var(--paper);border:1px solid var(--gold-soft);border-radius:16px;overflow:hidden;box-shadow:0 16px 36px -30px rgba(10,58,49,.5)}
.video-card video{width:100%;display:block;aspect-ratio:16/9;background:#000}
.video-card .edu-title{padding:14px 18px;text-align:center}

/* gallery: hide scrollbar, soft edges, grab cursor */
.gallery-track{
	cursor:grab;
	scrollbar-width:none;-ms-overflow-style:none;
	-webkit-mask-image:linear-gradient(to right, transparent 0, #000 70px, #000 calc(100% - 70px), transparent 100%);
	mask-image:linear-gradient(to right, transparent 0, #000 70px, #000 calc(100% - 70px), transparent 100%);
}
.gallery-track::-webkit-scrollbar{display:none;height:0}
.gallery-track.dragging{cursor:grabbing;scroll-behavior:auto}
.gallery-track.dragging .gal-item,.gallery-track.dragging .gal-more{pointer-events:none}

/* static soft blur on the last items (decorative peek) */
.gal-soft{filter:none;opacity:1;transition:filter .5s,opacity .5s,transform .35s,box-shadow .35s}
.gal-soft .gal-cap{display:none}
.gallery-track:not(.no-peek) .gal-soft img{filter:sepia(.45) blur(2.5px) brightness(.96)}
.gallery-track:not(.no-peek) .gal-soft:hover img{filter:sepia(0) blur(0) brightness(1)}

/* gallery last-images blur peek (corrected) */
.gal-soft img{filter:sepia(.4) blur(3px) brightness(.96);transition:filter .55s ease}
.gal-soft:hover img{filter:sepia(0) blur(0) brightness(1)}
.gal-soft .gal-cap{display:none}

/* ===== v2.3: gallery caption+scrollbar, green edu, decorative bank ===== */

/* show captions on last images too */
.gal-soft .gal-cap{display:block}

/* pretty slim scrollbar for gallery */
.gallery-track{scrollbar-width:thin;scrollbar-color:var(--gold-soft) transparent;padding-bottom:18px}
.gallery-track::-webkit-scrollbar{display:block;height:9px}
.gallery-track::-webkit-scrollbar-track{background:rgba(176,132,58,.14);border-radius:20px;margin:0 70px}
.gallery-track::-webkit-scrollbar-thumb{background:linear-gradient(90deg,var(--gold),var(--gold-soft));border-radius:20px;border:2px solid transparent;background-clip:padding-box}
.gallery-track::-webkit-scrollbar-thumb:hover{background:var(--gold)}

/* education section — green background */
.edu{background:linear-gradient(160deg,var(--green),var(--green-deep))!important}
.edu .eyebrow{color:var(--gold-soft)}
.edu .sec{color:#fff}
.edu .lead{color:#e9e1cd}
.edu .eslimi-top{display:block;width:min(300px,70%);height:auto;margin:0 auto 18px}
.edu .eslimi-top path{fill:none;stroke:var(--gold-soft);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.edu .eslimi-top .fillgold{fill:var(--gold)}
.edu-main{border-color:var(--gold-soft)}
.edu-list{scrollbar-color:var(--gold-soft) transparent}
.edu-item{background:rgba(255,255,255,.06);border-color:rgba(203,168,97,.3);color:#f1ead8}
.edu-item:hover{border-color:var(--gold-soft);background:rgba(255,255,255,.1)}
.edu-item.active{background:rgba(203,168,97,.18);border-color:var(--gold)}
.edu-item .play-ic{background:var(--gold)}
.edu-item.active .play-ic{background:#fff;color:var(--green)}
.edu .btn-all{background:var(--gold);color:#3a2a10}
.edu .btn-all:hover{background:var(--gold-soft)}

/* decorative bank backdrop (breaks the monotone) */
.bankbar{background:radial-gradient(130% 130% at 50% 0%,rgba(15,82,70,.07),transparent 60%),var(--paper);position:relative}
.bankbar::before{content:"۞";position:absolute;top:14px;left:50%;transform:translateX(-50%);color:var(--gold-soft);font-size:1.1rem;opacity:.7}

/* ===== v3.0: dark/light, font-size, stats scroll+fullscreen, bank center, patterns ===== */

/* utility bar controls */
.util-controls{display:flex;align-items:center;gap:6px}
.ui-btn{background:rgba(255,255,255,.08);border:1px solid rgba(203,168,97,.35);color:#f1ead8;border-radius:8px;padding:0 9px;height:26px;min-width:30px;cursor:pointer;font-size:.85rem;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;transition:background .2s}
.ui-btn:hover{background:rgba(203,168,97,.28)}
.ui-btn svg{width:16px;height:16px}
#ansar-theme .ic-sun{display:none}
body.ansar-dark #ansar-theme .ic-sun{display:block}
body.ansar-dark #ansar-theme .ic-moon{display:none}

/* font-size levels (scales rem-based text) */
html.ansar-fs-1{font-size:110%}
html.ansar-fs-2{font-size:122%}

/* dark mode */
body.ansar-dark{--paper:#13211d;--paper-2:#0e1a16;--ink:#e9e3d3;--line:#27372f}
body.ansar-dark .news-card p{color:#adb8b0}
body.ansar-dark .card p,body.ansar-dark .prose p,body.ansar-dark .stat-value{color:#c3cbc3}
body.ansar-dark .news-card h3 a{color:#e9e3d3}
body.ansar-dark .gal-item{background:linear-gradient(160deg,#1b2a25,#16241f)}
body.ansar-dark .versestrip,body.ansar-dark .about-sec,body.ansar-dark .bankbar{background:var(--paper)}
body.ansar-dark .frame{background:var(--paper-2)}

/* top slider: fix aspect (matches 2500x500 banners, no zoom) */
.slider:not(.hadith-slider):not(.mini-slider):not(.content-slider){aspect-ratio:5/1;height:auto;max-height:560px;min-height:190px}

/* hadith translation/source use site font (Arabic stays Amiri) */
.hadith-overlay .h-tr,.hadith-overlay .h-src{font-family:"Vazirmatn",sans-serif}

/* stats: single-row scroll */
.stats{position:relative}
.stats-track{display:flex;gap:20px;overflow-x:auto;padding:10px 4px 18px;justify-content:safe center;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--gold-soft) transparent}
.stats-track::-webkit-scrollbar{height:8px}
.stats-track::-webkit-scrollbar-thumb{background:var(--gold-soft);border-radius:20px}
.stats-track .stat-card{flex:0 0 260px;scroll-snap-align:center}
.stats-expand{position:absolute;top:22px;left:22px;background:rgba(255,255,255,.1);border:1px solid var(--gold-soft);color:#f7eccd;border-radius:10px;padding:6px 14px;cursor:pointer;font-family:"Markazi Text",serif;font-size:1.05rem;font-weight:600}
.stats-expand:hover{background:var(--gold);color:#3a2a10}
.stats-close{display:none}

/* stats fullscreen */
.stats.stats-fs{position:fixed;inset:0;z-index:1200;overflow-y:auto;padding:70px 18px 40px;background:linear-gradient(160deg,var(--green),var(--green-deep))}
.stats.stats-fs .wrap{max-width:1100px}
.stats.stats-fs .stats-track{flex-wrap:wrap;overflow:visible;justify-content:center}
.stats.stats-fs .stats-expand{display:none}
.stats.stats-fs .stats-close{display:grid;place-items:center;position:fixed;top:18px;left:18px;width:48px;height:48px;border-radius:50%;background:rgba(0,0,0,.3);border:1px solid var(--gold-soft);color:#fff;font-size:1.7rem;cursor:pointer;z-index:2}
body.ansar-noscroll{overflow:hidden}

/* bank: centered + mobile clean */
.bankbar .wrap{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;align-items:stretch}
.bank-card{align-items:center;justify-content:center;text-align:center}
.bank-card .bk-label{display:inline-flex;align-items:center;line-height:1}
.nav{align-items:center}
@media(max-width:700px){
	.bankbar .wrap{flex-direction:column;align-items:center}
	.bank-card{flex:1 1 auto;width:100%;max-width:420px}
	.nav .nav-bank{font-size:.9rem;padding:5px 12px}
}

/* gallery touch + play + both-side blur already via markup */
.gallery-track{touch-action:pan-x}
.gal-play{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;z-index:2}
.gal-play svg{width:52px;height:52px;color:#fff;background:rgba(10,40,34,.55);border-radius:50%;padding:13px;border:2px solid var(--gold-soft)}
.gal-more-collage img{filter:brightness(.45) sepia(.25)}

/* education section — religious khatam pattern overlay */
.edu{position:relative;overflow:hidden;background:linear-gradient(160deg,var(--green),var(--green-deep))!important}
.edu::before{content:"";position:absolute;inset:0;opacity:.6;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='64'%20height='64'%3E%3Cpath%20d='M32%208%2036%2024%2052%2020%2040%2032%2052%2044%2036%2040%2032%2056%2028%2040%2012%2044%2024%2032%2012%2020%2028%2024z'%20fill='none'%20stroke='%23cba861'%20stroke-opacity='0.12'%20stroke-width='1'/%3E%3C/svg%3E");background-size:64px 64px}
.edu>*{position:relative;z-index:1}

/* lightbox media (image or video) */
.lb-media{display:flex;align-items:center;justify-content:center}
.lb-media img,.lb-media video{max-width:92vw;max-height:78vh;border-radius:10px;border:3px solid var(--gold-soft);box-shadow:0 30px 80px -20px #000;background:#000}

/* ===== v3.1: dark-mode readable text + gallery admin ===== */
body.ansar-dark .sec,
body.ansar-dark .brand,
body.ansar-dark .verse,
body.ansar-dark .verse-gloss,
body.ansar-dark .nav a,
body.ansar-dark .card h3,
body.ansar-dark .news-card h3 a,
body.ansar-dark .stat-count,
body.ansar-dark .edu-item,
body.ansar-dark .prose,
body.ansar-dark h1, body.ansar-dark h2, body.ansar-dark h3{color:#f0ead9}
body.ansar-dark .read-more,
body.ansar-dark .news-card h3 a:hover,
body.ansar-dark .brand:hover{color:var(--gold-soft)}
body.ansar-dark .leader-slogan{color:var(--gold-soft)}
body.ansar-dark .verse-ref{color:var(--gold-soft)}
body.ansar-dark .news-date,body.ansar-dark .stat-label{color:var(--gold-soft)}
body.ansar-dark .frame{border-color:var(--gold-soft)}

/* ===== v3.2: dark header, 7 font sizes, stable stats (no jitter) ===== */

/* dark mode: header must darken so links stay readable */
body.ansar-dark .topbar{background:rgba(18,32,28,.94);border-bottom-color:#27372f}
body.ansar-dark .nav a{color:#e9e3d3;opacity:.92}
body.ansar-dark .nav a:hover{opacity:1;color:var(--gold-soft)}
body.ansar-dark .leader-box{background:var(--paper-2);border-color:#2c3e37}
body.ansar-dark .nav .nav-bank{color:#fff!important}

/* 7 font-size levels */
html.ansar-fs-1{font-size:106%}
html.ansar-fs-2{font-size:112%}
html.ansar-fs-3{font-size:119%}
html.ansar-fs-4{font-size:127%}
html.ansar-fs-5{font-size:135%}
html.ansar-fs-6{font-size:144%}

/* stats: eliminate jitter during the count-up */
.stats-track{scroll-snap-type:none}
.stats-track .stat-card{scroll-snap-align:none;contain:layout paint;min-height:220px;justify-content:center}
.stat-card .num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum";display:inline-block;white-space:nowrap}
.stat-count,.stat-value{min-height:1.7em}
.stats.stats-fs .stat-card{min-height:200px}

/* ===== v3.3: pinned header controls, forced hadith font, full slider ===== */

/* controls now live in the sticky header (pinned on scroll) */
.head-controls{display:flex;align-items:center;gap:6px;flex:0 0 auto}
.head-controls .ui-btn{background:var(--paper-2);border:1px solid var(--gold-soft);color:var(--green-deep);border-radius:9px;height:32px;min-width:36px;padding:0 10px;cursor:pointer;font-size:.95rem;font-weight:600;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;transition:background .2s,color .2s}
.head-controls .ui-btn:hover{background:var(--gold);color:#fff;border-color:var(--gold)}
.head-controls .ui-btn svg{width:17px;height:17px}
body.ansar-dark .head-controls .ui-btn{background:var(--paper-2);color:#e9e3d3;border-color:#2c3e37}
body.ansar-dark .head-controls .ui-btn:hover{background:var(--gold);color:#fff}
@media(max-width:1180px){.head-controls{order:2}}
@media(max-width:600px){.head-controls .ui-btn{height:30px;min-width:32px;padding:0 8px}}

/* hadith fonts — force: Arabic = Amiri, translation/source = site font */
.hadith .h-text,.hadith-overlay .h-text{font-family:"Amiri",serif!important}
.hadith .h-tr,.hadith .h-src,.hadith-overlay .h-tr,.hadith-overlay .h-src{font-family:"Vazirmatn",sans-serif!important}

/* top slider: always show the WHOLE image (no crop/zoom), bigger on mobile */
.slider:not(.hadith-slider):not(.mini-slider):not(.content-slider) .slide img{object-fit:contain;background:var(--green-deep)}
@media(max-width:600px){
	.slider:not(.hadith-slider):not(.mini-slider):not(.content-slider){aspect-ratio:2.4/1;max-height:none}
	.slide-title{font-size:1.05rem}
	.slide-sub{font-size:.82rem}
	.slide-caption{padding:8px;gap:3px}
}

/* ===== v3.4: clean aligned header (one baseline, nav on its own row) ===== */
.topbar .wrap{display:flex;align-items:center;justify-content:space-between;gap:14px 18px;flex-wrap:wrap;min-height:64px}
.brand-area{order:1;display:flex;align-items:center;gap:10px;flex:0 1 auto}
.head-left{order:2;display:flex;align-items:center;gap:12px;flex:0 0 auto}
.leader-box{flex-direction:column;align-items:center;gap:2px;margin:0}
.head-controls{margin:0}

/* nav on its own full-width row, centered and evenly spaced */
.nav-wrap{order:3;flex:0 0 100%;width:100%;display:flex;justify-content:center;border-top:1px solid var(--line);padding-top:12px;margin-top:2px}
.nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 20px;list-style:none;margin:0;padding:0}
.nav li{display:flex;align-items:center;margin:0}
.nav a{display:inline-flex;align-items:center;line-height:1;height:36px;padding:0 4px}
.nav .nav-bank{height:36px;padding:0 18px}

@media(max-width:820px){
	.leader-box{display:flex}
	.leader-box img{max-height:38px}
	.leader-slogan{font-size:.78rem;max-width:120px}
}
@media(max-width:560px){
	.topbar .wrap{gap:10px}
	.brand{font-size:.9rem;max-width:60vw}
	.nav{gap:8px 14px}
	.nav a{height:32px;font-size:.92rem}
	.nav .nav-bank{height:32px;padding:0 12px}
	.leader-slogan{display:none}
	.leader-box img{max-height:34px}
}

/* ===== v3.5: single-row header, wider horizontal gaps, mobile hamburger ===== */
.topbar{overflow:visible}
.topbar .wrap{display:flex;align-items:center;justify-content:space-between;gap:14px 28px;flex-wrap:wrap;min-height:72px}
.brand-area{order:1;flex:0 1 auto}
.nav-wrap{order:2;flex:1 1 auto;display:flex;justify-content:center;position:relative;border-top:0;padding-top:0;margin-top:0}
.head-left{order:3;flex:0 0 auto}
.nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 28px;list-style:none;margin:0;padding:0}
.nav a{height:36px;padding:0 6px}
.nav .nav-bank{height:36px;padding:0 18px}
.nav-toggle{display:none}

@media(max-width:1024px){
	.nav-wrap{flex:0 0 auto}
	.nav-toggle{display:inline-flex;align-items:center;justify-content:center;width:46px;height:40px;border:1px solid var(--gold-soft);border-radius:10px;background:var(--paper-2);color:var(--green-deep);cursor:pointer}
	.nav-toggle svg{width:22px;height:22px}
	.nav{position:absolute;top:calc(100% + 10px);right:0;min-width:230px;flex-direction:column;align-items:stretch;gap:6px;background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:0 26px 54px -24px rgba(10,58,49,.55);padding:10px;display:none;z-index:60}
	.nav.open{display:flex}
	.nav li{width:100%}
	.nav a{width:100%;height:auto;padding:11px 14px;justify-content:flex-start;border-radius:9px;opacity:1}
	.nav a:hover{background:var(--paper-2)}
	.nav .nav-bank{height:auto;justify-content:center;padding:11px 14px}
}
body.ansar-dark .nav-toggle{background:var(--paper-2);color:#e9e3d3;border-color:#2c3e37}
body.ansar-dark .nav{background:var(--paper);border-color:#2c3e37}

/* ===== v4.0: clean, professional header (full rewrite) ===== */
.site-header{position:sticky;top:0;z-index:50}

/* top utility strip */
.sh-util{background:var(--green-deep);color:#d7e3dd;font-size:.85rem}
.sh-util .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px}
.sh-date{color:#f1ead8;white-space:nowrap}
.sh-date .cal-ic{color:var(--gold-soft);margin-inline-end:4px}
.sh-tag{color:var(--gold-soft)}
.sh-slogan{display:flex;align-items:center;gap:9px;color:var(--gold-soft);min-width:0}
.sh-slogan img{height:30px;width:auto;border-radius:5px;flex:0 0 auto}
.sh-slogan-txt{font-family:"Markazi Text",serif;font-size:1rem;font-weight:600;line-height:1.25;max-width:280px}
@media(max-width:680px){.sh-slogan,.sh-tag{display:none}}

/* main bar */
.sh-main{background:rgba(247,242,233,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.sh-main .wrap{display:flex;align-items:center;gap:14px 22px;min-height:68px}

/* brand */
.sh-brand{display:flex;align-items:center;gap:11px;text-decoration:none;flex:0 0 auto}
.sh-brand img,.sh-brand .custom-logo-link img{height:46px;width:auto;display:block}
.sh-brand-name{font-family:"Markazi Text",serif;font-weight:700;color:var(--green-deep);font-size:1.18rem;line-height:1.25;max-width:240px}

/* nav (center) */
.sh-nav-wrap{flex:1 1 auto;display:flex;justify-content:center;position:relative}
.sh-nav{display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0}
.sh-nav li{margin:0}
.sh-nav a{display:inline-flex;align-items:center;height:40px;padding:0 16px;border-radius:10px;color:var(--ink);text-decoration:none;font-weight:500;white-space:nowrap;transition:background .2s,color .2s}
.sh-nav a:hover{background:rgba(15,82,70,.09);color:var(--green)}

/* actions (left): bank + controls */
.sh-actions{flex:0 0 auto;display:flex;align-items:center;gap:9px}
.sh-bank{display:inline-flex;align-items:center;height:40px;padding:0 17px;border-radius:11px;background:linear-gradient(150deg,var(--gold),var(--gold-soft));color:#fff;text-decoration:none;font-weight:600;white-space:nowrap;box-shadow:0 8px 18px -11px rgba(176,132,58,.95);transition:transform .2s,box-shadow .2s,filter .2s}
.sh-bank:hover{transform:translateY(-2px);filter:brightness(1.05);box-shadow:0 12px 22px -12px rgba(176,132,58,1)}
.sh-controls{display:flex;align-items:center;gap:5px;margin-inline-start:2px}
.sh-controls .ui-btn{background:var(--paper-2);border:1px solid var(--gold-soft);color:var(--green-deep);border-radius:9px;height:34px;min-width:36px;padding:0 9px;cursor:pointer;font-size:.95rem;font-weight:600;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;transition:background .2s,color .2s}
.sh-controls .ui-btn:hover{background:var(--gold);color:#fff;border-color:var(--gold)}
.sh-controls .ui-btn svg{width:17px;height:17px}
.sh-toggle{display:none}
#ansar-theme .ic-sun{display:none}
body.ansar-dark #ansar-theme .ic-sun{display:block}
body.ansar-dark #ansar-theme .ic-moon{display:none}

/* dark mode header */
body.ansar-dark .sh-main{background:rgba(18,32,28,.92);border-bottom-color:#27372f}
body.ansar-dark .sh-brand-name{color:#f0ead9}
body.ansar-dark .sh-nav a{color:#e9e3d3}
body.ansar-dark .sh-nav a:hover{background:rgba(203,168,97,.15);color:var(--gold-soft)}
body.ansar-dark .sh-controls .ui-btn{background:var(--paper-2);color:#e9e3d3;border-color:#2c3e37}
body.ansar-dark .sh-controls .ui-btn:hover{background:var(--gold);color:#fff}

/* responsive: collapse nav to a clean dropdown */
@media(max-width:1080px){
	.sh-nav-wrap{flex:0 0 auto;order:2}
	.sh-main .wrap{justify-content:space-between}
	.sh-toggle{display:inline-flex;align-items:center;justify-content:center;width:46px;height:40px;border:1px solid var(--gold-soft);border-radius:11px;background:var(--paper-2);color:var(--green-deep);cursor:pointer}
	.sh-toggle svg{width:22px;height:22px}
	.sh-nav{position:absolute;top:calc(100% + 12px);right:0;min-width:240px;flex-direction:column;align-items:stretch;gap:4px;background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:0 28px 56px -24px rgba(10,58,49,.55);padding:10px;display:none;z-index:60}
	.sh-nav.open{display:flex}
	.sh-nav a{width:100%;height:auto;padding:12px 14px;justify-content:flex-start}
	.sh-nav a:hover{background:var(--paper-2)}
	.sh-actions{order:3}
	body.ansar-dark .sh-toggle{background:var(--paper-2);color:#e9e3d3;border-color:#2c3e37}
	body.ansar-dark .sh-nav{background:var(--paper);border-color:#2c3e37}
}
@media(max-width:620px){
	.sh-brand img,.sh-brand .custom-logo-link img{height:40px}
	.sh-brand-name{font-size:1rem;max-width:44vw}
	.sh-bank{height:36px;padding:0 12px;font-size:.92rem}
	.sh-controls .ui-btn{height:34px;min-width:32px}
}
@media(max-width:430px){
	.sh-bank-2{display:none}
	.sh-main .wrap{gap:10px}
}

/* ===== v4.1: sized logo + two-line centered brand name ===== */
.sh-brand{gap:12px}
.sh-logo{height:52px;width:auto;display:block;flex:0 0 auto}
.sh-brand-name{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1px;font-family:"Markazi Text",serif;font-weight:700;color:var(--green-deep);line-height:1.28;max-width:none}
.sh-brand-name .l1{font-size:1.18rem;white-space:nowrap}
.sh-brand-name .l2{font-size:1.05rem;color:var(--green);white-space:nowrap}
body.ansar-dark .sh-brand-name{color:#f0ead9}
body.ansar-dark .sh-brand-name .l2{color:var(--gold-soft)}
@media(max-width:620px){
	.sh-logo{height:44px}
	.sh-brand-name .l1{font-size:1rem}
	.sh-brand-name .l2{font-size:.9rem}
}
@media(max-width:430px){.sh-brand-name{display:none}}

/* ===== v4.2: mobile shows everything, cleanly stacked ===== */

/* utility bar: keep slogan visible, wrap neatly on small screens */
.sh-slogan{display:flex!important}
@media(max-width:680px){
	.sh-util .wrap{flex-wrap:wrap;justify-content:center;gap:5px 14px;padding-top:6px;padding-bottom:6px}
	.sh-date{white-space:normal}
	.sh-slogan-txt{max-width:70vw;text-align:center}
}

/* main bar on tablet/mobile: brand + hamburger on row 1, actions centered on row 2 */
@media(max-width:1080px){
	.sh-main .wrap{flex-wrap:wrap;gap:10px 14px}
	.sh-brand{order:1;flex:1 1 auto;min-width:0}
	.sh-brand-name{display:flex!important;align-items:flex-start;text-align:right}
	.sh-nav-wrap{order:2;flex:0 0 auto}
	.sh-actions{order:3;flex:1 1 100%;justify-content:center;flex-wrap:wrap;gap:8px}
	.sh-bank,.sh-bank-2{display:inline-flex!important}
	.sh-nav{right:auto;left:0;max-width:calc(100vw - 28px)}
}
@media(max-width:620px){
	.sh-brand-name .l1{font-size:.98rem}
	.sh-brand-name .l2{font-size:.86rem}
}
@media(max-width:430px){
	.sh-brand-name{display:flex!important}
	.sh-brand-name .l1{font-size:.9rem;white-space:normal}
	.sh-brand-name .l2{font-size:.8rem;white-space:normal}
	.sh-bank-2{display:inline-flex!important}
	.sh-bank{height:38px;padding:0 12px;font-size:.9rem}
}

/* ===== v4.3: controls in top bar, one-line slogan, mobile bank+burger row ===== */

/* utility bar now holds date + slogan + controls */
.sh-util .wrap{display:flex;align-items:center;justify-content:space-between;gap:8px 16px;min-height:42px;flex-wrap:wrap}
.sh-slogan-txt{white-space:nowrap;font-size:clamp(.72rem,2.4vw,1rem)}
.sh-controls{display:flex;align-items:center;gap:5px}
.sh-controls .ui-btn{background:rgba(255,255,255,.09);border:1px solid rgba(203,168,97,.4);color:#f1ead8;border-radius:8px;height:28px;min-width:32px;padding:0 8px;font-size:.85rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-family:inherit;transition:background .2s,color .2s}
.sh-controls .ui-btn:hover{background:rgba(203,168,97,.32);color:#fff}
.sh-controls .ui-btn svg{width:15px;height:15px}
body.ansar-dark .sh-controls .ui-btn{background:rgba(255,255,255,.06);border-color:rgba(203,168,97,.35)}

/* stack the top bar neatly on phones: date / slogan / controls */
@media(max-width:680px){
	.sh-util .wrap{flex-direction:column;align-items:center;gap:5px;padding:7px 0}
	.sh-slogan{order:2}
	.sh-controls{order:3}
}

/* main bar on tablet/mobile: brand row, then [burger + banks] row centered */
@media(max-width:1080px){
	.sh-main{position:relative}
	.sh-main .wrap{flex-wrap:wrap;justify-content:center;gap:10px 12px}
	.sh-brand{order:1;flex:0 0 100%;justify-content:center}
	.sh-nav-wrap{order:2;flex:0 0 auto;position:static}
	.sh-actions{order:3;flex:0 0 auto;gap:8px}
	.sh-nav{position:absolute;top:100%;left:14px;right:14px;margin-top:8px;min-width:0;max-width:none}
	.sh-bank,.sh-bank-2{display:inline-flex!important}
}
@media(max-width:430px){
	.sh-brand-name{display:flex!important}
	.sh-bank{height:38px;padding:0 12px;font-size:.9rem}
}

/* ===== v5.0: premium slider, mobile polish, smooth motion (Apple-grade) ===== */

/* smooth scrolling + touch momentum everywhere */
html{scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.news-track,.gallery-track,.stats-track,.edu-list,#services .grid{-webkit-overflow-scrolling:touch}

/* PREMIUM top slider: blurred self-fill + full image + clear arrows */
.slider:not(.hadith-slider):not(.mini-slider):not(.content-slider){aspect-ratio:2.5/1;height:auto;max-height:600px;min-height:200px}
.slider:not(.hadith-slider):not(.mini-slider):not(.content-slider) .slide{display:flex;align-items:center;justify-content:center;overflow:hidden}
.slide-bg{position:absolute;inset:-8%;background-size:cover;background-position:center;filter:blur(30px) brightness(.62) saturate(1.1);transform:scale(1.18);z-index:0}
.slider:not(.hadith-slider):not(.mini-slider):not(.content-slider) .slide img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;background:transparent}
.slide-caption{z-index:3}
@media(max-width:768px){.slider:not(.hadith-slider):not(.mini-slider):not(.content-slider){aspect-ratio:1.7/1}}

.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.5);background:rgba(10,40,34,.4);color:#fff;font-size:1.6rem;cursor:pointer;display:grid;place-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .2s,transform .2s,opacity .2s;opacity:.9}
.slider-arrow:hover{background:rgba(176,132,58,.92);opacity:1}
.slider-arrow.prev{right:16px}
.slider-arrow.next{left:16px}
@media(max-width:600px){.slider-arrow{width:38px;height:38px;font-size:1.25rem}.slider-arrow.prev{right:10px}.slider-arrow.next{left:10px}}

/* remove the ornament that overlapped the bank card */
.bankbar::before{display:none!important}

/* mobile header: breathing room under burger + banks */
@media(max-width:1080px){
	.sh-main .wrap{padding-top:12px;padding-bottom:14px;row-gap:14px}
	.sh-actions{margin-top:2px}
}

/* videos: much smaller & tidy on mobile */
@media(max-width:768px){
	.edu-player{grid-template-columns:1fr;gap:14px}
	.edu-main{border-radius:14px}
	.edu-main video{width:100%;max-height:210px;aspect-ratio:16/9;object-fit:contain}
	.edu-list{flex-direction:row;overflow-x:auto;gap:10px;max-height:none;padding-bottom:8px}
	.edu-item{min-width:210px;font-size:1.05rem;padding:10px 12px}
}

/* stats: expand button below title on mobile (no overlap) */
@media(max-width:820px){
	.stats-expand{position:static;display:block;width:-moz-fit-content;width:fit-content;margin:10px auto 4px}
}

/* services: horizontal scroll on mobile, grid on desktop */
@media(max-width:768px){
	#services .grid{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:14px;scroll-snap-type:x mandatory;padding:4px 2px 16px;scrollbar-width:none}
	#services .grid::-webkit-scrollbar{display:none}
	#services .card{flex:0 0 76%;scroll-snap-align:center}
}

/* subtle premium easing on interactive cards */
.news-card,.gal-item,.edu-item,.card,.bank-card,.stat-card,.sh-bank{will-change:transform}

/* ===== v4.4: premium slider, mobile polish, smoothness ===== */

/* smooth base */
html{scroll-behavior:smooth}

/* TOP SLIDER — premium blurred-fill: any image fits, no flat bars */
.slider:not(.hadith-slider):not(.mini-slider):not(.content-slider){aspect-ratio:2.5/1;height:auto;max-height:520px;min-height:180px;position:relative;overflow:hidden;background:var(--green-deep)}
.slider:not(.hadith-slider):not(.mini-slider):not(.content-slider) .slide{position:absolute;inset:0}
.slider:not(.hadith-slider):not(.mini-slider):not(.content-slider) .slide img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;background:transparent!important}
.slider:not(.hadith-slider):not(.mini-slider):not(.content-slider) .slide-bg{position:absolute;inset:-10%;background-size:cover;background-position:center;filter:blur(34px) brightness(.6) saturate(1.15);transform:scale(1.2);z-index:0}
@media(max-width:820px){.slider:not(.hadith-slider):not(.mini-slider):not(.content-slider){aspect-ratio:1.9/1}}
@media(max-width:480px){.slider:not(.hadith-slider):not(.mini-slider):not(.content-slider){aspect-ratio:1.6/1}}

/* slider arrows visible everywhere (smaller on phones) */
@media(max-width:560px){.slider-arrow{display:grid!important;width:36px;height:36px;font-size:1.3rem}}

/* remove overlapping ornament above bank cards */
.bankbar::before{content:none!important;display:none!important}

/* header: breathing room on mobile so bank row isn't glued to the edge */
@media(max-width:1080px){.sh-main .wrap{padding-top:12px;padding-bottom:14px}}

/* videos smaller on mobile */
@media(max-width:700px){
	.edu-main video{max-height:210px}
	.video-card video{max-height:200px}
}

/* stats "نمایش همه" button: static & centered on mobile (no overlap) */
@media(max-width:820px){
	.stats-expand{position:static;display:inline-flex;margin:4px auto 16px}
	.stats .wrap{text-align:center}
}

/* SERVICES: horizontal scroll on mobile, grid on desktop */
@media(max-width:700px){
	#services .grid{display:flex;grid-template-columns:none;overflow-x:auto;gap:14px;padding:6px 4px 16px;scroll-snap-type:x mandatory;scrollbar-width:none}
	#services .grid::-webkit-scrollbar{display:none}
	#services .grid .card{flex:0 0 76%;scroll-snap-align:center}
}

/* gentle motion polish */
.card,.news-card,.gal-item,.sh-bank,.stat-card,.bank-card,.edu-item{will-change:transform}
.news-track,.gallery-track,.stats-track,#services .grid{scroll-behavior:smooth}

/* ===== v5.2: HERO SLIDER — clean, full-bleed, cover-fill, live ===== */
.slider:not(.hadith-slider):not(.mini-slider):not(.content-slider){
	aspect-ratio:auto!important;
	height:clamp(250px,40vw,480px)!important;
	min-height:0!important;max-height:none!important;
	position:relative;overflow:hidden;background:var(--green-deep);width:100%
}
.slider:not(.hadith-slider):not(.mini-slider):not(.content-slider) .slide{position:absolute;inset:0;opacity:0;transition:opacity 1.1s ease;pointer-events:none}
.slider:not(.hadith-slider):not(.mini-slider):not(.content-slider) .slide.active{opacity:1;pointer-events:auto}
.slider:not(.hadith-slider):not(.mini-slider):not(.content-slider) .slide-bg{display:none!important}
.slider:not(.hadith-slider):not(.mini-slider):not(.content-slider) .slide img{
	position:absolute;inset:0;width:100%;height:100%;object-fit:cover!important;object-position:center;background:transparent!important;display:block
}
.slider:not(.hadith-slider):not(.mini-slider):not(.content-slider) .slide.active img{animation:ansar-kb 9s ease-out both}
@keyframes ansar-kb{from{transform:scale(1.09)}to{transform:scale(1)}}
.slider:not(.hadith-slider):not(.mini-slider):not(.content-slider) .slide-caption{
	position:absolute;inset-inline:0;bottom:0;z-index:3;display:flex;flex-direction:column;gap:7px;
	align-items:center;text-align:center;padding:clamp(18px,4vw,44px) clamp(16px,5vw,60px);
	background:linear-gradient(0deg,rgba(6,26,22,.9),rgba(6,26,22,.4) 55%,transparent);color:#fff
}
.slider:not(.hadith-slider):not(.mini-slider):not(.content-slider) .slide-title{
	font-family:"Markazi Text",serif;font-weight:700;font-size:clamp(1.25rem,3.4vw,2.3rem);line-height:1.3;
	text-shadow:0 2px 14px rgba(0,0,0,.65);margin:0
}
.slider:not(.hadith-slider):not(.mini-slider):not(.content-slider) .slide-sub{
	font-size:clamp(.92rem,2.1vw,1.2rem);color:#eee6d3;max-width:820px;line-height:1.7;
	text-shadow:0 2px 10px rgba(0,0,0,.6);margin:0
}
/* the empty/placeholder slide stays elegant */
.slider:not(.hadith-slider):not(.mini-slider):not(.content-slider) .slide-empty{
	position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:24px;
	background:radial-gradient(120% 120% at 50% 0,rgba(203,168,97,.12),transparent 60%),var(--green-deep);
	color:#f3ead6;font-family:"Markazi Text",serif;font-weight:700;font-size:clamp(1.1rem,3vw,1.8rem);line-height:1.5
}

/* ===== v5.4: positioned hero caption (from visual editor) ===== */
.slider .hero-cap{position:absolute;z-index:3;display:flex;flex-direction:column;gap:6px;max-width:82%;text-shadow:0 2px 12px rgba(0,0,0,.6);direction:rtl}
.slider .hero-cap.scrim::before{content:"";position:absolute;inset:-18px -28px;background:radial-gradient(ellipse at center,rgba(0,0,0,.55),transparent 72%);z-index:-1;border-radius:26px}
.slider .hero-cap .slide-title{font-family:"Markazi Text",serif;font-weight:700;line-height:1.3;font-size:calc(clamp(1.2rem,3.2vw,2.3rem) * var(--tsize,1));margin:0}
.slider .hero-cap .slide-sub{font-size:clamp(.9rem,2vw,1.18rem);line-height:1.7;margin:0}

/* ===== v5.6: premium video playlist (list right, player left) ===== */
.edu-player{display:flex;gap:22px;margin-top:32px;align-items:flex-start}
.edu-list{order:1;flex:0 0 35%;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;max-height:66vh;overflow:auto;padding-inline-end:4px}
.edu-main{order:2;flex:1 1 auto;background:#0c0c0e;border-radius:18px;overflow:hidden;border:1px solid var(--gold-soft);box-shadow:0 24px 50px -30px rgba(0,0,0,.75);position:relative}
.edu-main video{width:100%;height:100%;max-height:66vh;aspect-ratio:16/9;object-fit:contain;background:#0c0c0e;display:block}
.edu-embed{position:relative;width:100%;aspect-ratio:16/9}
.edu-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.edu-item{display:flex;align-items:center;gap:12px;width:100%;text-align:right;padding:10px 12px;border-radius:14px;border:1px solid rgba(203,168,97,.3);background:rgba(255,255,255,.05);color:#f1ead8;cursor:pointer;transition:background .25s,border-color .25s,transform .2s,box-shadow .25s}
.edu-item:hover{background:rgba(255,255,255,.09);transform:translateY(-2px)}
.edu-item.active{background:linear-gradient(120deg,rgba(203,168,97,.24),rgba(203,168,97,.07));border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold),0 16px 32px -22px var(--gold)}
.edu-item .play-ic{flex:0 0 auto;width:40px;height:40px;border-radius:50%;background:var(--gold);color:#3a2a10;display:grid;place-items:center}
.edu-item .play-ic svg{width:18px;height:18px}
.edu-item .edu-name{flex:1 1 auto;font-family:"Markazi Text",serif;font-weight:600;font-size:1.15rem;line-height:1.4}
.edu-thumb{flex:0 0 auto;width:78px;height:54px;border-radius:9px;overflow:hidden;border:1px solid rgba(203,168,97,.4)}
.edu-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.edu-num{flex:0 0 auto;width:30px;text-align:center;font-family:"Markazi Text",serif;font-weight:700;font-size:1.35rem;color:var(--gold-soft)}
@media(max-width:900px){
	.edu-player{flex-direction:column}
	.edu-main{order:1;width:100%}
	.edu-list{order:2;flex:auto;width:100%;max-height:none}
}
@media(max-width:700px){
	.edu-main video{max-height:210px}
	.edu-thumb{width:62px;height:44px}
	.edu-item .edu-name{font-size:1.05rem}
}

/* ===== v5.7: slider scrim, full-link, custom font, text animations ===== */
.slider .slide-scrim{position:absolute;inset:0;z-index:2;pointer-events:none}
.slider .hero-cap{z-index:3}
.slider .slide-full{position:absolute;inset:0;z-index:4;display:block;text-indent:-9999px;overflow:hidden}
.full-both{display:block}
.full-desktop{display:block}
.full-mobile{display:none}
@media(max-width:700px){
	.full-desktop{display:none}
	.full-mobile{display:block}
}
.slider .hero-cap.nowrap .slide-title{white-space:nowrap}
.slider .hero-cap.usefont .slide-title,.slider .hero-cap.usefont .slide-sub{font-family:'AnsarSlideFont','Markazi Text',serif}

/* text animations (run when the slide becomes active) */
.slider .hero-cap.anim-fade .slide-title,.slider .hero-cap.anim-fade .slide-sub,
.slider .hero-cap.anim-up .slide-title,.slider .hero-cap.anim-up .slide-sub{opacity:0}
.slider .slide.active .hero-cap.anim-fade .slide-title{animation:ansar-fade .9s ease .1s both}
.slider .slide.active .hero-cap.anim-fade .slide-sub{animation:ansar-fade .9s ease .35s both}
.slider .slide.active .hero-cap.anim-up .slide-title{animation:ansar-up 1s cubic-bezier(.2,.7,.2,1) .1s both}
.slider .slide.active .hero-cap.anim-up .slide-sub{animation:ansar-up 1s cubic-bezier(.2,.7,.2,1) .32s both}
@keyframes ansar-fade{from{opacity:0}to{opacity:1}}
@keyframes ansar-up{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
.slider .hero-cap.anim-word .slide-title > .w{display:inline-block;opacity:0;white-space:pre}
.slider .slide.active .hero-cap.anim-word .slide-title > .w{animation:ansar-up .6s ease both;animation-delay:calc(var(--wi,0) * .08s)}

/* ===== v5.8: color var, anim speed wiring, per-device link, real mobile preview ===== */
/* force chosen color on BOTH title and subtitle */
.slider .hero-cap .slide-title,.slider .hero-cap .slide-sub{color:var(--capcolor,#fff)!important}

/* multi-line title support */
.slider .hero-cap .slide-title{white-space:pre-line}
.slider .hero-cap.nowrap .slide-title{white-space:nowrap}

/* animation speed (via --amul) — re-declare to override fixed durations */
.slider .slide.active .hero-cap.anim-fade .slide-title{animation:ansar-fade calc(.9s * var(--amul,1)) ease .1s both}
.slider .slide.active .hero-cap.anim-fade .slide-sub{animation:ansar-fade calc(.9s * var(--amul,1)) ease calc(.3s * var(--amul,1)) both}
.slider .slide.active .hero-cap.anim-up .slide-title{animation:ansar-up calc(1s * var(--amul,1)) cubic-bezier(.2,.7,.2,1) .1s both}
.slider .slide.active .hero-cap.anim-up .slide-sub{animation:ansar-up calc(1s * var(--amul,1)) cubic-bezier(.2,.7,.2,1) calc(.3s * var(--amul,1)) both}
.slider .slide.active .hero-cap.anim-word .slide-title > .w{animation:ansar-up calc(.6s * var(--amul,1)) ease both;animation-delay:calc(var(--wi,0) * .08s * var(--amul,1))}

/* per-device clickability */
@media(min-width:701px){ .slider .no-d{pointer-events:none} }
@media(max-width:700px){ .slider .no-m{pointer-events:none} }

/* admin: mobile preview reflects the REAL site (horizontal, compact) */
.asl-mobile{flex:0 0 210px !important}
.asl-prev-m{aspect-ratio:1.7/1 !important}

/* ===== v5.9: desktop/mobile separate captions ===== */
.slider .hero-cap.cap-m{display:none}
@media(max-width:700px){
	.slider .hero-cap.cap-d{display:none}
	.slider .hero-cap.cap-m{display:flex}
}

/* ===== v7.0: layered (Apple-style) layout slides ===== */
.slider .lay-slide{position:absolute;inset:0;overflow:hidden;display:block}
.lay-slide .lay-bg{position:absolute;inset:0;z-index:0;display:block}
.lay-slide .lay-bg-m{display:none}
@media(max-width:900px){
	.lay-slide .lay-bg-m{display:block}
	.lay-slide .lay-bg-m + .lay-bg,.lay-slide .lay-bg:not(.lay-bg-m):has(~ .lay-bg-m){display:none}
}
.lay-slide .lay-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.lay-slide .lay-dim{position:absolute;inset:0;z-index:1;pointer-events:none}

.lay{position:absolute;transform:translate(50%,-50%);display:block;direction:rtl;line-height:1.35;text-decoration:none}
.lay img{display:block;width:100%;height:auto}
.lay .lay-t{display:block;font-size:calc(clamp(1rem,2.6vw,2.4rem) * var(--lsize,1))}
.lay-button{padding:.62em 1.5em;text-decoration:none;transition:transform .25s ease,filter .25s ease;white-space:nowrap}
.lay-button:hover{transform:translate(50%,-50%) scale(1.05);filter:brightness(1.08)}
.lay-button .lay-t{font-size:calc(clamp(.85rem,1.5vw,1.1rem) * var(--lsize,1))}
.lay.nowrap .lay-t{white-space:pre}
a.lay{cursor:pointer}
a.lay-image:hover img{transform:scale(1.03);transition:transform .4s ease}

.lay.only-m{display:none}
@media(max-width:900px){
	.lay.only-d{display:none}
	.lay.only-m{display:block}
}
.lay.no-d{display:none}
@media(max-width:900px){
	.lay.no-d{display:block}
	.lay.no-m{display:none}
	.lay.no-d.no-m{display:none}
}
.lay.no-d.no-m{display:none!important}

/* entrance animations for layers */
.lay-slide.active .lanim-fade.in-view{animation:lay-fade var(--adur,900ms) ease both}
.lay-slide.active .lanim-up.in-view{animation:lay-up var(--adur,900ms) cubic-bezier(.2,.7,.2,1) both}
.lay-slide.active .lanim-down.in-view{animation:lay-down var(--adur,900ms) cubic-bezier(.2,.7,.2,1) both}
.lay-slide.active .lanim-right.in-view{animation:lay-right var(--adur,900ms) cubic-bezier(.2,.7,.2,1) both}
.lay-slide.active .lanim-left.in-view{animation:lay-left var(--adur,900ms) cubic-bezier(.2,.7,.2,1) both}
.lay-slide.active .lanim-zoom.in-view{animation:lay-zoom var(--adur,900ms) cubic-bezier(.2,.7,.2,1) both}
@keyframes lay-fade{from{opacity:0}to{opacity:1}}
@keyframes lay-up{from{opacity:0;transform:translate(50%,calc(-50% + 40px))}to{opacity:1;transform:translate(50%,-50%)}}
@keyframes lay-down{from{opacity:0;transform:translate(50%,calc(-50% - 40px))}to{opacity:1;transform:translate(50%,-50%)}}
@keyframes lay-right{from{opacity:0;transform:translate(calc(50% + 50px),-50%)}to{opacity:1;transform:translate(50%,-50%)}}
@keyframes lay-left{from{opacity:0;transform:translate(calc(50% - 50px),-50%)}to{opacity:1;transform:translate(50%,-50%)}}
@keyframes lay-zoom{from{opacity:0;transform:translate(50%,-50%) scale(.86)}to{opacity:1;transform:translate(50%,-50%) scale(1)}}

/* looping animations */
.lloop-float > *{animation:lay-float var(--ldur,4500ms) ease-in-out infinite}
.lloop-sway > *{animation:lay-sway var(--ldur,6000ms) ease-in-out infinite}
.lloop-pulse > *{animation:lay-pulse var(--ldur,3000ms) ease-in-out infinite}
.lloop-glow > *{animation:lay-glow var(--ldur,3200ms) ease-in-out infinite}
@keyframes lay-float{0%,100%{transform:translateY(0)}50%{transform:translateY(calc(-14px * var(--lamt,1)))}}
@keyframes lay-sway{0%,100%{transform:rotate(calc(-1.8deg * var(--lamt,1)))}50%{transform:rotate(calc(1.8deg * var(--lamt,1)))}}
@keyframes lay-pulse{0%,100%{transform:scale(1)}50%{transform:scale(calc(1 + .05 * var(--lamt,1)))}}
@keyframes lay-glow{0%,100%{filter:brightness(1)}50%{filter:brightness(calc(1 + .2 * var(--lamt,1))) drop-shadow(0 0 calc(20px * var(--lamt,1)) var(--gcol,rgba(255,255,255,.5)))}}

/* scroll reveal */
.lay-scroll{transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}


@media(prefers-reduced-motion:reduce){
	.lloop-float,.lloop-sway,.lloop-pulse,.lloop-glow{animation:none}
}

/* layout-slider height driven by the editor values */
.slider.has-layout:not(.hadith-slider):not(.mini-slider):not(.content-slider){height:var(--lh,46vh)!important;min-height:280px;max-height:none!important;aspect-ratio:auto!important}
@media(max-width:900px){.slider.has-layout:not(.hadith-slider):not(.mini-slider):not(.content-slider){height:var(--lhm,62vh)!important;min-height:320px}}

/* v7.1 fixes: image radius, animation replay, layer stacking */
.lay-image img{border-radius:var(--lrad,0)}
.lay-button{cursor:pointer;border:0;display:inline-block}
a.lay,div.lay{-webkit-tap-highlight-color:transparent}

/* v7.2: multi-line text in layers (Enter = new line) unless "one-line" is on */
.lay .lay-t{white-space:pre-line}
.lay.nowrap .lay-t{white-space:pre}
.lay-button{white-space:normal}
.lay-button.nowrap,.lay-button.nowrap .lay-t{white-space:pre}
.slider .hero-cap .slide-title{white-space:pre-line}
.slider .hero-cap.nowrap .slide-title{white-space:nowrap}

/* ===== v7.4: reliable line-height + automatic mobile stacking ===== */
.lay .lay-t{line-height:1.4}
.lay-slide{line-height:1.4}

.lay-layers{position:absolute;inset:0;z-index:2}

/* AUTO mobile layout: layers stack vertically and center themselves */
@media(max-width:900px){
	.lay-slide.mstack .lay-layers{
		display:flex;flex-direction:column;align-items:center;justify-content:center;
		gap:3.5vw;padding:6vw 6vw;text-align:center
	}
	.lay-slide.mstack .lay{
		position:relative!important;right:auto!important;top:auto!important;left:auto!important;
		transform:none!important;width:auto!important;max-width:100%;flex:0 0 auto
	}
	.lay-slide.mstack .lay-image{width:min(62%,300px)!important}
	.lay-slide.mstack .lay-image img{width:100%}
	.lay-slide.mstack .lay .lay-t{font-size:calc(clamp(1.05rem,5vw,1.85rem) * var(--lsize,1))}
	.lay-slide.mstack .lay-button .lay-t{font-size:calc(clamp(.9rem,3.6vw,1.1rem) * var(--lsize,1))}
	.lay-slide.mstack .lay.only-m{display:none}
	.lay-slide.mstack .lay.only-d{display:block}
	
	
	.lay-slide.mstack.active .lanim-up.in-view{animation:lay-up-s var(--adur,900ms) cubic-bezier(.2,.7,.2,1) both}
	.lay-slide.mstack.active .lanim-down.in-view{animation:lay-up-s var(--adur,900ms) cubic-bezier(.2,.7,.2,1) both}
	.lay-slide.mstack.active .lanim-right.in-view,
	.lay-slide.mstack.active .lanim-left.in-view,
	.lay-slide.mstack.active .lanim-zoom.in-view{animation:lay-fade var(--adur,900ms) ease both}
	.lay-slide.mstack .lloop-float > *,.lay-slide.mstack .lloop-sway > *,.lay-slide.mstack .lloop-pulse > *{animation:none}
}
@keyframes lay-up-s{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}

/* ===== v7.5: text scale identical to the editor preview ===== */
.lay .lay-t{font-size:max(13px, calc(2.4vw * var(--lsize,1)));line-height:1.4}
.lay-button .lay-t{font-size:max(12px, calc(1.05vw * var(--lsize,1)))}
@media(max-width:900px){
	.lay-slide:not(.mstack) .lay .lay-t{font-size:max(13px, calc(4.6vw * var(--lsize,1)))}
	.lay-slide:not(.mstack) .lay-button .lay-t{font-size:max(12px, calc(2.6vw * var(--lsize,1)))}
}

/* ===== v7.6: word-by-word for layers, justify all lines, safety ===== */
.lay .lay-t{line-height:var(--llh,1.4)}
.lay-t > .w{display:inline-block;white-space:pre}
.lay-slide.active .lanim-word.in-view .lay-t > .w{
	animation:lay-up-w calc(var(--adur,900ms) * .8) cubic-bezier(.2,.7,.2,1) both;
	animation-delay:calc(var(--wi,0) * var(--adur,900ms) * .10)
}
@keyframes lay-up-w{from{opacity:0;transform:translateY(.5em)}to{opacity:1;transform:none}}
/* a layer must never end up permanently invisible */
.lay{opacity:1}
.lay-slide.active .lanim-word.in-view{opacity:1}

/* ===== v7.7 CRITICAL: layer images must not inherit the full-bleed slide-image rules ===== */
.slider .lay img,
.slider .slide .lay img,
.slider:not(.hadith-slider):not(.mini-slider):not(.content-slider) .slide .lay img{
	position:static!important;
	inset:auto!important;
	width:100%!important;
	height:auto!important;
	max-width:100%!important;
	object-fit:contain!important;
	object-position:center!important;
	background:transparent!important;
	display:block!important;
	animation:none!important;
	transform:none
}
.slider .lay.lloop-float > img,
.slider .lay.lloop-sway > img,
.slider .lay.lloop-pulse > img,
.slider .lay.lloop-glow > img{animation-name:inherit}
.slider .lay-image{min-height:1px}
/* re-enable the loop animations for layer images (the reset above cleared them) */
.slider .lloop-float > img{animation:lay-float var(--ldur,4500ms) ease-in-out infinite!important}
.slider .lloop-sway  > img{animation:lay-sway  var(--ldur,6000ms) ease-in-out infinite!important}
.slider .lloop-pulse > img{animation:lay-pulse var(--ldur,3000ms) ease-in-out infinite!important}
.slider .lloop-glow  > img{animation:lay-glow  var(--ldur,3200ms) ease-in-out infinite!important}

/* ===== v7.8: hover effects, side-by-side on mobile, image protection ===== */
.lay[class*="lhov-"]{transition:transform .35s cubic-bezier(.2,.7,.2,1),filter .35s ease,box-shadow .35s ease;cursor:pointer}
.lay.lhov-lift:hover{transform:translate(50%,calc(-50% - 12px));filter:drop-shadow(0 20px 28px rgba(0,0,0,.3))}
.lay.lhov-zoom:hover{transform:translate(50%,-50%) scale(1.07)}
.lay.lhov-shift:hover{transform:translate(calc(50% - 10px),-50%)}
.lay.lhov-glow:hover{filter:brightness(1.16) drop-shadow(0 0 18px var(--gcol,rgba(255,255,255,.55)))}

/* layers waiting for their entrance keep the animation's own backwards fill only */
.anim-js .lay-slide.active .lay[class*="lanim-"]:not(.in-view){opacity:0}
.anim-js .lay-slide:not(.active) .lay[class*="lanim-"]{opacity:0}

@media(max-width:900px){
	.lay-slide.mstack .lay-layers{flex-direction:row;flex-wrap:wrap;align-content:center}
	.lay-slide.mstack .lay{flex:0 0 100%}
	.lay-slide.mstack .lay.minline{flex:0 1 auto;width:auto!important;max-width:48%}
	.lay-slide.mstack .lay.minline.lay-image{width:min(38%,180px)!important}
	.lay.lhov-lift:hover,.lay.lhov-zoom:hover,.lay.lhov-shift:hover{transform:none}
	.lay-slide.mstack .lay.lhov-zoom:hover{transform:scale(1.05)}
}

/* pictures inside layers are not directly saveable / draggable */
.lay img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;user-drag:none;pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.lay-slide{-webkit-touch-callout:none}