/* =========================================
   FOOTER STYLES
   ========================================= */
.site-footer {
    background: var(--gradient-footer);
    color: #aeb9c5;
    padding: var(--space-xxl) 0 0 0;
    font-size: var(--font-size-small);
}
.footer-main {
    display: grid;
    grid-template-columns: 2fr 1.5fr 1fr 1fr 1.5fr;
    gap: var(--space-xl);
    padding: 0 var(--space-lg) var(--space-xxl) var(--space-lg);
}
.footer-column h3 {
      font-size: var(--font-size-h4); /* ИСПРАВЛЕНО */
    font-weight: var(--font-weight-bold);
    color: #fff;
    margin-bottom: var(--space-lg);
}

.footer-logo {
    font-size: var(--font-size-h2); /* ИСПРАВЛЕНО */
    font-weight: var(--font-weight-black);
    color: #fff;
    margin-bottom: var(--space-md);
    display: block;
    text-decoration: none;
}
.footer-tagline {
    margin-bottom: var(--space-lg);
    max-width: 300px;
	  font-size: var(--font-size-base); 
}
.footer-buttons {
    display: flex;
    gap: var(--space-sm);
}
.btn-footer {
    padding: 12px var(--space-sm)!important;
    font-size: var(--font-size-small)!important; /* ИСПРАВЛЕНО */
    background-color: #fff;
    color: var(--color-text-main);
    border: 2px solid #fff;
    font-weight: var(--font-weight-semibold) !important;
}
.btn-footer:hover {
    background: var(--gradient-accent);
    color: #fff;
    border-color: transparent;
    text-decoration: none;
}

.footer-nav ul {
    list-style: none;
}
.footer-nav li {
    margin-bottom: var(--space-xs);
}
.footer-nav a {
    color: #aeb9c5;
    text-decoration: none;
    transition: color 0.3s ease;
}
.footer-nav a:hover {
    color: var(--color-accent);
}

.contact-group {
    margin-bottom: var(--space-md);
}
.contact-group:last-child { margin-bottom: 0; }

.contact-info a, .contact-info p {
    display: block;

    color: #aeb9c5;
    text-decoration: none;
    transition: color 0.3s ease;
}
.contact-info a:last-child, .contact-info p:last-child { margin-bottom: 0; }
.contact-info a:hover { color: #fff; }

.work-hours strong {
    font-weight: var(--font-weight-bold);
    color: #fff;
    margin-right: var(--space-xs);
}

.footer-bottom {
    background-color: #111316;
    padding: var(--space-md) var(--space-lg);
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap; 
}
.copyright {
    font-size: var(--font-size-small); /* ИСПРАВЛЕНО */
    color: #7f8c8d;
}
.payment-methods {
    display: flex;
    align-items: center;
    gap: var(--space-md);
}
.payment-methods span { 
    font-size: var(--font-size-small); /* ИСПРАВЛЕНО */
    color: #7f8c8d;
}
.payment-methods i {
    font-size: var(--font-size-h3); /* ИСПРАВЛЕНО */
    color: #aeb9c5;
}

/* --- Адаптивность футера --- */
@media (max-width: 1200px) {
    .footer-main { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 992px) {
    .footer-main { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
    .site-footer { padding-top: var(--space-xl); }
    .footer-main { 
        grid-template-columns: 1fr; 
        padding-bottom: var(--space-xl);
    }
    .footer-nav, .footer-buttons {
        display: none;
    }
    .footer-bottom { 
        flex-direction: column; 
        gap: var(--space-md); 
        text-align: center; 
    }
	.site-footer { padding-top: var(--space-xl);         padding-bottom: 70px;}
	.payment-icons{ display: flex;
    gap: 15px;
    flex-wrap: wrap;
    grid-template-columns: repeat(2, 2fr);
}
}
.footer-bottom  .payment-icons {
    display: flex;
    gap: 15px;
}
.footer-bottom .payment-icon {
    width: auto;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 10px;
    color: rgb(51, 51, 51);
    background: rgb(255, 255, 255);
    border-radius: 4px;
    padding: 5px;
}