/**
 * Планшетные стили детальной страницы объекта (768px - 1024px)
 * Модуль: konsultante.sutochno
 */

@media (min-width: 768px) and (max-width: 1024px) {
    /* === БАЗОВЫЕ СТИЛИ === */
    .phoenix-object-detail {
        width: 95%;
        padding: 30px 20px;
    }

    .object-detail-container {
        grid-template-columns: 1fr;
        gap: 30px;
        margin-top: 30px;
    }

    .object-detail-sidebar {
        position: relative;
        top: 0;
        max-width: 500px;
        margin: 0 auto;
    }

    .object-detail-full-width {
        margin-top: 50px;
    }

    /* === ШАПКА === */
    .detail-page-header {
        padding: 30px;
    }

    .detail-header-content h1 {
        font-size: 28px;
    }

    .detail-header-meta {
        font-size: 15px;
    }

    /* === ГАЛЕРЕЯ === */
    .object-gallery {
        gap: 6px;
        margin-bottom: 24px;
    }

    .gallery-main {
        flex: 0 0 50%;
        height: 350px;
    }

    .gallery-thumbs-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 6px;
        max-height: 350px;
    }

    .gallery-thumb {
        height: auto;
        aspect-ratio: 4/3;
    }

    /* Lightbox планшетный */
    .gallery-lightbox-content {
        max-width: calc(100vw - 100px);
    }

    .gallery-lightbox-image-wrap {
        max-width: calc(100vw - 120px);
        max-height: 55vh;
    }

    .gallery-lightbox-arrow {
        width: 50px;
        height: 50px;
    }

    .gallery-lightbox-arrow-left {
        left: 20px;
    }

    .gallery-lightbox-arrow-right {
        right: 20px;
    }

    .gallery-lightbox-thumb {
        width: 70px;
        height: 52px;
    }

    /* === ИНФОРМАЦИЯ === */
    .object-info-section {
        padding: 24px;
    }

    .object-info-section h2 {
        font-size: 22px;
    }

    .info-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }

    /* === УДОБСТВА === */
    .amenities-section {
        padding: 24px;
    }

    .amenities-list {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }

    .amenity-item {
        padding: 14px;
    }

    /* === ПРАВИЛА === */
    .rules-section {
        padding: 24px;
    }

    .rules-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }

    /* === КАЛЕНДАРЬ ДОСТУПНОСТИ === */
    .availability-section {
        padding: 24px;
    }

    .availability-calendar {
        padding: 20px;
    }

    .calendar-day {
        padding: 10px 6px;
        font-size: 14px;
    }

    /* === ЛОКАЦИЯ === */
    .location-section {
        padding: 24px;
    }

    .location-map {
        height: 300px;
    }

    /* === ФОРМА БРОНИРОВАНИЯ === */
    .booking-panel {
        padding: 24px 20px;
        border-radius: 20px;
    }

    .booking-price .price {
        font-size: 24px;
    }

    .booking-dates {
        gap: 10px;
    }

    .date-field {
        padding: 14px;
    }

    .btn-book {
        padding: 16px;
        font-size: 16px;
    }

    /* === ОТЗЫВЫ === */
    .reviews-section {
        padding: 24px;
    }

    .reviews-summary {
        flex-direction: row;
        gap: 24px;
    }

    .reviews-ratings {
        grid-template-columns: repeat(2, 1fr);
    }

    .reviews-list {
        gap: 20px;
    }

    .review-card {
        padding: 20px;
    }

    /* === ПОХОЖИЕ ОБЪЕКТЫ === */
    .similar-objects-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .similar-object-image {
        height: 180px;
    }

    /* === ПОПАПЫ === */
    .booking-popup-content {
        max-width: 500px;
        margin: 60px auto;
        border-radius: 20px;
    }

    .guests-popup {
        max-width: 400px;
        left: 50%;
        transform: translateX(-50%);
    }

    /* Portrait orientation */
    @media (orientation: portrait) {
        .object-gallery {
            flex-direction: column;
        }

        .gallery-main {
            flex: none;
            width: 100%;
            height: 300px;
        }

        .gallery-thumbs-grid {
            grid-template-columns: repeat(4, 1fr);
            max-height: 100px;
        }

        .info-grid {
            grid-template-columns: 1fr;
        }

        .amenities-list {
            grid-template-columns: 1fr;
        }
    }
}