/* ====================================
   FOOTER
==================================== */

.footer{
    background:#1F2937;
    color:#fff;
    padding:55px 0 0;
}
.footer-container{
    width:92%;
    max-width:1500px;
    margin:0 auto;
}
/* Основная часть */
.footer-main{
    display:grid;
    grid-template-columns:1.7fr 1fr 1fr 1fr;
    gap:60px;
    padding-bottom:30px;
}
/* LOGO */
.footer-logo{
    display:inline-block;
    font-size:40px;
    font-weight:800;
    line-height:1;
    color:#ffffff;
    text-decoration:none;
    letter-spacing:-1px;
}
.footer-logo span{
    color:#E8923A;
}
/* Описание */

.footer-brand p{
    margin:0;
    font-size:14px;
    line-height:1.2;
    color:#AEB7C5;
}
/* Колонки */
.footer-column{
    display:flex;
    flex-direction:column;
    gap:0px;
}
.footer-column h3{
    margin:0 0 4px;
    font-size:12px;
    font-weight:700;
    color:#fff;
}
.footer-column a{
    font-size:12px;
    color:#AEB7C5;
    text-decoration:none;
    padding:2px 0 2px;
    border-bottom:1px solid rgba(255,255,255,0.10);
    transition:.2s;
}
.footer-column a:hover{
    color:#E8923A;
}

/* Соцсети */
.footer-social{
    display:flex;
    gap:10px;
    margin-top:22px;
}
.footer-social a{
    width:36px;
    height:36px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #465164;
    border-radius:50%;
    color:#fff;
    text-decoration:none;
    transition:.2s;
}
.footer-social a:hover{
    border-color:#E8923A;
    color:#E8923A;
}
/* =========================
   FOOTER BOTTOM
========================= */
.footer-bottom{
    width:100%;
    box-sizing:border-box;
    min-height:0;
    margin-top:0;
    padding:18px 0 20px;
    border-top:1px solid rgba(255,255,255,0.12);
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
    font-size:12px;
    color:#8F9BAD;
    grid-column:1 / -1;
}
.footer-bottom p{
    margin:0;
    font-size:12px;
    color:#8F9BAD;
}
.footer-legal{
    display:flex;
    align-items:center;
    gap:35px;
}
.footer-legal a{
    color:#8F9BAD;
    text-decoration:none;
    font-size:12px;
    transition:.2s;
}
.footer-legal a:hover{
    color:#E8923A;
}
/* ==========================================
   ТОНКИЕ РАЗДЕЛИТЕЛИ ФУТЕРА
========================================== */
/* Вертикальные линии между колонками */

.footer-main > .footer-brand,
.footer-main > .footer-column:not(:last-child) {
    border-right: 1px solid rgba(255, 255, 255, 0.12);
    padding-right: 35px;
}

/* Горизонтальные линии под ссылками */

.footer-column a {
    padding: 1px 0 1px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}
/* У последней ссылки линии не будет */
.footer-column a:last-child {
    border-bottom: none;
}
/* Если у ссылки есть стрелка */
.footer-column a::after {
    content: "›";
    color: #E8923A;
    font-size: 22px;
    font-weight: 400;
    margin-left: auto;
    transition: .2s;
}
/* Двигаем стрелку при наведении */
.footer-column a:hover::after {
    transform: translateX(4px);
}
/* Чтобы разделители не мешали на планшете */
@media(max-width:900px) {

    .footer-main > .footer-brand,
    .footer-main > .footer-column:not(:last-child) {
        border-right: none;
        padding-right: 0;
    }
}
.footer-payment .payment-methods {
    display: flex;
    flex-direction: column;
    gap: 0px;
}

.footer-payment .payment-item {
    display: flex;
    align-items: center;
    margin: 0;
}

.footer-payment .payment-item img {
    width: 140px;
    height: 60px;
    object-fit: contain;
    object-position: left center;
    display: block;
}
/* =========================
   MOBILE
========================= */

@media(max-width:900px){

    .footer-main{
        grid-template-columns:repeat(2,1fr);
        gap:40px;
    }

}
@media(max-width:600px){
    .footer-main{
        grid-template-columns:1fr;
    }
    .footer-bottom{
        flex-direction:column;
        align-items:flex-start;
        padding:20px 0;
    }
    .footer-legal{
        flex-direction:column;
        gap:10px;
    }
}
/* ==========================================
   FIX — FOOTER BOTTOM GAP
========================================== */
.footer {
    margin: 0 !important;
    padding-bottom: 0 !important;
    display: block;
}
.footer-container {
    margin-bottom: 0 !important;
}
.footer-bottom {
    margin-bottom: 0 !important;
}