/* ==========================================================================
   DAG Real Estate - Mobile & Responsive Layout Styles
   ========================================================================== */

@media (max-width: 1100px) {
  .dag-hero-filter-form {
    grid-template-columns: 1fr 1fr;
  }
  .dag-hero-filter-form .dag-filter-action {
    grid-column: 1 / -1;
  }
  .dag-btn-hero {
    width: 100%;
  }
  .dag-footer-grid {
    grid-template-columns: 1fr 1fr;
    gap: 2.5rem;
  }
  .dag-single-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 900px) {
  .dag-archive-layout {
    grid-template-columns: 1fr;
  }
  .dag-filter-card {
    position: static;
  }
  .dag-blog-layout {
    grid-template-columns: 1fr;
  }
  .dag-calc-body {
    grid-template-columns: 1fr;
  }
  .dag-calc-inputs {
    grid-template-columns: 1fr;
  }
  .dag-cta-inner {
    flex-direction: column;
    text-align: center;
  }
}

@media (max-width: 768px) {
  .dag-topbar {
    display: none;
  }
  .dag-nav {
    display: none;
  }
  .dag-mobile-toggle {
    display: flex;
  }
  .dag-mobile-drawer.open {
    display: block;
  }
  .dag-single-topbar-inner {
    flex-direction: column;
    align-items: flex-start;
    gap: 1.5rem;
  }
  .dag-single-price-card {
    text-align: left;
  }
  .dag-properties-grid {
    grid-template-columns: 1fr;
  }
  .dag-properties-grid.dag-list-view .dag-property-card {
    flex-direction: column;
  }
  .dag-properties-grid.dag-list-view .dag-card-media {
    width: 100%;
    aspect-ratio: 3 / 2;
  }
  .dag-hero-stats {
    flex-direction: column;
    gap: 1.5rem;
  }
  .dag-stat-divider {
    display: none;
  }
  .dag-footer-grid {
    grid-template-columns: 1fr;
  }
  .dag-footer-bottom-inner {
    flex-direction: column;
    gap: 1rem;
    text-align: center;
  }
}