body { background: #f8f9fa; font-family: Arial, sans-serif; }
    .hero { background: linear-gradient(135deg, #0056b3, #003366); color: white; padding: 60px 20px; text-align: center; position: relative; overflow: hidden; }
    .hero h1 { font-size: 2.8rem; font-weight: bold; }
    .hero p { font-size: 1.3rem; margin-top: 10px; }
    .deal { background: #fff3cd; border: 2px solid #ffeeba; padding: 25px; border-radius: 10px; margin: 20px 0; text-align: center; }
    .deal span { font-size: 2rem; color: green; font-weight: bold; }
    section { padding: 30px 15px; }
    h2 { margin-bottom: 15px; font-weight: bold; display: flex; align-items: center; }
    h5, h4 { display: flex; align-items: center; }
    footer { background: #212529; color: white; text-align: center; padding: 20px; }
    .highlight { color: #37ff37; font-weight: bold; }
    .email-box { background: #ffffff; border-radius: 10px; padding: 20px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); margin: 20px auto; max-width: 600px; }
    .review-card { background:#fff; border:1px solid #ddd; border-radius:10px; padding:20px; text-align:left; box-shadow:0 2px 8px rgba(0,0,0,0.1);}
    .stars { color: #ffc107; }
    .accordion-item { border: 1px solid #ddd; border-radius: 8px; margin-bottom: 10px; overflow: hidden; }
    .accordion-button { background-color: #ffffff; font-weight: bold; }
    .accordion-button:focus { box-shadow: none; }
    .accordion-body { background-color: #f8f9fa; padding: 20px; border-top: 1px solid #ddd; font-size: 0.95rem; line-height: 1.6; }
    .hero::before {
      content: "";
      position: absolute;
      top: -80%; left: -80%;
      width: 260%; height: 260%;
      background-image: url("logo2.svg");
      background-repeat: repeat;
      background-size: 160px;
      background-position: center;
      opacity: 0.35;
      transform: rotate(-30deg);
      z-index: 0;
    }
    .hero * { position: relative; z-index: 1; }
    .icon { width: 28px; height: 28px; margin-right: 10px; vertical-align: middle; }
	
	
	
	/* Style normal (desktop) */
.deal span {
  font-size: 2rem;
  color: green;
  font-weight: bold;
  display: inline;
}

/* Version mobile */
@media (max-width: 576px) {
  .deal span {
    display: block;          /* force à aller à la ligne */
    font-size: 1.5rem;       /* réduit la taille du texte */
    margin-top: 8px;         /* petit espace au-dessus */
    text-align: center;      /* centré en mobile */
  }
}

section, .hero {
  scroll-margin-top: 80px; /* espace quand on clique sur un lien */
}
body {
  padding-top: 70px; /* espace en haut pour compenser la navbar fixe */
}
	
/* Icône cadeau */
.cadeau-icon {
  width: 25px;

}

/* Logo Bitstack en blanc et à la même taille */
.logo-white {
  width: 78px;
MARGIN-TOP: 6px;
  object-fit: contain; /* conserve les proportions */
  filter: brightness(0) invert(1); /* rend le SVG blanc */
}