/* ═══════════════════════════════════════════════
   RESPONSIVE
═══════════════════════════════════════════════ */
@media (max-width: 1024px) {
  .hero-map {
    flex-direction: column;
    height: auto;
    min-height: auto;
  }

  .hero-content {
    flex: none;
    width: 100%;
  }

  .hero-content h1 {
    font-size: 48px;
  }

  .map-wrapper {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 55%;
    height: 600px;
    background: rgba(10, 8, 6, 0.8);
    border: 2px solid rgba(201, 168, 76, 0.2);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 0 40px rgba(201,168,76,0.1), 0 0 80px rgba(56,178,172,0.05);
    z-index: 15;
    animation: slideInRight 1s ease-out;
  }

  #tunisia-map {
    width: 100%;
    height: 100%;
  }

  .locations-panel {
    width: 280px;
  }
}

@media (max-width: 768px) {
  .hero-map {
    padding: 40px 24px;
  }

  .hero-content h1 {
    font-size: 36px;
  }

  .hero-content p {
    font-size: 14px;
  }

  .map-wrapper {
    height: 400px;
  }

  .locations-panel {
    width: 260px;
    right: 10px;
    top: 10px;
    max-height: 300px;
  }

  .services-section {
    padding: 60px 24px;
  }

  .section-header h2 {
    font-size: 36px;
  }

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