/*
    ПОДВАЛ РАЗДЕЛА КАРТИН. Добавлено 04.09.2026.

    Повторяет подвал основного сайта: тот же оранжевый переход в фоне,
    белый текст, три колонки. Значения взяты из assets/css/style.css
    основного сайта, чтобы разделы выглядели одинаково.
*/

.footer {
    margin-top: 60px;
    padding: 46px 0;
    background: linear-gradient(98.84deg, #ff902a 0.12%, #ffa722 97.79%);
    color: var(--color-white);
}

.footer a {
    color: var(--color-white);
}

.footer h3 {
    margin: 0 0 4px;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.2;
}

.footer__subtitle {
    display: block;
    margin-bottom: 8px;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.2;
}

.footer__info {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 50px;
}

.footer__contacts {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.footer__contacts p {
    margin: 0;
}

.footer__block {
    margin-bottom: 24px;
}

.footer__block:last-child {
    margin-bottom: 0;
}

.footer__block p {
    margin: 0;
}

.footer__links ul {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin: 0;
    padding: 0;
    list-style: none;
}

/*
    Кнопка вместо «перезвонить» с портретов: там она открывает окно
    через Fancybox, которого в разделе картин нет. Ссылка на телефон
    делает то же самое одним нажатием и не тянет за собой библиотеку.
*/
.footer__call {
    display: inline-block;
    width: fit-content;
    padding: 10px 15px;
    border: 1px solid var(--color-white);
    text-decoration: none;
    transition: background var(--base-transition), color var(--base-transition);
}

.footer__call:hover {
    background: var(--color-white);
    color: var(--color-primary);
}

.footer__logos {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

/*
    Высота обязательно auto. В разметке у значков проставлены настоящие
    ширина и высота файла — без них подвал подпрыгивает, пока значки
    подгружаются. Но если оставить атрибут height как есть, а в стилях
    задать только ширину, значки вытягиваются: visa стала бы 40x51
    вместо 40x40. На портретах на этом уже обжигались 11.08.2026.
*/
.footer__logos img {
    width: 40px;
    height: auto;
    display: block;
}

.footer__logos_wide img {
    width: 80px;
}

/*
    На портретах адрес и почта стоят в строку через разделитель «|»,
    который рисуется псевдоэлементом. Здесь этот блок живёт в узкой
    третьей колонке и переносится по строкам — палочка оказывалась
    в начале строки и читалась как мусор. Поэтому просто столбик.
*/
.footer__logotype {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: 24px;
}

.footer__logotype p {
    margin: 0 0 4px;
    font-weight: 500;
}

@media screen and (max-width: 1200px) {
    .footer__info {
        grid-template-columns: 1fr 1fr;
        gap: 40px;
    }
}

@media screen and (max-width: 904px) {
    .footer {
        padding: 32px 0;
        margin-top: 40px;
    }

    .footer__info {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .footer h3,
    .footer__subtitle {
        font-size: 20px;
    }
}