/* Палітра «Приватним особам» на всіх сторінках (Pastel 02.10, Віктор: «кольорову палітру з цієї сторінки робимо і на
   інших сторінках, з бекапом»). Світлий фон, яскравіший за наш зелений акцент, глибокий зелений для контрастних розділів,
   жовтий — лише дрібним теплим акцентом (промокод, плашки).
   Підключається ОСТАННІМ на кожній сторінці й лише перефарбовує: прибрати <link> на цей файл — повернуться старі кольори.
   Повна копія макета до правок 02.10 — у old/ (на прев'ю: /old/). */

:root{
  --pg:#1E9D57; --pg-hi:#25B866; --pg-d:#0E4D30; --pg-dd:#0A3A24; --pg-ink:#12261B; --pg-ink-2:#5A6B61;
  --pg-bg:#FAFCF8; --pg-soft:#EEF7EF; --pg-line:#DCE9DF; --pg-line-2:#C5DACB;
  /* токени v2.css (головна, «Продукція», спільні частини) */
  --green:#1E9D57; --green-hi:#25B866;
  --bg:#FAFCF8; --gray:#EEF7EF; --card:#FFFFFF; --line:#DCE9DF; --line-2:#C5DACB;
  --ink:#12261B; --ink-2:#5A6B61; --ink-green:#12261B; --soft:#EEF7EF;
  --dark:#0E4D30; --dark-card:#14603C; --dark-line:rgba(255,255,255,.14); --on-dark:#EEF8F1; --on-dark-2:#C3E2CE;
}
body{background:var(--pg-bg)}

/* ---------- Спільне: шапка, футер, кнопка в куті, форми ---------- */
.hdr{background:rgba(250,252,248,.78)}
.hdr__nav a:hover,.hdr__nav a[aria-current="page"]{border-color:var(--pg)}
.ftr{background:var(--pg-soft);border-top-color:var(--pg-line)}
.btn--green{background:var(--pg)}
.btn--green:hover{background:var(--pg-hi)}

/* Головна: блок «Як стати партнером» — глибокий зелений замість нефритового */
.coop{--night:#0E4D30;--night-2:#178049;--cell:#14603C;--cell-line:rgba(255,255,255,.22)}
.coop__head p{color:#D5EEDD}
.coop__grid article:hover::before{background:#187A47}
.coop__grid .is-soon::before{background:rgba(20,96,60,.96)}
.best__hub{background:var(--pg-hi)}
.best__hub::before{background:linear-gradient(150deg,var(--pg) 0%,var(--pg-d) 100%)}

/* ==========================================================================
   Сторінки, які були темними (.pg-dark: «Про нас», «Співпраця», «Комерція») → світлі.
   body.pg-green важить більше, ніж .pg-dark / .pg-jade / .pg-graph, тож перекриває їхні кольори.
   ========================================================================== */
body.pg-green{
  --bg:#FAFCF8; --gray:#EEF7EF; --card:#FFFFFF; --line:#DCE9DF; --line-2:#C5DACB;
  --ink:#12261B; --ink-2:#5A6B61; --ink-green:#12261B;
  --y:#1E9D57; --y-hi:#25B866; --y-dim:rgba(30,157,87,.12);
  background:var(--pg-bg);color:var(--pg-ink)
}
body.pg-green ::selection{background:var(--pg);color:#fff}

/* шапка — світле скло, як на «Приватним» */
body.pg-green .hdr{background:rgba(250,252,248,.78);color:var(--pg-ink);box-shadow:0 2px 14px rgba(15,21,18,.08),0 1px 0 rgba(255,255,255,.5) inset}
body.pg-green .hdr__tag{color:var(--pg-ink-2)}
body.pg-green .hdr__burger{color:var(--pg-ink)}
body.pg-green .hdr .hdr__cta{background:rgba(255,255,255,.18);color:var(--pg-ink);border:1.5px solid rgba(255,255,255,.95);
  box-shadow:0 0 0 4px rgba(15,21,18,.07),0 0 0 5px rgba(255,255,255,.85),inset 0 1px 0 rgba(255,255,255,.95),inset 0 -3px 6px rgba(15,21,18,.07),0 6px 16px rgba(15,21,18,.08)}
body.pg-green .hdr .hdr__cta i{color:var(--pg)}
body.pg-green .hdr .hdr__cta:hover{background:rgba(255,255,255,.55)}
@media (max-width:999px){body.pg-green .hdr__nav{background:var(--pg-bg)}}

/* кнопка в куті, форми заявки */
body.pg-green .cta__btn{background:#fff;color:var(--pg);box-shadow:0 8px 24px rgba(0,0,0,.18),0 0 0 2px var(--pg-hi)}
body.pg-green .cta__btn:hover{background:#F0F8F3}
body.pg-green .cta__btn i,body.pg-green .cta__list i,body.pg-green .cta__list button i{color:var(--pg)}
body.pg-green .cta__list a,body.pg-green .cta__list button{background:#fff;color:var(--pg-ink);border-color:var(--pg-line)}
body.pg-green .cta__list a:hover,body.pg-green .cta__list button:hover{border-color:var(--pg)}
body.pg-green .lead-form::before,body.pg-green .ff::after{background:#fff}
body.pg-green .lead__kicker{color:var(--pg)}
body.pg-green .lead__f input,body.pg-green .ff__f input{background:var(--pg-bg);color:var(--pg-ink)}
body.pg-green .lead__f input:focus,body.pg-green .ff__f input:focus{border-color:var(--pg);background:#fff}
body.pg-green .lead__x:hover{background:var(--pg-soft)}
body.pg-green .btn--green{background:var(--pg);color:#fff}
body.pg-green .btn--green:hover{background:var(--pg-hi)}
body.pg-green .lead__done i,body.pg-green .ff__thanks i{color:var(--pg)}
body.pg-green .ff__again{color:var(--pg)}
body.pg-green .ff__again:hover{background:var(--pg-soft)}

/* футер */
body.pg-green .ftr{background:var(--pg-soft);border-top:1px solid var(--pg-line)}
body.pg-green .ftr__col a:hover{color:var(--pg)}
body.pg-green .ftr__col i{color:var(--pg)}
body.pg-green .soc::before{background:#fff}
body.pg-green .soc:hover::before,body.pg-green .soc:focus-visible::before{background:#fff}
body.pg-green .soc:hover,body.pg-green .soc:focus-visible{color:var(--pg-ink)}

/* загальні елементи сторінок .ab-* */
body.pg-green .ab-h2{color:var(--pg-ink)}
body.pg-green .ab-p{color:var(--pg-ink-2)}
body.pg-green .ab-sec + .ab-sec{border-top-color:var(--pg-line)}
body.pg-green .ab-sec--grid{background-image:linear-gradient(rgba(18,38,27,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(18,38,27,.045) 1px,transparent 1px)}
body.pg-green .ab-btn{color:#fff}
body.pg-green .ab-btn--ghost{background:#fff;color:var(--pg-ink);box-shadow:inset 0 0 0 1px var(--pg-line-2)}
body.pg-green .ab-btn--ghost:hover{background:var(--pg-soft)}
body.pg-green .ab-btn--ghost i{color:var(--pg)}

/* ---------- «Про нас» ---------- */
/* перший екран лишається на темному відео — тут акцент світліший, щоб читався */
body.pg-green .ah{--y:#3DD68C}
body.pg-green .sheet{background:linear-gradient(to bottom,transparent var(--sheet-cut),var(--pg-bg) var(--sheet-cut))}
body.pg-green .sheet::after{background:var(--pg-bg)}
body.pg-green .stat{background:#fff;box-shadow:inset 0 0 0 1px var(--pg-line)}
body.pg-green .stat:hover{background:var(--pg-soft)}
body.pg-green .stat--txt b{color:var(--pg-ink)}
body.pg-green .stat span{color:var(--pg-ink-2)}
body.pg-green .bars{border-bottom-color:var(--pg-line-2)}
body.pg-green .bar__stack i{background:linear-gradient(180deg,#D3E8D9,#C2DDCA)}
body.pg-green .bars .bar--now .bar__stack i{background:linear-gradient(180deg,var(--pg-hi),var(--pg))}
body.pg-green .bars .bar--now .bar__stack i.is-half{background:repeating-linear-gradient(135deg,rgba(30,157,87,.55) 0 6px,rgba(30,157,87,.2) 6px 12px)}
body.pg-green .bars .bar span{color:var(--pg-ink-2)}
body.pg-green .chips li{background:#fff;box-shadow:inset 0 0 0 1px var(--pg-line)}
body.pg-green .chips li:hover{background:var(--pg-soft)}
body.pg-green .chips span{color:var(--pg-ink-2)}
body.pg-green .chips b{color:var(--pg-ink)}
body.pg-green .tech3d{background:radial-gradient(55% 60% at 70% 50%,rgba(30,157,87,.10),transparent 70%),var(--pg-soft)}
body.pg-green .tech3d__pros li{background:#fff}
body.pg-green .tech3d__pros li:hover{background:#F6FBF7}
body.pg-green .tech3d__pros span{color:var(--pg-ink-2)}
body.pg-green .tech3d__pros b{color:var(--pg-ink)}
body.pg-green .tech3d__btn[aria-pressed="true"] i{transform:rotate(180deg)}
body.pg-green .tech3d__btn[aria-pressed="true"]{background:#fff;color:var(--pg-ink);box-shadow:inset 0 0 0 1px var(--pg-line-2)}
body.pg-green .tech3d__hint{color:var(--pg-ink-2)}
body.pg-green .tech3d__lines line{stroke:rgba(18,38,27,.45)}
body.pg-green .tech3d__lines circle{fill:#fff;stroke:var(--pg-ink)}
body.pg-green .tech3d__lines .is-active line{stroke:var(--pg)}
body.pg-green .tech3d__lines .is-active circle{stroke:var(--pg);fill:var(--pg)}
body.pg-green .tech3d__labels b{color:var(--pg-ink)}
body.pg-green .tech3d__labels span{color:var(--pg-ink-2)}
body.pg-green .tech3d__labels li.is-active b{color:var(--pg)}
body.pg-green .chain::before{background:var(--pg-line)}
body.pg-green .chain::after{box-shadow:0 0 12px rgba(30,157,87,.5)}
body.pg-green .chain__i{background:#fff;box-shadow:inset 0 0 0 1px var(--pg-line)}
body.pg-green .chain__i i{color:#A7BDB0}
body.pg-green .chain__i.is-on i{color:var(--pg)}
body.pg-green .chain__i b{color:var(--pg-ink)}
body.pg-green .chain__i span{color:var(--pg-ink-2)}
body.pg-green .chain__n{color:#A7BDB0}
body.pg-green .chain__i--you.is-on{background:var(--pg);box-shadow:none}
body.pg-green .chain__i--you.is-on b,body.pg-green .chain__i--you.is-on i,body.pg-green .chain__i--you.is-on .chain__n,body.pg-green .chain__i--you.is-on span{color:#fff}
body.pg-green .log__txt{color:var(--pg-ink)}
body.pg-green .xlink:hover,body.pg-green .xlink:focus-visible{color:#fff}
/* заклик унизу — зелений розділ, як «Заявка» на «Приватним» */
body.pg-green .ab-cta{background:radial-gradient(60% 80% at 100% 0%,rgba(255,255,255,.14),transparent 60%),linear-gradient(140deg,#1E9D57,#126B3C)}
body.pg-green .ab-cta .ab-h2{color:#fff}
body.pg-green .ab-cta .ab-p{color:rgba(255,255,255,.88)}
body.pg-green .ab-cta .ab-btn{background:#fff;color:var(--pg-d)}
body.pg-green .ab-cta .ab-btn i{color:var(--pg)}
body.pg-green .ab-cta .ab-btn:hover{background:#F0F8F3}
body.pg-green .ab-cta .ab-btn--ghost{background:transparent;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.55)}
body.pg-green .ab-cta .ab-btn--ghost i{color:#fff}
body.pg-green .ab-cta .ab-btn--ghost:hover{background:rgba(255,255,255,.1)}

/* ---------- «Співпраця з нами» ---------- */
body.pg-green.pg-jade{
  --j0:#EEF7EF; --j1:#FAFCF8; --j2:#EEF7EF; --jcell:#FFFFFF; --jcell-2:#F3FAF5; --jline:#DCE9DF;
  --jtxt:#5A6B61; --jtxt-2:#7A8B81;
  --bg:#FAFCF8; --card:#FFFFFF; --line:#DCE9DF; --line-2:#C5DACB; --ink-2:#5A6B61;
  background:var(--pg-bg)
}
body.pg-green.pg-jade .ftr{background:var(--pg-soft)}
body.pg-green.pg-jade .soc::before,body.pg-green.pg-jade .lead-form::before,body.pg-green.pg-jade .ff::after{background:#fff}
body.pg-green.pg-jade .lead__f input,body.pg-green.pg-jade .ff__f input{background:var(--pg-bg)}
body.pg-green.pg-jade .cta__btn,body.pg-green.pg-jade .cta__list a,body.pg-green.pg-jade .cta__list button{background:#fff}
body.pg-green.pg-jade .ab-p{color:var(--pg-ink-2)}
body.pg-green.pg-jade .ab-btn--ghost{background:#fff;box-shadow:inset 0 0 0 1px var(--pg-line-2)}
body.pg-green .pt-sec + .pt-sec{border-top-color:var(--pg-line)}
/* перший екран — світлий із зеленим сяйвом, як на «Приватним» */
body.pg-green .pt-hero{background:radial-gradient(60% 70% at 85% 20%,rgba(37,184,102,.18),transparent 65%),radial-gradient(50% 60% at 0% 100%,rgba(248,180,36,.10),transparent 60%),var(--pg-bg)}
body.pg-green .pt-hero::before{background-image:linear-gradient(rgba(30,157,87,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(30,157,87,.08) 1px,transparent 1px)}
body.pg-green .pt-hero h1{color:var(--pg-ink)}
body.pg-green .pt-lead{color:var(--pg-ink-2)}
/* квиток промокоду лишається жовтим — теплий акцент на світлому */
body.pg-green .ticket{--y:#F8B424;--y-hi:#FFC647;filter:drop-shadow(0 26px 40px rgba(18,38,27,.22))}
body.pg-green .perks b,body.pg-green .steps4 b,body.pg-green .ladder b,body.pg-green .quiz__q legend,body.pg-green .quiz__fmt,body.pg-green .faq summary{color:var(--pg-ink)}
body.pg-green .ladder li{background:linear-gradient(180deg,#E3F1E7,#D3E8D9)}
body.pg-green .ladder li:last-child{background:linear-gradient(180deg,var(--pg-hi),var(--pg))}
body.pg-green .ladder li:last-child b,body.pg-green .ladder li:last-child span{color:#fff}
body.pg-green .ladder__line path{stroke:var(--pg-d);filter:none}
body.pg-green .ladder__price{background:var(--pg-d)}
body.pg-green .ladder__price i{color:#7BE0A5}
/* телефон із ботом — темний інтерфейс Telegram, жовті акценти лишаємо */
body.pg-green .phone{--y:#F8B424;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.18),inset 0 0 0 4px #0b0d0e,0 40px 80px rgba(18,38,27,.25),0 0 0 1px rgba(0,0,0,.6)}
body.pg-green .bot__list li{background:#fff;color:var(--pg-ink);box-shadow:inset 0 0 0 1px var(--pg-line)}
body.pg-green .bot__list li:hover{background:var(--pg-soft)}
body.pg-green .steps4 li::after{background:rgba(30,157,87,.4)}
body.pg-green .quiz__card{box-shadow:inset 0 0 0 1px var(--pg-line)}
body.pg-green .quiz__opts span{background:var(--pg-bg);color:var(--pg-ink);box-shadow:inset 0 0 0 1px var(--pg-line-2)}
body.pg-green .quiz__opts label:hover span{box-shadow:inset 0 0 0 1px var(--pg)}
body.pg-green .quiz__opts input:checked + span{background:var(--pg);color:#fff}
body.pg-green .quiz__opts input:checked + span small{color:rgba(255,255,255,.85)}
body.pg-green .quiz__opts input:focus-visible + span{outline-color:var(--pg)}
body.pg-green .quiz__sel{background-color:var(--pg-bg);color:var(--pg-ink);border-color:var(--pg-line-2)}
body.pg-green .quiz__sel option{background:#fff}
body.pg-green .quiz__res{background:var(--pg-soft)}
body.pg-green .faq details{box-shadow:inset 0 0 0 1px var(--pg-line)}
body.pg-green .reach a{color:var(--pg-ink)}
body.pg-green .reach__main::before{background:linear-gradient(140deg,#E3F3E8,#fff)!important}

/* ---------- «Комерція» ---------- */
/* темні розділи → глибокий зелений; акцент на них — наш жовтий (на зеленому читається найкраще) */
body.pg-green.pg-graph{
  --g0:#0A3A24; --g1:#0E4D30; --g2:#14603C; --g3:#187047; --gline:rgba(255,255,255,.16);
  --gtxt:#CFE6D7; --gtxt-2:#9CC4AB;
  --light:#FAFCF8; --c-ink:#12261B; --c-ink-2:#5A6B61;
  --bg:#FAFCF8; --card:#FFFFFF; --line:#DCE9DF; --line-2:#C5DACB;
  --y:#F8B424; --y-hi:#FFC647;
  background:var(--pg-bg)
}
body.pg-green.pg-graph .hdr,body.pg-green.pg-graph.on-light .hdr{background:rgba(250,252,248,.78);color:var(--pg-ink);box-shadow:0 2px 14px rgba(15,21,18,.08)}
body.pg-green.pg-graph.on-light .hdr__brand img{filter:none}
body.pg-green.pg-graph .hdr__tag{color:var(--pg-ink-2)}
body.pg-green.pg-graph .hdr .hdr__cta,body.pg-green.pg-graph.on-light .hdr .hdr__cta{background:rgba(255,255,255,.18);color:var(--pg-ink);border-color:rgba(255,255,255,.95);
  box-shadow:0 0 0 4px rgba(15,21,18,.07),0 0 0 5px rgba(255,255,255,.85),inset 0 1px 0 rgba(255,255,255,.95),inset 0 -3px 6px rgba(15,21,18,.07)}
body.pg-green.pg-graph .ftr{background:var(--pg-soft)}
body.pg-green.pg-graph .soc::before,body.pg-green.pg-graph .lead-form::before,body.pg-green.pg-graph .ff::after{background:#fff}
body.pg-green.pg-graph .lead__f input,body.pg-green.pg-graph .ff__f input{background:var(--pg-bg)}
body.pg-green.pg-graph .cta__btn,body.pg-green.pg-graph .cta__list a,body.pg-green.pg-graph .cta__list button{background:#fff}
/* на світлих розділах акцент — зелений */
body.pg-green .c-sec--light{--y:#1E9D57;--y-hi:#25B866}
body.pg-green .c-kicker--dark{color:var(--pg)}
body.pg-green .c-sec--light .c-btn{color:#fff}
body.pg-green .c-statement .w{color:#C9D9CE}
body.pg-green .c-statement .w.on{color:var(--pg)}   /* засвічене слово — зелене (Віктор 02.10) */
body.pg-green .c-facts{border-top-color:var(--pg-line)}
body.pg-green .c-steps li:last-child{background:var(--pg-d)}
body.pg-green .c-steps li:last-child i{color:#F8B424}
body.pg-green .c-hero__shade{background:linear-gradient(180deg,rgba(6,24,15,.5) 0%,rgba(6,24,15,.08) 30%,rgba(6,24,15,.42) 60%,rgba(6,24,15,.94) 100%),
  radial-gradient(90% 80% at 0% 100%,rgba(6,24,15,.82),transparent 62%),linear-gradient(90deg,rgba(6,24,15,.5),transparent 65%)}
body.pg-green .c-lead{color:#DDEFE3}
body.pg-green .c-card--wide{background:linear-gradient(135deg,#17784A,var(--g2) 60%)}
body.pg-green .c-who picture::after{background:linear-gradient(180deg,transparent 45%,rgba(6,24,15,.85) 100%)}
body.pg-green .c-sec--final{background:radial-gradient(60% 80% at 100% 0%,rgba(255,255,255,.14),transparent 60%),linear-gradient(140deg,#1E9D57,#126B3C)}
body.pg-green .c-form{background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}
body.pg-green .c-form input,body.pg-green .c-form select{background:rgba(8,40,25,.35);border-color:rgba(255,255,255,.28)}
body.pg-green .c-form select option{background:var(--pg-d)}
body.pg-green .c-form label{color:#E3F3E8}
body.pg-green .hdr__nav a:hover,body.pg-green .hdr__nav a[aria-current="page"]{border-color:var(--pg)}

/* Кнопка Telegram у шапці (Віктор 02.10): без кілець-обводки навколо (над темним відео вони просвічували темною рамкою),
   при наведенні — зелена заливка. !important — бо кожна сторінка мала своє правило для цієї кнопки з різною вагою. */
.hdr a.hdr__cta{background:rgba(255,255,255,.75)!important;color:var(--pg-ink)!important;border:1.5px solid var(--pg-line)!important;
  box-shadow:0 4px 14px rgba(15,21,18,.08)!important;transition:background .2s,color .2s,border-color .2s,box-shadow .2s,transform .15s}
.hdr a.hdr__cta i{color:var(--pg)!important;transition:color .2s}
.hdr a.hdr__cta:focus-visible{background:var(--pg)!important;border-color:var(--pg)!important;color:#fff!important;
  box-shadow:0 8px 20px rgba(30,157,87,.32)!important;transform:translateY(-1px)}@media (hover:hover) and (pointer:fine){.hdr a.hdr__cta:hover{background:var(--pg)!important;border-color:var(--pg)!important;color:#fff!important;
  box-shadow:0 8px 20px rgba(30,157,87,.32)!important;transform:translateY(-1px)}}
.hdr a.hdr__cta:hover i,.hdr a.hdr__cta:focus-visible i{color:#fff!important}

/* Іконки соцмереж і месенджерів — однаково зелені на всіх сторінках (Віктор 02.10): підвал, «Як вам зручніше»
   на «Співпраці», випадний список месенджерів на «Продукції» (там були кольори брендів). */
.soc .soc__ico,.reach .soc__ico{background:var(--pg)!important}
.soc>i,.reach a>i{color:var(--pg)!important}
.msg__ico{background:var(--pg)!important}
/* hover-gate: зсуви при наведенні — лише з мишею (06.10) */

/* Відгук на натискання (Emil Kowalski): кнопки ледь стискаються під пальцем/мишею — інтерфейс «чує» дію (06.10) */
.btn,.ab-btn,.c-btn,.p-btn,.pick__i,.pd-tab,.msg__btn,.pd-all{transition-property:transform,background,background-color,color,border-color,box-shadow,opacity;transition-duration:160ms;transition-timing-function:cubic-bezier(.23,1,.32,1)}
.btn:active,.ab-btn:active,.c-btn:active,.p-btn:active,.pick__i:active,.pd-tab:active,.cta__btn:active,.msg__btn:active,.pd-all:active{transform:scale(.97)}

/* Телефон: цілі для пальця від 40–44 px (зовнішній вигляд той самий, більша лише зона натискання) і читабельні підписи (06.10) */
.pager{bottom:22px}   /* смужка там само, де була: кнопка стала вищою на 12 px зони натискання */
.pager button{height:5px;padding:12px 0;box-sizing:content-box;background-clip:content-box;overflow:visible}
.pager button i{top:12px;bottom:12px;height:auto;border-radius:3px;overflow:hidden}
@media (max-width:999px){
  .pager{bottom:10px}
  .ftr__col a{padding:9px 0}
  .hdr__burger{min-width:44px;min-height:44px}
  .ticket__btn{padding:10px 0}
  .c-form__alt a{display:inline-flex;align-items:center;min-height:40px}
  .soc-grid{grid-template-columns:repeat(4,76px);grid-auto-rows:76px}
  .soc{width:76px;height:76px}
  .soc__label{font-size:.72rem}
}

/* ===== Телефон / сенсорні екрани: швидкість і нічого не налазить (Віктор, відео з iPhone 06.10) ===== */
@media (hover:none),(pointer:coarse){
  /* розмиття під шапкою й смугою вкладок — найдорожче в Safari під час прокрутки → суцільний фон */
  .hdr,body.pg-green .hdr{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#FAFCF8!important}
  .hdr .hdr__cta{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
  .pd-tabs{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:rgba(250,252,248,.98)!important}
  .c-form{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
  /* нескінченні фонові анімації (перемальовуються щокадру) — без них */
  .cta-partner{animation:none!important}
  .pt-hero::before{animation:none!important}
  /* кнопка «нагору» без «краплі» (SVG-фільтр дорогий у Safari): білий круг, що виїжджає з кнопки зв'язку */
  .corner:not(.has-goo) .totop{background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.18),0 0 0 2px var(--green-hi);opacity:0;
    transition:opacity .25s ease,transform .35s cubic-bezier(.23,1,.32,1)}
  .corner:not(.has-goo) .totop.is-on{opacity:1}
}
/* на телефоні кнопка зв'язку — кругла, з іконкою: на всю ширину пігулки вона закривала вміст */
@media (max-width:560px){
  .corner .cta__btn{padding:0 15px;gap:0}
  .corner .cta__btn span{max-width:0;opacity:0}
}
/* кутові кнопки ховаються, щойно кінець сторінки тягне їх угору (на телефоні підвал вищий за екран — їхали б у шапку) */
.corner{transition:opacity .2s ease,translate .25s cubic-bezier(.23,1,.32,1)}
.corner.is-away{opacity:0;translate:0 12px;pointer-events:none}

/* телефон: під час гортання вниз кутові кнопки ховаються вниз (лише transform/opacity — без перемальовування) */
.corner.is-scrolling{opacity:0;translate:0 24px;pointer-events:none}
