﻿
#car-gallery-360 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.98);
    z-index: 99999;
    display: none;
}

    #car-gallery-360.show {
        display: block;
    }

    #car-gallery-360 #car-gallery-360-close {
        top: 1rem;
        right: 1rem;
        color: #fff;
        font-size: 2.5rem;
        user-select: none;
        cursor: pointer;
    }

    #car-gallery-360 .car-gallery-360-menu {
        left: 0;
        width: 100%;
        bottom: 0;
        padding: .5rem 0;        
    }

    #car-gallery-360 .car-gallery-360 {
        left: 0;
        width: 100%;
        height: 100%;
    }


        #car-gallery-360 .car-gallery-360 #car-gallery-360-interior {
            max-width: 1024px;
        }

        #car-gallery-360 .car-gallery-360 #car-gallery-360-interior, #car-gallery-360 .car-gallery-360 #car-gallery-360-exterior {
            height: 100%;
            width: 100%;
        }

        #car-gallery-360 .car-gallery-360 .car-gallery-360-item {
            display: none;
        }

            #car-gallery-360 .car-gallery-360 .car-gallery-360-item.selected {
                display: block;
            }

        #car-gallery-360 .car-gallery-360 #car-gallery-360-exterior.car-gallery-360-item.selected {
            display: flex;
        }

        #car-gallery-360 .car-gallery-360 .car-gallery-360-exterior {
            width: 100%;
            height: auto;
            max-width: none;
            max-height: none;
            object-fit: cover;
            object-position: center;
        }

            #car-gallery-360 .car-gallery-360 .car-gallery-360-exterior img.car-gallery-360-exterior-photo {
                background: white;
                user-select: none;
                cursor: grab;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                object-fit: contain;
                /*max-width: 1024px;
                max-height: 768px;*/
            }
