.footer .footer-grid{display:flex;justify-content:space-between;align-items:flex-start;gap:48px;padding-bottom:30px;border-bottom:1px solid var(--line)}.footer-intro{max-width:370px}.footer-contact-block{max-width:430px}.footer-contact-block h4{margin-top:0}.footer-contact-block .footer-links{display:flex;flex-wrap:wrap;gap:10px 24px}.footer-contact-block small{display:block;margin-top:12px}.footer-directory{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;padding-top:32px}.footer-direction{min-width:0;border-top:2px solid var(--footer-accent);padding-top:16px}.footer-direction h4{font-size:13px;letter-spacing:.08em;margin:0 0 18px;color:var(--footer-accent)}.footer-direction h4 a{display:inline-flex;align-items:center;gap:8px}.footer-direction h4 a:after{content:'↗';font-size:13px;opacity:.75}.footer-direction h4 a:hover{text-decoration:underline;text-underline-offset:5px}.footer-direction .footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:10px;font-size:13px}.footer-direction .footer-links a{line-height:1.5;padding:1px 0;max-width:100%}.footer-direction .footer-links a:hover,.footer-direction .footer-links a.active{color:var(--footer-accent);text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}.footer-direction small{display:block;line-height:1.7;margin-top:20px}.footer-direction[data-footer-direction="air"]{--footer-accent:#f2f6f8}.footer-direction[data-footer-direction="pool"]{--footer-accent:#55b2ff}.footer-direction[data-footer-direction="shield"]{--footer-accent:#deb47b}.footer-direction[data-footer-direction="msystem"]{--footer-accent:#bcb3a2}.footer .copyright{margin-top:30px}
@media(max-width:850px){.footer-directory{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 26px}.footer .footer-grid{gap:30px}.footer-contact-block .footer-links{display:grid;gap:8px}}
@media(max-width:520px){.footer .footer-grid{display:grid;grid-template-columns:1fr;gap:25px}.footer-directory{grid-template-columns:1fr;gap:28px;padding-top:28px}.footer-direction .footer-links{gap:11px}.footer-direction h4{font-size:14px}.footer-direction .footer-links a{font-size:14px}.footer-direction small{margin-top:14px}.footer-contact-block .footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:9px}}

.footer-direction h4 a:after{content:"→"}.footer-direction h4 a[target="_blank"]:after{content:none}
