/* ============================================================
   Внутренние страницы: старая вёрстка контента в новой обвязке.
   Подключается после ui.css и sections.css - гасит наследие
   и приводит типографику к новой дизайн-системе.
   ============================================================ */

body.u-inner {
    font-family: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
    font-size: 17px;
    line-height: 1.6;
    color: var(--ink);
    background: #fff;
}

/* Наследие: старые шапка, подвал и декоративные подложки больше не нужны */
body.u-inner .header,
body.u-inner .footer,
body.u-inner .breadcrumbs,
body.u-inner .header-substrate,
body.u-inner [class^="clinika-pattern"],
body.u-inner [class*=" clinika-pattern"],
body.u-inner .delimiter,
body.u-inner .girl-form { display: none !important; }

/* Шапка страницы */
.pagehead {
    padding: 34px 0 30px;
    background:
        url(../images/ui/waves-d1.svg) 0 0 / 100% 100% no-repeat,
        linear-gradient(180deg, #F2F8FA, #fff);
    border-bottom: 1px solid var(--line);
}

.crumbs { display: flex; flex-wrap: wrap; gap: 8px; font-size: 14px; color: var(--ink-3); margin-bottom: 10px; }
.crumbs a { color: var(--deep-300); }
.crumbs a:hover { color: var(--coral); }

.pagehead h1 { margin: 0; font-size: clamp(27px, 3.4vw, 40px); }

/* Контентные секции старой вёрстки */
body.u-inner .content,
body.u-inner section.content,
body.u-inner .service__page,
body.u-inner .facility,
body.u-inner .servise,
body.u-inner .blog,
body.u-inner .thankyou,
body.u-inner .contacts,
body.u-inner .politics-block { padding: 46px 0; background: none; }

body.u-inner .container {
    width: 100%;
    max-width: var(--wrap);
    margin: 0 auto;
    padding: 0 20px;
}

body.u-inner h2 { font-size: clamp(24px, 3vw, 34px); margin-bottom: .6em; }
body.u-inner h3 { font-size: clamp(19px, 2.2vw, 25px); }
body.u-inner h4 { font-size: 18px; }
body.u-inner p  { margin: 0 0 1em; color: var(--ink-2); }
body.u-inner li { color: var(--ink-2); }
body.u-inner a  { color: var(--deep-300); }
body.u-inner a:hover { color: var(--coral); }

body.u-inner img { border-radius: var(--radius-sm); }

/* Старые кнопки-ссылки приводим к новому виду */
body.u-inner .default-link,
body.u-inner .default__btn,
body.u-inner .all_servise a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 15px 28px;
    border: 0;
    border-radius: var(--radius-pill);
    background: var(--coral);
    color: #fff !important;
    font: inherit;
    font-weight: 700;
    font-size: 16px;
    line-height: 1;
    text-transform: none;
    letter-spacing: 0;
    box-shadow: 0 10px 24px rgba(239, 91, 72, .26);
    transition: background var(--tr), transform var(--tr);
}

body.u-inner .default-link:hover,
body.u-inner .default__btn:hover { background: var(--coral-dark); color: #fff !important; }
body.u-inner .default-link:active { transform: translateY(1px); }

/* Таблицы прайса */
body.u-inner table { width: 100%; border-collapse: collapse; }
body.u-inner table td, body.u-inner table th { padding: 14px 10px; border-bottom: 1px solid var(--line); text-align: left; }
body.u-inner table th { font-weight: 700; color: var(--ink); background: var(--bg-soft); }

/* Карточки услуг и статей */
body.u-inner .facility__text-item,
body.u-inner .service__page-item,
body.u-inner .blog-item,
body.u-inner .custom-post {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    padding: 24px;
}

/* Формы старой вёрстки */
body.u-inner input[type="text"],
body.u-inner input[type="tel"],
body.u-inner input[type="email"],
body.u-inner textarea,
body.u-inner select {
    border: 1.5px solid var(--line);
    border-radius: var(--radius-sm);
    padding: 14px 16px;
    font: inherit;
    font-size: 16px;
    color: var(--ink);
    background: #fff;
}

/* Блок «политика» и длинные тексты */
body.u-inner .politics-inner,
body.u-inner .politics-block { max-width: 900px; margin: 0 auto; }
body.u-inner .politics-inner h1 { display: none; }

@media (max-width: 720px) {
    .pagehead { padding: 24px 0 22px; }
    body.u-inner .content,
    body.u-inner section.content { padding: 32px 0; }
}

/* ---------- Гасим наследие, протекающее в новую обвязку ---------- */
/* старый style.css красит .nav a капсом, а новая шапка тоже .nav */
body.u-inner .nav a,
body.u-inner .nav__menu a,
body.u-inner .brand,
body.u-inner .brand__txt b,
body.u-inner .brand__txt i,
body.u-inner .topline a,
body.u-inner .foot a,
body.u-inner .btn {
    text-transform: none;
    letter-spacing: normal;
}

body.u-inner .nav a { color: var(--ink); font-weight: 600; }
body.u-inner .nav__menu a:hover { color: var(--coral); }
body.u-inner .nav__phone { color: var(--deep); font-weight: 800; }
body.u-inner .topline a { color: rgba(255, 255, 255, .86); }
body.u-inner .topline a:hover { color: #fff; }
body.u-inner .foot a { color: rgba(255, 255, 255, .72); }
body.u-inner .foot a:hover { color: #fff; }
body.u-inner .foot .btn { color: #fff !important; }
body.u-inner .brand__txt b { color: var(--deep); }
body.u-inner .brand--light .brand__txt b { color: #fff; }

/* старые правила ширины и отступов не должны ломать новую сетку */
body.u-inner .nav .container,
body.u-inner .foot .container,
body.u-inner .topline .container { padding: 0; }

body.u-inner .nav img,
body.u-inner .foot img { border-radius: 0; }

/* первый заголовок модуля дублирует h1 страницы - убираем */
body.u-inner main .heading:first-of-type,
body.u-inner main > section:first-of-type h2.heading { display: none; }

/* ссылки в таблице прайса не должны выглядеть ссылками */
body.u-inner .price-list a,
body.u-inner table a { color: var(--ink); font-weight: 600; }

/* старый .nav a добавляет padding 10/15 - новая шапка из-за этого не влезает */
body.u-inner .nav a { padding: 0; }
body.u-inner .nav__menu a { padding: 0; }
body.u-inner .nav .btn { padding: 12px 22px; }
body.u-inner .nav ul { width: auto; }
body.u-inner .foot a { padding: 0; }

/* ---------- Наследие: секции не должны наезжать на шапку страницы ---------- */
.pagehead { position: relative; z-index: 2; }
.pagehead h1 { display: block !important; }

body.u-inner main > section,
body.u-inner main > div { margin-top: 0 !important; position: relative; }

body.u-inner .services__pricings,
body.u-inner .facility,
body.u-inner .service__page,
body.u-inner .blog,
body.u-inner .about_page,
body.u-inner .contacts { padding-top: 40px; }

/* ---------- Прайс-лист ---------- */
body.u-inner .services__pricings-title { display: none; }

body.u-inner .services__pricings-item ul {
    list-style: none;
    margin: 0;
    padding: 0;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    overflow: hidden;
}

body.u-inner .services__pricings-item li {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 18px;
    align-items: baseline;
    justify-content: space-between;
    padding: 15px 24px;
    border-bottom: 1px solid var(--line);
    font-size: 16px;
    color: var(--ink);
}

body.u-inner .services__pricings-item li:last-child { border-bottom: 0; }
body.u-inner .services__pricings-item li:nth-child(odd) { background: #FAFDFD; }

body.u-inner .services__pricings-item li > span:last-child {
    font-weight: 800;
    color: var(--deep);
    white-space: nowrap;
}

body.u-inner .color-blue { color: var(--ink) !important; font-weight: 600; }
body.u-inner .color-blue span { color: var(--ink-3); font-weight: 400; font-size: 14.5px; }

/* ---------- Списки услуг и карточки ---------- */
body.u-inner .facility__text-inner { display: grid; gap: 22px; }
body.u-inner .facility__text-img img { width: 100%; border-radius: var(--radius-sm); }

/* бургер на внутренних: старый CSS раздувал кнопку */
body.u-inner .nav__burger { flex: none; }
body.u-inner .nav__burger span { margin: 4px 0; }
body.u-inner .foot .brand img { background: #fff; border-radius: 12px; padding: 4px; }

/* ============================================================
   Вёрстка контента внутренних страниц (старый CSS отключён)
   ============================================================ */

body.u-inner main { display: block; }

body.u-inner main section { padding: 44px 0; }
body.u-inner main section:first-child { padding-top: 40px; }

/* Услуги: список разделов */
body.u-inner .facility__text-inner,
body.u-inner .service__page-inner {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 24px;
}

body.u-inner .facility__text-item,
body.u-inner .service__page-item {
    display: flex;
    flex-direction: column;
    gap: 14px;
    height: 100%;
}

body.u-inner .facility__text-img img,
body.u-inner .service__page-item img {
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    border-radius: var(--radius-sm);
}

body.u-inner .facility__text-desc h3,
body.u-inner .service__page-item h3 { margin-bottom: 4px; font-size: 20px; }
body.u-inner .facility__text-desc ul { margin: 0 0 1em; padding-left: 20px; }
body.u-inner .facility__text-desc li { margin-bottom: 6px; }

/* Табы услуг на старой главной больше не нужны */
body.u-inner .facility__tabs,
body.u-inner .tabs__caption { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 26px; padding: 0; list-style: none; }

body.u-inner .facility__tabs li,
body.u-inner .tabs__caption li {
    padding: 12px 20px;
    border: 1px solid var(--line);
    border-radius: var(--radius-pill);
    background: #fff;
    cursor: pointer;
    font-weight: 600;
    font-size: 15px;
}

body.u-inner .facility__tabs li.active,
body.u-inner .tabs__caption li.active { background: var(--deep); color: #fff; border-color: var(--deep); }

/* Блог */
body.u-inner .blog-inner,
body.u-inner .custom-posts {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 24px;
}

body.u-inner .blog-item img,
body.u-inner .custom-post img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; border-radius: var(--radius-sm); margin-bottom: 14px; }
body.u-inner .blog-item h3 a { color: var(--ink); }
body.u-inner .blog-item h3 a:hover { color: var(--coral); }

/* Контакты */
body.u-inner .contacts__inner { display: grid; gap: 28px; }
body.u-inner .contacts__info-inner { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 22px; }
body.u-inner .contacts__info-item { display: flex; gap: 14px; align-items: flex-start; }
body.u-inner .contacts__info-img { color: var(--mint); }
body.u-inner .contacts__photo { display: none; }

/* Карта сайта и политика */
body.u-inner .politics-inner p { margin-bottom: .6em; }
body.u-inner .ierarh0 { font-weight: 700; }
body.u-inner .ierarh1 { padding-left: 22px; }
body.u-inner .ierarh2 { padding-left: 44px; }

/* Сертификаты и галереи */
body.u-inner .sertificat-inner,
body.u-inner .about_page-img-inner {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 16px;
}

body.u-inner .sertificat-inner img,
body.u-inner .about_page-img-inner img { width: 100%; object-fit: cover; border-radius: var(--radius-sm); }

/* Поиск */
body.u-inner .search_h2_title { font-size: 20px; margin-bottom: 20px; }
body.u-inner .search { color: var(--coral); }

@media (max-width: 720px) {
    body.u-inner main section { padding: 30px 0; }
}
