/* flat.css: нейтральная вёрстка нового дизайна ctgroup.kz (15.10.2026).
   Убирает шаблонные приёмы: 3D-композиции и вращающееся кольцо фото, наклонённые карточки и штампы, плавающие бейджи,
   таблетки над заголовками, пронумерованные кружки, градиентные кнопки и маркеры, цветные тени, плавающие появления блоков.
   Подключается из ctg-sitehf.php после site-hf.css. Откат: убрать подключение в ctg_hf_head_assets(). */

/* --- цвет: вместо сине-фиолетового градиента один фирменный цвет --- */
body .ctgh,.ctghf-header,.ctghf-footer,.ctgwa{--grad:#6d3d85}
body .ctgh .btn{border-radius:8px;transition:background .15s}
body .ctgh .btn:hover{transform:none}
body .ctgh .btn-solid{background:#6d3d85;box-shadow:none}
body .ctgh .btn-solid:hover{background:#57306c}
body .ctgh .btn-line{border-width:1.5px}
.ctghf-btn{background:#6d3d85;box-shadow:none;border-radius:8px}
.ctghf-btn:hover{transform:none;filter:none;background:#57306c}
.ctghf-test,.ctghf-header .ctghf-testbtn{border-radius:8px}
.ctghf-header{-webkit-backdrop-filter:none;backdrop-filter:none;background:#faf9fc}

/* --- движение: ничего не вылетает и не наклоняется --- */
body .ctgh .rv,body .ctgh.js .rv,body .ctgh .rv.fx,body .ctgh .rv.tilt,body .ctgh .rv.tilt:not(.on){opacity:1!important;transform:none!important;transition:none!important}
body .ctgh .who-panel.act{animation:none}
body .ctgh .kicker .dot{animation:none}

/* --- первый экран: плоская сетка из трёх фото вместо 3D-композиции --- */
body .ctgh .pg-stack{perspective:none;height:auto}
body .ctgh .pg-stack-in{position:static;display:grid;grid-template-columns:1.7fr 1fr;grid-template-rows:1fr 1fr;gap:10px;height:440px;transform:none!important;animation:none!important;transition:none}
body .ctgh .st{position:static;width:auto;height:auto;min-height:0;transform:none!important;box-shadow:none;border-radius:6px}
body .ctgh .st-main{grid-column:1;grid-row:1 / 3}
body .ctgh .st-b{grid-column:2;grid-row:1}
body .ctgh .st-a{grid-column:2;grid-row:2}
body .ctgh .st-rocket,body .ctgh .pg-testbar-rocket{display:none}
body .ctgh .pg-peek{display:none!important}

/* --- вращающееся кольцо фото -> спокойная лента --- */
body .ctgh .pg-ring{height:auto;perspective:none;margin-top:0}
body .ctgh .pg-ring-in{position:static;width:auto;height:auto;margin:18px 0 0;display:flex;gap:12px;overflow-x:auto;transform:none!important;animation:none!important}
body .ctgh .pg-ring figure{position:static;transform:none!important;flex:0 0 280px;height:210px;border-radius:6px;box-shadow:none}
body .ctgh .pg-ring-cap{margin:0}

/* --- карточки: без цветных теней, без подъёма, углы меньше --- */
body .ctgh .pg-teacher{transform:none!important}
body .ctgh .pg-teacher img,body .ctgh .pg-prog-img{border-radius:6px}
body .ctgh .calc{border-radius:8px;box-shadow:none;border:1px solid var(--line)}
body .ctgh .calc::before{display:none}
body .ctgh .who-panel{border-radius:8px;box-shadow:none;border:1px solid var(--line)}
body .ctgh .who-tabs button:hover{transform:none;box-shadow:none}
body .ctgh .ccard{border-radius:8px;box-shadow:none;border:1px solid var(--line);transition:none}
body .ctgh .ccard:hover{transform:none;box-shadow:none}
body .ctgh .ccard .top .pr{border-radius:4px;box-shadow:none;background:#fff;padding:6px 12px}
body .ctgh .value .float{position:static;transform:none;box-shadow:none;border:1px solid var(--line);border-radius:8px;margin-top:16px;max-width:none}
body .ctgh .teacher{border-radius:8px;box-shadow:none}
body .ctgh .res-featured{border-radius:8px;box-shadow:none;border:1px solid var(--line)}
body .ctgh .res-featured .stamp2,body .ctgh .hero h1 .stamp-old{transform:none}
body .ctgh .scan{transform:none!important;box-shadow:none;border:1px solid var(--line)}
body .ctgh .shot{transform:none!important;box-shadow:none;border:1px solid var(--line)}
body .ctgh .reviews{border-radius:8px;box-shadow:none;margin:0 24px;border:1px solid var(--line)}
body .ctgh .faq details{box-shadow:none}

/* --- плашки над заголовками и таблетки -> обычный текст --- */
body .ctgh .kicker{background:none;border-radius:0;padding:0;color:var(--muted);font-weight:500;margin-bottom:18px}
body .ctgh .kicker .dot{display:none}
body .ctgh .cs-tag{text-transform:none;letter-spacing:0;font-size:15px;font-weight:500;color:var(--muted);margin-bottom:4px}
body .ctgh .kid-price .who{text-transform:none;letter-spacing:0;font-size:15px;font-weight:600}
body .ctgh .calc .q{text-transform:none;letter-spacing:0;font-size:14px}
body .ctgh h4{text-transform:none;letter-spacing:0}
body .ctgh .pr-ways{display:block;margin:0 0 20px;padding-left:20px;list-style:disc}
body .ctgh .pr-ways li{display:list-item;background:none;border:0;border-radius:0;padding:2px 0;font-size:15.5px;font-weight:500}

/* --- светло-сиреневые «подушки» с большими углами -> ровные полосы --- */
body .ctgh .kz-band,body .ctgh .ie-band,body .ctgh .pg-prices{border-radius:0;margin:14px 0}
body .ctgh .cs-hours,body .ctgh .pr-pay,body .ctgh .pg-testbar{border-radius:8px}
body .ctgh-formsec{border-radius:8px!important}
body .ctgh-formsec .b24-form-btn{background:#6d3d85!important;border-radius:8px!important}
body .ctgh .kid-price{border:1px solid #cdb9dc;border-radius:8px}
body .ctgh .kid-play span{box-shadow:none;border:1px solid var(--line)}

/* --- нумерованные кружки -> шаги с линией сверху --- */
body .ctgh .ie-steps li::before,body .ctgh .ie-steps li::after,
body .ctgh .kz-steps li::before,body .ctgh .kz-steps li::after,
body .ctgh .ru-reasons li::before{display:none!important}
body .ctgh .ie-steps li,body .ctgh .kz-steps li,body .ctgh .ru-reasons li{padding:16px 0 0!important;border-top:2px solid var(--ink);min-height:0!important}

/* --- градиентные кружки-маркеры -> короткая чёрточка --- */
body .ctgh .kz-ours li::before,body .ctgh .ru-adv li::before,body .ctgh .kid-list li::before{width:10px;height:2px;border-radius:0;background:var(--ink);top:1.05em}
body .ctgh .kz-ours li::after{display:none}
body .ctgh .ie-ages::before{background:#cdb9dc}

@media(max-width:1020px){
  body .ctgh .pg-stack-in{height:340px}
  body .ctgh .pg-ring figure{flex-basis:230px;height:172px}
  body .ctgh .reviews{margin:0 12px}
}
@media(max-width:640px){
  body .ctgh .pg-stack-in{height:250px;gap:6px}
  body .ctgh .ie-steps li,body .ctgh .kz-steps li,body .ctgh .ru-reasons li{padding:12px 0 0!important}
}

/* главный заголовок главной: абзац .hero-title наследовал серый цвет текста */
body .ctgh .hero .hero-title{color:var(--ink)}
body .ctgh .hero .hero-title .sub{color:var(--muted)}

/* блок «Кому подойдут курсы»: рамки-карточки -> строки с линией сверху */
body .ctgh .kz-sit{background:none;border:0;border-top:2px solid var(--ink);border-radius:0;box-shadow:none;padding:14px 0 0}