@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Amiri:ital,wght@0,400;0,700;1,400&display=swap";:root{--bg: #F5F0E8;--bg-alt: #EDE7DB;--surface: #FFFFFF;--surface-hover: #FAFAF7;--accent: #2E7D32;--accent-light: #4CAF50;--accent-soft: #E8F5E9;--highlight: #1B5E20;--secondary: #C9A84C;--secondary-light: #FFD54F;--text: #1A1A1A;--text-muted: rgba(26, 26, 26, .55);--text-on-accent: #FFFFFF;--border: rgba(46, 125, 50, .15);--border-subtle: rgba(0, 0, 0, .06);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .1);--whatsapp: #25D366;--text-xs: clamp(.8rem, .7rem + .3vw, .9rem);--text-sm: clamp(.9rem, .82rem + .35vw, 1.05rem);--text-base: clamp(1rem, .9rem + .45vw, 1.15rem);--text-lg: clamp(1.15rem, 1rem + .6vw, 1.4rem);--text-xl: clamp(1.35rem, 1.1rem + 1.1vw, 1.85rem);--text-2xl: clamp(1.7rem, 1.3rem + 1.7vw, 2.4rem);--text-3xl: clamp(2.1rem, 1.5rem + 2.8vw, 3.2rem);--text-hero: clamp(2.4rem, 1.6rem + 3.5vw, 4rem);--space-2xs: clamp(.25rem, .2rem + .25vw, .375rem);--space-xs: clamp(.5rem, .4rem + .5vw, .75rem);--space-sm: clamp(.75rem, .6rem + .75vw, 1.125rem);--space-md: clamp(1rem, .8rem + 1vw, 1.5rem);--space-lg: clamp(1.5rem, 1.1rem + 2vw, 2.5rem);--space-xl: clamp(2rem, 1.5rem + 2.5vw, 3.5rem);--space-2xl: clamp(3rem, 2rem + 4vw, 5rem);--space-3xl: clamp(4rem, 3rem + 5vw, 7rem);--container-max: 1200px;--container-pad: clamp(1rem, .5rem + 2vw, 2rem);--nav-height: 64px;--border-radius: 12px;--border-radius-sm: 8px;--border-radius-lg: 20px;--border-radius-full: 9999px;--ease-out: cubic-bezier(.22, 1, .36, 1);--transition-fast: .15s var(--ease-out);--transition-med: .3s var(--ease-out);--transition-slow: .5s var(--ease-out)}:root[data-theme=dark]{--bg: #0D1B0E;--bg-alt: #142016;--surface: #1A3A1C;--surface-hover: #224A25;--accent: #4CAF50;--accent-light: #81C784;--accent-soft: rgba(76, 175, 80, .12);--highlight: #81C784;--text: #F5F0E8;--text-muted: rgba(245, 240, 232, .55);--text-on-accent: #0D1B0E;--border: rgba(76, 175, 80, .2);--border-subtle: rgba(255, 255, 255, .06);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .5)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:var(--text-base);line-height:1.65;color:var(--text);background-color:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:700;color:var(--text)}h1{font-size:var(--text-hero)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}p{max-width:65ch;margin-bottom:var(--space-sm)}.text-accent{color:var(--accent)}.text-muted{color:var(--text-muted)}.text-gold{color:var(--secondary)}.text-center{text-align:center}.font-arabic{font-family:Amiri,serif;direction:rtl}.font-serif{font-family:Amiri,Georgia,serif}a{color:var(--accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--highlight)}img,video{max-width:100%;height:auto;display:block}ul,ol{padding-left:1.5em}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--container-pad)}.section{padding:var(--space-2xl) 0}.section--accent{background:#2e7d320a}.section--alt{background:#f5f0e899}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.grid{display:grid;gap:var(--space-md)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}.btn{display:inline-flex;align-items:center;gap:.5em;padding:.7em 1.5em;font-family:inherit;font-size:var(--text-sm);font-weight:600;border:none;border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.btn--primary{background:var(--accent);color:var(--text-on-accent)}.btn--primary:hover{background:var(--highlight);color:var(--text-on-accent);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn--outline{background:transparent;color:var(--accent);border:2px solid var(--accent)}.btn--outline:hover{background:var(--accent);color:var(--text-on-accent)}.btn--whatsapp{background:var(--whatsapp);color:#fff}.btn--whatsapp:hover{background:#1ebe55;color:#fff;transform:translateY(-1px);box-shadow:var(--shadow-md)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100%;left:0;background:var(--accent);color:#fff;padding:.5em 1em;z-index:9999}.skip-link:focus{top:0}.fade-in{opacity:0;transform:translateY(20px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}.fade-in.visible{opacity:1;transform:translateY(0)}.card{background:var(--surface);border-radius:var(--border-radius);padding:var(--space-md);box-shadow:var(--shadow-sm);border:1px solid var(--border-subtle);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.card--accent{border-left:4px solid var(--accent)}.card--gold{border-left:4px solid var(--secondary)}.card--flat{box-shadow:none;border:1px solid var(--border)}.card--flat:hover{transform:none;box-shadow:none;background:var(--surface-hover)}.nav{position:fixed;top:0;left:0;right:0;height:var(--nav-height);background:var(--surface);border-bottom:1px solid var(--border-subtle);z-index:1000;transition:background var(--transition-med),box-shadow var(--transition-med)}.nav.scrolled{box-shadow:var(--shadow-sm)}.nav__inner{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-pad);height:100%;display:flex;align-items:center;justify-content:space-between}.nav__logo{display:flex;align-items:center;gap:.5em;font-size:var(--text-lg);font-weight:700;color:var(--accent);text-decoration:none}.nav__logo-icon{font-size:1.4em}.nav__links{display:flex;align-items:center;gap:var(--space-md);list-style:none;padding:0}.nav__link{font-size:var(--text-sm);font-weight:500;color:var(--text-muted);text-decoration:none;padding:.4em 0;border-bottom:2px solid transparent;transition:color var(--transition-fast),border-color var(--transition-fast)}.nav__link:hover,.nav__link.active{color:var(--accent);border-bottom-color:var(--accent)}.nav__hamburger{display:none;background:none;border:none;cursor:pointer;padding:.5em;color:var(--text)}.nav__hamburger svg{width:24px;height:24px}.lang-dropdown{position:relative;margin-left:var(--space-xs)}.lang-dropdown__toggle{font-family:inherit;font-size:var(--text-xs);font-weight:600;padding:.35em .65em;border:1px solid var(--border);border-radius:var(--border-radius-full);background:var(--bg-alt);color:var(--text);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;display:flex;align-items:center;gap:.3em;line-height:1}.lang-dropdown__toggle:hover{background:var(--bg);border-color:var(--accent)}.lang-dropdown__menu{position:absolute;top:calc(100% + 8px);right:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--border-radius);box-shadow:0 8px 32px #0000001f;min-width:260px;z-index:1000;padding:.4em;display:grid;grid-template-columns:1fr 1fr;gap:2px;opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity .2s ease,transform .2s ease;visibility:hidden}.lang-dropdown__menu.open{opacity:1;transform:translateY(0);pointer-events:auto;visibility:visible}[dir=rtl] .lang-dropdown__menu{right:auto;left:0}.lang-menu__item{font-family:inherit;font-size:var(--text-sm);padding:.55em .7em;border:none;border-radius:calc(var(--border-radius) - 2px);background:transparent;color:var(--text);cursor:pointer;text-align:left;transition:background var(--transition-fast);white-space:nowrap}.lang-menu__item:hover{background:var(--bg-alt)}.lang-menu__item.active{color:var(--accent);font-weight:600;background:var(--bg-alt)}@media(max-width:768px){.nav__links{position:fixed;top:var(--nav-height);left:0;right:0;bottom:0;flex-direction:column;background:var(--surface);padding:var(--space-lg);gap:var(--space-sm);transform:translate(100%);transition:transform var(--transition-med);z-index:999}.nav__links.open{transform:translate(0)}.nav__link{font-size:var(--text-lg);padding:var(--space-xs) 0;border-bottom:1px solid var(--border-subtle);width:100%}.nav__hamburger{display:block}}.hero{position:relative;min-height:calc(100vh - var(--nav-height));min-height:calc(100dvh - var(--nav-height));display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;margin-top:var(--nav-height)}@media(max-width:640px){.hero{min-height:70vh}}.hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero__bg img{width:100%;height:100%;object-fit:cover}.hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,rgba(245,240,232,.4) 0%,rgba(245,240,232,.75) 50%,var(--bg) 100%);z-index:1}.hero__content{position:relative;z-index:2;padding:var(--space-2xl) var(--container-pad);max-width:800px}.hero__bismillah{font-family:Amiri,serif;font-size:var(--text-2xl);color:var(--secondary);margin-bottom:var(--space-sm);direction:rtl}.hero__title{font-size:var(--text-hero);font-weight:800;color:var(--accent);margin-bottom:var(--space-xs);letter-spacing:-.02em}.hero__subtitle{font-size:var(--text-xl);color:var(--text-muted);font-weight:400;margin-bottom:var(--space-lg)}.prayer-strip{background:var(--surface);border-radius:var(--border-radius-lg);padding:var(--space-sm) var(--space-md);box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:center;gap:var(--space-xs);flex-wrap:wrap;max-width:700px;margin:0 auto}.prayer-strip__item{display:flex;flex-direction:column;align-items:center;padding:var(--space-xs) var(--space-sm);border-radius:var(--border-radius-sm);transition:background var(--transition-fast);min-width:72px;width:0;flex:1 1 72px}.prayer-strip__item.active{background:var(--accent);color:var(--text-on-accent)}.prayer-strip__name{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.prayer-strip__time{font-size:var(--text-lg);font-weight:700;font-variant-numeric:tabular-nums}.prayer-strip__iqamah{font-size:var(--text-xs);opacity:.65;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}.prayer-strip__item.active .prayer-strip__name,.prayer-strip__item.active .prayer-strip__time{color:var(--text-on-accent)}.prayer-strip__item.iqamah-active{background:var(--secondary);color:#1a1a1a;animation:card-pulse 1.5s ease-in-out infinite}.prayer-strip__item.iqamah-active .prayer-strip__iqamah{color:#1a1a1a;font-weight:700;opacity:1}.prayer-widget{background:var(--surface);border-radius:var(--border-radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-md);border:1px solid var(--border)}.prayer-widget__countdown{text-align:center;margin-bottom:var(--space-md)}.prayer-widget__next-label{font-size:var(--text-sm);color:var(--text-muted);font-weight:500}.prayer-widget__next-time{font-size:var(--text-2xl);font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums}.prayer-widget__cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-xs)}@media(max-width:600px){.prayer-widget__cards{grid-template-columns:repeat(3,1fr)}}.prayer-card{text-align:center;padding:var(--space-sm);border-radius:var(--border-radius-sm);border:1px solid var(--border-subtle);transition:all var(--transition-fast)}.prayer-card__label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;opacity:.5;margin-top:var(--space-2xs)}.prayer-card__iqamah{font-size:var(--text-sm);font-weight:600;font-variant-numeric:tabular-nums;color:var(--secondary)}.prayer-card.active{background:var(--accent);color:var(--text-on-accent);border-color:var(--accent);box-shadow:0 0 12px #2e7d3240}.prayer-card.active .prayer-card__label{opacity:.7}.prayer-card.active .prayer-card__iqamah{color:var(--text-on-accent);opacity:.85}.prayer-card.approaching{background:var(--accent);color:var(--text-on-accent);border-color:var(--accent);animation:card-pulse 2s ease-in-out infinite}.prayer-card.approaching .prayer-card__label{opacity:.7}.prayer-card.approaching .prayer-card__iqamah{color:var(--text-on-accent);opacity:.85}.prayer-card.iqamah-active{background:var(--secondary);color:#1a1a1a;border-color:var(--secondary);box-shadow:0 0 16px #c9a84c59;animation:card-pulse 1.5s ease-in-out infinite}.prayer-card.iqamah-active .prayer-card__label{opacity:.7}.prayer-card.iqamah-active .prayer-card__iqamah{color:#1a1a1a;font-weight:700}.prayer-card.passed{opacity:.35}@keyframes card-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.countdown--iqamah{color:var(--secondary)!important}.countdown--approaching{animation:countdown-pulse 1.5s ease-in-out infinite}@keyframes countdown-pulse{0%,to{opacity:1}50%{opacity:.6}}.prayer-card__name{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25em}.prayer-card__adhan{font-size:var(--text-lg);font-weight:700;font-variant-numeric:tabular-nums}.prayer-card__iqamah{font-size:var(--text-xs);color:var(--text-muted);margin-top:.25em}.prayer-card.active .prayer-card__name,.prayer-card.active .prayer-card__adhan{color:var(--text-on-accent)}.prayer-card.active .prayer-card__iqamah{color:#ffffffbf}.section-header{text-align:center;margin-bottom:var(--space-xl)}.section-header__ornament{color:var(--secondary);font-size:var(--text-lg);margin-bottom:var(--space-xs);display:inline-block;animation:ornament-spin 6s ease-in-out infinite}.section-header__ornament:before,.section-header__ornament:after{content:none}.section-header h2{color:var(--accent);margin-bottom:var(--space-xs)}.section-header p{color:var(--text-muted);font-size:var(--text-lg);max-width:50ch;margin:0 auto}.resto-card{background:var(--surface);border-radius:var(--border-radius);padding:var(--space-md);box-shadow:var(--shadow-sm);border:1px solid var(--border-subtle);border-top:3px solid var(--accent);transition:transform var(--transition-fast),box-shadow var(--transition-fast);display:flex;flex-direction:column}.resto-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.resto-card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs);margin-bottom:.25em}.resto-card__name{font-size:var(--text-lg);font-weight:700;color:var(--accent)}.resto-badge{font-size:.65em;font-weight:700;padding:2px 8px;border-radius:var(--border-radius-full);white-space:nowrap;letter-spacing:.02em;flex-shrink:0}.resto-badge--halal{background:#e8f5e9;color:#2e7d32}.resto-badge--friendly{background:#fff3e0;color:#e65100}.resto-card__cuisine{display:inline-block;font-size:var(--text-xs);font-weight:600;background:var(--secondary-light);color:#5d4e00;padding:.2em .7em;border-radius:var(--border-radius-full);margin-bottom:var(--space-xs)}.resto-card__desc{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-sm)}.resto-card__link{font-size:var(--text-sm);font-weight:600;color:var(--accent);display:block;margin-top:auto;padding-top:var(--space-xs)}.filter-pills{display:flex;flex-wrap:wrap;gap:var(--space-xs);justify-content:center;margin-bottom:var(--space-lg)}.filter-pill{font-family:inherit;font-size:var(--text-sm);font-weight:500;padding:.4em 1em;border-radius:var(--border-radius-full);border:2px solid var(--border);background:transparent;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.filter-pill:hover{border-color:var(--accent);color:var(--accent)}.filter-pill.active{background:var(--accent);border-color:var(--accent);color:var(--text-on-accent)}.hadith-card{background:var(--accent-soft);border-radius:var(--border-radius);padding:var(--space-lg);text-align:center;max-width:700px;margin:0 auto}.hadith-card__star{color:var(--secondary);font-size:var(--text-xl);margin-bottom:var(--space-xs);animation:ornament-spin 6s ease-in-out infinite;display:inline-block}.hadith-card__text{font-family:Amiri,Georgia,serif;font-size:var(--text-lg);font-style:italic;color:var(--text);line-height:1.7;margin-bottom:var(--space-sm)}.hadith-card__source{font-size:var(--text-sm);color:var(--text-muted);font-weight:500}.jumuah-card{background:var(--accent-soft);border-radius:var(--border-radius);padding:var(--space-lg);border-left:4px solid var(--secondary)}.jumuah-card__icon{font-size:var(--text-2xl);color:var(--secondary);margin-bottom:var(--space-xs)}.jumuah-card__title{font-size:var(--text-xl);font-weight:700;color:var(--accent);margin-bottom:var(--space-2xs)}.jumuah-card__time{font-size:var(--text-2xl);font-weight:800;color:var(--accent)}.jumuah-card__desc{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-xs)}.whatsapp-cta{background:var(--surface);border-radius:var(--border-radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-md);border-left:5px solid var(--whatsapp);display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.whatsapp-cta__icon{width:56px;height:56px;flex-shrink:0}.whatsapp-cta__body{flex:1;min-width:200px}.whatsapp-cta__number{font-size:var(--text-2xl);font-weight:700;color:var(--text);margin-bottom:.1em;font-variant-numeric:tabular-nums}.whatsapp-cta__desc{font-size:var(--text-sm);color:var(--text-muted)}.fab-whatsapp{position:fixed;bottom:var(--space-md);right:var(--space-md);width:56px;height:56px;border-radius:50%;background:var(--whatsapp);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #25d36659;z-index:900;transition:transform var(--transition-fast),box-shadow var(--transition-fast);text-decoration:none}.fab-whatsapp:hover{transform:scale(1.1);box-shadow:0 6px 24px #25d36680;color:#fff}.fab-whatsapp svg{width:28px;height:28px}.footer{background:var(--accent);color:var(--text-on-accent);padding:var(--space-xl) 0 var(--space-md)}.footer a{color:#ffffffd9}.footer a:hover{color:#fff}.footer__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:var(--space-lg);margin-bottom:var(--space-lg)}.footer__heading{font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-sm);opacity:.8}.footer__list{list-style:none;padding:0}.footer__list li+li{margin-top:var(--space-2xs)}.footer__bottom{border-top:1px solid rgba(255,255,255,.2);padding-top:var(--space-md);text-align:center;font-size:var(--text-xs);opacity:.7}.map-container{border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--border-subtle)}.map-container iframe{width:100%;height:300px;border:none}.activity-card{background:var(--surface);border-radius:var(--border-radius);padding:var(--space-md);text-align:center;border:1px solid var(--border-subtle);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.activity-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.activity-card__icon{font-size:var(--text-2xl);margin-bottom:var(--space-xs)}.activity-card__title{font-size:var(--text-base);font-weight:600;color:var(--text)}.activity-card__desc{font-size:var(--text-sm);color:var(--text-muted);margin-top:.25em}.ornament{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);margin:var(--space-md) 0;color:var(--secondary);font-size:1.2em}.ornament__star{display:inline-block;animation:ornament-spin 6s ease-in-out infinite}@keyframes ornament-spin{0%,to{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.15)}}.ornament:before,.ornament:after{content:"";height:1px;width:60px;background:linear-gradient(to right,transparent,var(--secondary),transparent)}.hadith-card{position:relative;padding-right:80px}.hadith-card__text{transition:opacity .8s ease,filter .8s ease,transform .8s ease}.hadith-card__text.hadith-fading{opacity:0;filter:blur(4px);transform:translateY(-6px)}.hadith-card__text.hadith-shimmer{background:linear-gradient(to right,var(--text) 0%,var(--secondary) 10%,var(--text) 20%);background-size:2000px 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:hadith-shimmer-sweep 2.5s linear forwards}@keyframes hadith-shimmer-sweep{0%{background-position-x:-200px}to{background-position-x:1200px}}.audio-btn{display:inline-flex;align-items:center;justify-content:center;background:none;border:1px solid var(--border);border-radius:50%;width:28px;height:28px;font-size:14px;cursor:pointer;margin-left:6px;vertical-align:middle;transition:all .2s ease;color:var(--accent)}.audio-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent);transform:scale(1.1)}.audio-btn:active{transform:scale(.95)}.halal-jump__link{display:inline-flex;align-items:center;gap:4px;padding:.4em .9em;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;text-decoration:none;color:var(--text-muted);background:#fff9;border:1px solid var(--border);transition:all .25s ease}.halal-jump__link:hover{color:var(--accent);border-color:var(--accent);background:#ffffffe6;transform:translateY(-1px)}html{scroll-behavior:smooth;scroll-padding-top:80px}.faq-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--border-radius);margin-bottom:var(--space-xs);overflow:hidden}.faq-question{padding:var(--space-sm) var(--space-md);font-weight:600;font-size:var(--text-sm);cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;color:var(--text)}.faq-question:after{content:"+";font-size:1.2em;font-weight:700;color:var(--accent);transition:transform .2s ease}details[open] .faq-question:after{content:"−"}.faq-question::-webkit-details-marker{display:none}.faq-answer{padding:0 var(--space-md) var(--space-sm);font-size:var(--text-sm);line-height:1.6;color:var(--text-muted)}.disclaimer{background:#fff8e1;border:1px solid #FFE082;border-radius:var(--border-radius-sm);padding:var(--space-md);font-size:var(--text-sm);color:#5d4e00}.disclaimer__icon{margin-right:.3em}.made-with-love{font-size:12px;color:var(--text-muted);opacity:.35;font-weight:400;letter-spacing:.5px;white-space:nowrap;-webkit-user-select:none;user-select:none}.footer__bottom{display:flex;justify-content:center;align-items:center;gap:var(--space-md);flex-wrap:wrap}.hadith-card{position:relative}.hadith-card__next{position:absolute;right:var(--space-sm);top:50%;transform:translateY(-50%);background:var(--secondary);border:none;border-radius:50%;width:44px;height:44px;font-size:22px;line-height:1;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;transition:all .3s ease;opacity:.85;box-shadow:0 2px 8px #00000026}.hadith-card__next:hover{opacity:1;transform:translateY(-50%) scale(1.15);box-shadow:0 4px 12px #00000040}.hadith-card__next:active{transform:translateY(-50%) scale(.95)}.section-header{text-align:center}.photo-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:var(--space-md)}.photo-gallery__item{border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-md)}.photo-gallery__item img{width:100%;height:250px;object-fit:cover;display:block;transition:transform .4s ease}.photo-gallery__item:hover img{transform:scale(1.03)}.lang-suggestion{position:fixed;bottom:0;left:0;right:0;z-index:9999;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:#1e1e1eeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;font-size:var(--text-sm);transform:translateY(100%);opacity:0;transition:transform .4s cubic-bezier(.22,1,.36,1),opacity .4s ease}.lang-suggestion.visible{transform:translateY(0);opacity:1}.lang-suggestion__icon{font-size:1.2em;flex-shrink:0}.lang-suggestion__text{flex:0 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lang-suggestion__btn{background:var(--accent);color:#fff;border:none;padding:6px 14px;border-radius:6px;font-size:var(--text-xs);font-weight:600;cursor:pointer;white-space:nowrap;transition:background .2s ease,transform .15s ease;flex-shrink:0}.lang-suggestion__btn:hover{background:var(--accent-hover, var(--accent));transform:scale(1.03)}.lang-suggestion__close{background:none;border:none;color:#fff9;font-size:1.1em;cursor:pointer;padding:4px 8px;border-radius:4px;transition:color .2s ease,background .2s ease;flex-shrink:0}.lang-suggestion__close:hover{color:#fff;background:#ffffff1a}[dir=rtl] .lang-suggestion{flex-direction:row-reverse}@media(max-width:600px){.lang-suggestion{flex-wrap:wrap;gap:6px;padding:var(--space-xs) var(--space-sm);justify-content:center}.lang-suggestion__text{width:100%;text-align:center;white-space:normal}.lang-suggestion__icon{display:none}}