footer.store-site-footer { background: #071e2d; color: #ccd5dc; border-top: 1px solid #c5a46366; }
.site-footer-inner { max-width: 1680px; margin: auto; padding: 60px clamp(22px, 5vw, 88px) 0; }
.site-footer-grid { display: grid; grid-template-columns: 1.6fr 1fr 1fr 1fr; gap: 48px; padding-bottom: 46px; }
.store-site-footer .site-footer-name { display: inline-block; color: #e3c184; font: 36px Georgia, serif; text-decoration: none; }
.site-footer-name span { display: block; font: 10px Arial, sans-serif; letter-spacing: .5em; margin-top: 10px; }
.store-site-footer p { color: #b8c7d0; font-size: 13px; line-height: 1.8; }
.site-footer-brand > p { margin: 22px 0; max-width: 245px; }
.site-footer-branches > span { display: block; color: #e3c184; font-size: 11px; margin-bottom: 8px; }
.store-site-footer a { color: #ccd5dc; font-size: 13px; text-decoration: none; }
.store-site-footer a:hover { color: #f7d794; }
.store-site-footer a:focus-visible { outline: 2px solid #e3c184; outline-offset: 5px; border-radius: 4px; }
.store-site-footer nav h2 { font-size: 15px; color: #e3c184; font-weight: 600; margin: 0 0 22px; }
.store-site-footer ul { list-style: none; padding: 0; margin: 0; }
.store-site-footer li { margin-bottom: 14px; }
.site-footer-bottom { display: flex; justify-content: space-between; gap: 20px; border-top: 1px solid #c5a46333; padding: 22px 0; font-size: 12px; }
.site-footer-bottom p { font-size: 12px; margin: 0; }
@media(max-width:991px) { .site-footer-grid { grid-template-columns: repeat(2, 1fr); gap: 36px; } }
@media(max-width:575px) { .site-footer-inner { padding-top: 38px; } .site-footer-grid { gap: 30px 18px; } .site-footer-brand { grid-column: 1 / -1; } .site-footer-bottom { flex-direction: column; gap: 8px; } }