/* ========================
   PAGE : VENDRE MON APPAREIL
======================== */

.vendre-appareil-section {
  /* Styles spécifiques pour la section principale de cette page si besoin */
}

.vendre-appareil-section .page-header {
  text-align: center;
  margin-bottom: 2.5rem; /* Espace sous l'en-tête de la page */
}

.vendre-appareil-section .page-header h1 {
  color: #2D496B; /* Couleur de titre principale de votre site */
  font-size: 2rem;  /* Taille du titre de la page */
  margin-bottom: 0.5rem;
}

.vendre-appareil-section .page-header p {
  font-size: 1.05rem; /* Taille de la description sous le titre */
  color: #555;
  max-width: 700px; /* Limiter la largeur pour la lisibilité */
  margin: 0.5rem auto 0 auto; /* Centrer la description */
}

.iframe-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: 800px; /* Limiter la largeur max de l'iframe si souhaité */
  margin: 0 auto;   /* Centrer le conteneur de l'iframe */
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
  background-color: #f9f9f9; /* Un fond si l'iframe met du temps à charger */
}

.iframe-container iframe {
  display: block; /* Évite les espaces indésirables sous l'iframe */
  width: 100%;
  /* La hauteur sera définie directement dans l'attribut height de l'iframe en HTML,
     ou vous pouvez utiliser un padding-top pour un aspect ratio si l'iframe est responsive */
}

.vendre-appareil-section .iframe-provider-notice { /* Pour le petit texte "L'outil est fourni par..." */
  text-align: center;
  margin-top: 1.5rem;
  font-size: 0.85em;
  color: #777;
}

/* Responsive pour cette page spécifique */
@media (max-width: 768px) {
  .vendre-appareil-section .page-header h1 {
    font-size: 1.8rem;
  }
  .vendre-appareil-section .page-header p {
    font-size: 1rem;
  }
  .iframe-container iframe {
    /* Si vous avez une hauteur fixe dans l'iframe, vous pourriez vouloir la réduire ici */
    /* height: 600px; */
  }
}