.footer{color:var(--primary-black);background:#f7f8fa;border-top:2px solid #e0e5eb;flex-direction:column;gap:25px;padding:40px 50px 30px;display:flex;box-shadow:0 -4px 20px #00000008}.footer-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:25px;display:flex}.footer-logo{flex-wrap:wrap;align-items:center;gap:30px;display:flex}.footer-logo img{transition:opacity .3s}.footer-logo img:hover{opacity:.85}.footer-catalog h2{font-size:var(--font-size-body);font-weight:var(--font-weight-medium);cursor:pointer;background:#ed1e26cc;border-radius:20px;align-items:center;gap:8px;margin:0;padding:10px 20px;transition:all .3s;display:inline-flex}.footer-catalog h2:hover{background:#ed1e26;transform:translateY(-2px)}.footer-catalog span{font-size:var(--font-size-body)}.footer-nav{flex-wrap:wrap;align-items:center;gap:8px;margin-top:5px;display:flex}.footer-nav a{color:#4a4a4a;font-size:var(--font-size-body);font-weight:var(--font-weight-normal);border-radius:6px;padding:4px 10px;text-decoration:none;transition:all .2s}.footer-nav a:hover{color:var(--primary-black);background:#ed1e2614}.nav-dot{color:var(--primary-red);opacity:.6;font-size:10px}.footer-contact{flex-wrap:wrap;align-items:center;gap:30px;display:flex}.footer-contact h3{font-size:var(--font-size-body);color:var(--primary-red);text-transform:uppercase;letter-spacing:1px;margin:0;font-weight:400}.footer-contact p{font-size:var(--font-size-body);color:#4a4a4a;margin:2px 0 0}.contact-1{flex-direction:column;display:flex}.contact-1 p{font-size:var(--font-size-section);color:var(--primary-black);font-weight:600}.contact-2>div{flex-direction:column;display:flex}.footer-phone{font-size:.9rem!important;font-weight:500!important}@media (max-width:992px){.footer-top{flex-direction:column;align-items:flex-start;gap:20px}.footer-contact{flex-direction:column;align-items:flex-start;gap:15px}}@media (max-width:768px){.footer{gap:18px;padding:25px 20px 20px}.footer-top{padding:0!important}.footer-logo{flex-direction:column;align-items:flex-start;gap:15px}.footer-links{flex-direction:column;gap:3px}p.link{flex-direction:row}.contact-2{flex-direction:column;gap:12px!important}}
