/* ===================================================================
   НСВС · direction landing (templates/service.php).

   The landing is built from the home page's blocks, so almost all of its
   CSS lives in blocks.css. What is left here are the two blocks that
   exist only on a direction page: «О направлении» and «Показания и
   противопоказания».

   Ported from page.html · NsvsServicePage (sections 01 and 03); the
   sticky booking widget, the numbered heads, the catalogue-style hero,
   the price rows and the doctor cards went with the frame when the page
   became a landing, see changes/2026-08-25_1155_nsvs-direction-landings/.

   Prefix: .nd-
   =================================================================== */

/* ── About the direction ────────────────────────────────────────── */
.nd-about{display:grid;grid-template-columns:1.4fr 1fr;gap:var(--s-8);align-items:start}
.nd-about__text{display:flex;flex-direction:column;gap:var(--s-4)}
.nd-about__text .n-lead{font-size:16.5px;max-width:none}
.nd-specs{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.nd-spec{display:flex;align-items:center;gap:var(--s-4);padding:14px var(--s-1);border-bottom:1px solid var(--line)}
.nd-spec__ico{width:36px;height:36px;flex:0 0 36px;border-radius:10px;background:var(--teal-mist);color:var(--teal-deep);display:flex;align-items:center;justify-content:center}
.nd-spec b{display:block;font-size:14px;font-weight:600;color:var(--ink);margin-top:2px}
@media (max-width:1000px){ .nd-about{grid-template-columns:1fr;gap:var(--s-5)} }

/* ── Indications and contraindications ──────────────────────────── */
.nd-lists{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-4)}
.nd-list{background:var(--white);border:1px solid var(--line);border-radius:var(--r-xl);padding:26px}
.nd-list__head{display:flex;gap:10px;align-items:center;margin-bottom:var(--s-4)}
.nd-list__ico{width:36px;height:36px;flex:0 0 36px;border-radius:10px;display:flex;align-items:center;justify-content:center}
.nd-list--yes .nd-list__ico{background:var(--teal-mist);color:var(--teal-deep)}
.nd-list--no .nd-list__ico{background:var(--no-soft);color:var(--no)}
.nd-list ul{display:flex;flex-direction:column}
.nd-list li{display:flex;gap:10px;padding:10px 0;font-size:var(--fs-body-sm);line-height:1.55;color:var(--ink-2);border-top:1px solid var(--line-soft)}
.nd-list li:first-child{border-top:none;padding-top:0}
.nd-list li>span{flex:0 0 22px;font-size:13px;font-weight:800;font-variant-numeric:tabular-nums}
.nd-list--yes li>span{color:var(--teal-deep)}
.nd-list--no li>span{color:var(--no)}
@media (max-width:1000px){ .nd-lists{grid-template-columns:1fr} .nd-list{padding:var(--s-5);border-radius:var(--r-lg)} }