/* Fix hero image - show face properly */
.hero-img-wrap img {
  min-height: 480px;
  object-fit: cover;
  object-position: top center;
  display: block;
  border-radius: 24px;
}

/* Fix badge - position INSIDE photo at bottom */
.hero-badge-float {
  position: absolute;
  bottom: 1.5rem;
  left: 1.5rem;
  right: 1.5rem;
  top: auto;
  transform: none;
  background: rgba(255,255,255,0.96);
  backdrop-filter: blur(8px);
  border-radius: 16px;
  padding: 1rem 1.25rem;
  box-shadow: 0 8px 32px rgba(0,0,0,0.12);
  min-width: unset;
  width: auto;
}

/* Fix hero content vertical alignment */
.hero-content {
  align-items: center !important;
}

/* Fix hero text side vertical centering */
.hero-content > div:first-child {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* Ensure img wrapper is relatively positioned */
.hero-img-wrap {
  position: relative;
  display: inline-block;
}

/* Hero trust line */
.hero-trust {
  margin-top: .75rem;
  font-size: .82rem;
  color: #64748b;
  letter-spacing: .02em;
}

/* -- Pain / Symptoms section -- */
.pain-section { background:#fff; }
.pain-header { text-align:center; max-width:700px; margin:0 auto 2.5rem; }
.pain-intro { color:#475569; line-height:1.75; margin-top:1rem; }
.symptoms-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.25rem; margin-bottom:2.5rem; }
.symptom-card { background:#f8fafc; border:1.5px solid #e2e8f0; border-radius:16px; padding:1.5rem; transition:border-color .2s,box-shadow .2s; }
.symptom-card:hover { border-color:#05A3E0; box-shadow:0 4px 20px rgba(5,163,224,.1); }
.symptom-icon { font-size:2rem; margin-bottom:.75rem; }
.symptom-card p { color:#475569; line-height:1.65; font-size:.95rem; margin:0; }
.pain-closing { text-align:center; max-width:600px; margin:0 auto; }
.pain-closing p { color:#475569; line-height:1.75; margin-bottom:1.75rem; }
/* -- Surgery reassure grid -- */
.surgery-reassure-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1.25rem; }
.reassure-card { background:#f8fafc; border:1.5px solid #e2e8f0; border-radius:16px; padding:1.75rem 1.25rem; text-align:center; transition:border-color .2s,box-shadow .2s; }
.reassure-card:hover { border-color:#05A3E0; box-shadow:0 4px 20px rgba(5,163,224,.1); }
.reassure-icon { font-size:2.25rem; margin-bottom:1rem; }
.reassure-card h3 { color:#10253F; font-size:1rem; font-weight:700; margin-bottom:.5rem; }
.reassure-card p { color:#475569; font-size:.9rem; line-height:1.6; margin:0; }
/* -- Lentes section -- */
.lentes-grid { display:grid; grid-template-columns:1fr 420px; gap:4rem; align-items:start; }
.lentes-benefits { list-style:none; padding:0; margin:0 0 2rem; display:flex; flex-direction:column; gap:1.25rem; }
.lentes-benefits li { display:flex; gap:1rem; align-items:flex-start; color:#475569; line-height:1.65; font-size:.95rem; }
.lentes-benefit-icon { font-size:1.5rem; flex-shrink:0; margin-top:2px; }
.lentes-closing p { color:#475569; line-height:1.75; margin-bottom:1.25rem; font-style:normal; }
.lentes-visual { position:sticky; top:120px; }
.lentes-card-float { background:#fff; border:1.5px solid #e2e8f0; border-radius:20px; padding:2rem; box-shadow:0 8px 40px rgba(0,0,0,.08); }
.lentes-result-item { display:flex; align-items:flex-start; gap:.75rem; padding:.85rem 0; border-bottom:1px solid #f1f5f9; color:#10253F; font-weight:600; font-size:.95rem; line-height:1.5; }
.lentes-result-item:last-of-type { border-bottom:none; }
.lentes-check { color:#05A3E0; font-size:1.1rem; font-weight:700; flex-shrink:0; margin-top:2px; }
.lentes-label { margin-top:1rem; font-size:.8rem; color:#94a3b8; text-align:center; font-style:italic; }
/* -- Social proof numbers -- */
.social-proof-section { padding:5rem 0; }
.proof-numbers-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1.5rem; }
.proof-number-card { text-align:center; padding:2rem 1rem; border:1px solid rgba(255,255,255,.1); border-radius:20px; background:rgba(255,255,255,.05); }
.proof-number { font-size:2.75rem; font-weight:800; color:#05A3E0; line-height:1; margin-bottom:.5rem; font-family:Montserrat,sans-serif; }
.proof-label { color:rgba(255,255,255,.75); font-size:.9rem; line-height:1.5; }
/* -- Final CTA section -- */
.final-cta-section { background:linear-gradient(135deg,#10253F 0%,#0f3460 100%); padding:6rem 0; }
.btn-large { padding:18px 40px; font-size:1.05rem; gap:10px; }
/* -- Responsive -- */
@media(max-width:1024px){ .lentes-grid{grid-template-columns:1fr;} .lentes-visual{position:static;} .proof-numbers-grid{grid-template-columns:repeat(2,1fr);} .surgery-reassure-grid{grid-template-columns:repeat(2,1fr);} }
@media(max-width:768px){ .symptoms-grid{grid-template-columns:repeat(2,1fr);} .proof-numbers-grid{grid-template-columns:repeat(2,1fr);} }
@media(max-width:540px){ .symptoms-grid{grid-template-columns:1fr;} .surgery-reassure-grid{grid-template-columns:1fr;} .proof-numbers-grid{grid-template-columns:1fr;} }

/* H1 subtitle smaller style */
.h1-sub {
  display: block;
  font-size: 0.62em;
  font-weight: 400;
  opacity: 0.82;
  margin-top: 0.35em;
  letter-spacing: 0;
}

/* SVG icon sizing in symptom cards */
.symptom-icon svg {
  width: 28px;
  height: 28px;
  stroke: #05A3E0;
}

/* SVG icon sizing in eye tabs */
.eye-tab svg {
  width: 14px;
  height: 14px;
  vertical-align: middle;
  margin-right: 2px;
}

/* SVG icon sizing in risk cards */
.risk-icon svg {
  width: 22px;
  height: 22px;
}