/* Base */
* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: 'Poppins', sans-serif; color: #37474F; line-height: 1.6; background: #ECEFF1; }
.container { max-width: 1000px; margin: 0 auto; padding: 40px 20px; }

/* Hero */
.hero { position: relative; height: 100vh; background: linear-gradient(135deg, #A8E6CF, #5CB8A0); display: flex; align-items: center; justify-content: center; text-align: center; }
.hero .overlay { color: #FFFFFF; }
.hero h1 { font-size: 3rem; margin-bottom: 20px; }
.hero .subhead { font-size: 1.2rem; margin-bottom: 20px; }
.cta { background: #37474F; color: #FFFFFF; border: none; padding: 15px 30px; font-size: 1rem; cursor: pointer; border-radius: 5px; }
.invocation { margin-top: 15px; font-style: italic; }

/* Why Detox */
.why-detox .cards { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 20px; }
.card { flex: 1 1 200px; background: #FFFFFF; padding: 20px; border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); text-align: center; }
.card h3 { margin-bottom: 10px; }

/* Programs */
.programs .program-cards { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 20px; }
.program { flex: 1 1 250px; background: #FFFFFF; padding: 20px; border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
.program h3 { margin-bottom: 10px; }
.program ul { list-style: disc inside; margin-bottom: 15px; }

/* Testimonials */
.testimonials .testimonials-grid { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 20px; }
.testimonial { flex: 1 1 250px; background: #FFFFFF; padding: 20px; border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
.testimonial p { margin-bottom: 10px; font-style: italic; }
.badges { display: flex; gap: 15px; margin-top: 15px; justify-content: center; }
.badges span { background: #FF8C94; color: #FFFFFF; padding: 5px 10px; border-radius: 5px; }

/* Process */
.process .steps { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 20px; }
.step { flex: 1 1 200px; background: #FFFFFF; padding: 20px; border-radius: 8px; text-align: center; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
.step-number { display: inline-block; background: #37474F; color: #FFFFFF; width: 30px; height: 30px; line-height: 30px; border-radius: 50%; margin-bottom: 10px; }

/* Location & Contact */
.location-contact .location-content { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 20px; }
.map iframe { width: 100%; height: 300px; border: none; border-radius: 8px; }
.contact-info { flex: 1 1 300px; background: #FFFFFF; padding: 20px; border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
.contact-info form { display: grid; gap: 10px; margin-top: 10px; }
.contact-info input, .contact-info textarea { width: 100%; padding: 10px; border: 1px solid #CCC; border-radius: 4px; }
.contact-info button { background: #37474F; color: #FFFFFF; border: none; padding: 12px; cursor: pointer; border-radius: 5px; }

/* Footer */
.footer { text-align: center; background: #FFFFFF; padding: 20px; margin-top: 40px; }
.footer-links { display: flex; flex-wrap: wrap; gap: 15px; justify-content: center; margin-bottom: 10px; }
.footer-links a { color: #37474F; text-decoration: none; }

/* Responsive */
@media (max-width: 768px) {
  .why-detox .cards, .programs .program-cards, .testimonials .testimonials-grid, .process .steps {
    flex-direction: column;
  }
  .location-contact .location-content {
    flex-direction: column;
  }
}