* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:'Helvetica Neue', Arial, sans-serif; color:#111; background:#fff; line-height:1.5; }

.header { display:flex; justify-content:space-between; align-items:center; padding:15px 50px; background:#fff; }
.logo img { width:200px; height:50px; border-radius:10px; object-fit:cover; flex-shrink:0; margin-top: 15px;  }
.nav-link { text-decoration:none; color:#111; margin-left:15px; font-weight:100; font-size:1.1rem; transition:0.3s; }
.nav-link:hover { color:#888; }

.announcement { text-align:center; font-size:14px; color:#555; padding:10px 0; font-style:italic; }

.hero-black { display:flex; gap:50px; padding:60px 20px; justify-content:center; align-items:center; background:#111; color:#fff; }
.featured-img img { width:350px; border-radius:12px; transition:transform 0.3s; }
.featured-img img:hover { transform:scale(1.05); }
.featured-info { max-width:400px; text-align:left; }
.featured-info h2 { font-family:'Playfair Display', serif; font-size:2rem; margin-bottom:15px; }
.featured-info p { font-size:1rem; color:#ddd; margin-bottom:15px; line-height:1.4em; }
.featured-info .price { font-weight:600; font-size:1.3rem; margin-bottom:15px; }
.featured-info .btn { padding:12px 25px; background:#fff; color:#111; text-decoration:none; font-weight:500; border-radius:5px; margin-bottom:10px; display:inline-block; }
.featured-info small { display:block; margin-top:5px; color:#ddd; }

.mini-grid { display:flex; gap:20px; padding:30px 50px; flex-wrap:wrap; }
.mini-product { display:flex; align-items:center; background:#f5f5f5; border-radius:12px; padding:12px; gap:12px; flex:1 1 200px; transition:transform 0.3s, box-shadow 0.3s; text-decoration:none; }
.mini-product:hover { transform:translateY(-5px); box-shadow:0 10px 15px rgba(0,0,0,0.08); }
.mini-product img { width:90px; height:90px; border-radius:8px; object-fit:cover; flex-shrink:0; }
.mini-product .text { display:flex; flex-direction:column; align-items:flex-start; gap:5px; }
.mini-product h4 { font-size:1rem; margin:0; font-family:'Playfair Display', serif; color:#111; }
.mini-product span { font-size:0.9rem; color:#555; }

.logo-carousel { overflow:hidden; padding:60px 0; background:#fff; width: 100vw; margin-left: calc(-50vw + 50%); }
.carousel-track {align-items: center; display:flex; gap:120px; animation:scroll 35s linear infinite; width: max-content; }
.carousel-track img { height:120px; object-fit:contain; }
@keyframes scroll { 0%{transform:translateX(0);} 100%{transform:translateX(-50%);} }

.product-page { display:grid; grid-template-columns:1fr 1fr; gap:50px; padding:60px; }
.product-left { display:flex; flex-direction:column; gap:15px; }
.main-media img, .main-media video { width:100%; border-radius:12px; }
.thumbnails { display:flex; gap:10px; }
.thumbnails img, .thumbnails video { width:80px; height:80px; object-fit:cover; cursor:pointer; border-radius:6px; transition:transform 0.2s; }
.thumbnails img:hover, .thumbnails video:hover { transform:scale(1.05); }
.details { display:flex; flex-direction:column; }
.details h2 { font-family:'Playfair Display', serif; font-size:2rem; margin-bottom:15px; }
.details .price { font-weight:600; font-size:1.2rem; margin-bottom:15px; }
.details .desc { color:#555; font-size:1rem; margin-bottom:15px; }
.details button { padding:14px; background:#111; color:#fff; border:none; cursor:pointer; font-weight:500; transition:0.3s; margin-bottom:10px; }
.details button:hover { background:#333; }
.availability { font-size:0.95rem; color:#555; }
.a-propos { font-family:'Playfair Display', serif; font-size:2rem; margin-bottom:15px; text-align: center;}

.footer { background:#111; color:#fff; padding:30px 20px; text-align:center; font-size:0.8rem; }
.footer a { color:#fff; text-decoration:none; margin:0 8px; }
.footer a:hover { text-decoration:underline; }

@media(max-width:900px){
  .hero-black { flex-direction:column; gap:25px; text-align:center; }
  .featured-info { text-align:center; max-width:100%; }
  .featured-img img { width:250px; }
  .mini-grid { flex-direction:column; gap:15px; padding:20px; }
  .mini-product { flex:1 1 100%; }
  .product-page { grid-template-columns:1fr; gap:30px; padding:30px; }
}
/* ===== ABOUT PAGE FIX ===== */

.about-section {
  max-width: 1200px;
  margin: 0 auto;
  padding: 80px 50px;
}

.about-block {
  display: flex;
  align-items: center;
  gap: 60px;
  margin-bottom: 100px;
}

.about-block.reverse {
  flex-direction: row-reverse;
}

/* 🔒 VERROUILLAGE IMAGE */
.about-image {
  width: 420px;
  max-width: 420px;
  flex-shrink: 0;
}

.about-image img {
  width: 100%;
  max-width: 420px;
  height: auto;
  max-height: 520px;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}

.about-text {
  max-width: 500px;
}

.about-text h2 {
  font-family: 'Playfair Display', serif;
  font-size: 1.9rem;
  margin-bottom: 20px;
}

.about-text p {
  font-size: 1rem;
  color: #555;
  line-height: 1.6;
}

/* 📱 MOBILE */
@media(max-width:900px){
  .about-block,
  .about-block.reverse {
    flex-direction: column;
    text-align: center;
  }

  .about-image {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
  }
}
