/* Mahallu App — Islamic modern theme. Loaded AFTER style.css; overrides only. */
:root{
  --night:#06140e; --night2:#0b2418; --gold:#d4af5a; --gold-light:#f0d58a; --ivory:#fbf6e9;
  --pat-g:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cg fill='none' stroke='%231a6b3c' stroke-width='1' opacity='.09'%3E%3Crect x='20' y='20' width='40' height='40'/%3E%3Crect x='20' y='20' width='40' height='40' transform='rotate(45 40 40)'/%3E%3Ccircle cx='40' cy='40' r='9'/%3E%3C/g%3E%3C/svg%3E");
  --pat-y:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cg fill='none' stroke='%23d4af5a' stroke-width='1' opacity='.16'%3E%3Crect x='20' y='20' width='40' height='40'/%3E%3Crect x='20' y='20' width='40' height='40' transform='rotate(45 40 40)'/%3E%3Ccircle cx='40' cy='40' r='9'/%3E%3C/g%3E%3C/svg%3E");
}
html{scroll-behavior:smooth}
body{background:var(--ivory)}
::selection{background:var(--gold);color:var(--night)}
.section-title,.logo,.hero-title{font-family:'Amiri','Playfair Display',serif!important}

/* progress bar */
#progress{position:fixed;top:0;left:0;height:3px;width:0;z-index:1100;background:linear-gradient(90deg,#1a6b3c,var(--gold),var(--gold-light));box-shadow:0 0 12px var(--gold)}

/* header */
header{background:rgba(6,20,14,.72)!important;backdrop-filter:blur(18px) saturate(1.4)!important;box-shadow:none!important;border-bottom:1px solid rgba(212,175,90,.25)}
header.scrolled{background:rgba(6,20,14,.94)!important;box-shadow:0 10px 40px rgba(0,0,0,.45)!important}
header .inner{border-bottom:0!important}
.logo-icon{border-radius:50% 50% 12px 12px!important;background:linear-gradient(145deg,var(--gold),var(--gold-light))!important;box-shadow:0 0 18px rgba(212,175,90,.55);animation:glow 3.5s ease-in-out infinite}
nav ul li a{position:relative}
nav ul li a:not(.nav-cta)::after{content:"";position:absolute;left:50%;bottom:0;width:0;height:2px;background:var(--gold);transition:.3s;transform:translateX(-50%);border-radius:2px}
nav ul li a:not(.nav-cta):hover::after{width:60%}
nav ul li a:hover{background:transparent!important;color:var(--gold-light)!important}

/* buttons */
.btn-primary,.nav-cta,.pricing-cta,.main-cta,.btn-call{position:relative;overflow:hidden;border-radius:999px!important;background:linear-gradient(135deg,var(--gold),var(--gold-light))!important;color:var(--night)!important;font-weight:700;box-shadow:0 8px 26px rgba(212,175,90,.35)}
.btn-primary::after,.nav-cta::after,.pricing-cta::after,.main-cta::after{content:"";position:absolute;top:0;left:-70%;width:45%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.65),transparent);transform:skewX(-20deg);animation:shine 4.5s infinite}
.btn-secondary{border-radius:999px!important;border:1.5px solid var(--gold)!important;color:var(--gold-light)!important;background:rgba(212,175,90,.08)!important}
.btn-secondary:hover{background:rgba(212,175,90,.2)!important}
.btn-primary:hover,.pricing-cta:hover,.main-cta:hover{transform:translateY(-3px)}

/* HERO */
#home{background:radial-gradient(ellipse at 50% 0%,#12402b 0%,var(--night2) 45%,var(--night) 100%)!important;isolation:isolate}
#home .hero-grid{display:none}
#home .hero-bg-pattern{position:absolute;inset:-50%;background-image:var(--pat-y);background-size:110px;opacity:.7;animation:spin 240s linear infinite;-webkit-mask-image:radial-gradient(circle,#000 10%,transparent 55%);mask-image:radial-gradient(circle,#000 10%,transparent 55%)}
.hero-content{position:relative;z-index:5;padding-bottom:84px}
.stars{position:absolute;inset:0;z-index:1;pointer-events:none}
.stars i{position:absolute;width:var(--s);height:var(--s);border-radius:50%;background:#fff6d6;box-shadow:0 0 6px #fff6d6;animation:twinkle var(--d) ease-in-out infinite;animation-delay:var(--l)}
.moon{position:absolute;top:13%;right:9%;width:clamp(70px,9vw,130px);aspect-ratio:1;z-index:2;filter:drop-shadow(0 0 30px rgba(240,213,138,.7));animation:float 9s ease-in-out infinite}
.moon::before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 30% 35%,#fff3c8,var(--gold));-webkit-mask:radial-gradient(circle at 70% 36%,transparent 0 41%,#000 42%);mask:radial-gradient(circle at 70% 36%,transparent 0 41%,#000 42%);transform:rotate(-12deg)}
.lantern{position:absolute;top:72px;z-index:3;width:46px;transform-origin:50% 0;animation:swing 5s ease-in-out infinite}
.lantern svg{width:100%;overflow:visible}
.lantern.l1{left:2.5%}.lantern.l2{left:12%;width:34px;animation-delay:-2s}.lantern.l3{right:26%;width:38px;animation-delay:-3.4s}
.lantern .flame{animation:glow 2.2s ease-in-out infinite}
.bismillah{font-family:'Amiri',serif;font-size:clamp(1.5rem,3vw,2.3rem);color:var(--gold-light);text-shadow:0 0 22px rgba(212,175,90,.6);margin-bottom:14px;letter-spacing:1px;animation:rise 1.2s both}
.hero-badge{background:rgba(212,175,90,.12)!important;border:1px solid rgba(212,175,90,.4)!important;color:var(--gold-light)!important;border-radius:999px!important;backdrop-filter:blur(6px)}
.hero-title .highlight{background:linear-gradient(100deg,#e9c76d,#fff3c4,#d4af5a,#fff3c4,#e9c76d);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:gold 6s linear infinite}
.hero-tagline .dot{background:var(--gold)!important;box-shadow:0 0 10px var(--gold)}
.hero-stat .num{color:var(--gold-light)!important;font-family:'Amiri',serif}
.hero-orb{opacity:.5}
.phone-mockup{box-shadow:0 0 0 2px rgba(212,175,90,.5),0 30px 80px rgba(0,0,0,.6),0 0 90px rgba(212,175,90,.2)!important;animation:float 7s ease-in-out infinite}
.phone-mockup::before{content:"";position:absolute;inset:-34px;z-index:-1;background:var(--pat-y);background-size:60px;border-radius:50%;opacity:.9;animation:spin 90s linear infinite;-webkit-mask-image:radial-gradient(circle,#000 30%,transparent 70%);mask-image:radial-gradient(circle,#000 30%,transparent 70%)}
.floating-card{background:rgba(11,36,24,.75)!important;border:1px solid rgba(212,175,90,.4)!important;backdrop-filter:blur(10px);color:#fff!important;animation:float 6s ease-in-out infinite}
.floating-card.card-2{animation-delay:-3s}

/* section decoration */
.section-label{background:rgba(212,175,90,.14)!important;color:#8a6a1e!important;border:1px solid rgba(212,175,90,.5)!important;border-radius:999px!important}
#pricing .section-label,#contact .section-label{color:var(--gold-light)!important}
.section-title{color:var(--night)!important}
#pricing .section-title,#contact .section-title{color:#fff!important}
.section-title::after{content:"";display:block;width:150px;height:16px;margin-top:14px;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 150 16'%3E%3Cg fill='none' stroke='%23d4af5a' stroke-width='1.4'%3E%3Cpath d='M0 8H58M92 8H150'/%3E%3Cpath d='M75 1l4.5 7-4.5 7-4.5-7z' fill='%23d4af5a'/%3E%3Cpath d='M64 8l4 3-4 3M86 8l-4 3 4 3' /%3E%3C/g%3E%3C/svg%3E")}
.mh-intro .section-title::after,.features-header .section-title::after,.pricing-header .section-title::after,.clients-header .section-title::after,#what-you-get .section-title::after,#videos .section-title::after{margin-inline:auto}
#about,#features,#what-you-get,#clients{background-color:var(--ivory)!important;background-image:var(--pat-g)!important}
#about{background-color:#fff!important}
#videos{background:var(--ivory)!important;border-color:rgba(212,175,90,.3)!important}
#pricing,#contact{background:radial-gradient(ellipse at 50% 0%,#12402b,var(--night2) 50%,var(--night))!important}
#pricing::after,#contact::after{content:"";position:absolute;inset:0;background-image:var(--pat-y);background-size:100px;opacity:.55;pointer-events:none}
.arch-divider{position:relative;z-index:6;height:30px;margin:-15px 0;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='30'%3E%3Cpath d='M3 30C3 14 16 10 30 0 44 10 57 14 57 30' fill='%230b2418' stroke='%23d4af5a' stroke-width='1.6'/%3E%3Ccircle cx='30' cy='17' r='2.4' fill='%23d4af5a'/%3E%3C/svg%3E") repeat-x center/60px 30px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.2))}

/* cards */
.feature-card,.get-card,.mh-feat,.client-card{background:linear-gradient(160deg,#fff,#fdf7e6)!important;border:1px solid rgba(212,175,90,.4)!important;border-radius:22px!important;box-shadow:0 6px 24px rgba(26,107,60,.08)!important;position:relative;overflow:hidden;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s,border-color .3s}
.feature-card::before{content:"";position:absolute;right:-30px;top:-30px;width:110px;height:110px;background:var(--pat-y);background-size:55px;opacity:.9;transition:transform .8s;transform:rotate(0)}
.feature-card:hover::before{transform:rotate(90deg) scale(1.2)}
.feature-card:hover,.get-card:hover,.mh-feat:hover{transform:translateY(-8px)!important;border-color:var(--gold)!important;box-shadow:0 22px 50px rgba(26,107,60,.18),0 0 0 1px rgba(212,175,90,.35)!important}
.feature-icon,.get-icon,.mh-feat-ic,.client-icon,.pricing-icon{border-radius:50% 50% 14px 14px!important;background:linear-gradient(160deg,#0f5c4a,#0b2418)!important;color:var(--gold-light)!important;box-shadow:0 8px 20px rgba(11,36,24,.3);transition:transform .5s}
.feature-card:hover .feature-icon,.get-card:hover .get-icon{transform:scale(1.1) rotate(-6deg)}
.feature-card.coming-soon{background:linear-gradient(160deg,#0b2418,#12402b)!important;color:#fff}
.feature-card.coming-soon h3,.feature-card.coming-soon p{color:#fff!important}
.mh-closing,.mh-who{border-radius:22px!important;position:relative;overflow:hidden}
.mh-closing{background:radial-gradient(circle at 50% 0,#12402b,var(--night2))!important;border:1px solid rgba(212,175,90,.5)}
.mh-closing::before{content:"";position:absolute;inset:0;background:var(--pat-y);background-size:70px;opacity:.7}
.mh-closing>*{position:relative}

/* pricing / contact */
.pricing-card,.year1-card,.contact-card,.compare-table-wrap,.know-box li{border:1px solid rgba(212,175,90,.4)!important;border-radius:24px!important;background:rgba(255,255,255,.06)!important;backdrop-filter:blur(12px)}
.pricing-card{transition:transform .45s,box-shadow .45s}
.pricing-card:hover{transform:translateY(-10px)!important;box-shadow:0 26px 60px rgba(0,0,0,.45),0 0 40px rgba(212,175,90,.2)!important}
.pricing-card.popular{background:linear-gradient(160deg,#fffdf6,#fbf1d4)!important;backdrop-filter:none!important;border:1.5px solid var(--gold)!important;box-shadow:0 0 50px rgba(212,175,90,.25)!important;animation:glow2 4s ease-in-out infinite}
.price,.year1-price{font-family:'Amiri',serif;background:linear-gradient(120deg,#fff3c4,var(--gold));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.btn-call,.btn-whatsapp{border-radius:999px!important}

/* clients marquee */
#clients .client-card{border-radius:22px!important}

/* footer */
footer{background:linear-gradient(180deg,var(--night2),var(--night))!important;border-top:2px solid var(--gold);position:relative}
.footer-brand{font-family:'Amiri',serif!important}
footer a:hover{color:var(--gold-light)!important}

/* reveal */
.rv{opacity:0;transform:translateY(34px) scale(.96)}
.rv.in{opacity:1;transform:none;transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}

/* keyframes */
@keyframes twinkle{0%,100%{opacity:.15;transform:scale(.7)}50%{opacity:1;transform:scale(1.25)}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@keyframes swing{0%,100%{transform:rotate(5deg)}50%{transform:rotate(-5deg)}}
@keyframes glow{0%,100%{filter:brightness(1)}50%{filter:brightness(1.35)}}
@keyframes glow2{0%,100%{box-shadow:0 0 30px rgba(212,175,90,.18)}50%{box-shadow:0 0 70px rgba(212,175,90,.4)}}
@keyframes flicker{0%,100%{opacity:.9}45%{opacity:.5}60%{opacity:1}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes shine{0%,60%{left:-70%}100%{left:130%}}
@keyframes gold{to{background-position:250% 0}}
@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}

@media(max-width:900px){.lantern.l2,.lantern.l3{display:none}.lantern.l1{width:30px;left:3%}.moon{top:11%;right:5%}.hero-content{padding-top:110px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}}

/* Advanced (popular) card: light card, dark readable text */
.pricing-card.popular h3{color:var(--night)!important}
.pricing-card.popular .price,.pricing-card.popular .year1-price{background:linear-gradient(120deg,#0f5c4a,#1a6b3c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.pricing-card.popular .price-sub,.pricing-card.popular p,.pricing-card.popular .pricing-features li{color:#3d5446!important}
.pricing-card.popular .price-yearly{background:rgba(26,107,60,.12)!important;color:#0f5c4a!important}
.pricing-card.popular .features-group-label{color:#8a6a1e!important;font-weight:700}
.pricing-card.popular .pricing-features li i{background:rgba(26,107,60,.14);color:#1a6b3c}
.pricing-card.popular .pricing-icon{background:linear-gradient(160deg,#0f5c4a,#0b2418)!important;color:var(--gold-light)!important}
.pricing-card.popular .pricing-cta{color:var(--night)!important}

/* Animated Islamic border (hero bottom) */
.islamic-border{position:absolute;left:0;right:0;bottom:0;height:48px;z-index:4;pointer-events:none;
 border-top:2px solid var(--gold);box-shadow:0 -6px 28px rgba(212,175,90,.35);
 background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='44'%3E%3Cg fill='none' stroke='%23d4af5a' stroke-width='1.2'%3E%3Cpath d='M0 22L32 2 64 22 32 42z'/%3E%3Crect x='23' y='13' width='18' height='18'/%3E%3Crect x='23' y='13' width='18' height='18' transform='rotate(45 32 22)'/%3E%3C/g%3E%3Ccircle cx='32' cy='22' r='2.4' fill='%23f0d58a'/%3E%3Ccircle cx='0' cy='22' r='2' fill='%23d4af5a'/%3E%3Ccircle cx='64' cy='22' r='2' fill='%23d4af5a'/%3E%3C/svg%3E") 0 center/64px 44px repeat-x,
 linear-gradient(180deg,#0b2d1f,#06140e);animation:borderflow 6s linear infinite}
.islamic-border::before{content:"";position:absolute;left:0;right:0;top:-2px;height:2px;background:linear-gradient(90deg,transparent,#fff7d6,transparent);background-size:240px 100%;background-repeat:no-repeat;animation:borderglint 4s ease-in-out infinite}
.islamic-border::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 35%,rgba(240,213,138,.28) 50%,transparent 65%);background-size:300% 100%;animation:bordershine 5s linear infinite}
@keyframes borderflow{to{background-position:64px center,0 0}}
@keyframes borderglint{0%{background-position:-240px 0}100%{background-position:calc(100vw + 240px) 0}}
@keyframes bordershine{from{background-position:150% 0}to{background-position:-150% 0}}
@media(max-width:900px){.islamic-border{height:38px;background-size:50px 34px,auto}}

/* keep button shine inside the button */
.nav-cta,.btn-primary,.pricing-cta,.main-cta{overflow:hidden!important;clip-path:inset(0 round 999px)}

/* Floating hero cards: readable text on dark glass */
.floating-card .fc-title{color:#fff!important}
.floating-card .fc-sub{color:rgba(240,213,138,.85)!important}
.floating-card .fc-icon{background:linear-gradient(160deg,#0f5c4a,#0b2418)!important;color:var(--gold-light)!important;border:1px solid rgba(212,175,90,.5)}
@media(max-width:1024px){.floating-card.card-1{right:-8px}.floating-card.card-2{left:-8px}}

/* Tablet (iPad) + mobile: collapse menu into a drawer */
@media(max-width:1100px){
  .hamburger{display:flex!important;align-items:center;justify-content:center;color:var(--gold-light)!important;border:1px solid rgba(212,175,90,.45)!important;border-radius:12px!important;width:44px;height:44px;padding:0!important;background:rgba(212,175,90,.1)!important}
  header{padding:0 24px!important}
  nav ul{position:fixed!important;top:0;right:-340px;width:310px;height:100vh;background:linear-gradient(180deg,#0b2d1f,#06140e)!important;border-left:2px solid var(--gold);flex-direction:column!important;align-items:flex-start!important;padding:92px 22px 40px!important;gap:6px!important;z-index:1008;transition:right .35s ease;overflow-y:auto}
  nav ul.open{right:0;box-shadow:-10px 0 50px rgba(0,0,0,.65)}
  nav ul li{width:100%}
  nav ul li a{display:block!important;width:100%;padding:14px 16px!important;font-size:1.02rem!important;border-radius:12px!important}
  nav ul li a:not(.nav-cta):hover{background:rgba(212,175,90,.12)!important}
  nav ul li a:not(.nav-cta)::after{display:none}
  .nav-cta{margin-top:10px;text-align:center!important}
  .lang-switcher-item{margin-top:18px;width:100%}
  .lang-switcher{justify-content:center}
  .hero-content{text-align:center;padding-top:120px!important}
  .hero-actions,.hero-stats,.hero-taglines{justify-content:center}
  .hero-tagline{justify-content:center;margin-inline:auto}
}

/* ===== Redesigned drawer menu (tablet + mobile) ===== */
@keyframes menuIn{from{opacity:0;transform:translateX(26px)}to{opacity:1;transform:none}}
@media(max-width:1100px){
  header,header.scrolled{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(6,20,14,.97)!important}
  nav ul{
    width:min(86vw,350px)!important;right:calc(-1 * min(86vw,350px) - 40px)!important;
    padding:96px 24px 32px!important;gap:2px!important;
    background:
      radial-gradient(circle at 100% 0,rgba(212,175,90,.22),transparent 55%),
      var(--pat-y) 0 0/84px,
      linear-gradient(180deg,#0e3a28 0%,#082017 55%,#050f0a 100%)!important;
    border-left:2px solid var(--gold)!important;border-radius:28px 0 0 28px;
  }
  nav ul.open{right:0!important;box-shadow:0 0 0 100vmax rgba(2,10,6,.62),-14px 0 50px rgba(0,0,0,.6)!important}
  nav ul::before{content:"بِسْمِ ٱللَّهِ ٱلرَّحْمَٰنِ ٱلرَّحِيمِ";position:absolute;top:28px;left:24px;right:84px;font-family:'Amiri',serif;font-size:1.25rem;line-height:1.4;color:var(--gold-light);text-align:left;direction:rtl;text-shadow:0 0 14px rgba(212,175,90,.5);border-bottom:0}
  nav ul::after{content:"";display:block;order:-1;width:100%;height:14px;margin:0 0 10px;background:no-repeat left center/150px 14px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 150 16'%3E%3Cg fill='none' stroke='%23d4af5a' stroke-width='1.4'%3E%3Cpath d='M0 8H58M92 8H150'/%3E%3Cpath d='M75 1l4.5 7-4.5 7-4.5-7z' fill='%23d4af5a'/%3E%3C/g%3E%3C/svg%3E")}
  nav ul li{opacity:0}
  nav ul.open li{animation:menuIn .5s cubic-bezier(.2,.8,.2,1) both}
  nav ul.open li:nth-child(1){animation-delay:.08s}nav ul.open li:nth-child(2){animation-delay:.14s}nav ul.open li:nth-child(3){animation-delay:.2s}nav ul.open li:nth-child(4){animation-delay:.26s}nav ul.open li:nth-child(5){animation-delay:.32s}nav ul.open li:nth-child(6){animation-delay:.38s}nav ul.open li:nth-child(7){animation-delay:.44s}
  nav ul li a:not(.nav-cta){position:relative;display:flex!important;align-items:center;gap:14px;padding:15px 12px!important;font-size:1.05rem!important;font-weight:500;color:#f3ead0!important;border-radius:0!important;border-bottom:1px solid rgba(212,175,90,.18)}
  nav ul li a:not(.nav-cta)::before{content:"";flex:none;width:9px;height:9px;background:var(--gold);transform:rotate(45deg);box-shadow:0 0 8px rgba(212,175,90,.6);transition:transform .3s}
  nav ul li a:not(.nav-cta):hover,nav ul li a:not(.nav-cta):active{background:linear-gradient(90deg,rgba(212,175,90,.16),transparent)!important;color:var(--gold-light)!important;padding-left:18px!important}
  nav ul li a:not(.nav-cta):hover::before{transform:rotate(225deg) scale(1.3)}
  .nav-cta{margin-top:22px!important;padding:15px 18px!important;font-size:1.02rem!important}
  .lang-switcher-item{margin-top:auto;padding-top:26px}
  .lang-switcher{background:rgba(212,175,90,.08)!important;border:1px solid rgba(212,175,90,.4)!important}
  .hamburger{z-index:1012;transition:transform .3s,background .3s}
  .hamburger:active{transform:scale(.92)}
}

/* drawer fixes: overlay covers full page; Bismillah below header row */
@media(max-width:1100px){
  .nav-overlay{right:0!important;z-index:1005!important;background:rgba(2,10,6,.66)!important;backdrop-filter:blur(3px)}
  nav ul.open{box-shadow:-14px 0 50px rgba(0,0,0,.6)!important}
  nav ul{padding-top:158px!important}
  nav ul::before{top:86px;left:24px;right:24px;text-align:center;font-size:1.45rem}
  nav ul::after{background-position:center!important;background-size:170px 14px!important}
}

/* overlay only covers the area left of the drawer (drawer lives inside the header's stacking context) */
@media(max-width:1100px){.nav-overlay{right:min(86vw,350px)!important;z-index:1006!important}}
@media(max-width:1100px){header:has(nav ul.open) .logo{opacity:0;pointer-events:none}.logo{transition:opacity .25s}}

/* mobile browser toolbar fix: use dynamic viewport height; keep language switcher right under the links */
@media(max-width:1100px){
  nav ul{height:100vh!important;height:100dvh!important;max-height:100dvh;padding-bottom:calc(36px + env(safe-area-inset-bottom,0px))!important;-webkit-overflow-scrolling:touch}
  .lang-switcher-item{margin-top:26px!important;padding-top:0!important}
  .lang-switcher{margin:0 auto}
}

/* shine effects must never intercept clicks */
.btn-primary::after,.nav-cta::after,.pricing-cta::after,.main-cta::after,.islamic-border,.islamic-border::before,.islamic-border::after{pointer-events:none!important}
nav ul li{position:relative}
nav ul li a:not(.nav-cta){z-index:2}

/* ===== Pricing polish ===== */
.pricing-desc{margin:12px auto 18px!important;line-height:1.6}
.pricing-card .pricing-features{margin-top:6px}
.pricing-card .pricing-features li{padding:7px 0;line-height:1.5}
.pricing-card.popular .pricing-features li,.pricing-card.popular .pricing-desc,.pricing-card.popular .price-sub{color:#1f3a2d!important}
.pricing-card.popular .pricing-features li i{background:rgba(26,107,60,.18);color:#0f5c4a}
.pricing-card.popular .features-group-label{color:#7a5a12!important;border-bottom:1px dashed rgba(138,106,30,.4);padding-bottom:8px;margin-bottom:4px}
.pricing-card:not(.popular) .pricing-features li{color:rgba(255,255,255,.92)}
.pricing-card:not(.popular) .pricing-features li i{background:rgba(212,175,90,.18);color:var(--gold-light)}
.pricing-card .pricing-cta{margin-top:auto}
.pricing-card{display:flex;flex-direction:column}
.pricing-grid{align-items:stretch}
.compare-table tbody td strong{color:var(--gold-light)}
/* floating app buttons: smaller on phones so they don't cover content */
@media(max-width:640px){
  .float-btn{transform:scale(.8);transform-origin:right bottom;opacity:.92}
}
.pricing-card .price-yearly{align-self:center;padding:5px 16px}
.pricing-card .pricing-icon{align-self:center}
.pricing-card .pricing-features{width:100%}