header{.logo img {
        max-width: none;
    }

    .social_links {
        display: inline-flex;
        flex-wrap: wrap;
        align-items: center;
        margin-left: 15px;
    }

    .social_links li {
        display: flex;
    }

    .social_links li {
        margin-right: 5px;
    }

    .social_links li:last-child {
        margin-right: 0;
    }

    .social_links li a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        height: 36px;
        width: 36px;
        border-radius: 100%;
        background: rgb(8 83 97);
        position: relative;
        overflow: hidden;
    }

    .social_links li a:hover {
        background: rgb(10 109 121);
    }

    .social_links li a:after {
        position: absolute;
        content: '';
        -webkit-mask: url(../theme/speedy/image/icons/instagram.svg) no-repeat center;
        mask: url(../theme/speedy/image/icons/instagram.svg) no-repeat center;
        background-color: #fff;
        -webkit-mask-size: 18px;
        mask-size: 18px;
        height: 18px;
        width: 18px;
    }

    .social_links li.facebook a:after {
        -webkit-mask: url(../theme/speedy/image/icons/facebook.svg) no-repeat center;
        mask: url(../theme/speedy/image/icons/facebook.svg) no-repeat center;
        background-color: #fff;
        -webkit-mask-size: 20px;
        mask-size: 20px;
        height: 20px;
        width: 20px;
    }

    .social_links li.twitter a:after {
        -webkit-mask: url(../theme/speedy/image/icons/twitter.svg) no-repeat center;
        mask: url(../theme/speedy/image/icons/twitter.svg) no-repeat center;
        background-color: #fff;
        -webkit-mask-size: 20px;
        mask-size: 20px;
        height: 20px;
        width: 20px;
    }

    .social_links li.youtube a:after {
        background: url(../theme/speedy/image/icons/youtube.svg) no-repeat center;
        background-size: contain;
        height: 36px;
        width: 36px;
    }

    .social_links li.linkedin a:after {
        -webkit-mask: url(../theme/speedy/image/icons/linkedin.svg) no-repeat center;
        mask: url(../theme/speedy/image/icons/linkedin.svg) no-repeat center;
        background-color: #fff;
        -webkit-mask-size: 20px;
        mask-size: 20px;
        height: 20px;
        width: 20px;
    }

    .social_links li.pinterest a:after {
        -webkit-mask: url(../theme/speedy/image/icons/pinterest.svg) no-repeat center;
        mask: url(../theme/speedy/image/icons/pinterest.svg) no-repeat center;
        background-color: #fff;
        -webkit-mask-size: 18px;
        mask-size: 18px;
        height: 18px;
        width: 18px;
    }

    .social_links li.tiktok a:after {
        mask: none;
        -webkit-mask: none;
        background: url(../theme/speedy/image/icons/tiktok.svg) no-repeat center;
        height: 36px;
        width: 36px;
    }

    .contacts {
        display: grid;
        grid-template-columns: 1fr auto;
        grid-template-rows: auto auto;
        column-gap: 16px;
        align-items: center;
        width: 100%;
        margin: 0 10px;
    }

    .contacts .dropdown-toggle {
        display: flex;
        grid-column: 1;
        grid-row: 1;
        justify-content: center;
        align-items: end;
        margin-top: 5px;
        text-align: end;
    }

    .contacts .dropdown-menu {
        left: auto;
        right: 40%;
    }

    /* 2-й елемент — під першим */
    .contacts .open {
        display: flex;
        justify-content: flex-end;
        grid-column: 1;
        grid-row: 2;
        margin: 0 15px;
        max-width: none;
        text-align: right;
    }

    /* 3-й елемент — справа */
    .contacts .social_links {
        grid-column: 2;
        grid-row: 1 / span 2; /* займає дві строки */
        display: grid;
        grid-template-columns: repeat(4, auto);
        gap: 5px;
        align-items: center;
        margin: 0 20px;
    }

    @media (min-width: 1100px) and (max-width: 1380px) {
        .contacts .social_links {
            grid-template-columns: repeat(2, auto);
        }
    }

    /* 📱 Мобільна */
    @media (max-width: 768px) {
        .logo img {
            height: 60px;
        }

        .contacts {
            grid-template-columns: 1fr;
            grid-template-rows: auto auto;
            margin: 5px;
        }

        /* ховаємо */
        .contacts .open {
            display: none;
        }

        /* 1-й зверху */
        .contacts .dropdown-toggle {
            grid-column: 1;
            grid-row: 1;
        }

        .contacts .dropdown-toggle span {
            font-size: 12px !important;
        }

        /* 3-й знизу */
        .contacts .social_links {
            grid-column: 1;
            grid-row: 2;
            justify-content: flex-end;
            margin: 5px 0;
        }
    }
}footer{.social_links li.tiktok a:after {
        mask: none;
        -webkit-mask: none;
        background: url(../theme/speedy/image/icons/tiktok.svg) no-repeat center;
        height: 36px;
        width: 36px;
    }

    .social_links li.youtube a:after {
        background: url(../theme/speedy/image/icons/youtube.svg) no-repeat center;
        background-size: contain;
        height: 36px;
        width: 36px;
    }

}