/* === Добродій: футер (только CSS, разметка и пункты прежние) === */
:root { --dd-y:#FFBE00; --dd-y2:#F9C869; }
footer { box-shadow: none !important; }
footer #footer { display: grid !important; grid-template-columns: 1.15fr 1fr 1fr 1fr; gap: 20px; max-width: 1240px; margin: 0 auto; padding: 48px 32px 32px !important; box-sizing: border-box; }
footer #footer .footer-block { margin: 0 !important; min-width: 0; }
footer #footer .footer-block .logo { width: auto !important; transform: none !important; }
footer #footer .footer-block .logo img { width: 170px !important; height: auto; }
footer #footer .footer-block > ul { margin-top: 0 !important; }
footer #footer .footer-block > ul + ul { margin-top: 26px !important; }
footer #footer .footer-block > .logo + ul { margin-top: 22px !important; }
footer #footer .footer-block ul p { padding-bottom: 0 !important; margin-bottom: 12px; }
footer #footer .footer-block ul p strong { color: #000 !important; font-family: Formular-Bold, formular, sans-serif; font-weight: 400; font-size: 15px !important; letter-spacing: .02em; }
footer #footer .footer-block ul li { margin: 0 0 7px; font-size: 15px !important; line-height: 1.4; color: #3a3a3a; }
footer #footer .footer-block ul li a { color: #3a3a3a !important; font-size: 15px !important; transition: color .2s; }
footer #footer .footer-block ul li a:hover { color: #000 !important; text-decoration: underline; text-decoration-color: var(--dd-y); text-decoration-thickness: 2px; text-underline-offset: 3px; }
footer #footer .footer-block ul li p strong[style] { font-family: formular, sans-serif !important; font-size: 15px !important; color: #3a3a3a !important; }
footer #footer .facetube-link { gap: 8px; margin-top: 4px; }
footer #footer .facetube-link a { margin: 0 !important; width: 38px; height: 38px; border-radius: 50%; display: grid; place-items: center; background: #fff; border: 1px solid #E6E6E6; transition: border-color .2s, transform .2s; }
footer #footer .facetube-link a:hover { border-color: var(--dd-y); transform: translateY(-1px); text-decoration: none; }
footer #footer .facetube-link img { width: 22px !important; height: 22px !important; }
footer > div[style*="height: 2px"] { height: 1px !important; width: 100% !important; max-width: 1240px; background: #E4E4E4 !important; }
footer .footer-menu { width: 100% !important; max-width: 1240px; margin: 0 auto !important; padding: 18px 32px 26px !important; box-sizing: border-box; display: flex !important; align-items: center; gap: 24px; background: transparent !important; }
footer .footer-menu > li#menu-item-10465 { transform: none !important; margin: 0 !important; }
footer .footer-menu > div { display: flex !important; gap: 32px; width: auto !important; margin: 0 0 0 auto !important; justify-content: flex-end; }
footer .footer-menu a { font-size: 15px !important; }
@media (max-width: 960px) {
  footer #footer { grid-template-columns: 1fr 1fr; gap: 28px 18px; padding: 32px 18px 20px !important; }
  footer #footer .footer-block:first-child { grid-column: 1 / -1; }
  footer .footer-menu { flex-direction: column; align-items: flex-start; padding: 16px 18px 24px !important; gap: 14px; }
  footer .footer-menu > div { flex-wrap: wrap; gap: 10px 22px; margin: 0 !important; justify-content: flex-start; }
}
footer .footer-menu > li#menu-item-10465 { width: fit-content !important; align-self: flex-start; }
@media (max-width: 960px) { footer .footer-menu > li#menu-item-10465 { margin: 0 !important; } }

/* Ф1 — картки (як меню «три колонки») */
footer, footer #footer { background: #fff !important; }
footer { border-top: 1px solid #EDEDED; }
footer #footer .footer-block { background: #F7F7F7; border-radius: 12px; padding: 22px 20px 16px; }
footer #footer .footer-block:first-child { background: #fff; border: 1px solid #EDEDED; }
footer #footer .footer-block ul p strong::after { content: ""; display: block; width: 1.8em; height: 2px; background: var(--dd-y); margin-top: 6px; }
footer #footer .footer-block ul li p strong[style]::after { content: none; }

/* «Документи» — під «Мета застосування» (02.11.2026). Блоки 2 і 3 розкладаються в сітку, кожен список — окрема картка. */
footer #footer { grid-template-rows: auto 1fr; }
footer #footer > .footer-block:nth-child(1) { grid-column: 1; grid-row: 1 / span 2; }
footer #footer > .footer-block:nth-child(2), footer #footer > .footer-block:nth-child(3) { display: contents; }
footer #footer > .footer-block:nth-child(2) > ul, footer #footer > .footer-block:nth-child(3) > ul { background: #F7F7F7; border-radius: 12px; padding: 22px 20px 16px; margin: 0 !important; min-width: 0; }
footer #footer > .footer-block:nth-child(2) > ul:first-of-type { grid-column: 2; grid-row: 1 / span 2; }
footer #footer > .footer-block:nth-child(3) > ul:first-of-type { grid-column: 3; grid-row: 1; }
footer #footer > .footer-block:nth-child(2) > ul:nth-of-type(2) { grid-column: 3; grid-row: 2; align-self: start; }
footer #footer > .footer-block:nth-child(4) { grid-column: 4; grid-row: 1 / span 2; }
@media (max-width: 960px) {
  footer #footer { grid-template-rows: none; }
  footer #footer > .footer-block:nth-child(1) { grid-column: 1 / -1; grid-row: 1; }
  footer #footer > .footer-block:nth-child(2) > ul:first-of-type { grid-column: 1; grid-row: 2 / span 2; }
  footer #footer > .footer-block:nth-child(3) > ul:first-of-type { grid-column: 2; grid-row: 2; }
  footer #footer > .footer-block:nth-child(2) > ul:nth-of-type(2) { grid-column: 2; grid-row: 3; }
  footer #footer > .footer-block:nth-child(4) { grid-column: 1 / -1; grid-row: 4; }
}