/* =========================
   FOOTER — light + compact
   ========================= */

footer,
.site-footer,
#footer {
    background: #f0fafa !important;
    color: #17313b !important;
}

/* основний внутрішній блок футера */
footer .container,
.site-footer .container,
#footer .container {
    padding-top: 36px !important;
    padding-bottom: 18px !important;
}

/* верхня частина футера */
footer .footer-main,
.site-footer .footer-main,
#footer .footer-main,
footer .footer-top,
.site-footer .footer-top,
#footer .footer-top {
    padding-top: 0 !important;
    padding-bottom: 18px !important;
    margin-bottom: 0 !important;
}

/* колонки футера */
footer .widget,
.site-footer .widget,
#footer .widget,
footer .footer-col,
.site-footer .footer-col,
#footer .footer-col {
    margin-bottom: 12px !important;
}

/* нижня смуга футера */
footer .footer-bottom,
.site-footer .footer-bottom,
#footer .footer-bottom {
    border-top: 1px solid #d7e7e7 !important;
    padding-top: 12px !important;
    padding-bottom: 10px !important;
    margin-top: 8px !important;
    background: #f0fafa !important;
}

/* текст і посилання */
footer p,
footer li,
footer a,
.site-footer p,
.site-footer li,
.site-footer a,
#footer p,
#footer li,
#footer a {
    color: #17313b !important;
}

/* заголовки у футері */
footer h2,
footer h3,
footer h4,
footer h5,
.site-footer h2,
.site-footer h3,
.site-footer h4,
.site-footer h5,
#footer h2,
#footer h3,
#footer h4,
#footer h5 {
    color: #17313b !important;
    margin-bottom: 10px !important;
}

/* списки компактніше */
footer ul,
.site-footer ul,
#footer ul {
    margin-bottom: 0 !important;
    padding-left: 0 !important;
}

footer li,
.site-footer li,
#footer li {
    margin-bottom: 6px !important;
}

/* логотип/опис компактніше */
footer .footer-logo,
.site-footer .footer-logo,
#footer .footer-logo {
    margin-bottom: 12px !important;
}

/* якщо є соц. іконки */
footer .social-links,
.site-footer .social-links,
#footer .social-links {
    margin-top: 8px !important;
}

/* mobile */
@media (max-width: 767px) {
    footer .container,
    .site-footer .container,
    #footer .container {
        padding-top: 26px !important;
        padding-bottom: 14px !important;
    }

    footer .footer-main,
    .site-footer .footer-main,
    #footer .footer-main,
    footer .footer-top,
    .site-footer .footer-top,
    #footer .footer-top {
        padding-bottom: 12px !important;
    }

    footer .widget,
    .site-footer .widget,
    #footer .widget,
    footer .footer-col,
    .site-footer .footer-col,
    #footer .footer-col {
        margin-bottom: 10px !important;
    }

    footer .footer-bottom,
    .site-footer .footer-bottom,
    #footer .footer-bottom {
        padding-top: 10px !important;
        padding-bottom: 8px !important;
    }
}
/* Hero font front page */
.mz-hero__copy > h1 {
    font-size: clamp(2.85rem, 4.6vw, 3.65rem);
      color: #06808e;
}