/* HERO */
.hero{
  background:linear-gradient(135deg,#3b82f6,#60a5fa);
  color:white;
  padding:20px;
  border-radius:16px;
  margin-bottom:20px;
  text-align:center;
}

.hero h2{font-size:18px;margin-bottom:8px}
.hero p{font-size:15px;margin-bottom:12px}

.hero a{
  display:inline-block;
  background:#facc15;
  color:#111;
  padding:12px 16px;
  border-radius:10px;
  text-decoration:none;
  font-weight:600;
}

/* CONTACT */
.contact-grid{
  display:grid;
  gap:12px;
}

.contact-grid div{
  background:white;
  padding:14px;
  border-radius:16px;
  box-shadow:0 4px 12px rgba(0,0,0,.06);
}

/* WHATSAPP */
.whatsapp{
  position:fixed;
  bottom:20px;
  right:20px;
  background:#25D366;
  color:white;
  padding:16px;
  border-radius:50%;
  font-size:22px;
  text-decoration:none;
  box-shadow:0 4px 12px rgba(0,0,0,.2);
}

/* HEADER SPECIFIQUE */
header {
  position: sticky;
  top: 0;
  background: linear-gradient(135deg, #3b82f6, #60a5fa);
  z-index: 1000;
  padding: 16px 0;
  text-align: center;
  color: white;
  box-shadow: 0 4px 14px rgba(0,0,0,.15);
}
.btn-epicerie{
  background: linear-gradient(135deg,#f97316,#fb923c);
  color:white;
}
.home-card{
  display:block;
  padding:20px;
  border-radius:18px;
  text-align:center;
  text-decoration:none;
  font-weight:600;
  font-size:16px;
  box-shadow:0 6px 18px rgba(0,0,0,.15);
}

.home-card p{
  font-size:13px;
  margin-top:6px;
  font-weight:400;
}

/* couleurs */

.papeterie{
  background:linear-gradient(135deg,#facc15,#fbbf24); /* JAUNE */
  color:white;
}

.administratif{
  background:linear-gradient(135deg,#f97316,#fb923c); /* ORANGE */
  color:#111;
}

.epicerie{
  background:linear-gradient(135deg,#3b82f6,#60a5fa); /* BLEU */
  color:white;
}

.service-ecole{
  background:linear-gradient(135deg,#10b981,#34d399);
  color:white;
  padding:18px;
  border-radius:18px;
  text-align:center;
  margin-bottom:20px;
  box-shadow:0 6px 18px rgba(0,0,0,.15);
}

.service-ecole h2{
  font-size:18px;
  margin-bottom:8px;
}

.service-ecole p{
  font-size:14px;
  margin-bottom:12px;
}

.btn-ecole{
  display:inline-block;
  background:#facc15;
  color:#111;
  padding:10px 14px;
  border-radius:10px;
  text-decoration:none;
  font-weight:600;
}