/* ============================================================
   МедКвадро — общая тема: акцентные цвета + воздушность
   Подключается на всех страницах из includes/header.php
   ============================================================ */
:root{
  --mk-teal:#66C3D1;          /* бирюза логотипа */
  --mk-teal-soft:#eaf7f9;
  --mk-orange:#ff6b35;
}

/* ── Воздушность: больше пространства ── */
section{padding-top:64px!important;padding-bottom:64px!important}
section.page-hero, .page-hero{padding-top:64px!important;padding-bottom:64px!important}
.topbar{padding-top:9px!important;padding-bottom:9px!important}
body{line-height:1.75}
p{margin-bottom:1rem}
.section-title{margin-bottom:34px!important}
.section-title h2{letter-spacing:-.3px}
.section-title p{font-size:16px}
.container{max-width:1180px}

/* ── Акценты: бирюза логотипа в деталях ── */
.section-title h2::after{
  background:linear-gradient(90deg,var(--accent-color) 0%,var(--mk-teal) 100%)!important;
  width:64px!important;height:4px!important;border-radius:4px!important;
}
.breadcrumb-bar{background:linear-gradient(90deg,#eef6fc,var(--mk-teal-soft))!important}
.topbar{background:linear-gradient(90deg,var(--accent-color) 0%,#3b96d8 70%,var(--mk-teal) 100%)!important}
.icon-circle, .advantage-card .icon, .step-num{position:relative}
.svc-card .icon-circle, .contact-card .icon-circle{
  background:linear-gradient(135deg,color-mix(in srgb,var(--accent-color),transparent 88%),var(--mk-teal-soft))!important;
}
.svc-card:hover .icon-circle{background:linear-gradient(135deg,var(--accent-color),var(--mk-teal))!important;color:#fff!important;transition:.3s}
.badge-row span, .page-hero .badge-row span{backdrop-filter:blur(4px)}
.cat-chips a:hover{background:linear-gradient(90deg,var(--accent-color),var(--mk-teal))!important;border-color:transparent!important}
.faq-item.active{border-left:3px solid var(--mk-teal)!important}
.step-card .step-num{background:linear-gradient(135deg,var(--accent-color),var(--mk-teal))!important;color:#fff!important}
footer h5{position:relative;padding-bottom:8px}
footer h5::after{content:'';position:absolute;left:0;bottom:0;width:28px;height:2px;background:var(--mk-teal);border-radius:2px}

/* ── Кнопки: мягче, живее ── */
.btn-cta, .btn-cta-big{
  background:linear-gradient(135deg,#ff7d4d,var(--mk-orange))!important;
  box-shadow:0 6px 18px rgba(255,107,53,.35)!important;
  border-radius:50px!important;
}
.btn-cta:hover, .btn-cta-big:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(255,107,53,.45)!important}
.svc-btn:hover, .btn-metro:hover{box-shadow:0 6px 16px rgba(25,119,204,.35)}

/* ── Карточки: мягкие тени, больше скруглений ── */
.specialist-card, .advantage-card, .related-card, .step-card, .faq-item,
.price-block, .price-table, .route-card, .contact-card, .svc-card, .requisites{
  border-radius:16px!important;
}
.advantage-card, .related-card, .specialist-card{
  box-shadow:0 4px 22px rgba(44,73,100,.07)!important;
  border:1px solid #eef3f8;
  transition:transform .25s,box-shadow .25s;
}
.advantage-card:hover, .specialist-card:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(25,119,204,.13)!important}
img[loading="lazy"]{border-radius:16px}

/* ── Таблицы: легче ── */
.price-table thead th, .price-block thead th{
  background:linear-gradient(90deg,var(--heading-color),#3a5a7d)!important;
}

/* ── Шапка: тонкая бирюзовая линия ── */
.header{border-bottom:3px solid var(--mk-teal)}

/* ── Типографика: единая шкала по всему сайту ── */
h1{font-size:38px!important;font-weight:700!important;line-height:1.22!important;letter-spacing:-.4px}
.page-hero h1{font-size:34px!important}
h2, .section-title h2{font-size:28px!important;font-weight:700!important;line-height:1.3!important}
.seo-text h2{font-size:22px!important;margin-top:34px!important}
.seo-text h3{font-size:18px!important;font-weight:700!important}
.seo-text p, .seo-text li{font-size:16px!important;line-height:1.8!important}
body{font-size:16px}
.subhead h2{font-size:26px!important}
.price-sec .sec-head h3{font-size:19px!important}
footer h5{font-size:14px!important}

/* Надписи в карточках: единые размеры и цвет */
.specialist-card h3, .specialist-card h4, .svc-card h3{font-size:17px!important;font-weight:700!important;line-height:1.35!important}
.step-card h4, .symptom-card h4, .advantage-card h5, .contact-card h3, .route-card h4{font-size:16px!important;font-weight:700!important}
.faq-item h4{font-size:15.5px!important;font-weight:600!important}
.specialist-card p, .symptom-card p, .advantage-card p, .step-card p, .svc-card .svc-desc, .related-card p{font-size:15px!important;color:#6a7c8e!important;line-height:1.65!important}
.specialist-card .price{font-size:16px!important;font-weight:700!important}
.faq-answer{font-size:15.5px!important}
.faq-item h4{font-size:16px!important}
.svc-card .svc-links a{font-size:14.5px!important}
.price-table tbody td, .price-block tbody td{font-size:15px!important}

/* ── Мобайл: не раздувать отступы, заголовки компактнее ── */
@media(max-width:768px){
  section{padding-top:44px!important;padding-bottom:44px!important}
  .container{padding-left:18px;padding-right:18px}
  h1, .page-hero h1{font-size:26px!important}
  h2, .section-title h2{font-size:22px!important}
  .seo-text h2{font-size:19px!important}
}

/* Фото в карточках каталога услуг */
.svc-card .svc-photo{width:calc(100% + 48px);margin:-24px -24px 16px;height:160px;object-fit:cover;border-radius:16px 16px 0 0!important;display:block}

/* ── Галерея лицензий ── */
.lic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:22px}
.lic-card{background:#fff;border:1px solid #e8eef4;border-radius:16px;padding:14px;text-align:center;transition:transform .25s,box-shadow .25s;cursor:pointer}
.lic-card:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(25,119,204,.14)}
.lic-card .lic-thumb{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:10px;display:block;background:#f3f7fb}
.lic-card .lic-ph{width:100%;aspect-ratio:3/4;border-radius:10px;border:2px dashed color-mix(in srgb,var(--accent-color),transparent 55%);background:linear-gradient(135deg,#f5fafe,var(--mk-teal-soft));display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--accent-color);gap:8px;padding:12px}
.lic-card .lic-ph i{font-size:38px;opacity:.7}
.lic-card .lic-ph span{font-size:12.5px;color:#6a7c8e;line-height:1.4}
.lic-card .lic-cap{font-size:13px;color:var(--heading-color);font-weight:600;margin-top:10px}
.lic-badge{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-color),transparent 92%),var(--mk-teal-soft));border:1px solid color-mix(in srgb,var(--accent-color),transparent 80%);border-radius:14px;padding:16px 20px;margin-bottom:8px}
.lic-badge i{font-size:30px;color:var(--accent-color)}
.lic-badge b{display:block;font-size:15px;color:var(--heading-color)}
.lic-badge small{color:#6a7c8e;font-size:12.5px}
/* Лайтбокс */
.lic-lightbox{position:fixed;inset:0;background:rgba(20,35,52,.9);z-index:3000;display:none;align-items:center;justify-content:center;padding:24px}
.lic-lightbox.open{display:flex}
.lic-lightbox img{max-width:92%;max-height:92%;border-radius:8px;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.lic-lightbox .lic-x{position:absolute;top:18px;right:24px;color:#fff;font-size:40px;cursor:pointer;line-height:1;background:none;border:none}
/* Блок лицензий для посадочных: текст + слайдер */
.lic-strip{background:#fff;border:1px solid #e8eef4;border-radius:18px;padding:30px;box-shadow:0 4px 22px rgba(44,73,100,.07)}
.lic-strip .lic-more:hover{opacity:1;gap:11px!important}
.lic-slider{position:relative;background:#f3f7fb;border-radius:14px;padding:14px;box-shadow:0 6px 22px rgba(44,73,100,.1)}
.lic-slider .lic-slides{position:relative}
.lic-slider .lic-slide{width:100%;max-height:360px;object-fit:contain;border-radius:8px;display:none;background:#fff}
.lic-slider .lic-slide:first-child{display:block}
.lic-nav{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border:none;border-radius:50%;background:rgba(255,255,255,.92);color:var(--accent-color);box-shadow:0 2px 10px rgba(0,0,0,.18);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;z-index:2}
.lic-nav:hover{background:var(--accent-color);color:#fff}
.lic-prev{left:8px}.lic-next{right:8px}
.lic-dots{display:flex;gap:7px;justify-content:center;margin-top:12px}
.lic-dots button{width:9px;height:9px;border-radius:50%;border:none;background:#cdd9e4;cursor:pointer;padding:0}
.lic-dots button.on{background:var(--accent-color);width:22px;border-radius:5px}
@media(max-width:991px){.lic-slider{max-width:380px;margin:20px auto 0}}

/* ── Единый стиль иконок по всему сайту (как в услугах и ценах) ── */
/* Специалисты на главной */
.specialist-card .icon-wrap{
  background:linear-gradient(135deg,color-mix(in srgb,var(--accent-color),transparent 88%),var(--mk-teal-soft))!important;
  border-radius:14px!important;width:58px!important;height:58px!important;
  transition:.3s;
}
.specialist-card .icon-wrap::before{display:none!important}
.specialist-card .icon-wrap i{color:var(--accent-color)!important;font-size:24px!important}
.specialist-card:hover .icon-wrap{background:linear-gradient(135deg,var(--accent-color),var(--mk-teal))!important}
.specialist-card:hover .icon-wrap i{color:#fff!important}

/* Симптомы «Когда нужно вызвать врача» */
.symptom-card .icon{
  width:46px;height:46px;min-width:46px;border-radius:12px;
  background:linear-gradient(135deg,color-mix(in srgb,var(--accent-color),transparent 88%),var(--mk-teal-soft));
  display:flex;align-items:center;justify-content:center;
  font-size:20px!important;margin-top:0!important;transition:.3s;
}
.symptom-card:hover .icon{background:linear-gradient(135deg,var(--accent-color),var(--mk-teal))}
.symptom-card:hover .icon i{color:#fff}

/* Преимущества (advantage-card) — на всех страницах */
.advantage-card .icon{
  width:48px;height:48px;min-width:48px;border-radius:12px;
  background:linear-gradient(135deg,color-mix(in srgb,var(--accent-color),transparent 88%),var(--mk-teal-soft));
  display:flex;align-items:center;justify-content:center;
  font-size:21px!important;transition:.3s;
}
.advantage-card:hover .icon{background:linear-gradient(135deg,var(--accent-color),var(--mk-teal))}
.advantage-card:hover .icon i{color:#fff}

/* Связанные услуги (related-card) — на страницах категорий */
.related-card i{
  display:inline-flex!important;width:56px;height:56px;align-items:center;justify-content:center;
  border-radius:14px;font-size:24px!important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--accent-color),transparent 88%),var(--mk-teal-soft));
  margin-bottom:12px!important;transition:.3s;
}
.related-card:hover i{background:linear-gradient(135deg,var(--accent-color),var(--mk-teal));color:#fff!important}

/* «Также доступны с выездом на дом» — плитки в общем стиле */
section[aria-labelledby="specialists-heading"] .col-6 > a{
  border-radius:14px!important;border:1px solid #eef3f8;
  box-shadow:0 4px 18px rgba(44,73,100,.06)!important;
  transition:transform .25s,box-shadow .25s;height:100%;
}
section[aria-labelledby="specialists-heading"] .col-6 > a:hover{
  transform:translateY(-3px);box-shadow:0 10px 26px rgba(25,119,204,.13)!important;opacity:1;
}
section[aria-labelledby="specialists-heading"] .col-6 > a i{
  display:inline-flex!important;width:46px;height:46px;align-items:center;justify-content:center;
  border-radius:12px;font-size:20px!important;margin:0 auto 8px;
  background:linear-gradient(135deg,color-mix(in srgb,var(--accent-color),transparent 88%),var(--mk-teal-soft));
  color:var(--accent-color)!important;transition:.3s;
}
section[aria-labelledby="specialists-heading"] .col-6 > a:hover i{
  background:linear-gradient(135deg,var(--accent-color),var(--mk-teal));color:#fff!important;
}

/* Гео-блок главной: маркеры направлений */
section[aria-labelledby="geo-heading"] h5 i{
  display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;
  border-radius:9px;font-size:14px;
  background:linear-gradient(135deg,color-mix(in srgb,var(--accent-color),transparent 88%),var(--mk-teal-soft));
  margin-right:6px;
}

/* Шаги: единая плитка вместо просто числа */
.step-card .step-num{
  width:46px!important;height:46px!important;border-radius:13px!important;
  display:flex!important;align-items:center;justify-content:center;
  font-size:20px!important;margin-bottom:12px;
}

/* FAQ: плюсик крупнее в 1.5 раза */
.faq-toggle{width:40px!important;height:40px!important;font-size:18px!important;top:12px!important}
.faq-item{padding-right:62px!important}

/* Специалисты: цена и кнопка прижаты к низу — карточки ровные */
.specialist-card{display:flex!important;flex-direction:column;align-items:center}
.specialist-card p{flex:1}
.specialist-card .price{margin-top:auto!important;padding-top:10px}

/* «Подробнее» — минималистичная: белый фон, тонкая синяя обводка */
.specialist-card .btn-sm, .svc-card .svc-btn{
  background:#fff!important;box-shadow:none!important;
  border:1px solid color-mix(in srgb,var(--accent-color),transparent 45%)!important;
  padding:7px 18px!important;border-radius:50px!important;
  color:var(--accent-color)!important;font-weight:600!important;font-size:13.5px!important;
  display:inline-flex;align-items:center;transition:.2s;
}
.specialist-card .btn-sm::after, .svc-card .svc-btn::after{content:'\2192';margin-left:6px;transition:margin .2s}
.specialist-card .btn-sm:hover, .svc-card .svc-btn:hover{
  background:#fff!important;border-color:var(--accent-color)!important;
  color:var(--accent-color)!important;opacity:1;box-shadow:0 4px 14px rgba(25,119,204,.18)!important;
}
.specialist-card .btn-sm:hover::after, .svc-card .svc-btn:hover::after{margin-left:11px}