/* Start:/local/templates/orbita/components/bitrix/news.detail/freeareadetail/style.css?17761390546145*/


.main-photo {
    width: 100% !important;
    height: 500px !important;
    object-fit: contain !important;
    object-position: center !important;
}

.thumb-item > div {
    width: 80px !important;
    height: 80px !important;
}
.thumb-item img {
    width: 80px !important;
    height: 80px !important;
    object-fit: contain !important;
    object-position: center !important;
    cursor: pointer !important;
    border-radius: 12px !important;
    transition: all 0.3s ease !important;
}

.thumb-number {
    position: absolute !important;
    top: 4px !important;
    right: 4px !important;
    background: rgba(0,0,0,0.9) !important;
    color: white !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    padding: 2px 6px !important;
    border-radius: 10px !important;
    min-width: 20px !important;
    text-align: center !important;
}

.thumb-item.active img {
    border: 3px solid #0d6efd !important;
    box-shadow: 0 4px 16px rgba(13,110,253,0.4) !important;
    transform: scale(1.05) !important;
}

.thumb-item:not(.active):hover img {
    border: 2px solid #0d6efd66 !important;
    transform: scale(1.02) !important;
}

/* ==========================================================================
   АДАПТИВНАЯ ФИКСИРОВАННАЯ ВЫСОТА
   ========================================================================== */
@media (max-width: 1200px) {
    .main-photo { height: 450px !important; }
}
@media (max-width: 991px) {
    .main-photo { height: 400px !important; }
}
@media (max-width: 768px) {
    .main-photo { height: 350px !important; }
    .thumb-item > div, .thumb-item img {
        width: 70px !important;
        height: 70px !important;
    }
    .thumb-number {
        font-size: 9px !important;
        padding: 1px 5px !important;
    }
}
@media (max-width: 576px) {
    .main-photo { height: 300px !important; }
    .thumb-item > div, .thumb-item img {
        width: 65px !important;
        height: 65px !important;
    }
}
@media (max-width: 480px) {
    .main-photo { height: 280px !important; }
    .thumb-item > div, .thumb-item img {
        width: 60px !important;
        height: 60px !important;
    }
}
@media (max-width: 360px) {
    .main-photo { height: 250px !important; }
    .thumb-item > div, .thumb-item img {
        width: 55px !important;
        height: 55px !important;
    }
}

.thumb-strip::-webkit-scrollbar,
.thumb-strip::-webkit-scrollbar-track {
    display: none !important;
}
.thumb-strip {
    -ms-overflow-style: none !important;
    scrollbar-width: none !important;
    overflow: visible !important;
}

.hover-lift {
    transition: all 0.25s ease !important;
    border: 1px solid #dee2e6 !important;
    background: linear-gradient(145deg, #ffffff, #f8f9fa) !important;
}
.hover-lift:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.15) !important;
    border-color: #0d6efd !important;
}

.contact-card {
    background: linear-gradient(135deg, #f0f7ff 0%, #e3f2fd 100%) !important;
    border: 1px solid #0d6efd20 !important;
    transition: all 0.3s ease !important;
}
.contact-card:hover {
    background: linear-gradient(135deg, #e8f0ff 0%, #d6eaff 100%) !important;
    transform: translateY(-5px) !important;
    box-shadow: 0 20px 40px rgba(13,110,253,0.2) !important;
}

.features-section h5 {
    color: #1d4ed8 !important;
    font-weight: 700 !important;
}
.features-section h5::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 60px;
    height: 4px;
    background: linear-gradient(90deg, #0d6efd, #3b82f6);
    border-radius: 3px;
}

.main-photo-card {
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1) !important;
}
.main-photo-card:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 25px 50px rgba(0,0,0,0.15) !important;
}
@media (max-width: 991px) {
    .container-xl { padding: 1rem !important; }
    .main-photo-card { margin-bottom: 1.5rem !important; }
}

@media (max-width: 767px) {
    .price-display { justify-content: center !important; text-align: center !important; }
    .price-display .fs-1 { font-size: 2.5rem !important; }
    .price-display .fs-2 { font-size: 1.5rem !important; }
    .btn-lg { padding: 1rem 2rem !important; font-size: 1.1rem !important; }
    .thumb-strip { justify-content: center !important; }
}

@media (max-width: 576px) {
    h1.h2 { font-size: 1.75rem !important; text-align: center !important; }
    .features-section, .description-card, .contact-card { padding: 1.5rem !important; }
    .feature-item { padding: 1.25rem !important; margin-bottom: 0.75rem !important; }
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .thumb-number { font-size: 11px !important; }
}
/* 🗺️ СТИЛИ ДЛЯ КАРТЫ */
.map-section {
    border-radius: 16px !important;
    box-shadow: 0 20px 40px rgba(0,0,0,0.1) !important;
    transition: all 0.3s ease !important;
}

.map-section:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 30px 60px rgba(0,0,0,0.15) !important;
}

.map-container {
    position: relative;
    overflow: hidden;
    border-radius: 0 0 12px 12px;
}

.map-container iframe {
    display: block;
    border-radius: 0 0 12px 12px !important;
}

.card-header {
    position: relative;
}

.card-header::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #0d6efd, #3b82f6);
    border-radius: 0 0 4px 4px;
}

/* Мобильная адаптация карты */
@media (max-width: 768px) {
    .map-container { height: 350px !important; }
    .map-section .card-header h5 { font-size: 1.1rem !important; }
}

@media (max-width: 576px) {
    .map-container { height: 300px !important; }
}


#photoCarousel .carousel-control-prev-icon,
#photoCarousel .carousel-control-next-icon {
    background-color: #000;
    border-radius: 50%;
    padding: 12px;
    background-size: 1.5rem 1.5rem;
}
/* End */
/* /local/templates/orbita/components/bitrix/news.detail/freeareadetail/style.css?17761390546145 */