/* === No-JS Banner === */ .nojs-banner{padding:16px;background:#fff3cd;color:#856404;text-align:center;font-family:sans-serif;font-size:14px;border-bottom:1px solid #ffc107} /* === Typography & Colors === */ .MuiTypography-colorPrimary{color:#4f2396!important} .MuiTypography-colorSecondary{color:#050536!important} .MuiTypography-root{color:inherit} /* === Swiper / Carousel fix === */ /* Without JS, Swiper won't initialize — make slides scrollable */ .swiper-container,.swiper{overflow-x:auto!important;overflow-y:hidden!important;display:flex!important;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch} .swiper-wrapper{display:flex!important;flex-wrap:nowrap!important;width:100%} .swiper-slide{flex-shrink:0!important;scroll-snap-align:start} /* === Framer Motion fix === */ /* Reset inline styles from framer-motion initial state */ [style*="scale"],[style*="transform"]{transform:none!important} [style*="opacity: 0"]{opacity:1!important} [style*="filter"]{filter:none!important} /* === Hero Section === */ .swiper-slide img{display:block;width:100%;height:auto;object-fit:cover} /* === General Layout === */ body{color:#050536;background:#fff} img{max-width:100%;height:auto} /* === Hide JS-only interactive elements === */ /* Navigation arrows that need JS to work */ .swiper-button-next,.swiper-button-prev{display:none!important} /* === Cities Section Swiper === */ /* Ensure city cards are properly sized inside the slider */ .swiper-slide>div{transform:none!important} /* === Skeleton loading placeholders — hide them === */ .MuiSkeleton-root{display:none!important} /* === Hide MobileModal overlays (require JS for interaction) === */ .mobile-modal{display:none!important} يرجى تفعيل JavaScript للحصول على تجربة كاملة. | Please enable JavaScript for the full experience.