правки footer

This commit is contained in:
2026-04-04 20:03:40 +03:00
parent f2659158c9
commit 601135a50a
3 changed files with 99 additions and 8 deletions

View File

@@ -1172,6 +1172,70 @@
padding: 32px 0 42px;
}
.classic-footer {
width: 100%;
margin-top: 24px;
padding: 44px 0 28px;
background: #0a1f47;
border-top: 1px solid rgba(255, 255, 255, 0.16);
}
.classic-footer-shell {
display: grid;
gap: 22px;
}
.classic-footer-main {
display: grid;
grid-template-columns: minmax(0, 1.5fr) repeat(2, minmax(180px, 1fr));
gap: 28px;
align-items: start;
}
.classic-footer-col {
min-width: 0;
}
.classic-footer-col h3 {
margin: 0;
color: #ffffff;
font-size: 18px;
line-height: 1.2;
}
.classic-footer .brand-text strong,
.classic-footer .brand-text span,
.classic-footer .footer-description,
.classic-footer .footer-links a,
.classic-footer .footer-legal a,
.classic-footer .footer-bottom {
color: rgba(255, 255, 255, 0.78);
}
.classic-footer .footer-links,
.classic-footer .footer-legal {
margin-top: 14px;
}
.classic-footer .footer-links a,
.classic-footer .footer-legal a {
transition: color 0.2s ease;
}
.classic-footer .footer-links a:hover,
.classic-footer .footer-legal a:hover,
.classic-footer .footer-links a:focus-visible,
.classic-footer .footer-legal a:focus-visible {
color: #ffffff;
}
.classic-footer-bottom {
margin-top: 8px;
padding-top: 16px;
border-top: 1px solid rgba(255, 255, 255, 0.16);
font-size: 13px;
}
.footer-grid {
align-items: start;
}
@@ -1449,6 +1513,14 @@
.product-row {
justify-items: start;
}
.classic-footer-main {
grid-template-columns: 1fr 1fr;
}
.classic-footer-main .brand-col {
grid-column: 1 / -1;
}
}
@media (max-width: 640px) {
@@ -1491,6 +1563,19 @@
align-items: start;
}
.classic-footer {
padding-top: 32px;
}
.classic-footer-main {
grid-template-columns: 1fr;
gap: 20px;
}
.classic-footer-main .brand-col {
grid-column: auto;
}
.cart-actions {
grid-template-columns: 1fr;
}