@charset "UTF-8";
@media screen and (max-width: 960px) {
    .std.container, #header{
        display:none;
    }
    :root {
        --main-container-width: 200px;
    }
    .samo_container table.res td {
        padding: 5px 5px 5px 5px;
    }
    .price.expand.price_button{
        margin-right:5px;
    }
    
    #search_tour td.td_price {
        padding-right: 5px;
        width: 100%;
    }


    table.res {
        width: 100%;
        border-collapse: collapse;
    }
    
    table.res thead {
        display: none;
    }
    
    table.res tr {
        display: block;
        margin-bottom: 15px;
        border: 1px solid #ddd;
    }
    
    table.res td {
        display: flex;
        justify-content: space-between;
        padding: 8px;
        text-align: right;
        border-bottom: 1px solid #eee;
    }
    
    table.res td:before {
        content: attr(data-label);
        font-weight: bold;
        text-align: left;
        margin-right: 10px;
    }
    
    table.res td:last-child {
        border-bottom: 0;
    }
    
    /* Добавляем data-label для ячеек */
    table.res td.sortie:before { content: "Заезд"; }
    table.res td.tour:before { content: "Тур"; }
    table.res td.c:before { content: "Ночей"; }
    table.res td.link-hotel:before { content: "Гостиница"; }
    table.res td.nw:before { content: "Места"; }
    table.res td:not(.nw):not(.tour):not(.c):not(.sortie):not(.link-hotel):nth-child(6):before { content: "Питание"; }
    table.res td:not(.nw):not(.tour):not(.c):not(.sortie):not(.link-hotel):nth-child(7):before { content: "Номер / Размещение"; }
    table.res td.td_price:before { content: "Цена"; }
    table.res td.type_price:before { content: "Тип цены"; }
    
    /* Скрываем неважные элементы на мобильных */
    table.res td.r.nw.attributes,
    table.res td.c.nw.statistic,
    table.res td:empty {
        display: none;
    }
    
    /* Адаптируем цену */
    table.res td.td_price .price {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 150px;
        display: inline-block;
    }
    
    /* Стили для ячейки с доступностью мест */
    table.res td.nw {
        display: flex;
        justify-content: flex-end; /* Выравниваем содержимое по правому краю */
        gap: 1px; /* Добавляем промежуток между иконками */
    }

    table.res td.nw:before {
        margin-right: auto; /* Подпись остается слева */
    }

    table.res td.nw .hotel_availability {
        display: inline-block;
        width: 5px;
    }

    /* Адаптируем названия отелей */
    table.res td.link-hotel a {
        word-break: break-word;
    }
}