/* Подвал сайта, вариант «Редакция» (30.09.2026). Разметка: templates/html/components/footer.html.twig */
.ft{--ft-ink:#15171f;--ft-line:rgba(255,255,255,.09);--ft-line2:rgba(255,255,255,.16);--ft-tx:#f2f1f7;--ft-tx2:#b9b8c8;--ft-tx3:#9896ab;--ft-vio:#502197;--ft-vioL:#c3aaff;--ft-red:#e5322d;--ft-out:cubic-bezier(.22,1,.36,1);
  position:relative;overflow:hidden;background:var(--ft-ink);color:var(--ft-tx);font:15px/1.5 Inter,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
.ft *,.ft *::before,.ft *::after{box-sizing:border-box}
.ft a{color:inherit;text-decoration:none;transition:color .2s}
.ft a:hover{color:#fff;text-decoration:none}
.ft :focus-visible{outline:2px solid var(--ft-vioL);outline-offset:3px;border-radius:6px}
.ft p,.ft h2,.ft h3{margin:0}
.ft svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ft-wrap{max-width:1320px;margin:0 auto;padding-inline:16px}
@media (min-width:768px){.ft-wrap{padding-inline:32px}}
.ft-tnum{font-variant-numeric:tabular-nums}
.ft-h{font:600 11.5px/1 "Inter Tight",Inter,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--ft-tx3);margin:0 0 16px}

/* обращение в редакцию */
.ft-tip{position:relative;padding-block:56px 44px;border-bottom:1px solid var(--ft-line);isolation:isolate}
.ft-tip::before{content:"";position:absolute;right:-12%;top:-45%;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(109,56,198,.45),transparent 62%);z-index:-1;pointer-events:none}
.ft-eb{display:inline-flex;align-items:center;gap:8px;font:600 12px "Inter Tight",Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--ft-vioL)}
.ft .ft-tip__h{margin-top:14px;font:600 clamp(28px,5.2vw,64px)/1.04 Unbounded,"Inter Tight",Inter,sans-serif;letter-spacing:-.03em;max-width:15ch;text-wrap:balance;color:#fff}
.ft-ways{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.ft .ft-way{display:inline-flex;align-items:center;gap:12px;padding:12px 18px 12px 12px;border-radius:16px;border:1px solid var(--ft-line2);background:rgba(255,255,255,.03);transition:border-color .25s,background-color .25s,transform .25s var(--ft-out)}
.ft .ft-way:hover{border-color:rgba(195,170,255,.5);background:rgba(109,56,198,.14);transform:translateY(-2px)}
.ft-way__ic{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:var(--ft-vio);color:#fff}
.ft-way small{display:block;font:500 12px "Inter Tight",Inter,sans-serif;color:var(--ft-tx3)}
.ft-way b{display:block;font:600 16px/1.25 "Inter Tight",Inter,sans-serif;color:#fff}

/* колонки */
.ft-grid{display:grid;gap:36px 32px;padding-block:44px 36px;grid-template-columns:1fr}
@media (min-width:720px){.ft-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1080px){.ft-grid{grid-template-columns:1.25fr repeat(3,1fr)}}
.ft-brand{display:grid;gap:18px;align-content:start}
.ft-brand p{color:var(--ft-tx2);font-size:14px;max-width:38ch}
.ft-logo img{display:block;width:132px;height:auto}
.ft .ft-adl{justify-self:start;display:inline-flex;align-items:center;gap:14px;padding:12px 16px;border-radius:14px;background:#fff;color:var(--ft-vio);transition:transform .3s var(--ft-out),box-shadow .3s}
.ft .ft-adl:hover{color:var(--ft-vio);transform:translateY(-2px);box-shadow:0 12px 30px -12px rgba(80,33,151,.7)}
.ft .ft-adl__logo{height:24px;width:auto;aspect-ratio:1190/220;stroke:none}
.ft-adl small{display:inline-flex;align-items:center;gap:4px;font:500 12px "Inter Tight",Inter,sans-serif;color:#6e6385;white-space:nowrap}
.ft-ext{width:12px!important;height:12px!important;opacity:.65}
.ft-col summary{list-style:none;display:block}
.ft-col summary::-webkit-details-marker{display:none}
.ft-links{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.ft .ft-links a{display:inline-flex;align-items:center;gap:8px;font:500 15px/1.3 Inter,system-ui,sans-serif;color:var(--ft-tx2)}
.ft .ft-links a:hover{color:#fff}
.ft-dot{width:8px;height:8px;border-radius:50%;background:var(--ft-red);position:relative;flex:0 0 8px}
.ft-dot::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--ft-red);animation:ftPing 1.8s var(--ft-out) infinite}
@keyframes ftPing{0%{transform:scale(1);opacity:.7}80%,100%{transform:scale(3);opacity:0}}
.ft-addr{display:grid;gap:6px;font-size:14px;color:var(--ft-tx2)}
.ft .ft-copy{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;margin-left:-8px;border-radius:8px;color:var(--ft-tx2)}
.ft .ft-copy:hover{background:rgba(255,255,255,.06);color:#fff}
.ft-copy__i{width:14px!important;height:14px!important;opacity:0;transition:opacity .2s}
.ft-copy:hover .ft-copy__i,.ft-copy:focus-visible .ft-copy__i{opacity:.7}
.ft-copy.is-ok::after{content:attr(data-ok);font:600 12px "Inter Tight",Inter,sans-serif;color:var(--ft-vioL);margin-left:4px}
/* телефон: колонки — раскрывающиеся списки */
@media (max-width:719px){
  .ft-grid{gap:0}
  .ft-brand{padding-bottom:28px}
  .ft-col{border-top:1px solid var(--ft-line)}
  .ft-col summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;min-height:52px}
  .ft-col summary .ft-h{margin:0}
  .ft-col summary::after{content:"";width:9px;height:9px;border-right:2px solid var(--ft-tx3);border-bottom:2px solid var(--ft-tx3);transform:rotate(45deg) translateY(-3px);transition:transform .25s var(--ft-out)}
  .ft-col[open] summary::after{transform:rotate(225deg) translateY(-3px)}
  .ft-col .ft-links,.ft-col .ft-addr{padding-bottom:18px}
}

/* соцсети и копирайт */
.ft-bar{display:flex;flex-wrap:wrap;gap:16px 24px;align-items:center;justify-content:space-between;padding-block:24px;border-top:1px solid var(--ft-line)}
.ft-bar .ft-h{margin:0}
.ft-socs{display:flex;flex-wrap:wrap;gap:8px}
.ft .ft-socs .soc{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;border-radius:12px;background:#fff;transition:transform .25s var(--ft-out),box-shadow .25s}
.ft .ft-socs .soc:hover{transform:translateY(-3px);box-shadow:0 10px 24px -10px rgba(0,0,0,.6)}
.ft .ft-socs .soc svg{width:22px;height:22px;stroke:none}
.ft-legal{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:space-between;padding-block:20px 28px;border-top:1px solid var(--ft-line);font-size:13px;color:var(--ft-tx3)}
.ft-legal p{max-width:80ch}
.ft-li img{display:block;border:0;border-radius:4px;opacity:.7}

/* появление при прокрутке — только если скрипт подвала запустился */
.ft.ft-anim .ft-rv{opacity:0;transform:translateY(16px);transition:opacity .6s var(--ft-out),transform .7s var(--ft-out)}
.ft.ft-anim .ft-rv.is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.ft *,.ft *::before,.ft *::after{animation:none!important;transition-duration:.01ms!important}.ft.ft-anim .ft-rv{opacity:1;transform:none}}