/* Reset & Base */
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family: 'Montserrat', Arial, sans-serif; background:#f4f6fb; color:#333; line-height:1.6; }

/* Navbar */
.navbar-light .navbar-nav .nav-link { color:#333; font-weight:600; margin-left:15px; transition:0.3s; }
.navbar-light .navbar-nav .nav-link:hover { color:#e91e63; }

/* Buttons */
.btn-pink {
  background-color:#e91e63;
  color:#fff;
  border-radius:30px;
  padding:10px 25px;
  border:none;
  font-weight:600;
  transition:all 0.3s ease-in-out;
}
.btn-pink:hover { background-color:#d81b60; transform:scale(1.05); }

/* Titles */
.grobold-title { font-family:'Grobold', sans-serif; letter-spacing:2px; font-weight:normal; }
.section-title { font-weight:700; margin-bottom:40px; text-align:center; }

/* Hero */
header {
  height:100vh;
  background:url('img/big-2749029_1280.jpg') center/cover no-repeat;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}
header::before { content:''; position:absolute; inset:0; background:rgba(0,0,0,0.45); }
header .hero-content { position:relative; color:#fff; max-width:800px; padding:20px; }

/* Services */
.card-service {
  border:none;
  border-radius:15px;
  box-shadow:0 4px 15px rgba(0,0,0,0.1);
  padding:20px;
  background:#fff;
  transition:all 0.3s ease-in-out;
}
.card-service img { width:100px; height:auto; margin:0 auto 15px auto; display:block; }
.card-service:hover {
  transform:translateY(-5px);
  background-color:#e91e63;
  color:#fff;
  box-shadow:0 8px 20px rgba(0,0,0,0.2);
}
.card-service:hover h5,
.card-service:hover p { color:#fff; }
.card-service:hover img { filter:brightness(0) invert(1); }

/* About */
.about-section {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:60px;
  background:#fff;
  padding:60px;
  border-radius:16px;
  box-shadow:0 4px 20px rgba(0,0,0,0.08);
  max-width:1200px;
  margin:60px auto;
}
.about-image { width:400px; }
.about-image .main-img { width:100%; border-radius:12px; object-fit:cover; box-shadow:0 8px 20px rgba(0,0,0,0.1); }
.about-content { max-width:550px; }
.about-content .subtitle { color:#6a6a6a; font-size:14px; margin-bottom:


#catalogue .section-title {
  font-weight: 700;
  margin-bottom: 40px;
  text-align: center;
}

#catalogue img {
  width: 100%;
  height: auto;
  object-fit: cover;
  transition: transform 0.3s, box-shadow 0.3s;
  cursor: pointer;
  border-radius: 12px;
}

#catalogue img:hover {
  transform: scale(1.05);
  box-shadow: 0 8px 20px rgba(233, 30, 99, 0.3); /* rose comme ton site */
}



#backToTop:hover {
  background-color: #d81b60; /* rose plus foncé au survol */
  transform: scale(1.1);      /* léger effet zoom */
}


#backToTop:hover {
  background-color: #d81b60;     /* Rose plus foncé au survol */
  transform: scale(1.1);         /* Petit effet de zoom */
}