.lipoedem-hero-wrapper { position: relative; width: 100%; background-color: rgb(255, 255, 255); display: flex; flex-direction: column; }
.lipoedem-hero-image { position: relative; width: 100%; height: 55vh; min-height: 400px; overflow: hidden; }
.lipoedem-hero-img { width: 100%; height: 100%; object-fit: cover; object-position: center top; }
.lipoedem-hero-gradient { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 30%; background: linear-gradient(to top, rgba(0, 0, 0, 0.3), transparent); pointer-events: none; }
.lipoedem-hero-card { position: relative; margin: -40px 1rem 2rem; background: rgb(255, 255, 255); padding: 2rem; border-radius: 20px; box-shadow: rgba(0, 0, 0, 0.08) 0px 10px 40px; z-index: 10; }
.lipoedem-hero-badge { display: inline-block; background: linear-gradient(135deg, rgb(231, 161, 52) 100%, rgb(255, 255, 255) 100%); color: white; padding: 0.5rem 1.25rem; border-radius: 50px; font-size: 0.8rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 1.25rem; box-shadow: rgba(102, 194, 178, 0.3) 0px 4px 15px; }
.lipoedem-hero-title { font-size: 1.75rem; line-height: 1.25; color: rgb(0, 0, 0); margin-bottom: 1rem; font-weight: 800; }
.lipoedem-hero-text { font-size: 1rem; line-height: 1.6; color: rgb(85, 85, 85); margin-bottom: 1.5rem; }
.lipoedem-hero-footer { border-top: 1px solid rgb(238, 238, 238); padding-top: 1rem; }
.hero-signature { font-size: 0.95rem; font-weight: 600; color: rgb(231, 161, 52); font-style: italic; margin: 0px; }
@media (min-width: 992px) {
  .lipoedem-hero-wrapper { flex-direction: row; align-items: center; min-height: 650px; background: rgb(255, 255, 255); }
  .lipoedem-hero-image { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; min-height: auto; }
  .lipoedem-hero-img { object-position: 50% 30%; }
  .lipoedem-hero-gradient { display: none; }
  .lipoedem-hero-card { margin: 0px 0px 0px 8%; max-width: 550px; padding: 3rem; background: rgba(255, 255, 255, 0.9); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.6); }
  .lipoedem-hero-title { font-size: 2.75rem; }
  .lipoedem-hero-text { font-size: 1.1rem; }
}