/* ISKRA digital — правки владельца 2026-11-05 по блокам #directions, #process, #final, #contacts и попапам «Заявка»/«Разбор».
   Подключается ПОСЛЕ main.css и переопределяет его. Главный принцип (см. СТИЛЬ.md → «Меньше линий»):
   на элементе не больше одной обводки, без разделителей между пунктами, кнопки без контура (заливка стеклом/градиентом),
   поля форм без рамок (мягкая заливка, обводка только на фокусе). */

/* ==========================================================================
   Общее: вторичная кнопка без контура — стеклянная заливка, на ховере тёплый градиент (только в этих блоках;
   кейсы и попап кейса правятся отдельно)
   ========================================================================== */
#directions .btn--ghost,#final .btn--ghost,#contacts .btn--ghost,.mpop .btn--ghost{
  box-shadow:none;background-color:rgba(255,255,255,.07);color:rgba(255,255,255,.74)}
#directions .btn--ghost::before,#final .btn--ghost::before,#contacts .btn--ghost::before,.mpop .btn--ghost::before{display:none}
#directions .btn--ghost:hover,#final .btn--ghost:hover,#contacts .btn--ghost:hover,.mpop .btn--ghost:hover{color:var(--c-white);
  background:linear-gradient(120deg,rgba(251,208,128,.2),rgba(226,194,120,.1) 50%,rgba(128,225,166,.18)) rgba(255,255,255,.06);
  box-shadow:0 12px 30px -18px rgba(226,194,120,.55)}

/* ==========================================================================
   #directions «Что мы меняем в бизнесе»
   ========================================================================== */
/* одна обводка на карточке: на ховере стеклянная уступает место градиентной, а не ложится второй линией */
.svc::before{transition:opacity var(--t-med) ease}
.svc:hover::before,.svc:focus-within::before{opacity:0}
/* пункты — без линий-разделителей, только ромбы */
.svc__list{margin-top:18px;border-top:0}
.svc__list li{padding:6px 0 6px 22px;border-bottom:0}
.svc__list li::before{top:14px}
/* плашка «Не знаете, что нужно…» — без рамки, мягкая заливка с отсветами */
.dirs__cta{background:radial-gradient(60% 140% at 0% 0%,rgba(251,208,128,.08),transparent 70%),
  radial-gradient(50% 140% at 100% 100%,rgba(128,225,166,.07),transparent 70%),var(--glass-plate)}
.dirs__cta::before{display:none}

/* иконки — эффект «Распылитель» на canvas (directions.js); ховер-эффектов у иконок нет */
.svc__icon{transition:none}
.svc:hover .svc__icon{transform:none}
.svc__halo,.svc:hover .svc__halo{opacity:.5;transform:none;transition:none}
/* канвас больше слота 180×149 (поля под разлёт частиц), по горизонтали — по центру слота, по вертикали чуть выше:
   частицы летят вниз (dir 96°) и не должны заходить на название услуги */
.svc__fx{position:absolute;left:-45px;top:-60px;width:270px;height:230px;pointer-events:none;opacity:0;transition:opacity .7s var(--ease)}
.svc__icon.is-fx .svc__fx{opacity:1}
.svc__slot{transition:opacity .5s ease}
.svc__icon.is-fx .svc__slot,.svc__icon.is-img .svc__slot{opacity:0}
.svc__img{position:relative;width:180px;height:149px;object-fit:contain}
.svc__tile::before{display:none}

/* ==========================================================================
   #process «Как работаем»
   ========================================================================== */
.proc{padding-bottom:80px}                     /* отступ до #final: было 140 + 120 = 260, стало 80 + 70 = 150 */
/* «Часть этапов ведём параллельно…» — не плашка, а текст + кнопка в колонке */
.proc__foot{margin-top:40px;padding:0;border-radius:0;background:none}
.proc__foot::before{display:none}
.proc__foot-t{width:340px;font:400 16px/27px var(--f-text);color:rgba(255,255,255,.6)}
.proc__foot .btn{margin-top:28px}
/* шаги: без постоянной обводки (только градиентная на ховере), узлы без колец */
.step__card{align-items:start;background:rgba(255,255,255,.045) linear-gradient(165deg,rgba(255,255,255,.035),transparent 45%)}
.step__card::before{display:none}
.step__text{padding-top:2px}                   /* верх строки описания — по верхней границе заголовка */
.step__node{background:#141418;box-shadow:none}
.step:not(.is-lit):hover .step__node{box-shadow:none;background:#1c1c21}

/* ==========================================================================
   #final
   ========================================================================== */
.final{padding-top:70px}
/* панель формы и слот фото основателя — по ОДНОЙ линии низа (правка владельца 2026-11-05).
   Колонка текста раскладывается прямо в сетку блока (display:contents): заголовок, подпись, панель формы, «Или напишите сразу» —
   строки 1–4 левой колонки; фото занимает строки 1–3 справа и прижато к низу — его низ совпадает с низом панели формы,
   строка мессенджеров остаётся под формой. */
.final__in{align-items:start}
.final__main{display:contents}
.final__main > *{grid-column:1}
.founder{grid-column:2;grid-row:1 / 4;align-self:end}
/* контурный логотип — слева, за краем блока (свет-градиент остаётся справа) */
.final__ol{left:-730px;top:300px;transform:rotate(-41.56deg);opacity:.9}

/* форма: одна обводка у панели, поля и переключатели — заливкой */
.input{box-shadow:none;background-color:rgba(255,255,255,.065)}
.input:hover{box-shadow:none;background-color:rgba(255,255,255,.085)}
.input:focus{background-color:rgba(255,255,255,.085);box-shadow:inset 0 0 0 1px rgba(251,208,128,.7),0 0 0 4px rgba(251,208,128,.1)}
.input:-webkit-autofill{-webkit-box-shadow:inset 0 0 0 60px #18181c}
.field.is-err .input{box-shadow:inset 0 0 0 1px rgba(255,146,120,.75)}
.field.is-err .input:focus{box-shadow:inset 0 0 0 1px rgba(255,146,120,.9),0 0 0 4px rgba(255,146,120,.12)}
.seg{background:rgba(255,255,255,.065)}
.seg::before{display:none}
.consent__box{background:rgba(255,255,255,.1);box-shadow:none}
.consent:hover .consent__box{background:rgba(255,255,255,.16);box-shadow:none}
.consent.is-err .consent__box{box-shadow:inset 0 0 0 1px rgba(255,146,120,.85)}
.founder__cap{box-shadow:none}

/* ==========================================================================
   Подвал #contacts
   ========================================================================== */
.foot__bottom{margin-top:64px;padding-top:0;border-top:0}
/* большой ISKRA: обводка — градиент #fw-g (жёлтый → мятный) прямо в SVG, без заливки; гаснет книзу маской */
.foot__word{opacity:.85}

/* ==========================================================================
   Модалки (общие) + попапы «Заявка» / «Разбор»
   ========================================================================== */
/* скролл — во внутреннем контейнере с отступами от краёв: полоса прокрутки не залезает на скругление панели */
.modal__panel{overflow:hidden}
.modal__body{flex:1 1 auto;min-height:0;margin:12px 6px 12px 0;border-radius:0;
  scrollbar-width:thin;scrollbar-color:rgba(251,208,128,.32) transparent;
  -webkit-mask:linear-gradient(180deg,transparent 0,#000 12px,#000 calc(100% - 12px),transparent 100%);
  mask:linear-gradient(180deg,transparent 0,#000 12px,#000 calc(100% - 12px),transparent 100%)}
.modal__body::-webkit-scrollbar{width:6px}
.modal__body::-webkit-scrollbar-track{background:transparent;margin:10px 0}
.modal__body::-webkit-scrollbar-thumb{border:0;border-radius:6px;background:linear-gradient(180deg,rgba(251,208,128,.5),rgba(128,225,166,.45))}
/* крестик и стрелки — стеклянные круги без кольца */
.modal__close,.modal__nav{box-shadow:none;background-color:rgba(255,255,255,.08)}
.modal__close:hover,.modal__nav:hover{box-shadow:0 10px 30px -12px rgba(226,194,120,.5)}
.modal__close::before,.modal__nav::before{display:none}
/* внутренние поля попапа: компенсируем отступы контейнера прокрутки (12 сверху/снизу, 6 справа) */
.mpop__in{padding:36px 42px 32px 48px}
/* «Что мешает» — пилюли без контура */
.pick span{box-shadow:none;background:rgba(255,255,255,.065)}
.pick:hover span{box-shadow:none;background-color:rgba(255,255,255,.11)}

@media (prefers-reduced-motion:reduce){
  .svc__fx,.svc__slot{transition:none}
}