.t462__imglogo {
    position: absolute; /* Абсолютное позиционирование */
    top: 0px; /* Отступ сверху */
    left: 50%; /* Сдвигаем на 50% слева */
    transform: translateX(-130%); /* Центрируем по горизонтали */
    z-index: 100; /* Высокий приоритет */
}

/* Планшетная версия (768px - 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
    .t462__imglogo {
        position: absolute; /* Фиксированное позиционирование */
        top: 15%; /* Сдвигаем на 50% сверху */
        left: 50%; /* Сдвигаем на 50% слева */
        transform: translate(-50%, -50%); /* Центрируем */
        width: 120px; /* Ширина логотипа */
        height: auto; /* Высота автоматически подстраивается */
        z-index: 100; /* Высокий приоритет */
    }
}

/* Мобильная версия (до 767px) */
@media (max-width: 767px) {
    .t462__imglogo {
        position: absolute; /* Фиксированное позиционирование */
        top: 90%; /* Сдвигаем на 50% сверху */
        left: 50%; /* Сдвигаем на 50% слева */
        transform: translate(-50%, -50%); /* Центрируем */
        width: 100px; /* Ширина логотипа */
        height: auto; /* Высота автоматически подстраивается */
        z-index: 100; /* Высокий приоритет */
    }
}

/* Стили для элементов меню */
.t-menu__link-item {
    /* Отображение как строчный блок с возможностью использования flexbox */
    display: inline-flex;

    /* Выравнивание содержимого по центру вертикально */
    align-items: center;

    /* Выравнивание содержимого по центру горизонтально */
    justify-content: center;

    /* Внутренние отступы: 10px сверху и снизу, 20px слева и справа */
    padding: 10px 20px;

    /* Ширина автоматическая (по содержимому) */
    width: auto;

    /* Минимальная ширина элемента */
    min-width: 100px;

    /* Фиксированная высота элемента */
    height: 40px;

    /* Размер шрифта */
    font-size: 16px;

    /* Толщина шрифта */
    font-weight: 500;

    /* Цвет текста */
    color: #ffffff;

    /* Постоянный металлический фон с золотым градиентом */
    background: linear-gradient(135deg, #b8860b, #daa520, #ffd700, #daa520, #b8860b);
    background-size: 100% 100%; /* Градиент занимает всю кнопку */

    /* Изначально рамка отсутствует */
    border: none; /* Нет рамки */

    /* Очень закругленные углы (круглая кнопка) */
    border-radius: 9999px;

    /* Убираем подчеркивание ссылок */
    text-decoration: none;

    /* Анимация всех свойств в течение 0.3 секунд */
    transition: all 0.3s ease;

    /* Изменение курсора на "пальчик" при наведении */
    cursor: pointer;

    /* Учитываем внутренние отступы при расчете размеров */
    box-sizing: border-box;

    /* Сдвиг элемента вниз на 15px для создания эффекта тени */
    transform: translateY(15px);

    /* Добавление тени для создания объемного эффекта */
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.2);

    /* Обрезаем фон внутри границ кнопки */
    overflow: hidden;
}

/* Стили при наведении мыши на элемент меню */
.t-menu__link-item:hover {
    /* При наведении делаем фон прозрачным */
    background: transparent;

    /* Добавляем рамку с цветом градиента */
    border: 5px solid #daa520; /* Цвет градиента */

    /* Оставляем текст белым */
    color: #ffffff;
}

.t-btn.t-btn_md {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    width: auto;
    min-width: 150px;
    height: 60px;
    font-size: 16px;
    font-weight: 500;
    color: #ffffff;
    background-color: transparent;
    border: 5px solid #000000;
    border-radius: 9999px;
    text-decoration: none;
    transition: all 0.3s ease;
    cursor: pointer;
    box-sizing: border-box;
    transform: translateY(15px);
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.2);
}

.t-btn.t-btn_md:hover {
    background-color: rgba(0, 0, 0, 1);
    border-color: transparent;
}




/* КРАСНЫЙ крестик в корзине ОТМЕНИТЬ БУРГЕР */

.t706__product-del img {
    display: none;
}

.t706__product-del {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
}

.t706__product-del::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    transform: translate(-50%, -50%);
    z-index: 10;
    background-image: 
        linear-gradient(45deg, transparent 45%, red 45%, red 55%, transparent 55%),
        linear-gradient(-45deg, transparent 45%, red 45%, red 55%, transparent 55%);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}