/* ===== MAYORLA MOBILE / RESPONSIVE FIX ===== */
html,body{max-width:100%;overflow-x:hidden}
*,*::before,*::after{min-width:0}
img,video,iframe,table{max-width:100%;height:auto}

/* Tablet */
@media(max-width:1024px){
  .testimonials-grid{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr}
}

/* Phones */
@media(max-width:780px){
  .testimonials-grid{grid-template-columns:1fr!important}
  .stats-flat-grid{grid-template-columns:1fr!important}
  .stats-grid{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr!important}
  .site-header{padding:0 12px}
  .header-inner{height:68px;gap:8px}
  .logo{font-size:1rem;gap:8px;min-width:0}
  .logo img{width:36px;height:36px}
  .logo span.logo-text{font-size:0.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .site-header nav{gap:6px}
  .site-header nav>a.nav-cta-btn{display:none}
  .site-header nav.open>a.nav-cta-btn{display:inline-flex}
  .site-header nav.open ul{top:68px}
  .hero-content{padding:110px 0 60px}
  .stat-flat-item{padding:16px}
  .stat-flat-icon{width:46px;height:46px;min-width:46px;font-size:1.1rem}
  .about-image img{height:340px}
  .prop-img{height:220px}
  .service-detail{padding:18px;gap:24px}
  .section{padding:52px 0}
}
@media(max-width:420px){
  .stats-grid{grid-template-columns:1fr}
  .hero-actions .btn,.cta-actions .btn{width:100%;justify-content:center}
  .tabs-filter{gap:8px}
  .tab-btn{padding:9px 18px;font-size:0.8rem}
}