/* Єдиний футер сайту (app/http/pages/footer.php) — свої класи dgf*, щоб старі правила .site-footer
   (позиційне приховування посилань у dg-design.css) його не зачіпали.
   2026-11-08: та сама візуальна мова, що й головна (dg-design.css): біла картка як .dg-benefit-card,
   заголовки-«пігулки» як .dg-benefits-chip, жирний сірий текст, іконки соцмереж як .dg-benefit-icon. */
.dgf{--dgf-ink:#11151a;--dgf-ink-2:#3a424b;--dgf-mut:#64707d;--dgf-brand:#d67940;--dgf-line:rgba(214,121,64,.12);
  width:min(1324px, calc(100% - 32px));margin:40px auto calc(20px + env(safe-area-inset-bottom));padding:36px 28px 22px;
  /* фон і радіус — як у головної панелі сайту (.desktop-home) */
  background:linear-gradient(140deg, rgba(214,121,64,.04), rgba(0,0,0,0) 28%), linear-gradient(180deg, rgba(255,255,255,.98), rgba(252,250,246,.98));
  border:1px solid var(--dgf-line);border-radius:42px;box-shadow:0 24px 60px rgba(36,29,23,.10);
  color:var(--dgf-ink);box-sizing:border-box;font-family:inherit}
.app-page > .dgf{width:100%} /* головна: уже всередині сторінки з полями */
.dgf *{box-sizing:border-box}
.dgf__in{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:28px}

/* Бренд */
.dgf__brand img{width:46px;height:46px;border-radius:14px;display:block}
.dgf__brand b{display:block;margin-top:12px;color:var(--dgf-ink);font-size:20px;font-weight:900;line-height:1.1;letter-spacing:-.01em}
.dgf__brand p{margin:7px 0 0;color:var(--dgf-mut);font-size:14px;font-weight:700;line-height:1.45;max-width:250px}

/* Соцмережі — як іконки карток «Переваги» */
.dgf__soc{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}
.dgf__soc a{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;
  background:linear-gradient(180deg,#fff8f2 0%,#fff0e4 100%);border:1px solid rgba(214,121,64,.18);
  color:var(--dgf-brand);text-decoration:none;font-size:18px;transition:transform .2s ease, background .2s ease, color .2s ease}
.dgf__soc a:hover{background:var(--dgf-brand);color:#fff;transform:translateY(-2px)}

/* Колонки: заголовок — пігулка, як «СЕРВІСИ» / «ПЕРЕВАГИ» на головній */
.dgf__col h3{display:inline-flex;align-items:center;min-height:30px;margin:0 0 12px;padding:0 12px;
  border:1px solid rgba(214,121,64,.16);border-radius:999px;background:rgba(255,244,234,.78);
  color:var(--dgf-brand);font-size:12px;font-weight:900;line-height:1;letter-spacing:.08em;text-transform:uppercase}
.dgf__col a{display:block;width:fit-content;padding:6px 0;color:var(--dgf-ink-2);text-decoration:none;font-size:15px;font-weight:700;line-height:1.3;transition:color .15s ease}
.dgf__col a:hover{color:var(--dgf-brand)}

.dgf__bottom{max-width:1180px;margin:26px auto 0;padding-top:16px;border-top:1px solid var(--dgf-line);display:flex;gap:6px 16px;flex-wrap:wrap;justify-content:space-between;color:var(--dgf-mut);font-size:13px;font-weight:700}

@media (max-width:820px){.dgf__in{grid-template-columns:repeat(2,1fr)}.dgf__brand{grid-column:1 / -1}}
@media (max-width:520px){
  .dgf{padding:26px 18px 20px;border-radius:26px;margin-top:28px}
  .dgf__in{grid-template-columns:1fr 1fr;gap:22px 16px}
  .dgf__col h3{min-height:28px;padding:0 10px;font-size:11px}
  .dgf__col a{font-size:14px}
}