@media (max-width: 720px) {
    .dressup__content__logo {
        width: 50%; /* Ширина логотипа относительно родительского блока */
        max-width: 100%; /* Максимальная ширина логотипа, чтобы он не выходил за пределы блока */
        box-sizing: border-box; /* Включает отступы и границы в ширину и высоту элемента */
        overflow: auto; /* Добавляет прокрутку при необходимости */
    }
    .product_details {
        position: fixed;
    }
    .product_details__content {
        width: 100%;
        height: 100%;
        flex-direction: column;
        align-items: center;
        overflow-y: scroll;
    }
    .product_details__content__calendar {
        width: 90%;
        padding: 0;
    }
    .product_details__content__info {
        max-width: 80%;
        align-items: center;
        margin-bottom: 10px;
    }
    .product_details__content__product_name {
        width: 100%;
        align-items: center;
        margin: 0;
        margin-bottom: 10px;
    }
    .product_details__content__info__logo {
        justify-content: center;
    }
    .product_details__content__calendar_day {
        width: 40px;
        height: 40px;
    }
    .wedding span {
        top: -5px;
        left: 7px;
    }
    .product_details__content__product_image {
        justify-content: center;
    }
    .product_details__content__product_image img {
        width: 70%;
    }
    .create_deal_btn {
        max-width: 100%;
        margin: 0;
    }
    .wedding span {
        z-index: 1;
        color: #fff;
        position: absolute;
        top: -5px;
        left: 13px;
    }
    .create_deal_form {
        width: 100%;
    }
    .deal_dates {
        flex-direction: column;
    }
    .heading_h1 {
        text-align: center;
    }

    .tooltip {
        position: fixed; /* Фиксированное позиционирование для тултипа */
        bottom: auto; /* Сброс значения bottom */
        top: 50%; /* Позиционирование по центру экрана */
        left: 50%;
        transform: translate(-50%, -50%); /* Центрирование по горизонтали и вертикали */
        width: auto; /* Автоматическая ширина для тултипа */
        max-width: 90%; /* Максимальная ширина тултипа */
        padding: 10px; /* Увеличенные отступы для мобильных устройств */
        box-sizing: border-box; /* Учитывает отступы и границы в ширине элемента */
        font-size: 14px;
    }
}