.container {
     display: grid;
     grid-template-columns: 1fr 2fr; /* Две колонки на десктопе */
     #flex-direction: row;
     width: 90%;
     gap: 5px;
     max-width: 1200px;
     background-color: #2d2d2d;
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
     border-radius: 8px;
     overflow: hidden;
     margin: 20px auto;
     box-sizing: border-box;
     justify-content: center;
}

/* Левая часть: Профиль объекта */
.profile {
    padding: 20px;
    background-color: #333333;
    border-right: 1px solid #444444;
    box-sizing: border-box; /* Учитываем padding и border в ширине */
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    transition: transform 0.2s ease;
    position: relative;
    z-index: 5;
}
.profile-description p {
    margin: 0;
    font-size: 0.95em;
    color: #666;
}
.profile-avatar {
    width: 100%;
    border-radius: 8px;
}



/* Правая часть: Список объектов */
.object-list {
    align-items: center;
    margin-bottom: 20px;
    padding: 10px;
    background-color: #333333;
    border-radius: 8px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    box-sizing: border-box; /* Учитываем padding и border в ширине */
    transition: transform 0.2s ease;
    width: 100%;
}
.beverage-name {
    margin: 5px 0;
    font-size: 1.95em;
    display: flex;
    align-items: center;
    gap: 8px;
}
.beverage-name a {
    text-decoration: none;
}

.object-list-details {
    #width: 90px;
    #margin-bottom: 20px;
    #background-color: #2d2d2d;
}

.object-list-details span {
   color: #ddd;
   font-size: 12px;
   margin-top: 5px;
   text-align: center;
   width: 100%;
   word-wrap: break-word;
}

.object-list-details p {
    width: 100%;
    margin: 5px 0;
    font-size: 0.95em;
    display: flex;
    align-items: center;
    gap: 8px;
}

.review-photo {
    width: 100%;
}

.profile-data-card {
     display: flex;
     flex-wrap: wrap;
     gap: 10px;
     flex-wrap: wrap;
     justify-content: center;
     #background-color: #2d2d2d;
     box-sizing: border-box;
}

.object-list-element {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 20px;
}

/* Мобильная версия */
@media (max-width: 768px) {
    .container {
        display: block; /* Убираем Grid, используем обычный поток */
        width: 100%;
        margin: 0;
        min-height: auto; /* Убираем фиксированную высоту */
        height: auto; /* Высота по содержимому */
        overflow-y: visible; /* Убираем ненужный скролл */
        position: relative; /* Добавляем относительное позиционирование */
    }
    .profile {
        position: fixed; /* Фиксируем верхнюю панель */
        top: 45px;
        left: 0;
        width: 100%;
        border-radius: 0;
        box-shadow: 0 2px 5px rgba(0,0,0,0.1);
        padding: 15px;
        z-index: 5; /* Под .object-list */
        height: auto; /* Адаптивная высота */
        max-height: 80vh; /* Ограничиваем высоту, чтобы не перекрывать весь экран */
        overflow-y: auto; /* Скролл внутри, если контент большой */
        transition: height 0.3s ease; /* Плавное изменение высоты */
    }
    .object-list {
        position: relative; /* Обычный поток, прокручивается */
        margin-top: 0;
        #margin-top: calc(min(80vh, 100%)); /* Динамический отступ */
        #padding-top: calc(45px + 20px); /* 45px - top профиля, 20px - отступ */
        border-radius: 0;
        padding: 15px;
        z-index: 9; /* Над .profile */
        width: 100%;
    }

    .profile-avatar {
        object-fit: contain;
        max-height:95px;
        width: 100%;
        height: auto;
    }

    .beverage-name {
        margin: 5px 0;
        font-size: 1.4em;
        display: flex;
        align-items: center;
        gap: 8px;
    }
}