Herbal Cleanser™ – Prenez Soin De Vos Yeux Naturellement *{ margin:0; padding:0; box-sizing:border-box; font-family:Arial, sans-serif; } body{ background:#f7f7f7; color:#222; line-height:1.6; } .hero{ background:linear-gradient(135deg,#0c8f2d,#0a5f1f); color:white; text-align:center; padding:50px 20px; } .hero h1{ font-size:48px; font-weight:bold; margin-bottom:15px; } .hero p{ font-size:22px; max-width:800px; margin:auto; } .cta-btn{ display:inline-block; margin-top:25px; background:#ffd500; color:#000; padding:18px 35px; font-size:22px; font-weight:bold; text-decoration:none; border-radius:8px; } .section{ padding:60px 20px; max-width:1100px; margin:auto; } .section h2{ text-align:center; font-size:38px; margin-bottom:25px; color:#0a5f1f; } .benefits{ display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:20px; margin-top:30px; } .card{ background:white; padding:25px; border-radius:10px; box-shadow:0 3px 10px rgba(0,0,0,.1); } .card h3{ color:#0a5f1f; margin-bottom:10px; } .pricing{ display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:20px; margin-top:40px; } .price-box{ background:white; border-radius:15px; padding:25px; text-align:center; box-shadow:0 5px 15px rgba(0,0,0,.15); } .price-box.featured{ border:4px solid #0c8f2d; transform:scale(1.05); } .price{ font-size:55px; font-weight:bold; color:#0c8f2d; margin:15px 0; } .order-btn{ display:inline-block; margin-top:15px; background:#0c8f2d; color:white; padding:15px 30px; text-decoration:none; border-radius:8px; font-weight:bold; } .testimonials{ display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:20px; margin-top:30px; } .testimonial{ background:white; padding:25px; border-radius:10px; box-shadow:0 3px 10px rgba(0,0,0,.1); } .whatsapp-fixed{ position:fixed; bottom:20px; right:20px; background:#25D366; color:white; padding:15px 25px; font-weight:bold; border-radius:50px; text-decoration:none; z-index:9999; } footer{ background:#0a5f1f; color:white; text-align:center; padding:25px; margin-top:50px; } @media(max-width:768px){ .hero h1{ font-size:34px; } .hero p{ font-size:18px; } .price{ font-size:42px; } .price-box.featured{ transform:none; } }