/* 3DWebStudio — единый футер сайта (в стиле пакета 3dws-header).
   Подключать на каждой странице: <link rel="stylesheet" href="/assets/css/footer.css"> */
  .site-footer{
    position:relative;
    margin-top:80px;
    background:#07070C;
    font-family:var(--public-font-family,'Golos Text',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif);
    color:#EAEAF2;
  }
  /* Неоновая градиентная линия сверху */
  .site-footer::before{
    content:'';position:absolute;top:0;left:0;right:0;height:1px;
    background:linear-gradient(90deg,transparent 0%,#35E8F5 20%,#8F79F3 50%,#FF4FB4 80%,transparent 100%);
    opacity:.55;
    filter:drop-shadow(0 0 6px rgba(143,121,243,.6));
  }
  .ftr-container{max-width:1360px;margin:0 auto;padding-left:24px;padding-right:24px}

  /* ── Основная сетка колонок ─────────────────────────────── */
  .ftr-grid{
    display:grid;
    grid-template-columns:1.6fr 1fr 1fr 1fr 1.25fr;
    gap:40px;
    padding-top:10px;padding-bottom:10px;
  }

  /* Колонка бренда */
  .ftr-logo{
    font-family:'Century Gothic','Futura','Avenir Next','Trebuchet MS',sans-serif;
    font-size:22px;line-height:1;user-select:none;
  }
  .ftr-logo .f3d{
    font-weight:800;
    background:linear-gradient(135deg,#35E8F5 0%,#8F79F3 45%,#FF4FB4 100%);
    -webkit-background-clip:text;background-clip:text;color:transparent;
    filter:drop-shadow(0 0 8px rgba(154,107,240,.4));
  }
  .ftr-logo .fws{color:#f5f3fa;font-weight:400}
  .ftr-tagline{
    margin-top:6px;
    font-size:8.5px;font-weight:700;
    letter-spacing:.44em;text-transform:uppercase;color:#9A8FC0;
  }
  .ftr-desc{
    margin-top:16px;
    font-size:13.5px;line-height:1.65;color:#9696AB;max-width:300px;
  }
  .ftr-social{display:flex;gap:10px;margin-top:20px}
  .ftr-soc{
    display:inline-flex;align-items:center;gap:7px;
    height:36px;padding:0 16px;border-radius:18px;
    font-size:13px;font-weight:700;text-decoration:none;
    color:#EAEAF2;background:rgba(255,255,255,.03);
    border:1px solid rgba(255,255,255,.13);
    transition:all .2s ease;
  }
  .ftr-soc:hover{transform:translateY(-2px)}
  .ftr-soc.vk:hover{border-color:rgba(74,159,255,.6);box-shadow:0 0 16px rgba(74,159,255,.35);color:#8fc8ff}
  .ftr-soc.tg:hover{border-color:rgba(53,232,245,.6);box-shadow:0 0 16px rgba(53,232,245,.3);color:#8fe8f5}

  /* Колонки ссылок */
  .ftr-h{
    font-size:11px;font-weight:700;
    text-transform:uppercase;letter-spacing:1.6px;
    color:#6d6d84;margin-bottom:16px;
  }
  .ftr-col nav{display:flex;flex-direction:column;gap:10px}
  .ftr-col a{
    color:#9696AB;text-decoration:none;
    font-size:13.5px;font-weight:500;width:fit-content;
    transition:color .15s,text-shadow .15s;
  }
  .ftr-col a:hover{color:#EAEAF2;text-shadow:0 0 10px rgba(124,92,255,.65)}
  .ftr-col a.hot{color:#B9A6FF}
  .ftr-col a.hot:hover{color:#D2C5FF;text-shadow:0 0 10px rgba(185,166,255,.6)}

  /* Поддержка и реквизиты — в нижней полосе */
  .ftr-bottom-support{
    display:flex;align-items:center;gap:12px;flex-wrap:wrap;
    font-size:12.5px;color:#6d6d84;
  }
  .ftr-bottom-support a{
    color:#9696AB;text-decoration:none;font-weight:600;
    transition:color .15s,text-shadow .15s;
  }
  .ftr-bottom-support a:hover{color:#EAEAF2;text-shadow:0 0 10px rgba(124,92,255,.65)}
  .ftr-requisites{font-size:11.5px;color:#565670}

  /* ── Нижняя полоса ──────────────────────────────────────── */
  .ftr-bottom{
    border-top:1px solid rgba(255,255,255,.07);
  }
  .ftr-bottom-inner{
    min-height:56px;
    display:flex;align-items:center;justify-content:space-between;gap:16px;
    padding-top:12px;padding-bottom:12px;
    font-size:12.5px;color:#6d6d84;flex-wrap:wrap;
  }
  .ftr-mini{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
  .ftr-mini a{color:#6d6d84;text-decoration:none;transition:color .15s}
  .ftr-mini a:hover{color:#EAEAF2}
  .ftr-mini .dot{width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,.18)}

  /* Кнопка «наверх» — неоновая, в стиле кнопок истории крошек */
  .ftr-top{
    width:34px;height:34px;border-radius:50%;flex-shrink:0;
    background:rgba(22,22,36,.55);
    border:1px solid rgba(143,121,243,.4);
    color:#B9A6FF;cursor:pointer;
    display:grid;place-items:center;
    transition:all .2s ease;
    box-shadow:0 0 10px rgba(143,121,243,.15), inset 0 0 8px rgba(143,121,243,.08);
  }
  .ftr-top:hover{
    border-color:#8F79F3;color:#fff;transform:scale(1.1);
    box-shadow:0 0 18px rgba(143,121,243,.5), inset 0 0 10px rgba(143,121,243,.15);
  }
  .ftr-top svg{width:15px;height:15px;display:block}

  /* ── Адаптив ────────────────────────────────────────────── */
  @media(max-width:1080px){
    .ftr-grid{grid-template-columns:1fr 1fr;gap:36px 32px}
    .ftr-brand{grid-column:1 / -1}
    .ftr-desc{max-width:460px}
  }
  @media(max-width:640px){
    .ftr-grid{grid-template-columns:1fr;gap:30px}
    .ftr-container{padding-left:16px;padding-right:16px}
    .ftr-bottom-inner{flex-direction:column;align-items:flex-start;gap:10px}
    .ftr-top{position:absolute;right:16px;bottom:16px}
    .site-footer{margin-top:56px}
  }
  /* Широкие экраны — только сетка, размеры не меняются */
  @media(min-width:1920px){
    .ftr-container{max-width:1720px;padding-left:32px;padding-right:32px}
  }
  @media(min-width:2560px){
    .ftr-container{max-width:2080px;padding-left:40px;padding-right:40px}
  }