/* ИнфоБот - единый подвал в стиле сайта плеера (ONERAY).
   Класс .ibf на всех правилах: у страниц в своих <style> есть собственные правила
   для footer, а `footer.ibf` по специфичности сильнее голого `footer` - порядок
   подключения тогда не важен. Подключается как <link href="/footer.css?v1">. */
footer.ibf{
  --f-line:#E5E7EB; --f-line2:#E5E7EB; --f-bg:#fff;
  --f-ink:#1F2937; --f-ink2:#6B7280; --f-brand:#2D6FE0;
  margin-top:48px; padding:0; border-top:1px solid var(--f-line); background:var(--f-bg);
  text-align:left; color:var(--f-ink2); line-height:1.5;
  font-family:"Manrope","Segoe UI","Inter",system-ui,-apple-system,Roboto,Arial,sans-serif;
  font-size:14px;
}
.ibf-in{max-width:1120px;margin:0 auto;padding:46px 24px 12px;
  display:grid;grid-template-columns:1.5fr 1fr 1.2fr 1.2fr 1fr;gap:30px}
@media(max-width:900px){.ibf-in{grid-template-columns:1fr 1fr 1fr;gap:26px}}
@media(max-width:560px){.ibf-in{grid-template-columns:1fr 1fr;gap:24px 18px}}
@media(max-width:380px){.ibf-in{grid-template-columns:1fr}}

.ibf-lg{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.ibf-lg img{width:38px;height:38px;border-radius:10px;display:block;object-fit:contain}
.ibf-lg b{font-size:15px;font-weight:800;letter-spacing:.04em;color:var(--f-ink)}
.ibf-brand p{font-size:14.5px;line-height:1.55;color:var(--f-ink2);margin:0 0 14px;max-width:255px}

.ibf-soc{display:flex;gap:8px}
.ibf-soc a{width:33px;height:33px;border-radius:9px;border:1px solid var(--f-line2);
  display:flex;align-items:center;justify-content:center;color:var(--f-ink2);
  text-decoration:none;font-weight:400;transition:color .15s,border-color .15s}
.ibf-soc a:hover{color:var(--f-brand);border-color:var(--f-brand);text-decoration:none}
.ibf-soc svg{width:16px;height:16px}

footer.ibf h4{font-size:11.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--f-ink);
  opacity:.78;font-weight:700;margin:2px 0 13px;line-height:1.3}
footer.ibf ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px}
footer.ibf ul a{color:var(--f-ink2);text-decoration:none;font-size:13.5px;font-weight:400;
  transition:color .15s}
footer.ibf ul a:hover{color:var(--f-brand);text-decoration:none}

.ibf-bar{max-width:1120px;margin:0 auto;padding:14px 24px 8px;border-top:1px solid var(--f-line2);
  display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--f-ink2)}
.ibf-bar a{color:var(--f-ink2);font-weight:400}
.ibf-bar a:hover{color:var(--f-brand)}
.ibf-legal{max-width:1120px;margin:0 auto;padding:0 24px 10px;font-size:11.5px;
  color:var(--f-ink2);opacity:.85}
.ibf-legal:last-child{padding-bottom:26px}
.ibf-legal a{color:var(--f-ink2);font-weight:400}
.ibf-legal a:hover{color:var(--f-brand)}

/* цели касания на телефоне: иконки-кнопки меньше рекомендованных 44px */
@media(max-width:760px){
  .ibf-soc a{width:44px;height:44px;border-radius:12px}
  .ibf-soc svg{width:18px;height:18px}
}