/* Performance + Animation Patch
   يحافظ على التصميم العام ويقلل الضغط على الجوال والمتصفحات الضعيفة */

.preloader{transition:opacity .32s ease, visibility .32s ease}
.preloader.is-hidden{opacity:0;visibility:hidden;pointer-events:none}

img{content-visibility:auto}
.community-card img,
.news-card img,
.project-card img,
.city-project-card img,
.about-media,
.hero-thumb,
.project-slide{will-change:auto}

.project-slide.active,
.hero-bg{will-change:transform, opacity}
.btn:hover,
.service-card:hover,
.news-card:hover,
.community-card:hover,
.project-card:hover,
.value-card:hover,
.feature-card:hover,
.job-card:hover,
.contact-card:hover{will-change:transform}

/* تقليل تكلفة الخلفيات الثابتة التي تسبب بطء على الموبايل */
@media (max-width: 900px){
  .lifestyle{background-attachment:scroll!important}
  .lifestyle:before,
  .lifestyle:after,
  .lifestyle .container:after,
  .hero-content:before,
  .hero-content:after{animation:none!important}
}

/* إلغاء الأنيميشن الثقيل لمن يفضل تقليل الحركة */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
    scroll-behavior:auto!important;
  }
  .hero-bg,
  .project-slide,
  .community-card img,
  .project-card img{
    transform:none!important;
  }
}

/* موبايل: نفس الشكل العام لكن حركة أخف وأداء أفضل */
@media (max-width: 760px){
  .project-slide{transition:opacity .45s ease, transform .45s ease!important;transform:none!important}
  .project-slide.active{transform:none!important}
  .hero-thumb:hover,
  .btn:hover,
  .service-card:hover,
  .news-card:hover,
  .community-card:hover,
  .project-card:hover{
    transform:none!important;
  }
  .community-card:hover img,
  .project-card:hover img,
  .about-media:hover img{transform:none!important}
  .premium-strip .track{animation-duration:42s!important}
  .floating-whatsapp:after{animation:none!important;display:none!important}
}

/* =========================================================
   RASOOKH REAL ESTATE — approved brand logo
   Header/footer only. No layout redesign.
   ========================================================= */
.header .logo{
  width:190px!important;
  height:58px!important;
  min-width:190px!important;
  display:block!important;
  flex:0 0 190px!important;
  font-size:0!important;
  line-height:0!important;
  color:transparent!important;
  background:url('/brand/rasookh-realestate-logo.png') right center/contain no-repeat!important;
  filter:brightness(0) invert(1);
}
.header .logo small{display:none!important}
.footer-grid>div:first-child>h3{
  width:190px;
  height:62px;
  margin:0 0 18px;
  font-size:0!important;
  line-height:0!important;
  color:transparent!important;
  background:url('/brand/rasookh-realestate-logo.png') right center/contain no-repeat;
  filter:brightness(0) invert(1);
}
@media(max-width:760px){
  .header .logo{
    width:150px!important;
    height:48px!important;
    min-width:150px!important;
    flex-basis:150px!important;
  }
  .footer-grid>div:first-child>h3{width:165px;height:54px}
}