/* Tablet: 768px–1024px */
@media (max-width: 1024px) {
  .hero-content { flex-direction: column; padding: 80px 40px 40px; }
  .hero-left { flex: none; width: 100%; text-align: center; }
  .hero-body-frame { margin-left: auto; margin-right: auto; }
  .hero-right { width: 100%; min-height: 400px; }
  .sectors-layout { flex-direction: column; align-items: flex-start; gap: 28px; }
  .sectors-text { flex: none; width: 100%; }
  .sectors-scroll { width: 100%; max-width: 100%; }
  .properties-grid { grid-template-columns: repeat(2, 1fr); }
  .section { padding: 80px 28px; }
  .page-header { padding: 130px 28px 48px; }
  .footer-bottom { padding: 24px 28px; }
  .stats-section { grid-template-columns: repeat(2, 1fr); }
  .footer-content { grid-template-columns: 1fr 1fr; }
  .footer-crest { display: none; }
}
 
/* Mobile: <768px */
@media (max-width: 768px) {
  .nav-links { display: none; }
  .navbar { padding: 14px 16px; }
  .nav-right { gap: 10px; }
  .brand-logo { transform: scale(0.9); transform-origin: left center; }
  .nav-wa-btn {
    font-size: 0;
    padding: 10px 14px;
    border-radius: 24px;
    min-width: 44px;
    justify-content: center;
  }
  .nav-wa-btn .wa-icon { margin: 0; }
  .page-header { padding: 118px 20px 40px; }
  .page-header h1 { font-size: clamp(42px, 14vw, 64px); }
  .page-header p { font-size: 15px; line-height: 1.6; }
  .section { padding: 64px 20px; }
  .hero-content { padding: 82px 20px 30px; gap: 24px; }
  .hero-left, .hero-right { flex: none; width: 100%; }
  .hero-right { min-height: 360px; }
  .section-header { margin-bottom: 28px; }
  .filter-pills { justify-content: center; flex-wrap: wrap; gap: 10px; }
  .filter-btn { padding: 8px 14px; font-size: 11px; }
  .hero-headline { font-size: clamp(50px, 13vw, 72px); }
  .hero-body-frame { max-width: 100%; margin-left: auto; margin-right: auto; }
  .gold-ring { width: 260px; height: 260px; }
  .card-back, .card-front { display: none; }
  .card-center { width: 280px; height: 360px; }
  .properties-grid { grid-template-columns: 1fr; }
  .properties-grid { gap: 22px; }
  .prop-card-body { padding: 16px; }
  .prop-name { font-size: 16px; }
  .prop-price { font-size: 24px; }
  .prop-cta-row { flex-direction: column; }
  .prop-detail-hero { min-height: 300px; height: 44vh; }
  .prop-detail-main h1 { font-size: clamp(34px, 11vw, 46px); }
  .contact-form-card { padding: 20px; }
  .mobile-menu a { font-size: clamp(28px, 10vw, 44px); }
  .stats-section { grid-template-columns: repeat(2, 1fr); }
  .footer-content { grid-template-columns: 1fr; padding: 40px 24px; }
  .footer-bottom {
    flex-direction: column;
    gap: 10px;
    text-align: center;
    padding: 24px 20px;
  }
  .sectors-scroll { padding: 0 2px 8px; }
  .sector-tag-card { width: 120px; height: 88px; }
  .sector-tag-card h3 { font-size: 32px; }
  .sector-tag-card small { font-size: 8px; }
  .hero-cta-row { flex-direction: column; align-items: flex-start; }
  .capacity-badge { bottom: 10px; right: 10px; }
}