/* Главная (index.html / index-uk.html): меньше «квадратиков» (Артём 08.11.2026:
   «шаблонные штуки… слишком ИИшное»). Тот же подход, что на посадочных
   trening-*.html: вместо коробок - тонкие линии, крупные цифры с засечками,
   больше воздуха. Только вид: разметка и скрипты не тронуты. Отдельным файлом -
   чтобы показать Артёму и при «нет» убрать одной строкой из index.html. */

/* Программы: без коробок, золотая линия сверху у главной, тонкая у остальных. */
.plan,.plan.hot{background:none;border:0;border-top:1px solid var(--line);border-radius:0;box-shadow:none;padding:26px 4px 6px}
.plan.hot{border-top:2px solid var(--gold)}
.plan .price{font-family:var(--serif);font-weight:600;font-size:46px;color:var(--gold2);letter-spacing:-.01em}
.plan h3{font-family:var(--serif);font-size:24px}
.plan ul{gap:0}
.plan li{padding:11px 0 11px 26px;border-bottom:1px solid var(--line)}
.plan li:last-child{border-bottom:0}
.plan li::before{top:17px}
.plans .grid,.plans .g3{gap:42px}

/* Состав программ (раскрывающиеся записи): строки с линией, без плашек. */
#inside .rec{background:none;border:0;border-bottom:1px solid var(--line);border-radius:0}
#inside .rec:first-child{border-top:1px solid var(--line)}
#inside .rec-num{font-family:var(--serif);color:var(--gold);font-size:20px}

/* Карточки на главной - текстом с золотым заголовком, без рамок. */
body:not(.razdel) .card{background:none;border:0;border-top:1px solid var(--line);border-radius:0;padding:22px 2px 4px}
body:not(.razdel) .card h3{font-family:var(--serif);color:var(--gold2)}

/* Разделы отделены тонкой линией, а не фоном. */
#plans,#inside,#faq,.final{border-top:1px solid var(--line)}

/* ===== 08.11 вечер, правки Артёма по главной ===== */

/* Книга (вторая попытка, Артём 08.11: «переделать интересней»).
   Без рамки-коробки: обложка парит в золотом ореоле и чуть покачивается,
   описание - как цитата: курсив с засечками и золотая черта слева,
   метка «Бесплатная книга» - золотой бейдж. */
/* Только компьютер: на телефоне книга как была («на телефонной версии книга мне нравится»). */
@media(min-width:900px){
.hero-kniga{position:relative}
.hero-kniga .kniga-obl::before{width:240% !important;
  background:radial-gradient(closest-side,rgba(240,210,143,.26),rgba(216,180,95,.10) 45%,transparent 72%) !important}
.hero-kniga .kniga-ramka{animation:kniga-paryt 6s ease-in-out infinite}
.hero-kniga .kniga-ramka img{transition:transform .6s ease, filter .6s ease}
.hero-kniga .kniga-obl:hover .kniga-ramka img{transform:scale(1.04) rotate(-1.5deg);
  filter:drop-shadow(0 26px 34px rgba(0,0,0,.65)) drop-shadow(0 0 30px rgba(240,210,143,.35))}
@keyframes kniga-paryt{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.kniga-metka{display:inline-block;padding:4px 12px;border-radius:999px;font-size:11px;letter-spacing:.2em;
  color:#1a1405;background:linear-gradient(110deg,#c99b42,#f0d28f);margin-bottom:12px}
.kniga-opisanie{font-family:var(--serif);font-style:italic;font-size:15.5px;line-height:1.6;color:#c9cfdb;
  border-left:2px solid rgba(216,180,95,.6);padding-left:14px}
.kniga-knopka{border:0;padding:6px 0;background:none;color:var(--gold2);border-radius:0;
  border-bottom:1px solid rgba(240,210,143,.5)}
.kniga-knopka:hover{background:none;border-bottom-color:var(--gold2);color:#fff1c2}

}
@media (prefers-reduced-motion:reduce){ .hero-kniga .kniga-ramka{animation:none} }

/* Строка авторов: тихая подпись с золотыми точками, без линии сверху. */
.hero .whoami{border-top:0;padding-top:0;font-family:var(--serif);font-size:15px;letter-spacing:.02em;color:#aeb6c7}
.hero .whoami::before,.hero .whoami::after{content:"·";color:var(--gold);margin:0 12px;font-size:20px;vertical-align:-2px}

/* Полоса «40–50 минут / Через день / …»: четыре колонки, крупное значение с засечками,
   подпись под ним, тонкие разделители. */
.strip{background:linear-gradient(180deg,rgba(216,180,95,.05),transparent);border-color:rgba(216,180,95,.16)}
.strip .wrap{max-width:none;display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:26px 28px}
.strip .wrap > span{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:0 16px;
  border-left:1px solid rgba(216,180,95,.16)}
.strip .wrap > span:first-child{border-left:0}
.strip b{font-family:var(--serif);font-size:21px;color:var(--gold2);font-weight:600}
.strip .wrap > span > span{font-size:13px;color:var(--dim)}
@media(max-width:760px){
  .strip .wrap{grid-template-columns:1fr 1fr;row-gap:20px;padding:22px 16px}
  .strip .wrap > span:nth-child(3){border-left:0}
  .strip b{font-size:18px}
}

/* «Состав»: вкладки программ без коробок - текст с золотой линией снизу у выбранной. */
.rectabs{gap:0 30px;border-bottom:1px solid var(--line);margin:30px 0 18px}
.rectabs button,.rectabs button.on{background:none;border:0;border-radius:0;padding:12px 0;margin-bottom:-1px;
  font-family:var(--serif);font-size:18px;font-weight:600;color:var(--dim);border-bottom:2px solid transparent}
.rectabs button:hover{color:var(--gold2);border-bottom-color:rgba(216,180,95,.4)}
.rectabs button.on{color:var(--gold2);border-bottom-color:var(--gold);
  text-shadow:0 0 18px rgba(240,210,143,.35)}
#inside h2{font-size:clamp(30px,4.2vw,46px)}

/* Подвал во всю ширину и тонкий: слева знак и имена, в центре ссылки, справа почта;
   под ними одной строкой предупреждение. */
@media(min-width:900px){
  footer{padding:20px 0 18px}
  footer .wrap{max-width:none;padding:0 28px;display:grid;grid-template-columns:auto auto 1fr auto;
    align-items:center;column-gap:16px;row-gap:4px;text-align:left !important}
  footer .mark-foot{grid-column:1;grid-row:1 / span 2;width:34px;height:34px;margin:0}
  footer .wrap > p{margin:0}
  footer .wrap > p:nth-of-type(1){grid-column:2;grid-row:1}
  footer .wrap > p:nth-of-type(2){grid-column:2;grid-row:2;font-size:11.5px;color:#5d6578}
  footer .footdocs{grid-column:3;grid-row:1 / span 2;justify-content:center;margin:0}
  footer .wrap > p:nth-of-type(4){grid-column:4;grid-row:1 / span 2}
  footer .disc{grid-column:1 / -1;grid-row:3;max-width:none;text-align:center;margin-top:12px !important;font-size:11.5px}
}

/* ===== Остальные страницы сайта (body.razdel) в стиле главной (08.11) =====
   Карточки - без коробок: тонкая линия сверху, заголовок с засечками золотом. */
body.razdel:not(.posadochnaya) .card{background:none;border:0;border-top:1px solid var(--line);border-radius:0;box-shadow:none;padding:22px 2px 6px}
body.razdel:not(.posadochnaya) .card h3{font-family:var(--serif);color:var(--gold2);font-size:21px}
body.razdel:not(.posadochnaya) .card .n{font-family:var(--serif);color:var(--gold)}

/* Подсказки «Твоя тема…» (С чем приходят): без плашки, золотая черта слева. */
.bridge{background:none !important;border:0 !important;border-left:2px solid rgba(216,180,95,.55) !important;border-radius:0 !important;padding:6px 0 6px 16px !important}
/* «Стартовая цена…» - тихая золотая строка курсивом вместо жёлтой плашки. */
.startprice{background:none !important;border:0 !important;padding:0 !important;font-style:italic;color:var(--gold) !important}
/* Список статей: строки с линией вместо карточек. */
.statya-karta{background:none !important;border:0 !important;border-bottom:1px solid var(--line) !important;border-radius:0 !important;box-shadow:none !important}
.statya-karta:hover{background:rgba(216,180,95,.04) !important}
/* Врезки в статьях: золотая черта слева вместо коробки. */
.statya .vrezka{background:none !important;border:0 !important;border-left:2px solid rgba(216,180,95,.55) !important;border-radius:0 !important}
/* «Вход за 1 €»: карточки без коробок (у страницы свой стиль .card) */
body.razdel .card{background:none !important;border:0 !important;border-top:1px solid var(--line) !important;border-radius:0 !important;box-shadow:none !important}
body.posadochnaya .card.pz-kniga{background:linear-gradient(135deg,rgba(216,180,95,.07),rgba(111,125,255,.04)) !important;border-top:0 !important}

/* «На главную» в статьях (.backlink) - как на остальных страницах: справа, золотой контур, стрелка в кружке. */
a.backlink{display:flex !important;width:fit-content;margin-left:auto !important;align-items:center;gap:10px;padding:6px 16px 6px 6px !important;
  border-radius:999px !important;border:1px solid rgba(216,180,95,.28) !important;background:rgba(216,180,95,.04) !important;
  color:#c3cad8 !important;font-size:14px !important;text-decoration:none;transition:border-color .3s, color .3s, background .3s, box-shadow .3s}
a.backlink .arr{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;
  border:1px solid rgba(216,180,95,.45);color:var(--gold2);font-size:14px;transition:transform .3s, background .3s}
a.backlink:hover{border-color:rgba(240,210,143,.7) !important;color:var(--gold2) !important;background:rgba(216,180,95,.08) !important;box-shadow:0 0 22px rgba(216,180,95,.15)}
a.backlink:hover .arr{transform:translateX(-3px);background:rgba(216,180,95,.16)}

/* ===== 08.11 правки Артёма по подстраницам ===== */
/* Вторая «На главную» внизу - только на длинной странице «Что внутри»;
   на коротких страницах две кнопки выглядят глупо. */
body.razdel:not([data-razdel="menu_inside"]) section ~ .nazad-ryad{display:none}
body.razdel:not([data-razdel="menu_inside"]) section:last-of-type{padding-bottom:64px}
/* Блок с текстом не «выпирает»: без своего фона и полос, как остальные страницы. */
body.razdel:not(.posadochnaya) section{background:transparent !important;border-top:0 !important;border-bottom:0 !important}
/* Книга на своей странице - крупнее. */
/* Книга на своей странице: высотой ровно с текст справа (Артём 08.11: «чтобы книга не выходила за уровень текста»).
   Текст справа на компьютере ~470px высотой, обложка той же высоты, по центру своей колонки, с мягким золотым ореолом. */
@media(min-width:900px){
  body[data-razdel="kniga_title"] #kniga .grid.g2{align-items:center}
  body[data-razdel="kniga_title"] #kniga .grid.g2 > div:first-child{max-width:none !important;display:flex;justify-content:center}
  body[data-razdel="kniga_title"] #kniga .kniga-obl{display:block;width:auto}
  body[data-razdel="kniga_title"] #kniga .kniga-ramka{height:470px !important;width:auto}
  body[data-razdel="kniga_title"] #kniga .kniga-ramka img{width:auto;height:100%}
  body[data-razdel="kniga_title"] #kniga .kniga-obl::before{width:200% !important;
    background:radial-gradient(closest-side,rgba(240,210,143,.20),rgba(216,180,95,.07) 50%,transparent 75%) !important}
}
/* Стрелка «наверх» и на компьютере: крупная, у края содержимого. */
@media(min-width:761px){
  .naverh{display:flex;align-items:center;justify-content:center;position:fixed;z-index:60;
    right:max(20px, calc((100vw - 1120px) / 2 - 76px));bottom:32px;width:54px;height:54px;border-radius:50%;padding:0;cursor:pointer;
    background:var(--bg2);border:1px solid rgba(216,180,95,.45);color:var(--gold2);font:inherit;font-size:22px;line-height:1;
    box-shadow:0 4px 14px rgba(0,0,0,.45);transition:box-shadow .3s, border-color .3s}
  .naverh:hover{border-color:var(--gold2);box-shadow:0 0 24px rgba(216,180,95,.25)}
  .naverh[hidden]{display:none}
}

/* Полоса: сколько пунктов - столько равных колонок, всё по центру (на «Разборе состояний» их 3, на главной 4). */
.strip .wrap{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:1fr}
@media(max-width:760px){ .strip .wrap{grid-auto-flow:row;grid-template-columns:1fr 1fr} }

/* «Связь с нами» (08.11): слева форма, справа Telegram и почта. На телефоне контакты сверху. */
.kont-setka{display:grid;grid-template-columns:1.25fr 1fr;gap:56px;align-items:start;margin-top:6px}
.kont-forma h2{margin-bottom:10px}
.kont-svyaz{padding-top:8px}
.kont-svyaz h3{font-family:var(--serif);color:var(--gold2);font-size:22px;margin-bottom:14px}
.kont-ssylka{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--txt);transition:padding-left .25s}
.kont-ssylka:hover{padding-left:6px}
.kont-ik{flex:0 0 42px;width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  border:1px solid rgba(216,180,95,.4);color:var(--gold2);transition:background .25s, box-shadow .25s}
.kont-ik svg{width:19px;height:19px}
.kont-ssylka:hover .kont-ik{background:rgba(216,180,95,.12);box-shadow:0 0 18px rgba(216,180,95,.2)}
.kont-tekst{display:flex;flex-direction:column;gap:2px;min-width:0}
.kont-tekst b{font-weight:600;font-size:15.5px}
.kont-tekst small{color:var(--dim);font-size:13px;overflow:hidden;text-overflow:ellipsis}
@media(max-width:860px){
  .kont-setka{grid-template-columns:1fr;gap:30px}
  .kont-svyaz{order:-1;padding-top:0}
}

/* «Кто мы?» (08.11): фото слева в золотой рамке-арке с мягким ореолом, справа текст;
   Артем сверху, Назар ниже. На телефоне фото над текстом. */
.avtor{display:grid;grid-template-columns:minmax(260px,380px) 1fr;gap:56px;align-items:center;margin-top:46px}
.avtor + .avtor{margin-top:70px;padding-top:70px;border-top:1px solid var(--line)}
.avtor-foto{margin:0;position:relative;display:flex;justify-content:center;align-items:flex-end}
/* 08.11 третья версия (Артем: круг сзади и Назар «в кружочке» - некрасиво): ничего лишнего.
   Фото Артема без фона стоит прямо на странице, низ растворяется. Фото Назара - обычное, со скруглёнными углами,
   низ так же растворяется. Когда будет фото Назара без фона - класс vyrez, как у Артема. */
.avtor-ramka{position:relative;display:block;width:100%}
.avtor-ramka img{display:block;width:100%;height:auto;transition:transform .8s ease}
.vyrez .avtor-ramka img{-webkit-mask-image:linear-gradient(180deg,#000 72%,transparent 100%);mask-image:linear-gradient(180deg,#000 72%,transparent 100%)}
.s-fonom .avtor-ramka img{border-radius:0;-webkit-mask-image:linear-gradient(180deg,#000 78%,transparent 100%);mask-image:linear-gradient(180deg,#000 78%,transparent 100%)}
.avtor:hover .avtor-ramka img{transform:translateY(-4px)}
.avtor-rol{font-family:var(--serif);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:8px}
.avtor-tekst h3{font-family:var(--serif);font-size:clamp(28px,3.4vw,40px);color:var(--txt);margin-bottom:16px}
.avtor-tekst p{font-size:16.5px;line-height:1.65;margin-bottom:12px}
.avtor-tekst blockquote{margin:18px 0;padding-left:16px;border-left:2px solid rgba(216,180,95,.6);font-family:var(--serif);
  font-style:italic;font-size:17px;line-height:1.6;color:#c9cfdb}
.avtor-sayt{display:inline-flex;align-items:center;gap:8px;margin-top:6px;color:var(--gold2);text-decoration:none;
  border-bottom:1px solid rgba(240,210,143,.5);padding-bottom:3px;font-weight:600;transition:color .2s, border-color .2s}
.avtor-sayt:hover{color:#fff1c2;border-bottom-color:var(--gold2)}
/* На телефоне и планшете (до 900px) - фото над текстом, иначе текст сжимается в узкую полоску. */
@media(max-width:900px){
  .avtor{grid-template-columns:1fr;gap:26px}
  .avtor-foto{max-width:340px;width:100%;margin:0 auto}
}

/* Подвал на телефоне - компактный (Артем 08.11: «почти целую страницу занимает»).
   Знак и имена в одну строку, ФОП мелкой строкой (нужен по закону и для проверки рекламы),
   ссылки мельче и плотнее, предупреждение мелким шрифтом. */
@media(max-width:899px){
  footer{padding:18px 0 14px}
  footer .wrap{display:grid;grid-template-columns:auto 1fr;column-gap:10px;row-gap:2px;text-align:left !important}
  footer .mark-foot{grid-column:1;grid-row:1 / span 2;width:28px;height:28px;margin:0;align-self:center}
  footer .wrap > p{margin:0}
  footer .wrap > p:nth-of-type(1){grid-column:2;font-size:13px}
  footer .wrap > p:nth-of-type(2){grid-column:2;font-size:10.5px !important;color:#5d6578;margin-top:0 !important}
  footer .footdocs{grid-column:1 / -1;justify-content:flex-start;gap:2px 12px;margin:10px 0 2px !important}
  footer .footdocs a{font-size:12px}
  footer .wrap > p:nth-of-type(4){grid-column:1 / -1;font-size:12.5px;margin-top:4px !important}
  footer .disc{grid-column:1 / -1;font-size:10.5px !important;line-height:1.5 !important;margin-top:8px !important;text-align:left}
}

/* Нижняя «На главную» (только на длинной «Что внутри») - без лишней пустоты вокруг (Артем 08.11). */
body.razdel section:has(+ .nazad-ryad){padding-bottom:18px !important}
body.razdel section ~ .nazad-ryad{padding-top:0 !important;padding-bottom:24px !important}

/* Под «Оставить заявку» (программы за 1000 €) - тихая ссылка «Написать автору в Telegram». */
.plan-tg{display:block;text-align:center;margin-top:12px;font-size:13.5px;color:var(--gold2);text-decoration:none}
.plan-tg::before{content:"";display:inline-block;width:14px;height:14px;margin-right:7px;vertical-align:-2px;
  background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21.8 4.2 3.4 11.3c-1 .4-1 1.8 0 2.2l4.5 1.5 1.7 5.3c.3.9 1.4 1.1 2 .5l2.5-2.4 4.5 3.3c.7.5 1.7.1 1.9-.7l3.2-15c.2-.9-.7-1.7-1.6-1.4z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21.8 4.2 3.4 11.3c-1 .4-1 1.8 0 2.2l4.5 1.5 1.7 5.3c.3.9 1.4 1.1 2 .5l2.5-2.4 4.5 3.3c.7.5 1.7.1 1.9-.7l3.2-15c.2-.9-.7-1.7-1.6-1.4z'/%3E%3C/svg%3E") center/contain no-repeat}
.plan-tg:hover{color:#fff1c2;text-decoration:underline}

/* Программы на планшете (Артем 08.11: «2 сверху и 1 снизу - некрасиво»). Как у Higgsfield
   и других сайтов с тарифами: на средней ширине тарифы идут одной колонкой по центру,
   а три в ряд - только на широком экране. */
@media(max-width:1099px){
  .plans{grid-template-columns:1fr !important;max-width:620px;margin-left:auto;margin-right:auto}
}

/* ===== Первый экран главной на планшете (681-1199px), Артем 08.11: «киноляпы на планшете недопустимы».
   Три колонки там тесные, а телефонный вид ставит три ролика над заголовком - экран сплошного видео.
   Поэтому одной колонкой по центру: знак, заголовок, текст, кнопка «Попробовать за 1 €»,
   три ролика в ряд, книга (как на телефоне), авторы. Карточка тренинга (hd-levo) - только на широком,
   ниже на странице она есть в «Программах». Разметка та же, порядок - через order. */
@media(min-width:681px) and (max-width:1199px){
  .hero .wrap{display:flex !important;flex-direction:column;align-items:center;text-align:center}
  .hero.s-video .wrap{max-width:min(94vw,1000px)}
  .herodve,.hd-centr{display:contents !important}
  .hd-levo{display:none !important}
  .mark-hero{display:block !important;order:1;width:80px;height:80px;margin:0 auto 18px}
  .hd-centr h1{order:2;max-width:820px}
  .hd-centr .lead{order:3;max-width:640px;margin:0 auto}
  .hero.s-video .hero-knopka{display:block !important;order:4;margin-top:26px}
  .hd-pravo{order:5 !important;width:100%;margin:34px 0 0 !important;display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  .hd-pravo .herovideo{max-width:none;width:100%;margin:0}
  .hero-kniga{order:6;display:flex !important;flex-direction:column;align-items:center;margin-top:36px;min-height:0 !important;container-type:normal}
  .hero-kniga .kniga-tekst{display:contents}
  .hero-kniga .kniga-metka,.hero-kniga .kniga-opisanie{display:none !important}
  .hero-kniga .kniga-obl{width:min(36vw,260px);flex:none}
  .hero-kniga .kniga-ramka{height:auto !important;width:100%}
  .hero-kniga .kniga-knopka{margin-top:18px}
  .hero .whoami{order:7;margin-top:22px}
}