/* Imports removed - files loaded via wp_enqueue_style */

.footer__policy__mobile {
    display: none;
}

.footer__right__wrapper_mobile {
    display: none;
}

.footer__icons__mobile {
    display: none;
}

.footer__adress__mobile {
    display: none;
}

@media (max-width: 1920px) {
    /* .footer-content {
        width: 95%;
        max-width: 1820px;
        height: auto;
        min-height: 387px;
    } */

    .footer__left {
        max-width: 100%;
    }

    .footer__button {
        width: 100%;
        max-width: 1199px;
    }
}

@media (max-width: 1870px) {
    .nav-menu {
        flex-wrap: wrap;
        max-width: 800px;
    }

    .dropd__contact {
        position: absolute;
        top: 100%;
        right: -239px;
        background: #fff;
        border-radius: 25px;
        padding: 15px;
        width: 426px;
        height: 150px;
        display: flex;
        flex-direction: column;
        gap: 15px;
        opacity: 0;
        visibility: hidden;
        transform: translateY(-10px);
        transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
        margin-top: 10px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    }
}



/* nav-menu в два ряда и callback столбиком при сужении */


@media (max-width: 1850px) {
    .hero__adress__number {
        margin-top: 40px;
        display: flex;
        gap: 26px;
        flex-direction: column;
    }

    .callback {
        flex-direction: column;
        gap: 20px;
    }

    .callstick {
        display: none;
    }

    .adstick {
        display: none;
    }

    .ad2 {
        display: flex;
        flex-direction: column;
        padding-top: 22px;
        gap: 40px;
        margin-left: 30px;
    }
}

@media (max-width: 1600px) {
    .footer {
        padding-top: 52px;
        padding-bottom: 73px;
        padding-left: 28px;
        padding-right: 28px;
    }

    .footer__right__text p:nth-child(4) {
        font-family: var(--font-family);
        font-weight: 700;
        font-size: 15px;
        line-height: 142%;
        color: #fff;
    }

    .footer__contact span {
        display: block;
        font-size: 19px;
    }

    .footer__address {
        font-family: var(--font-family);
        font-weight: 400;
        font-size: 14px;
        color: #fff;
    }

    .feedback-title span {
        display: block;
    }

    .footer__button {
        background: linear-gradient(182deg, #c42c2c 0%, #421515 100%);
        border-radius: 17px;
        padding: 10px;
        width: 100%;
        max-width: 1199px;
        height: 121px;
        border: none;
        cursor: pointer;
        font-family: var(--second-family);
        font-weight: 400;
        font-size: 99px;
        color: #fff;
        transition: opacity 0.3s;
        margin-top: 20px;
    }

    .footer__logo {
        max-width: 180px;
        width: 100%;
        height: 55px;
    }

    .footer__adress {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .footer__ad2 p {
        font-family: var(--font-family);
        font-weight: 400;
        font-size: 14px;
        color: rgb(255, 255, 255);
    }

    .footer__ad1 p {
        font-family: var(--font-family);
        font-weight: 400;
        font-size: 14px;
        color: #fff;
    }

    .footer__policy {
        font-family: var(--font3);
        font-weight: 400;
        font-size: 22px;
        color: #89d7fc;
    }

    .footer__vk {
        width: 60px;
        height: 60px;
        flex-shrink: 0;
        margin-top: 0px;
    }

    .footer__icons {
        display: flex;
        flex-direction: column;
        gap: 20px;
        margin-top: 0px;
    }

    .contacts__wrapper {
        flex-direction: column;
    }

    .contacts__image {
        order: -1;
    }

    .contacts__image {
        width: 100%;
        max-width: none;
    }

    /* Footer - скрыть WhatsApp, VK в правый верхний угол */
    .footer__whatsapp {
        display: none;
    }

    .footer__right__content {
        flex-direction: row-reverse;
    }
}

@media (max-width: 1590px) {
    .hero__wrap {
        display: flex;
        flex-direction: column;
        margin-left: 8px;
        margin-top: 80px;
        margin-right: 74px;
        flex: 1;
    }

    .hero__wrapper {
        width: 52.4%;
        max-width: 1006px;
        padding-left: 38px;
        display: flex;
        flex-direction: column;
    }

    .privacy-policy {
        margin-bottom: 13px;
    }
}

@media (max-width: 1500px) {
    .address-option {
        font-size: 22px;
    }

    .feedback-title br {
        display: block;
    }

    .address-option {
        border: 1px solid #787878;
        border-radius: 15px;
        padding: 10px;
        width: 306px;
        height: 49px;
    }

    .feedback-input {
        border: 2.21px solid #c4c4c4;
        border-radius: 17px;
        padding: 16px 27px;
        width: 624px;
        height: 65px;
    }

    .feedback-textarea {
        border: 2.21px solid #c4c4c4;
        border-radius: 17px;
        padding: 16px 27px;
        width: 624px;
        height: 524px;
    }

    .feedback-submit {
        border-radius: 17px;
        padding: 10px;
        width: 624px;
        height: 70px;
    }

    /* Catalog 3 строки: 4-5-4 */

    /* Первый ряд - показать только 4 элемента */
    .catalog__row--first {
        padding-left: 185px;
        padding-right: 185px;
    }

    .catalog__row--first .catalog__item:nth-child(n+5) {
        display: none;
    }

    /* Второй ряд - показать только 5 элементов */
    .catalog__row--second {
        padding-left: 45px;
        padding-right: 45px;
    }

    .catalog__row--second .catalog__item:nth-child(n+6) {
        display: none;
    }

    /* Третий ряд - показать все 4 элемента */
    .catalog__row--third {
        display: flex;
        gap: 34px;
        padding-left: 185px;
        padding-right: 185px;
        margin-top: 34px;
        justify-content: center;
    }

    /* About - 2 строки по 2 элемента (grid 2 колонки) */
    .about__row {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 36px;
    }

    .about__item {
        max-width: none !important;
    }
}

/* При разрешении 1440px и меньше - logo3 и VK на второй строке */
@media (max-width: 1440px) {
    .logo {
        grid-template-columns: repeat(2, minmax(0, 290px));
    }

    .logo3 {
        grid-column: 1;
        grid-row: 2;
    }

    .logo__vk {
        grid-column: 2;
        grid-row: 2;
    }
}



@media (max-width: 1324px) {
    .footer__contact span {
        display: block;
        font-size: 18px;
    }
}

@media (max-width: 1300px) {
    .footer__button {
        background: linear-gradient(182deg, #c42c2c 0%, #421515 100%);
        border-radius: 17px;
        padding: 10px;
        width: 100%;
        max-width: 1199px;
        height: 121px;
        border: none;
        cursor: pointer;
        font-family: var(--second-family);
        font-weight: 400;
        font-size: 86px;
        color: #fff;
        transition: opacity 0.3s;
        margin-top: 20px;
    }

    .footer__nav {
        display: none;
    }

    .footer__right__text p:nth-child(4) {
        font-family: var(--font-family);
        font-weight: 700;
        font-size: 13px;
        line-height: 142%;
        color: #fff;
    }

    .footer__contact span {
        display: block;
        font-size: 15px;
    }

    .footer__contact {
        font-family: var(--font-family);
        font-weight: 700;
        font-size: 20px;
        color: #fff;
    }

    .hero__container {
        flex-direction: column;
        align-items: center;
    }

    .hero__wrapper {
        width: 100%;
        max-width: 1006px;
    }

    .hero__wrap {
        margin-left: auto;
        margin-right: auto;
    }

    .hero__slider {
        margin-bottom: 20px;
    }
}

/* Исправление стрелочек для основного меню (выше 1024px) */
@media (min-width: 1025px) {

    /* Отменить неправильные стрелки с nth-child из main.css */
    .nav-menu li:nth-child(3)>a::after,
    .nav-menu li:nth-child(3)>a::before,
    .nav-menu li:nth-child(6)>a::after,
    .nav-menu li:nth-child(6)>a::before {
        content: none !important;
    }

    .nav-menu li:nth-child(3)>a,
    .nav-menu li:nth-child(6)>a {
        padding-right: 0 !important;
    }

    /* Правильные стрелки для dropdown элементов */
    .nav-menu li.dropdown>a {
        position: relative;
        padding-right: 25px;
    }

    .nav-menu li.dropdown>a::after {
        content: '';
        position: absolute;
        right: -5px;
        top: 17%;
        width: 19px;
        height: 0px;
        border: 2.43px solid #fff;
        transform: rotate(-45deg);
        transform-origin: right center;
    }

    .nav-menu li.dropdown>a::before {
        content: '';
        position: absolute;
        right: -12px;
        top: 69%;
        width: 19px;
        height: 0px;
        border: 2.43px solid #fff;
        transform: rotate(-135deg);
        transform-origin: left center;
    }

    /* Скрыть крестик на больших экранах */
    .nav-menu-close {
        display: none;
    }
}

@media (max-width: 1024px) {

    .num1,
    .num2 {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        text-decoration: none;
        transition: border-color 0.2s ease;
        font-family: var(--font-family);
        font-weight: 400;
        font-size: 18px !important;
        text-align: center;
        color: #363636 !important;
        border: 1px solid #787878;
        border-radius: 15px;
        padding: 10px;
        max-width: 395px;
        width: 100%;
        height: 53px;
    }

    .dropd__contact {
        position: absolute;
        top: 100%;
        right: -23px;
        background: #fff;
        border-radius: 25px;
        padding: 15px;
        width: 354px;
        height: 150px;
        display: flex;
        flex-direction: column;
        gap: 15px;
        opacity: 0;
        visibility: hidden;
        transform: translateY(-10px);
        transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
        margin-top: 10px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    }

    .hero__wrap {
        margin-left: 28px;
        margin-right: 28px;
    }

    .footer__button {
        background: linear-gradient(182deg, #c42c2c 0%, #421515 100%);
        border-radius: 17px;
        padding: 10px;
        width: 100%;
        max-width: 1199px;
        height: auto;
        border: none;
        cursor: pointer;
        font-family: var(--second-family);
        font-weight: 400;
        font-size: 65px;
        color: #fff;
        transition: opacity 0.3s;
        margin-top: 20px;
    }

    /* Позиционирование hero__wrapper для размещения бургера */
    .hero__wrapper {
        position: relative;
    }

    /* Бургер меню в правом верхнем углу */
    .burger-menu {
        display: block;
        cursor: pointer;
        position: absolute;
        top: 84px;
        right: 30px;
        z-index: 999;
    }

    .burger-menu svg {
        border-radius: 5px;
        fill: #fff;
    }

    /* Скрыть nav-menu по умолчанию */
    .nav-menu {
        display: none;
        position: absolute;
        top: -18px;
        right: 12px;
        background: #fff;
        border: 2px solid #3B52E4;
        border-radius: 10px;
        padding: 15px 20px;
        flex-direction: column;
        gap: 8px;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
        z-index: 1000;
        min-width: 349px;
    }

    /* Крестик для закрытия nav-menu */
    .nav-menu-close {
        position: absolute;
        top: 8px;
        right: 18px;
        width: 20px;
        height: 20px;
        cursor: pointer;
        z-index: 1001;
    }

    .nav-menu-close::before,
    .nav-menu-close::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 2px;
        height: 20px;
        background: #3b52e4;
    }

    .nav-menu-close::before {
        transform: translate(-50%, -50%) rotate(45deg);
    }

    .nav-menu-close::after {
        transform: translate(-50%, -50%) rotate(-45deg);
    }

    /* Показать меню когда активно */
    .nav-menu.active {
        display: block;
    }

    /* Строки меню */
    .nav-menu li {
        display: block;
        line-height: 1.8;
    }

    /* Первая строка: Главная и Акции */
    .nav-menu li:nth-of-type(1) {
        display: inline-block;
        margin-right: 20px;
    }

    .nav-menu li:nth-of-type(2) {
        display: inline-block;
    }

    /* Вторая строка: Каталог */
    .nav-menu li:nth-of-type(3) {
        display: block;
    }

    /* Третья строка: Оплата и доставка, О нас */
    .nav-menu li:nth-of-type(4) {
        display: inline-block;
        margin-right: 20px;
    }

    .nav-menu li:nth-of-type(5) {
        display: inline-block;
    }

    /* Четвертая строка: Контакты */
    .nav-menu li:nth-of-type(6) {
        display: block;
    }

    .nav-menu a {
        color: #3B52E4;
        font-size: 16px;
        display: inline-block;
        padding: 5px 0;
        transition: color 0.3s;
        text-decoration: none;
    }

    .nav-menu a:hover {
        color: #074096;
    }

    /* Стрелочки для Каталог и Контакты в бургере */
    .nav-menu.active li.dropdown>a {
        position: relative;
    }

    .nav-menu.active li.dropdown>a::after {
        content: '';
        position: absolute;
        right: -30px;
        top: 31%;
        width: 19px;
        height: 0px;
        border: 2.43px solid #000;
        transform: rotate(-45deg);
        transform-origin: right center;
    }

    .nav-menu.active li.dropdown>a::before {
        content: '';
        position: absolute;
        right: -38px;
        top: 67%;
        width: 19px;
        height: 0px;
        border: 2.43px solid #000;
        transform: rotate(-135deg);
        transform-origin: left center;
    }

    /* Z-index для dropdown в основном меню */
    .dropdown-menu,
    .dropd__contact {
        z-index: 500;
    }

    /* Catalog - 2 вертикальные колонки */
    .catalog__row--first,
    .catalog__row--second {
        display: grid;
        grid-template-columns: repeat(2, 220px);
        gap: 34px;
        padding-left: 45px;
        padding-right: 45px;
        justify-content: center;
    }

    .catalog__row--first .catalog__item,
    .catalog__row--second .catalog__item {
        display: block !important;
        width: 220px;
        height: 190px;
    }

    .catalog__row--first .catalog__item svg,
    .catalog__row--second .catalog__item svg {
        width: 220px;
        height: 190px;
    }

    /* Скрыть третий ряд */
    .catalog__row--third {
        display: none;
    }

    /* Последний элемент по центру */
    .catalog__row--second .catalog__item:nth-child(7) {
        grid-column: 1 / -1;
        justify-self: center;
    }
}

@media (max-width: 760px) {
    .footer__button {
        background: linear-gradient(182deg, #c42c2c 0%, #421515 100%);
        border-radius: 17px;
        padding: 10px;
        width: 100%;
        max-width: 1199px;
        height: auto;
        border: none;
        cursor: pointer;
        font-family: var(--second-family);
        font-weight: 400;
        font-size: 52px;
        color: #fff;
        transition: opacity 0.3s;
        margin-top: 20px;
    }

    .footer__ad2 span {
        font-weight: 400;
    }

    .footer__ad2 p {
        font-family: var(--font-family);
        font-weight: 600;
        font-size: 16px;
        color: #fff;
        line-height: 1.3;
    }

    .footer__ad1 p {
        font-family: var(--font-family);
        font-weight: 400;
        font-size: 17px;
        color: #fff;
        line-height: 1.3;
    }

    .footer__ad1 span {
        font-family: var(--font-family);
        font-weight: 600;
        font-size: 17px;
        color: #fff;
    }

    .footer__ad2 {
        margin-top: 10px;
    }

    .footer__adress__mobile {
        display: block;
        display: flex;
        gap: 12px;
        align-items: center;
        margin-top: 32px;
    }

    .footer__vk {
        width: 84px;
        height: 84px;
        flex-shrink: 0;
        margin-top: 23px;
    }

    .footer__right__text {
        display: flex;
        flex-direction: column;
        gap: 10px;
        text-align: center;
    }

    .footer__contact span {
        display: block;
        font-size: 25px;
        margin-top: 7px;
    }

    .mobile__policy {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .footer__contact {
        font-family: var(--font-family);
        font-weight: 700;
        font-size: 25px;
        color: #fff;
    }

    .footer__right__content__mobile {
        margin-top: 25px;
    }

    .footer__logo {
        max-width: 250px;
        width: 100%;
        height: 55px;
    }

    .footer {
        padding-top: 52px;
        padding-bottom: 26px;
        padding-left: 28px;
        padding-right: 28px;
    }

    .footer__mobile {
        display: flex;
        justify-content: center;
    }

    .footer__icons__mobile {
        display: block;
    }

    .footer-content {
        border-radius: 40px;
        width: 68%;
        max-width: 1820px;
        min-height: 387px;
        background: linear-gradient(179deg, #0b5edd 0%, #063377 100%);
        padding: 20px;
        display: flex;
        gap: 20px;
    }

    .footer__policy__mobile {
        display: block;
        font-family: var(--font3);
        font-weight: 400;
        font-size: 22px;
        color: #89d7fc;
        text-align: center;
    }

    .footer__adress {
        display: none;
    }

    .footer__right__wrapper_mobile {
        display: block;
    }

    .footer__left_inner {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .footer__right {
        display: none;
    }

    .footer__right__wrapper_mobile {}

    .footer__right__wrapper {
        display: none;
    }

    .footer__logos {
        display: flex;
        gap: 0px;
        flex-direction: column;
    }

    .feedback-form {
        background: #fff;
        border-radius: 22px;
        padding: 12px 16px;
        width: 100%;
        max-width: 500px;
        min-height: 513px;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-left: auto;
        margin-right: auto;
    }

    .feedback-input {
        border: 2.21px solid #c4c4c4;
        border-radius: 17px;
        padding: 16px 27px;
        width: 472px;
        height: 65px;
    }

    .address-option {
        border: 1px solid #787878;
        border-radius: 15px;
        padding: 10px;
        width: 229px;
        height: 49px;
        font-size: 16px;
    }

    .feedback-textarea {
        border: 2.21px solid #c4c4c4;
        border-radius: 17px;
        padding: 16px 27px;
        width: 473px;
        height: 300px;
    }

    .feedback-submit {
        border-radius: 17px;
        padding: 10px;
        width: 473px;
        height: 70px;
    }

    .hero__wrap {
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 720px) {
    .privacy-policy {
        font-family: var(--font3);
        font-weight: 400;
        font-size: 25px;
        color: #89d7fc;
        margin-top: 35px;
    }

    .callback__num a {
        font-family: var(--font-family);
        font-weight: 600;
        font-size: 25px;
        color: #fff;
        margin-left: 24px;
        display: flex;
        flex-direction: column;
        gap: 5px;
        text-decoration: none;
    }

    .work__time {
        font-family: var(--font-family);
        font-weight: 400;
        font-size: 20px;
        color: #fff;
        display: flex;
    }

    .street {
        font-family: var(--font-family);
        font-weight: 600;
        font-size: 24px;
        line-height: 134%;
        color: #fff;
        display: flex;
        align-items: center;
        padding-top: 10px;
    }

    .ad1__text span {
        font-weight: 400;
        font-size: 20px;
    }

    .ad1__text {
        padding-top: 30px;
        padding-left: 34px;
        font-family: var(--font-family);
        font-weight: 600;
        font-size: 24px;
        line-height: 134%;
        color: #fff;
    }

    .col {
        font-weight: 600;
        font-family: var(--font-family);
        font-weight: 400;
        font-size: 24px;
        color: #fff;
        margin-top: 33px;
    }

    .hero__title h1 {
        font-family: var(--second-family);
        font-weight: 400;
        font-size: 75px;
        line-height: 92%;
        color: #fff;
        margin-top: 33px;
    }

    .hero__adress {
        flex-direction: column;
    }

    .ad1 {
        align-items: flex-start;
    }

    .ad1__icon {
        padding-top: 36px;
        gap: 34px;
    }

    .ad1__icon img[src="img/watch.svg"] {
        display: none;
    }

    .ad1__text {
        display: flex;
        flex-direction: column;
    }

    .ad1__text br {
        display: none;
    }

    .ad2 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding-top: 10px;
        gap: 0;
        margin-left: 0px;
    }

    .street {
        white-space: nowrap;
        display: flex;
        align-items: center;
        gap: 34px;
    }

    .street::before {
        content: '';
        display: block;
        width: 33px;
        height: 30px;
        background-image: url('../img/map.svg');
        background-size: contain;
        background-repeat: no-repeat;
        flex-shrink: 0;
    }

    .work__time {
        display: flex;
        align-items: center;
        margin-top: 10px;
        margin-left: 69px;
    }

    .hero__slider {
        width: 500px;
        margin-left: auto;
        margin-right: auto;
        height: 289px;
    }

    .hero__slider .swiper {
        width: 100%;
        overflow: hidden;
        height: auto;
    }

    .hero__slider .swiper-slide img {
        width: 500px;
        height: auto;
        object-fit: cover;
    }

    .callback__num img[src="img/wats.svg"] {
        width: 60px;
        height: 60px;
    }

    .about__row {
        display: flex;
        flex-direction: column;
        gap: 36px;
    }

    .nav-menu.active {
        display: block;
        min-width: 280px;
    }

    .logo1-wrapper::after {
        display: none;
    }

    .logo {
        grid-template-columns: repeat(2, minmax(0, 200px));
    }

    .logo1,
    .logo2,
    .logo3 {
        width: 200px;
    }

    .logo__vk {
        display: none;
    }
}

@media (max-width: 550px) {
    .nav-menu {
        display: none;
        position: absolute;
        top: -29px;
        right: 12px;
        background: #fff;
        border: 2px solid #3B52E4;
        border-radius: 10px;
        padding: 15px 20px;
        flex-direction: column;
        gap: 8px;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
        z-index: 1000;
        min-width: 349px;
    }

    .burger-menu {
        display: block;
        cursor: pointer;
        position: absolute;
        top: 15px;
        right: 16px;
        z-index: 999;
    }

    .hero__slider .swiper-button-prev,
    .hero__slider .swiper-button-next {
        color: #fff;
        background: transparent;
        width: 23px;
        height: 50px;
    }

    .logo {
        padding-top: 10px;
    }

    .hero__wrapper {
        padding-left: 10px;
    }

    .logo {
        grid-template-columns: repeat(2, minmax(0, 160px));
    }

    .logo1,
    .logo2,
    .logo3 {
        width: 160px;
    }

    .contacts__subtitle {
        font-family: var(--font-family);
        font-weight: 600;
        font-size: 26px;
        text-align: center;
        color: #000;
        line-height: 1.5;
    }

    .contacts__title {
        font-family: var(--second-family);
        font-weight: 400;
        font-size: 56px;
        color: #000;
        text-align: center;

    }


    .feedback-submit {
        border-radius: 17px;
        padding: 10px;
        width: 390px;
        height: 70px;
    }

    .feedback-textarea {
        border: 2.21px solid #c4c4c4;
        border-radius: 17px;
        padding: 16px 27px;
        width: 390px;
        height: 300px;
    }

    .feedback-input {
        border: 2.21px solid #c4c4c4;
        border-radius: 17px;
        padding: 16px 27px;
        width: 390px;
        height: 65px;
    }

    .address-option {
        border: 1px solid #787878;
        border-radius: 15px;
        padding: 10px;
        width: 186px;
        height: 49px;
        font-size: 17px;
    }

    .hero__slider {
        width: 420px;
        margin-left: auto;
        margin-right: auto;
        height: 289px;
    }

    .hero__slider .swiper {
        width: 100%;
        overflow: hidden;
        height: auto;
    }

    .hero__slider .swiper-slide img {
        width: 420px;
        height: auto;
        object-fit: cover;
    }

    .feedback-form {
        max-width: 420px;
    }

    /* Catalog - 2 вертикальные колонки */
    .catalog__row--first,
    .catalog__row--second {
        display: grid;
        grid-template-columns: repeat(2, 160px);
        gap: 34px;
        padding-left: 20px;
        padding-right: 20px;
        justify-content: center;
    }

    .catalog__row--first .catalog__item,
    .catalog__row--second .catalog__item {
        display: flex !important;
        justify-content: center;
        align-items: center;
        width: 160px;
        height: 130px;
    }

    .catalog__row--first .catalog__item svg,
    .catalog__row--second .catalog__item svg {
        width: 160px;
        height: 136px;
    }

    /* Последний элемент по центру */
    .catalog__row--second .catalog__item:nth-child(7) {
        grid-column: 1 / -1;
        justify-self: center;
        display: flex !important;
        justify-content: center;
        align-items: center;
        width: 160px;
    }
}

@media (max-width: 460px) {
    .contacts__item {
        display: flex;
        align-items: center;
        gap: 4px;
        font-family: var(--font-family);
        font-weight: 400;
        font-size: 7px;
        color: #000;
    }

    .small {
        font-family: var(--font-family);
        font-weight: 400;
        font-size: 5px;
        color: #000;
    }

    .contacts__item svg {
        width: 17px;
        height: 12px;
    }

    .footer-content {
        border-radius: 40px;
        width: 100%;
        max-width: 1820px;
        min-height: 387px;
        background: linear-gradient(179deg, #0b5edd 0%, #063377 100%);
        padding: 20px;
        display: flex;
        gap: 20px;
    }

    .footer {
        padding-top: 25px;
        padding-bottom: 26px;
        padding-left: 28px;
        padding-right: 28px;
    }

    .about {
        margin-top: 15px;
        padding-right: 29px;
        padding-left: 29px;
    }

    .catalog {
        padding-top: 38px;
    }

    .about__row {
        display: flex;
        flex-direction: column;
        gap: 12px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .contacts {
        padding-top: 19px;
        padding-left: 12px;
        padding-right: 12px;
    }

    .contacts__title {
        font-family: var(--second-family);
        font-weight: 400;
        font-size: 40px;
        text-align: center;
        color: #000;
    }

    .feedback-submit {
        border-radius: 10px;
        padding: 6px;
        width: 243px;
        height: 75px;
        font-family: var(--font-family);
        font-weight: 600;
        font-size: 25px;
        text-align: center;
        color: #fff;
    }

    .feedback-textarea {
        border: 1.39px solid #c4c4c4;
        border-radius: 10px;
        padding: 10px 17px;
        width: 243px;
        height: 228px;
    }

    .feedback-input {
        border: 1.39px solid #c4c4c4;
        border-radius: 10px;
        padding: 10px 17px;
        width: 243px;
        height: 40px;
        font-size: 16px;
    }

    .address-option {
        border: 1px solid #787878;
        border-radius: 15px;
        padding: 10px;
        width: 243px;
        height: 29px;
        font-size: 13px;
    }

    .address-select {
        display: flex;
        flex-direction: column;
        gap: 11px;
        margin-bottom: 15px;
    }

    .feedback-title {
        font-family: var(--second-family);
        font-weight: 400;
        font-size: 45px;
        text-align: center;
        background: linear-gradient(360deg, #033685 0%, #0c59d0 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .feedback-form {
        max-width: 264px;
        max-height: 682px;
    }

    .hero__wrap {
        margin-top: 22px;
    }

    .hero__adress__number {
        margin-top: 20px;
        display: flex;
        gap: 13px;
        flex-direction: column;
    }

    .privacy-policy {
        font-family: var(--font3);
        font-weight: 400;
        font-size: 8px;
        color: #89d7fc;
    }

    .num__name2 a {
        font-family: var(--font-family);
        font-weight: 400;
        font-size: 16px;
        color: #fff;
    }

    .num__name2 p {
        font-family: var(--font-family);
        font-weight: 400;
        font-size: 11px;
        color: #fff;
    }

    .num__name a {
        font-family: var(--font-family);
        font-weight: 400;
        font-size: 16px;
        color: #fff;
    }

    .num__name span {
        font-weight: 700;
        font-size: 16px;
    }

    .num__name p {
        font-family: var(--font-family);
        font-weight: 400;
        font-size: 11px;
        color: #fff;
    }

    .callback__num a {
        font-family: var(--font-family);
        font-weight: 600;
        font-size: 22px;
        color: #fff;
        margin-left: 12px;
        display: flex;
        flex-direction: column;
        gap: 5px;
        text-decoration: none;
    }

    .callback__num img[src="img/wats.svg"] {
        width: 50px;
        height: 50px;
    }

    .call {
        background: linear-gradient(182deg, #c42c2c 0%, #421515 100%);
        border-radius: 50px;
        padding: 10px;
        max-width: 301px;
        width: 100%;
        height: 48px;
        font-family: var(--font-family);
        font-weight: 600;
        font-size: 21px;
        color: #fff;
        border: none;
        cursor: pointer;
        transition: opacity 0.3s ease;
    }

    .callback {
        margin-top: 5px;
        display: flex;
    }

    .ad1__icon {
        padding-top: 19px;
        gap: 34px;
    }

    .work__time {
        font-weight: 400;
        font-size: 11px;
        margin-top: 1px;
        margin-left: 47px;
    }

    .ad1__text span {
        font-weight: 400;
        font-size: 11px
    }

    .street {
        font-family: var(--font-family);
        font-weight: 600;
        font-size: 14px;
        color: #fff;
        gap: 11px;
    }

    .ad1__text {
        padding-top: 15px;
        padding-left: 11px;
        font-family: var(--font-family);
        font-weight: 600;
        font-size: 14px;
        line-height: 134%;
        color: #fff;
    }

    .col {
        font-family: var(--font-family);
        font-weight: 400;
        font-size: 17px;
        color: #fff;
        margin-top: 20px;
    }

    .hero__title h1 {
        font-family: var(--second-family);
        font-weight: 400;
        font-size: 65px;
        line-height: 92%;
        color: #fff;
    }

    .dropdown-menu {
        position: absolute;
        top: 77%;
        left: -12px;
        background: #fff;
        border-radius: 15px;
        padding: 8px 11px;
        width: 238px;
        height: 462px;
        min-width: 192px;
        display: flex;
        flex-direction: column;
        gap: 12px;
        opacity: 0;
        visibility: hidden;
        transform: translateY(-10px);
        transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
        margin-top: 10px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        z-index: 10;
        width: 157px;
        height: 302px;
        ;
        flex-direction: column;
        gap: 12px;
        opacity: 0;
        visibility: hidden;
        transform: translateY(-10px);
        transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
        margin-top: 10px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        z-index: 10;
    }

    .nav-menu.active li.dropdown>a::after {
        content: '';
        position: absolute;
        right: -18px;
        top: 27% !important;
        width: 10px;
        height: 0px;
        border: 1.22px solid #000;
        transform: rotate(-45deg);
        transform-origin: right center;
    }

    .nav-menu.active {
        padding: 10px 10px;
        display: block;
        min-width: 192px;
    }

    .nav-menu li {
        display: block;
        line-height: 1;
    }


    .dropd__contact {
        position: absolute;
        top: 118%;
        right: -12px;
        background: #fff;
        border-radius: 25px;
        padding: 15px;
        width: 192px;
        height: 136px;
        display: flex;
        flex-direction: column;
        gap: 6px;
        opacity: 0;
        visibility: hidden;
        transform: translateY(-10px);
        transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
        margin-top: -4px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    }


    .nav-menu.active li.dropdown>a::before {
        content: '';
        position: absolute;
        right: -21px;
        top: 64%;
        width: 10px;
        height: 0px;
        border: 1.22px solid #000;
        transform: rotate(-135deg);
        transform-origin: left center;
    }

    .nav-menu.active li.dropdown>a::after {
        content: '';
        position: absolute;
        right: -18px;
        top: 38%;
        width: 10px;
        height: 0px;
        border: 1.22px solid #000;
        transform: rotate(-45deg);
        transform-origin: right center;
    }

    .nav-menu a {
        color: #3B52E4;
        font-size: 10px;
        display: inline-block;
        padding: 5px 0;
        transition: color 0.3s;
        text-decoration: none;
    }

    .logo.menu-open {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .logo {
        grid-template-columns: repeat(2, minmax(0, 109px));
    }

    .logo1,
    .logo2,
    .logo3 {
        width: 104px;
    }

    .dropd__contact .num1 img,
    .dropd__contact .num2 img {
        width: 60px;
        height: 60px;
    }

    .dropd__contact .num1,
    .dropd__contact .num2 {
        font-size: 9px !important;
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .hero__slider {
        width: 300px;
        margin-left: auto;
        margin-right: auto;
        height: 166px;
        margin-top: 18px;
    }

    .hero__slider .swiper {
        width: 100%;
        overflow: hidden;
        height: auto;
    }

    .hero__slider .swiper-slide img {
        width: 300px;
        height: auto;
        object-fit: cover;
    }

    /* Catalog - 2 вертикальные колонки */
    .catalog__row--first,
    .catalog__row--second {
        display: grid;
        grid-template-columns: repeat(2, 139px);
        gap: 23px;
        padding-left: 20px;
        padding-right: 20px;
        justify-content: center;
    }

    .catalog__row--first .catalog__item,
    .catalog__row--second .catalog__item {
        display: flex !important;
        justify-content: center;
        align-items: center;
        width: 139px;
        height: 118px;
    }

    .catalog__row--first .catalog__item svg,
    .catalog__row--second .catalog__item svg {
        width: 139px;
        height: 118px;
    }

    /* Последний элемент по центру */
    .catalog__row--second .catalog__item:nth-child(7) {
        grid-column: 1 / -1;
        justify-self: center;
        display: flex !important;
        justify-content: center;
        align-items: center;
        width: 139px;
    }

}

@media (max-width: 430px) {

    .footer__button {
        background: linear-gradient(182deg, #c42c2c 0%, #421515 100%);
        border-radius: 17px;
        padding: 10px;
        width: 100%;
        max-width: 1199px;
        height: auto;
        border: none;
        cursor: pointer;
        font-family: var(--second-family);
        font-weight: 400;
        font-size: 48px;
        color: #fff;
        transition: opacity 0.3s;
        margin-top: 20px;
    }

}