.consult-page { background: #f7fbfa; }
.consult-header { position: sticky; top: 0; z-index: 40; background: rgba(247,251,250,.9); border-bottom: 1px solid var(--line); backdrop-filter: blur(14px); }
.consult-header__inner { display: flex; min-height: 76px; align-items: center; gap: 28px; }
.consult-nav { display: flex; gap: 22px; color: #48666d; font-size: 12px; font-weight: 700; }
.consult-nav a:hover { color: var(--teal); }

.consult-hero { padding: 76px 0 90px; overflow: hidden; background: radial-gradient(circle at top right, #d9f1ed 0 18%, transparent 19%), linear-gradient(135deg, #f8fbf9, #eef8f5); }
.consult-hero__grid { display: grid; grid-template-columns: 1fr .85fr; align-items: center; gap: 70px; }
.consult-hero h1 { max-width: 640px; margin: 18px 0; color: var(--deep); font: 800 clamp(40px,5vw,64px)/1.06 "Manrope", sans-serif; letter-spacing: -3px; }
.consult-hero p { max-width: 560px; margin: 0; color: var(--ink-soft); font-size: 15px; line-height: 1.8; }
.consult-hero__actions { display: flex; margin-top: 30px; align-items: center; gap: 22px; }
.consult-panel { padding: 18px; background: rgba(255,255,255,.84); border: 1px solid #fff; border-radius: 30px; box-shadow: var(--shadow); }
.consult-panel__top, .consult-panel__bottom { display: flex; align-items: center; gap: 12px; }
.consult-panel__top div { flex: 1; }
.consult-panel small, .consult-panel strong { display: block; }
.consult-panel small { color: var(--ink-soft); font-size: 9px; }
.consult-panel strong { margin-top: 3px; font-size: 12px; }
.consult-screen { position: relative; display: grid; min-height: 330px; margin: 16px 0; overflow: hidden; background: linear-gradient(145deg, #0c3d45, #0f827b); border-radius: 22px; place-items: center; }
.pulse-ring { position: absolute; width: 260px; height: 260px; border: 1px solid rgba(255,255,255,.25); border-radius: 50%; box-shadow: 0 0 0 55px rgba(255,255,255,.06); }
.video-card { position: relative; z-index: 2; display: grid; color: #fff; background: rgba(255,255,255,.13); border: 1px solid rgba(255,255,255,.22); border-radius: 18px; place-items: center; text-align: center; backdrop-filter: blur(8px); }
.video-card span { display: block; width: 58px; height: 58px; margin-bottom: 13px; background: linear-gradient(135deg, #fff, #c8eee7); border-radius: 50%; }
.video-card--large { width: 240px; min-height: 190px; padding: 24px; }
.video-card--large strong { font-size: 15px; }
.video-card--large small { color: rgba(255,255,255,.72); line-height: 1.5; }
.video-card--small { position: absolute; right: 22px; bottom: 22px; width: 115px; min-height: 100px; padding: 14px; }
.video-card--small span { width: 35px; height: 35px; margin-bottom: 7px; }
.consult-panel__bottom { justify-content: space-between; }
.consult-panel__bottom div { width: calc(50% - 6px); padding: 13px; background: #f2f8f6; border-radius: 14px; }

.consult-strip { background: #083c43; color: #fff; }
.consult-strip__grid { display: grid; grid-template-columns: repeat(4,1fr); }
.consult-strip__grid div { min-height: 96px; padding: 22px; border-right: 1px solid rgba(255,255,255,.12); }
.consult-strip__grid div:last-child { border-right: 0; }
.consult-strip strong { display: block; color: #82d5c8; font: 800 24px "Manrope", sans-serif; }
.consult-strip span { display: block; margin-top: 7px; color: rgba(255,255,255,.74); font-size: 11px; font-weight: 700; }

.consult-section { padding: 90px 0; }
.specialty-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 18px; }
.specialty-grid article { padding: 25px; background: #fff; border: 1px solid var(--line); border-radius: 22px; box-shadow: 0 18px 45px rgba(30,71,72,.05); }
.specialty-grid span { display: grid; width: 48px; height: 48px; background: #edf8f5; border-radius: 15px; place-items: center; font-size: 20px; }
.specialty-grid h3 { margin: 18px 0 9px; font: 800 16px "Manrope", sans-serif; }
.specialty-grid p { margin: 0; color: var(--ink-soft); font-size: 11px; line-height: 1.7; }

.consult-form-section { background: #eef8f5; }
.consult-layout { display: grid; grid-template-columns: .85fr 1.15fr; gap: 55px; align-items: start; }
.consult-form-copy h2 { margin: 14px 0; color: var(--deep); font: 800 40px/1.15 "Manrope", sans-serif; letter-spacing: -2px; }
.consult-form-copy > p { margin: 0 0 24px; color: var(--ink-soft); font-size: 13px; line-height: 1.8; }
.appointment-card { display: grid; gap: 16px; padding: 28px; background: #fff; border: 1px solid #fff; border-radius: 24px; box-shadow: var(--shadow); }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.appointment-card label, .appointment-card legend { color: var(--ink); font-size: 11px; font-weight: 800; }
.appointment-card input, .appointment-card select, .appointment-card textarea { width: 100%; margin-top: 8px; padding: 13px 14px; color: var(--ink); background: #f8fbfa; border: 1px solid var(--line); border-radius: 13px; font: 500 13px "DM Sans", sans-serif; outline: none; }
.appointment-card input:focus, .appointment-card select:focus, .appointment-card textarea:focus { border-color: var(--teal); box-shadow: 0 0 0 4px rgba(15,128,121,.1); }
.appointment-card textarea { resize: vertical; }
.appointment-card fieldset { display: flex; margin: 0; padding: 14px; border: 1px solid var(--line); border-radius: 14px; gap: 14px; flex-wrap: wrap; }
.appointment-card fieldset label { display: inline-flex; align-items: center; gap: 7px; font-weight: 700; }
.appointment-card fieldset input { width: auto; margin: 0; }
.appointment-card .plan-options { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; }
.appointment-card .plan-options legend { margin-bottom: 2px; }
.appointment-card .plan-options label { align-items: flex-start; padding: 12px; background: #f8fbfa; border: 1px solid var(--line); border-radius: 13px; }
.appointment-card .plan-options span, .appointment-card .plan-options strong, .appointment-card .plan-options small { display: block; }
.appointment-card .plan-options strong { font-size: 11px; }
.appointment-card .plan-options small { margin-top: 4px; color: var(--teal); font-size: 12px; font-weight: 800; }
.appointment-card .button { width: 100%; }
.form-alert { margin: 0; padding: 12px; color: #725737; background: #fff8e9; border: 1px solid #f1ddb3; border-radius: 12px; font-size: 10px; line-height: 1.6; }

.summary-section { padding-top: 0; background: #eef8f5; }
.summary-card { padding: 30px; background: #083c43; color: #fff; border-radius: 24px; box-shadow: 0 24px 60px rgba(8,60,67,.2); }
.summary-card h2 { margin: 12px 0; color: #fff; font: 800 34px/1.2 "Manrope", sans-serif; letter-spacing: -1.4px; }
.summary-card p { margin: 0; color: rgba(255,255,255,.7); font-size: 12px; line-height: 1.7; }
.summary-list { display: grid; grid-template-columns: repeat(2,1fr); gap: 12px; margin-top: 20px; }
.summary-list div { padding: 14px; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.13); border-radius: 14px; }
.summary-list small, .summary-list strong { display: block; }
.summary-list small { color: #82d5c8; font-size: 8px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; }
.summary-list strong { margin-top: 6px; color: #fff; font-size: 12px; }
.summary-actions { display: flex; gap: 10px; margin-top: 20px; flex-wrap: wrap; }
.summary-actions .button { border: 0; cursor: pointer; }
.summary-actions .button--light { min-width: 220px; }

.consult-faq { background: var(--sand); }
.consult-footer { padding: 24px 0; background: #062d34; color: rgba(255,255,255,.7); }
.consult-footer__inner { display: flex; align-items: center; justify-content: space-between; gap: 15px; font-size: 11px; font-weight: 700; }
.consult-footer a { color: #fff; }

@media (max-width: 900px) {
  .consult-nav { display: none; }
  .consult-hero__grid, .consult-layout { grid-template-columns: 1fr; }
  .consult-hero__copy { text-align: center; }
  .consult-hero p { margin-inline: auto; }
  .consult-hero__actions { justify-content: center; }
  .consult-strip__grid, .specialty-grid { grid-template-columns: repeat(2,1fr); }
}

@media (max-width: 680px) {
  .consult-header__inner { min-height: 68px; }
  .consult-header .button { display: none; }
  .consult-hero { padding: 52px 0 65px; }
  .consult-hero h1 { font-size: 38px; letter-spacing: -2px; }
  .consult-hero__actions { flex-direction: column; }
  .consult-panel { padding: 12px; }
  .consult-screen { min-height: 285px; }
  .video-card--small { display: none; }
  .consult-strip__grid, .specialty-grid, .form-row, .summary-list { grid-template-columns: 1fr; }
  .consult-strip__grid div { min-height: auto; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.12); }
  .consult-section { padding: 70px 0; }
  .consult-form-copy h2 { font-size: 31px; letter-spacing: -1.4px; }
  .appointment-card { padding: 21px; }
  .appointment-card fieldset, .appointment-card .plan-options { grid-template-columns: 1fr; flex-direction: column; }
  .summary-actions .button { width: 100%; }
  .consult-footer__inner { align-items: flex-start; flex-direction: column; }
}