/* ── camelot-fix.css ── */
/* Камелот — лендинг v2 «исходный вид + починка проблем» (Р60, 23.09.2026).
   Основа — нынешний вид сайта: шрифты (Cormorant Garamond + Source Sans 3), цвета, отступы, компоновка — как были.
   Чинится только замеренное (docs/tasks/funnel_2026-07/ux_defekty_2026-08-24.md Д1–Д3, Д6; аудит П7):
   1) мелкая «обвязка» 12–16px рядом с телом 17px; 2) серое/полупрозрачное на тёмном; 3) кнопки мелкими заглавными;
   4) засечки мельче ~22px (у Cormorant маленькая высота строчных — при 18–20px он читается как 15–16px гротеска).
   Подключается последним; разметку, скрипты и проводку SmartSender не трогает. Проверка — scripts/visual_check.py --profile problems. */

/* 1. Основной текст — 17 → 18px */
.pain p:not(.pain__quote),.oleg p,.section__inner p:not([class]),.section__inner p:not([class]) a,.cta__text,.timeline__after,.timeline__intro,.founder-row__text,.founder-card__text,
.section-light__inner,.hero__offer{font-size:18px!important}

/* 1. Обвязка — не мельче тела */
.quote-item,.timeline__text,.slide--last p,.oleg__summary{font-size:18px!important}
.slide__desc{font-size:18px!important;line-height:1.5}
.cta__hint{font-size:18px!important;color:#4A3F38!important}
.cta__text--ps{font-size:18px!important}
.timeline__num{font-size:18px!important;font-weight:700}
.cat-card__num{font-size:18px!important;font-weight:700}
.cat-card__text{font-size:18px!important;color:rgba(255,255,255,.9)!important}
.categories__subtitle{font-size:18px!important;color:rgba(255,255,255,.88)!important}
.accent-card__text{font-size:18px!important;color:rgba(255,255,255,.9)!important}
.price__sub,.price__footnote{font-size:18px!important;color:rgba(255,255,255,.88)!important}
.footer{font-size:18px!important;color:rgba(255,255,255,.75)!important}

/* 2. Фраза-фильтр: без серого курсива, читается поверх картинки */
.hero__filter{font-size:18px!important;font-style:normal!important;color:rgba(255,255,255,.92)!important;
  text-shadow:0 1px 3px rgba(0,0,0,.95),0 2px 14px rgba(0,0,0,.9)!important}
.hero__subtitle{color:rgba(255,255,255,.95)!important}

/* 4. Засечки остаются, но крупно */
.hero__sub{font-size:26px!important}
.hero__subtitle{font-size:24px!important}
.pain__quote{font-size:24px!important;color:#4A3F38!important}
.timeline__heading,.slide__title{font-size:22px!important}
.accent-card__title{font-size:24px!important}
.cat-card__heading{font-size:24px!important}
.values-trio span{color:#9A7B2C!important}

/* 3. Кнопки — видны без поиска: крупный текст без разрядки, прежняя форма */
.cta__btn,.hero__cta{font-size:18px!important;letter-spacing:.04em!important;padding:18px 28px!important;
  max-width:100%;white-space:normal;line-height:1.3}
.jump-cta{font-size:18px!important;letter-spacing:.04em!important}
.cat-card__cta{font-size:18px!important;font-weight:700!important;padding:13px 22px!important}

/* Телефон: стрелки карусели не выходят за край экрана (Д4) */
@media (max-width:540px){
  .slider-arrow{width:48px!important;height:48px!important;background:rgba(0,0,0,.72)!important}
  .slider-arrow--next{right:6px!important}
  .slider-arrow--prev{left:6px!important}
}
.pain__quote{line-height:1.4!important}

/* Доработки по слепой оценке 23.09 (независимый агент выбрал этот вариант, топ-3) */
/* 1. Межстрочный интервал длинного текста — плотнее, не «через полтора» */
.pain p,.oleg p,.cta__text,.timeline__after,.timeline__intro,.timeline__text,.founder-row__text,.founder-card__text,
.section-light__inner,.section__inner p:not([class]),.quote-item,.cat-card__text,.accent-card__text,.slide__desc{line-height:1.55!important}
/* 2. Цитаты-запросы — прямым тёмным; подзаголовок главной и цитата новичка — плотный курсив вместо тонкого */
.quote-item{font-style:normal!important;color:#2C2420!important}
.hero__subtitle,.pain__quote{font-weight:700!important}
/* 3. Карусели: стрелки на телефоне — в ряд с точками, не поверх отзыва */
@media (max-width:540px){
  .slider-arrow{top:auto!important;bottom:0!important;transform:none!important}
  .slider-arrow--prev{left:0!important}
  .slider-arrow--next{right:0!important}
  .slider-dots{min-height:48px;align-items:center;margin-top:12px!important;padding:0 56px}
}

/* ── var/n1.css ── */
/* Выбор N1 «Кнопка во всю карточку»: тёмные карточки, внизу — сплошная бордовая кнопка со стрелкой */
.cat-card{border-left:4px solid #8B1A1A!important}
.cat-card__cta{display:flex!important;align-items:center;justify-content:center;gap:10px;align-self:stretch!important;width:100%;
  min-height:56px;background:#8B1A1A!important;border:0!important;color:#fff!important;border-radius:8px!important;font-size:18px!important;font-weight:700!important}
.cat-card__cta::after{content:"→";font-size:22px;line-height:1}
.cat-card:hover .cat-card__cta{background:#6B1010!important;color:#fff!important}

/* ── var/n6.css ── */
/* В6 (Р63) = В1 + у каждой категории свой средневековый знак, без шкалы «лучше/хуже» */

.cat-card__num{display:flex;align-items:center;gap:12px}
.cat-card__num::after{font-size:34px;line-height:1;color:#C9A84C;font-family:"DejaVu Sans","Segoe UI Symbol","Noto Sans Symbols 2",serif}
.cat-card:nth-child(1) .cat-card__num::after{content:"\269C\FE0E"}
.cat-card:nth-child(2) .cat-card__num::after{content:"\2694\FE0E"}
.cat-card:nth-child(3) .cat-card__num::after{content:"\265C\FE0E"}

/* ── var/polish.css ── */
/* Шлифовка v3 по аудиту свежим взглядом (Р66–Р67, 23.09.2026). Только вёрстка и графика, тексты не меняются.
   Источник находок — docs/tasks/funnel_2026-07/landing_audit_fresh_2026-09-23.md. Подключается последним на всех 4 страницах. */

/* Эксперт: длинный текст — на светлой карточке, как рассказ основателя (стандарт §2: тёмное — только для коротких акцентов) */
.accent-card--light{background:#fff!important;border:1px solid #E0D8CF!important;border-left:3px solid #8B1A1A!important;border-radius:12px!important;
 box-shadow:0 2px 12px rgba(0,0,0,.06)!important;max-width:720px;margin:0 auto!important}
.accent-card--light .accent-card__text{color:#2C2420!important}
.accent-card--light::before,.accent-card--light::after{display:none!important}

/* Карусели: точки видно на любом фоне; стрелка — бордо с золотой обводкой; блок не оставляет пустоты под коротким слайдом */
.testimonials .slider-dot,#carousel-feedback .slider-dot{background:#D9CBB0!important}
.testimonials .slider-dot.is-active,#carousel-feedback .slider-dot.is-active{background:#8B1A1A!important}
.price-section .slider-dot{background:rgba(255,255,255,.35)!important}
.price-section .slider-dot.is-active{background:#C9A84C!important}
.slider-dot{width:10px!important;height:10px!important}
.slider-arrow{background:#8B1A1A!important;border:2px solid #C9A84C!important;color:#fff!important;box-shadow:0 2px 10px rgba(0,0,0,.35)!important}
.slider-track{align-items:flex-start!important}
.testimonials{padding-bottom:44px!important}

/* Кнопки действия — один вид: строчные, крупно, высокие */
.cta__btn,.jump-cta,.hero__cta{text-transform:none!important;letter-spacing:0!important;font-weight:700!important;font-size:19px!important;
 min-height:58px;border-radius:8px!important;line-height:1.3!important;padding:16px 26px!important;box-sizing:border-box}
.price__cta{text-align:center;margin:22px auto 26px}
.price__cta .cta__btn{display:inline-block}

/* Оценка участников — золотая плашка в строке */
.rating-badge{display:inline-block;white-space:nowrap;font-weight:700;color:#1A1210;background:#E9CF8A;border-radius:6px;padding:1px 9px;margin:0 2px}

/* Главная: у карточек сегментов черта слева — прямая, без «серпа» на скруглённом углу */
.cat-card{border-left:0!important;box-shadow:inset 4px 0 0 #8B1A1A}

/* Телефон: карточка основателя — шире колонка текста */
@media (max-width:540px){
  .section__inner>div[style*="padding: 28px"]{padding:20px 18px!important}
}

/* Второй проход аудита (Р67) */
@media (min-width:768px){.section__inner{max-width:720px!important}}  /* одна ширина колонки, один левый край */
.accent-card--light .accent-card__title{color:#8B1A1A!important}
.accent-card--light{padding:28px!important}
@media (max-width:540px){.accent-card--light{padding:20px 18px!important}}
.cta__text{text-align:left!important}
.cta__btn{text-wrap:balance}
.jump-cta{display:flex!important;align-items:center;justify-content:center;width:100%;max-width:440px;margin-left:auto!important;margin-right:auto!important}
.price__cta{margin:14px auto 22px!important}
.cat-card{border-radius:0 12px 12px 0!important}
.section__inner>div[style*="border-left: 3px solid #8B1A1A"],.accent-card--light{border-radius:0 12px 12px 0!important}
.timeline__text,.timeline__intro,.timeline__after{color:#2C2420!important}

/* ── var/cherries.css ── */
/* «Вишенки» v3 (Р67): приятные акценты без новых текстов, палитра и шрифты прежние. Каждый блок снимается независимо. */

/* В1. Цвет выделения текста — золото */
::selection{background:#E9CF8A;color:#1A1210}

/* В2. Плавный переход к цене и золотая черта «ты на месте» */
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
#price,#cta{scroll-margin-top:12px}
.price__title::after,#cta .cta__title::after{content:"";display:block;width:60px;height:2px;background:#C9A84C;margin:14px auto 0;transform-origin:center}
@media (prefers-reduced-motion:no-preference){
  #price:target .price__title::after,#cta:target .cta__title::after{animation:cm-draw .9s ease-out both}
}
@keyframes cm-draw{from{transform:scaleX(0)}to{transform:scaleX(1)}}

/* В3. Мини-герб в подвале — точка в конце страницы */
.footer::before{content:"";display:block;width:28px;height:28px;margin:0 auto 12px;background:url(logo_camelot_v3.png) center/contain no-repeat}

/* В4. Золотой медальон с гербом — ровно по центру верхнего края свитка, как печать на грамоте (Р68: под углом — неряшливо) */
.hx-scroll{position:relative;padding-top:34px!important}
.hx-scroll::after{content:"";position:absolute;top:-26px;left:50%;margin-left:-26px;width:52px;height:52px;border-radius:50%;
 background:url(logo_camelot_v3.png) center/32px no-repeat,radial-gradient(circle at 50% 35%,#F3DE9E,#C9A84C 60%,#9A7B2C 100%);
 box-shadow:0 0 0 2px #1A1210,0 0 0 3px #C9A84C,0 3px 10px rgba(0,0,0,.55);pointer-events:none}
.hero:has(.hx-scroll) .hero__sub{margin-bottom:40px!important}

/* В5. Разделитель: короткая золотая черта с ромбом в центре */
.gold-sep,div[style*="width: 60px; height: 2px"]{position:relative;overflow:visible}
.gold-sep::after,div[style*="width: 60px; height: 2px"]::after{content:"";position:absolute;left:50%;top:50%;width:7px;height:7px;background:#C9A84C;transform:translate(-50%,-50%) rotate(45deg)}

/* В6. Кнопки: тонкая золотая нить, отклик при нажатии, заметный фокус */
.hx-btn,.cta__btn,.jump-cta,.cat-card__cta,.hero__cta{box-shadow:inset 0 0 0 1px rgba(233,207,138,.45),0 2px 0 #5A0E0E!important;transition:transform .1s,box-shadow .1s}
.hx-btn:active,.cta__btn:active,.jump-cta:active,.cat-card__cta:active,.hero__cta:active{transform:translateY(1px);box-shadow:inset 0 0 0 1px rgba(233,207,138,.45)!important}
.hx-btn:focus-visible,.cta__btn:focus-visible,.jump-cta:focus-visible,.cat-card__cta:focus-visible,.hero__cta:focus-visible{outline:3px solid #E9CF8A;outline-offset:3px}

/* ── var/i1.css ── */
/* Главная, первый экран — И1 «Ровный» (Р68): та же композиция, починены замеченные проблемы */
.hero::before{background:rgba(12,8,6,.5)!important}                       /* картинка видна, как у сегментов; без градиента */
.hero__title{color:#E9CF8A!important;text-shadow:0 2px 0 #6B4A12,0 4px 18px rgba(0,0,0,.8)!important}  /* золото — как «КАМЕЛОТ» на сегментах */
.hero .logo{width:64px}
.hero__subtitle{font-family:'Source Sans 3',sans-serif!important;font-style:normal!important;font-weight:600!important;font-size:21px!important;
 line-height:1.45!important;color:#fff!important;max-width:30ch!important;text-shadow:0 1px 3px rgba(0,0,0,.95),0 2px 14px rgba(0,0,0,.9)!important}
.hero__cta{min-width:260px}
.hero__filter{font-size:18px!important;font-style:italic!important;color:rgba(255,255,255,.72)!important;max-width:30ch;margin:0 auto}
@media (min-width:768px){.hero__subtitle{font-size:24px!important;max-width:36ch!important}}