/* Mobile-first presentation pass: keep the desktop composition unchanged. */
@media (max-width:760px) {
  html { scroll-padding-top:4rem;overflow-x:clip }
  body { overflow-x:clip }
  .site-header { height:64px;padding:0 5vw }
  .brand { width:min(52vw,190px) }
  .header-cta.wa-button { width:44px;height:44px }

  .hero { min-height:0 }
  .hero:before { display:none }
  .hero-art { width:100%;height:clamp(240px,72vw,300px);right:0;overflow:hidden }
  .hero-art img { height:100%;object-fit:cover;object-position:center 14%;transform:scale(1.02);opacity:.3 }
  .hero-art:after { background:linear-gradient(0deg,#fff 0%,rgba(255,255,255,.18) 48%,transparent 84%) }
  .hero-copy { width:100%;min-height:0;padding:clamp(208px,65vw,260px) 6vw 1.5rem }
  .hero .eyebrow { font-size:.6rem;letter-spacing:.14em;margin:0 0 .65rem }
  .hero h1 { font-size:clamp(2.55rem,10vw,3.2rem);line-height:1.02;margin:0 0 .75rem }
  .hero-lead { font-size:.94rem;line-height:1.48;margin:0 }
  .hero-actions { margin-top:1rem;gap:.6rem }
  .hero .primary-cta.wa-button { min-height:52px;padding:.7rem 1rem!important;font-size:.67rem!important;text-align:center }
  .hero-services { margin:0 6vw 2.25rem;gap:.55rem }
  .hero-services a { min-height:64px }

  .section-pad { padding:3.75rem 6vw }
  .symptoms { padding-top:3.5rem }
  .symptoms-heading { margin-bottom:1.8rem }
  .symptoms h2,.intro h2,.clinic-copy h2,.faq h2 { font-size:clamp(2.2rem,9vw,2.85rem) }
  .symptoms-subtitle { font-size:.96rem;line-height:1.55;margin:.75rem auto }
  .symptoms-grid { gap:.7rem }
  .symptom { min-height:0;padding:1.2rem;border-radius:10px 42px 10px 42px }
  .symptom p { margin:.7rem 0 0;font-size:1.06rem;line-height:1.3 }
  .symptoms-action { margin-top:1.7rem }
  .symptoms-action p { font-size:1.3rem }
  .medical-note { line-height:1.5 }

  .intro { padding-top:3.5rem;padding-bottom:3.5rem;gap:1.4rem }
  .intro-copy { padding:1.35rem }
  .focus { padding:3.5rem 0 4rem;gap:1rem }
  .focus-card { display:block;min-height:0;padding:0;border-radius:0;background:#5b4035;box-shadow:none }
  .focus-card:before,.focus-card:after { display:none }
  .focus-card .card-photo { position:relative;inset:auto;height:auto;overflow:hidden }
  .focus-card .card-photo img { width:100%;height:auto;object-fit:contain!important;object-position:center!important }
  .focus-card .card-index { top:1rem;right:1.25rem;padding:.25rem .55rem;border-radius:999px;background:rgba(60,39,31,.8) }
  .focus-card .card-content { max-width:100%;height:auto;padding:1.6rem 6vw 1.9rem }
  .focus-card .eyebrow { margin-bottom:.6rem }
  .focus-card h2 { font-size:clamp(2.2rem,9vw,2.85rem);line-height:1.07;margin-bottom:.8rem }
  .focus-card .card-content>p:not(.eyebrow) { font-size:.94rem;line-height:1.55 }
  .focus-card ul { margin:.9rem 0 }
  .focus-card li { font-size:.82rem;line-height:1.35;padding:.42rem 0 }
  .focus-card .card-cta { min-height:48px;font-size:.6rem!important;padding:.65rem .8rem!important }

  .specialist { padding:3.5rem 6vw }
  .specialist-main { gap:1.3rem }
  .specialist-photo { height:auto;aspect-ratio:1066/1600;box-shadow:12px 12px 0 rgba(236,218,199,.22) }
  .specialist-photo img { height:auto;object-fit:contain }
  .specialist h2 { font-size:clamp(2.8rem,12vw,3.6rem);margin-bottom:.9rem }
  .credentials { margin:1rem 0 }
  .credentials p { padding:.65rem 0;font-size:.75rem }
  .trust-banner { padding:3.2rem 6vw;gap:1.1rem }
  .trust-banner blockquote { font-size:clamp(1.75rem,8vw,2.3rem);padding:1.1rem 0 }
  .clinic-glimpse { min-height:0;padding:3rem 0;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;gap:.5rem }
  .clinic-copy { grid-column:1/-1;grid-row:1;padding:0 6vw 1.5rem }
  .clinic-copy h2 { margin-bottom:.7rem }
  .clinic-photo { height:auto;max-height:none;border-radius:0 }
  .clinic-photo img { height:auto;object-fit:contain }
  .clinic-photo-a { grid-column:1/-1;grid-row:2 }
  .clinic-photo-b { grid-column:1;grid-row:3 }
  .clinic-photo-c { grid-column:2;grid-row:3 }
  .faq { gap:1.5rem }
  summary { min-height:48px;align-items:center }
  .final-cta { padding:3.5rem 6vw;gap:1rem }
  .final-cta h2 { font-size:clamp(2.3rem,9vw,3rem) }
  .floating-whatsapp { display:none }
}

@media (min-width:761px) and (max-width:1000px) {
  .site-header { justify-content:flex-end;padding:0 4vw }
  .brand { left:4vw;transform:none;width:225px }
  .header-cta { margin-left:auto }
}

/* The curved section backdrop must not extend the document sideways. */
.focus:before { left:0;width:100% }

@media (max-width:360px) {
  .hero-copy { padding-top:clamp(200px,62vw,225px) }
  .hero h1 { font-size:2.45rem }
  .hero-lead { line-height:1.44 }
}

@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto }
  .scroll-cue b { animation:none }
}

/* Center the header's icon independently of its visually hidden text. */
@media (max-width:760px) {
  .header-cta.wa-button { flex:0 0 44px;width:44px;height:44px;min-width:44px;max-width:44px;padding:0!important;overflow:hidden }
  .header-cta.wa-button::before { position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:0 }
}

/* Compact consent strip; reserve room for the floating WhatsApp CTA. */
.consent-bar[hidden], .consent-reopen[hidden] { display:none }
.consent-bar { position:fixed;z-index:1000;left:50%;bottom:calc(12px + env(safe-area-inset-bottom, 0px));transform:translateX(-50%);width:calc(100% - 24px);max-width:820px;display:flex;align-items:center;justify-content:center;gap:20px;padding:12px 18px;border:1px solid #d9cbbb;border-radius:12px;background:#fffdfb;color:#4e443d;box-shadow:0 5px 24px #241d1a26;font-family:'DM Sans',sans-serif }
.consent-bar p { margin:0;font-size:12px;line-height:1.5 }
.consent-bar p span { display:block;color:#6f6359 }
.consent-actions { display:flex;gap:8px;flex-shrink:0 }
.consent-actions button { min-height:44px;min-width:84px;padding:8px 14px;border:1px solid #806342;border-radius:7px;background:#fffdfb;color:#59432e;font:600 12px 'DM Sans',sans-serif;cursor:pointer }
.consent-actions button:hover { background:#f1e9df }
.consent-actions button:focus-visible, .consent-reopen:focus-visible { outline:2px solid #806342;outline-offset:3px }
.consent-reopen { padding:5px 0;border:0;background:none;color:inherit;font:inherit;text-decoration:underline;cursor:pointer }
body.consent-visible { padding-bottom:var(--consent-space, 160px) }
body.consent-visible .floating-whatsapp { bottom:calc(var(--consent-space, 110px) + 16px) }
@media (max-width:600px) {
  .consent-bar { flex-direction:column;gap:8px;padding:10px 12px;text-align:center }
  .consent-bar p { font-size:11px;line-height:1.45 }
  .consent-actions { justify-content:center;width:100% }
  .consent-actions button { flex:1;max-width:150px }
}