/* ===========================
   MBRD DEVELOPERS - RESPONSIVE.CSS
   =========================== */

/* Large Desktop */
@media (max-width: 1400px) {
  .container { max-width: 1140px; }
}

/* Desktop / Large Tablet */
@media (max-width: 1200px) {
  .container { max-width: 960px; }
  .properties-grid { grid-template-columns: repeat(2, 1fr); }
  .blog-grid { grid-template-columns: repeat(2, 1fr); }
  .blog-list-grid { grid-template-columns: repeat(2, 1fr); }
  .listing-grid { grid-template-columns: repeat(2, 1fr); }
  .about-grid { gap: 50px; }
  .advantages-grid { grid-template-columns: repeat(2, 1fr); }
}

/* Tablet */
@media (max-width: 992px) {
  .container { max-width: 720px; }

  .section-padding { padding: 70px 0; }
  .section-title { font-size: 30px; }
  .about-section { padding: 70px 0; }

  /* Header */
  .nav-menu {
    position: fixed;
    top: 0;
    right: -100%;
    width: 280px;
    height: 100vh;
    background: rgba(10,10,20,0.98);
    flex-direction: column;
    align-items: flex-start;
    padding: 80px 30px 30px;
    gap: 20px;
    transition: right 0.4s ease;
    z-index: 999;
    overflow-y: auto;
  }

  .nav-menu.open {
    right: 0;
  }

  .nav-menu a {
    font-size: 15px;
    padding: 8px 0;
    border-bottom: 1px solid rgba(255,255,255,0.08);
    width: 100%;
  }

  .nav-toggle {
    display: flex;
    z-index: 1001;
  }

  .nav-toggle.active span:nth-child(1) {
    transform: rotate(45deg) translate(5px, 5px);
  }

  .nav-toggle.active span:nth-child(2) {
    opacity: 0;
  }

  .nav-toggle.active span:nth-child(3) {
    transform: rotate(-45deg) translate(5px, -5px);
  }

  .overlay-nav {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.5);
    z-index: 998;
  }

  .overlay-nav.visible {
    display: block;
  }

  /* About */
  .about-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .about-image-main { height: 380px; }

  .about-badge {
    bottom: -20px;
    right: 20px;
    width: 110px;
    height: 110px;
  }

  .about-badge strong { font-size: 30px; }

  /* Stats */
  .stats-grid { grid-template-columns: repeat(2, 1fr); }

  .stat-item {
    border-right: none;
    border-bottom: 1px solid rgba(255,255,255,0.1);
  }

  /* Featured */
  .featured-grid { grid-template-columns: 1fr; gap: 40px; }

  /* Newsletter */
  .newsletter-grid { grid-template-columns: 1fr; gap: 30px; }
  .newsletter-form { max-width: 100%; }

  /* Footer */
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 40px; }

  /* Contact */
  .contact-grid { grid-template-columns: 1fr; }

  /* Blog detail */
  .blog-detail-header,
  .blog-detail-body,
  .blog-detail-footer {
    padding-left: 30px;
    padding-right: 30px;
  }

  .blog-detail-image {
    width: calc(100% - 60px);
  }

  .comment-section {
    padding: 30px;
  }

  /* Property detail */
  .property-detail-grid { grid-template-columns: 1fr; }

  .property-detail-gallery {
    grid-template-rows: 280px 160px;
  }

  .gallery-main { height: 280px; }
  .gallery-thumb { height: 160px; }
}

/* Mobile Large */
@media (max-width: 768px) {
  .container { padding: 0 16px; }
  .section-padding { padding: 60px 0; }

  /* Hero */
  .hero-title { font-size: 34px; }
  .hero-desc { font-size: 14px; }
  .hero-buttons { flex-direction: column; align-items: flex-start; }

  /* Properties */
  .properties-grid { grid-template-columns: 1fr; }
  .blog-grid { grid-template-columns: 1fr; }
  .blog-list-grid { grid-template-columns: 1fr; }
  .listing-grid { grid-template-columns: 1fr; }

  /* Advantages */
  .advantages-grid { grid-template-columns: 1fr; }

  /* Section header row */
  .section-header-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }

  /* Footer */
  .footer-grid { grid-template-columns: 1fr; gap: 30px; }

  /* Featured gallery */
  .featured-gallery {
    grid-template-rows: 220px 160px;
  }

  .featured-gallery-main { height: 220px; }

  /* Blog detail */
  .comment-fields { grid-template-columns: 1fr; }

  .blog-detail-header,
  .blog-detail-body,
  .blog-detail-footer {
    padding: 24px;
  }

  .blog-detail-title { font-size: 22px; }
  .blog-detail-image { width: calc(100% - 48px); }
  .comment-section { padding: 24px; }
  .comment-title { font-size: 20px; }

  /* Page hero */
  .page-hero { height: 320px; }
  .page-hero-title { font-size: 24px; }

  /* Contact form */
  .contact-form-card { padding: 28px; }

  /* Property detail stats */
  .property-stats-row { gap: 16px; flex-wrap: wrap; }

  /* Filter */
  .listing-filter { flex-direction: column; align-items: flex-start; }
}

/* Mobile Small */
@media (max-width: 480px) {
  .section-title { font-size: 26px; }
  .hero-title { font-size: 28px; }
  .stats-grid { grid-template-columns: 1fr 1fr; }
  .stat-number { font-size: 36px; }

  .featured-amenities { grid-template-columns: 1fr; }

  .property-detail-gallery {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }

  .gallery-main {
    grid-column: 1;
    height: 220px;
  }

  .gallery-thumb { height: 150px; }

  .testimonial-text { font-size: 15px; }

  .newsletter-form { flex-direction: column; }

  .newsletter-input {
    border-radius: var(--radius);
  }

  .newsletter-btn {
    border-radius: var(--radius);
    padding: 14px;
  }

  .blog-detail-footer {
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
  }

  .property-amenities-grid { grid-template-columns: 1fr; }

  .agent-card { padding: 24px; }
}