/* =====================================================
   Cohen House - Responsive Premium
   ===================================================== */

@media (max-width: 1200px) {
  .types-grid { height: 460px; }
  .stat-card .number { font-size: 48px; }
}

@media (max-width: 1024px) {
  .hero-inner { grid-template-columns: 1fr; gap: 40px; }
  .hero-search { max-width: 540px; }
  .hero-trust { gap: 36px; }
  .hero-trust-item .num { font-size: 30px; }

  .features-grid,
  .property-grid,
  .agents-grid,
  .team-grid,
  .contact-info-grid { grid-template-columns: repeat(2, 1fr); }

  .property-carousel .property-card { min-width: calc(50% - 14px); }

  .inquiry-wrap,
  .contact-section,
  .about-story,
  .property-detail-content { grid-template-columns: 1fr; gap: 40px; }

  .footer-grid { grid-template-columns: 1fr 1fr; gap: 40px; }
  .stats-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .stat-card:nth-child(2)::after { display: none; }
  .values-grid { grid-template-columns: repeat(2, 1fr); }
  .process-grid { grid-template-columns: 1fr; gap: 50px; }
  .process-grid::before { display: none; }
  .properties-layout { grid-template-columns: 1fr; gap: 30px; }
  .filters-sidebar { position: static; max-height: none; }
  .properties-results-grid { grid-template-columns: repeat(2, 1fr); }
  .property-overview { grid-template-columns: repeat(3, 1fr); }
  .agent-sidebar { position: static; }
  .testimonials-grid { grid-template-columns: 1fr; }
}

@media (max-width: 768px) {
  :root { --header-height: 64px; }

  .container { padding: 0 18px; }

  /* Header mobile */
  .header-logo { font-size: 18px; letter-spacing: 1px; }
  .header-nav { display: none; }
  .header-toggle { display: block; }
  .header-actions .btn-create { display: none; }
  .header-actions { grid-column: 3; justify-self: end; }

  /* Hero */
  .hero { min-height: auto; padding: 70px 0 60px; background-attachment: scroll; }
  .hero-bg { background-attachment: scroll; }
  .hero-text h1 { font-size: 36px; }
  .hero-text p { font-size: 15px; }
  .hero-trust { gap: 24px; padding-top: 24px; }
  .hero-trust-item .num { font-size: 26px; }
  .hero-trust-item .lbl { font-size: 11px; letter-spacing: 1px; }
  .hero-search { padding: 26px; }
  .hero-search-form { grid-template-columns: 1fr; }

  /* Sections */
  .section { padding: 70px 0; }
  .section-sm { padding: 50px 0; }
  .section-lg { padding: 80px 0; }
  .section-header h2 { font-size: 28px; }
  .section-header { margin-bottom: 40px; }

  .features-grid,
  .property-grid,
  .agents-grid,
  .team-grid,
  .contact-info-grid,
  .values-grid { grid-template-columns: 1fr; gap: 20px; }

  .property-carousel .property-card { min-width: 100%; }

  .types-grid {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    height: auto;
  }
  .type-card:nth-child(1),
  .type-card:nth-child(2),
  .type-card:nth-child(3),
  .type-card:nth-child(4) { grid-row: auto; grid-column: auto; }
  .type-card { height: 220px; }

  .property-card-image { height: 200px; }
  .property-card-body { padding: 20px; }
  .property-card-title { font-size: 17px; }
  .price-uf { font-size: 20px; }

  /* Stats */
  .stat-card .number { font-size: 36px; }
  .stat-card { padding: 16px 8px; }
  .stat-card:not(:last-child)::after { display: none; }

  /* Forms */
  .form-row { grid-template-columns: 1fr; }
  .inquiry-form { padding: 30px 24px; }

  /* Footer */
  .footer-top { padding: 60px 0 30px; }
  .footer-grid { grid-template-columns: 1fr; gap: 36px; padding-bottom: 36px; }
  .footer-bottom { flex-direction: column; gap: 14px; text-align: center; }
  .footer-bottom a { margin: 0 8px; }

  /* Buttons */
  .btn { padding: 12px 24px; font-size: 11px; }
  .btn-lg { padding: 16px 32px; font-size: 12px; }
  .hero-actions { gap: 10px; }
  .hero-actions .btn { flex: 1; min-width: 0; }

  /* About */
  .about-story { padding: 60px 0; gap: 40px; }
  .about-story .image-accent { display: none; }

  /* Properties */
  .properties-layout { padding: 30px 0 60px; }
  .properties-results-grid { grid-template-columns: 1fr; gap: 20px; }
  .properties-results-header { flex-direction: column; align-items: stretch; }
  .results-sort { width: 100%; }
  .results-sort select { flex: 1; }

  /* Detail */
  .property-detail { padding: 30px 0 60px; }
  .property-gallery { height: 320px; margin-bottom: 24px; }
  .property-detail-header h1 { font-size: 24px; }
  .property-detail-price .uf { font-size: 28px; }
  .property-overview { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .property-overview-item { padding: 16px 8px; }
  .property-overview-item .value { font-size: 16px; }
  .property-description,
  .property-features { padding: 24px 20px; }
  .features-list { grid-template-columns: 1fr; }
  .similar-properties { margin-top: 50px; padding-top: 40px; }
  .similar-properties h3 { font-size: 24px; margin-bottom: 24px; }

  /* Contact */
  .contact-info-card { padding: 28px 20px; }
  .map-container { height: 280px; margin: 40px auto; }

  /* Page banner */
  .page-banner { padding: 80px 0 60px; }

  /* Floating */
  .back-to-top { bottom: 20px; right: 20px; width: 42px; height: 42px; }
  .whatsapp-float { bottom: 20px; right: 72px; }
  .whatsapp-btn { width: 50px; height: 50px; }
  .whatsapp-btn .icon { width: 24px; height: 24px; }
  .whatsapp-tooltip { display: none; }
}

@media (max-width: 480px) {
  .hero-text h1 { font-size: 30px; }
  .hero-actions { flex-direction: column; }
  .hero-actions .btn { width: 100%; }
  .hero-trust { flex-wrap: wrap; gap: 18px; }
  .hero-trust-item { flex: 1; min-width: 100px; }
  .stat-card .number { font-size: 30px; }
  .section-header h2 { font-size: 24px; }
  .property-detail-header h1 { font-size: 22px; }
  .property-detail-price .uf { font-size: 24px; }
  .inquiry-form { padding: 24px 18px; }
  .filters-sidebar { padding: 24px 20px; }
  .property-gallery { height: 260px; }
  .gallery-nav { width: 40px; height: 40px; }
  .gallery-nav.prev { left: 12px; }
  .gallery-nav.next { right: 12px; }
}