/* Общий футер сайта (functions/site_footer.php). Встаёт в конец основной колонки страницы. */
.tgf { margin: 26px 0 0; padding: 26px 26px 0; border-radius: 22px 22px 0 0; color: #b8c7da; font-family: 'Inter', system-ui, -apple-system, sans-serif;
    background: radial-gradient(90% 120% at 0% 0%, rgba(19, 194, 163, .18), transparent 55%), radial-gradient(80% 120% at 100% 0%, rgba(11, 111, 214, .22), transparent 60%), #0b1a2e;
    box-shadow: 0 -10px 40px -30px rgba(10, 37, 64, .8); }
.tgf * { box-sizing: border-box; }
.tgf-in { display: grid; grid-template-columns: minmax(220px, 1.4fr) repeat(4, minmax(0, 1fr)); gap: 26px; padding-bottom: 22px; }
.tgf-logo { display: inline-block; font-size: 22px; font-weight: 800; letter-spacing: -.02em; color: #fff; text-decoration: none; }
.tgf-logo span { color: #34d399; }
.tgf-brand p { margin: 8px 0 14px; font-size: 13px; line-height: 1.6; color: #93a7bf; max-width: 300px; }
.tgf-soc { display: flex; gap: 8px; flex-wrap: wrap; }
.tgf a.tgf-sbtn { display: inline-flex; align-items: center; gap: 7px; height: 34px; padding: 0 13px; border-radius: 11px; font-size: 12.5px; font-weight: 700; color: #fff; text-decoration: none;
    background: linear-gradient(135deg, #10b981, #0ea5e9); box-shadow: 0 8px 18px -10px rgba(14, 165, 233, .8); }
.tgf a.tgf-sbtn.alt { background: rgba(255, 255, 255, .08); border: 1px solid rgba(255, 255, 255, .18); box-shadow: none; }
.tgf a.tgf-sbtn:hover { filter: brightness(1.08); }
.tgf-sbtn svg { width: 15px; height: 15px; }
.tgf-ct { font-size: 11px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; color: #6ee7b7; margin: 4px 0 12px; }
.tgf-col a { display: block; padding: 4px 0; font-size: 13.5px; line-height: 1.4; color: #c3d1e2; text-decoration: none; transition: color .15s; }
.tgf-col a:hover { color: #fff; }
.tgf-bot { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding: 14px 0 16px; border-top: 1px solid rgba(255, 255, 255, .08); font-size: 12px; color: #7f93ab; }

@media (max-width: 1200px) and (min-width: 993px) {
    .tgf-in { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .tgf-brand { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
    .tgf-brand p { margin: 0; max-width: 460px; }
}
@media (max-width: 992px) {
    .tgf { margin: 18px -8px 0; padding: 20px 16px 0; border-radius: 18px 18px 0 0; }
    .tgf-in { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 14px; padding-bottom: 16px; }
    .tgf-brand { grid-column: 1 / -1; }
    .tgf-brand p { max-width: none; margin: 6px 0 12px; }
    .tgf-ct { margin-bottom: 8px; }
    .tgf-col a { font-size: 13px; padding: 5px 0; }
    .tgf-bot { flex-direction: column; gap: 4px; font-size: 11.5px; }
}

/* главная (index.php): футер отдельным блоком по ширине страницы, скруглён со всех сторон */
.tgf-ix { width: calc(100% - 18px); max-width: calc(var(--page-max, 1400px) - 18px); margin: 6px auto 12px; }
.tgf-ix .tgf { margin: 0; border-radius: 22px; }
.tgf-ix .tgf-bot { padding-bottom: 18px; }
@media (max-width: 992px) { .tgf-ix { width: auto; margin: 4px 10px 10px; } .tgf-ix .tgf { margin: 0; border-radius: 18px; } }