/* Shared final overrides: branding, navigation, responsive layout and accessibility. */
.brand-logo { position:relative; display:block; width:190px; height:74px; overflow:hidden; flex:0 0 190px; }
.brand-logo img.nav-logo { position:absolute; width:320px; max-width:none; height:213px; left:calc(50% + 20px); top:50%; transform:translate(-50%,-50%); object-fit:contain; }
.navbar.scrolled .brand-logo img.nav-logo { height:213px; }
.footer-brand { margin-bottom:12px; }
.navbar { right:auto; padding:4px 24px; }
.navbar.scrolled { padding:4px 24px; }
.nav-links li a { display:inline-flex; align-items:center; min-height:44px; padding:10px 12px; white-space:nowrap; }
img { max-width:100%; }
.hero-grid > *, .contact-grid > *, .blog-layout > *, .post-layout > *, .footer-content > * { min-width:0; }
.footer-column { overflow-wrap:anywhere; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, [role="button"]:focus-visible { outline:3px solid #e0c97f; outline-offset:4px; }
.form-control { font-size:16px; }
.form-group label { display:block; margin-bottom:8px; }
.faq-question { cursor:pointer; }
.hero, .page-hero, .blog-hero, .umrah-hero, .ejari-hero, .biz-hero { padding-top:max(140px, 8rem); }
section[id] { scroll-margin-top:110px; }
.social-links a { min-width:44px; min-height:44px; display:inline-flex; align-items:center; justify-content:center; }
.mobile-bottom-bar { padding-bottom:env(safe-area-inset-bottom); }
body.menu-open { overflow:hidden; }
@media (max-width:1100px) {
 .navbar, .navbar.scrolled { top:10px; left:12px; right:12px; transform:none; width:auto; max-width:none; padding:4px 16px; backdrop-filter:none; -webkit-backdrop-filter:none; background:#0a1628; }
 .mobile-menu-btn { display:flex; align-items:center; justify-content:center; z-index:1003; flex-shrink:0; }
 .nav-links { position:fixed; top:0; bottom:0; left:auto; right:0; width:min(340px,calc(100vw - 32px)); height:100dvh; padding:100px 24px 100px; flex-direction:column; align-items:stretch; gap:8px; background:#0a1628; z-index:1002; overflow-y:auto; transform:translateX(110%); transition:transform .25s ease; visibility:hidden; pointer-events:none; border-left:1px solid rgba(200,164,93,.25); box-shadow:-12px 0 40px rgba(0,0,0,.3); }
 .nav-links.active { right:0; transform:none; visibility:visible; pointer-events:auto; }
 .nav-links li a { display:flex; white-space:normal; min-height:48px; font-size:1rem; padding:12px 16px; }
 .nav-cta { margin:16px 0 0; }
 .nav-cta .btn-gold { justify-content:center; width:100%; }
 .mobile-menu-overlay { display:block; position:fixed; inset:0; z-index:1001; background:rgba(0,0,0,.6); opacity:0; visibility:hidden; pointer-events:none; backdrop-filter:none; }
 .mobile-menu-overlay.active { opacity:1; visibility:visible; pointer-events:auto; }
}
@media (max-width:600px) {
 .brand-logo { width:165px; flex-basis:165px; height:66px; }
 .brand-logo img.nav-logo, .navbar.scrolled .brand-logo img.nav-logo { width:285px; height:190px; left:calc(50% + 18px); }
 .navbar, .navbar.scrolled { padding:2px 12px; }
 .hero, .page-hero, .blog-hero, .umrah-hero, .ejari-hero, .biz-hero { padding-top:112px; }
 .hero-content h1, .blog-hero-content h1 { font-size:clamp(1.85rem,8vw,2.5rem); overflow-wrap:break-word; line-height:1.2; }
 .hero-subtitle { font-size:1rem; line-height:1.7; }
 .hero-stats { grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
 .hero-stat { padding:14px 6px; }
 .hero-stat span { font-size:10px; letter-spacing:.4px; }
 .hero-trust { flex-wrap:wrap; gap:8px; font-size:10px; }
 .about-stats { gap:12px; }
 .stat-box { padding:16px 10px; }
 .hero-btns { gap:12px; }
 .contact-form-card { padding:24px 18px; }
 .contact-detail-text, .hub-card-text { min-width:0; overflow-wrap:anywhere; }
 .footer-content { gap:28px; }
 footer { padding-bottom:100px; }
 .post-content table, .ejari-compare-table { display:block; overflow-x:auto; }
}
@media (prefers-reduced-motion:reduce) {
 *, *::before, *::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; }
 .reveal, .reveal-left, .reveal-right, .reveal-scale, .stagger-children > * { opacity:1; transform:none; }
}

[data-third-party-blog][hidden]{display:none!important}[data-third-party-blog] #soro-blog{min-width:0;overflow-wrap:anywhere}[data-third-party-blog] iframe{max-width:100%}
