﻿.fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--video .fancybox-content {
    height: 100%;
    overflow: hidden !important;
    padding: 0;
    width: 100%;
}

.div-fancybox-slide {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
}

.fancybox-content {
    align-content: center;
}

.mobile-view-contents {
    display: none !important;
}


@media only screen and (min-width : 1300px) {
    .fancybox-content {
        display: flex;
        justify-content: center !important;
        /*align-items: center!important;*/
        max-width: 100%;
        overflow: hidden; /* Prevents content overflow */
    }

    .fancybox-video-container {
        width: 290px !important; /* Fixed width for video */
        height: 570px !important; /* Fixed height for video */
    }

    .fancybox-video {
        width: 290px !important;
        height: 518px !important;
    }

    .fancybox-product-details {
        width: 320px !important; /* Fixed width for video */
        height: 570px !important; /* Fixed height for video */
        padding: 20px;
        background-color: #fff;
    }

    .more-info-btn, .add-to-cart-btn {
        display: block;
        width: 100%;
        padding: 10px;
        /*margin-top: 10px;*/
        background-color: #CC0D39;
        color: white;
        border: none;
        cursor: pointer;
        text-align: center;
    }

    .add-to-cart-btn {
        background-color: #333;
    }

    .more-info-btn:hover {
        background-color: #CC0D39;
        color: white;
    }

    .fancybox-slide--video .fancybox-content {
        background: transparent !important;
    }

    .fancybox-slide {
        height: auto !important;
        padding: 0px !important;
    }

    .fancybox-product-image {
        width: 100%;
        margin-bottom: 10px;
        border-radius: 20px;
        object-fit: cover;
        max-height: 300px;
    }

    .div-product-name {
        font-size: 1.3rem;
        font-family: var(--font-family-title);
    }

    .div-product-price {
        font-weight: 400;
        font-size: 1.1rem;
        font-family: var(--font-family-title);
    }

    .fancybox-content {
        display: flex;
        justify-content: center !important;
        align-items: center !important;
        max-width: 100%;
        overflow: hidden;
    }


    .div-mt-70 {
        margin-top: 70px;
    }
}

/*HD Display*/
@media only screen and (min-width : 1500px) and (max-height: 740px) {

    .fancybox-content {
        display: flex;
        justify-content: center !important;
        align-items: center !important;
        max-width: 100%;
        overflow: hidden;
        height: 690px !important;
        align-content: center;
    }

    .fancybox-video-container {
        width: 335px !important; /* Fixed width for video */
        height: 800px !important; /* Fixed height for video */
        align-content: center;
    }

    .fancybox-video {
        width: 335px !important; /* Fixed width for video */
        height: 600px !important; /* Fixed height for video */
    }

    .fancybox-product-details {
        width: 400px !important; /* Fixed width for video */
        height: 700px !important; /* Fixed height for video */
        padding: 20px;
        background-color: #fff;
    }

    .fancybox-product-image {
        max-height: 350px !important;
        border-radius: 20px;
    }
}

@media only screen and (min-width : 1530px) and (max-height: 960px) {

    .fancybox-content {
        display: flex;
        justify-content: center !important;
        align-items: center !important;
        max-width: 100%;
        overflow: hidden;
        height: 100% !important;
        align-content: center;
    }

    .fancybox-video-container {
        width: 390px !important; /* Fixed width for video */
        height: 800px !important; /* Fixed height for video */
        align-content: center;
    }

    .fancybox-video {
        width: 390px !important; /* Fixed width for video */
        height: 690px !important; /* Fixed height for video */
    }

    .fancybox-product-details {
        width: 400px !important; /* Fixed width for video */
        height: 700px !important; /* Fixed height for video */
        padding: 20px;
        background-color: #fff;
    }

    .fancybox-product-image {
        max-height: 350px !important;
        border-radius: 20px;
    }
}

/*HD Display*/
@media only screen and (min-width : 1800px) {

    .fancybox-content {
        display: flex;
        justify-content: center !important;
        align-items: center !important;
        max-width: 100%;
        overflow: hidden;
        height: 800px !important;
        align-content: center;
    }

    .fancybox-video-container {
        width: 390px !important; /* Fixed width for video */
        height: 800px !important; /* Fixed height for video */
        align-content: center;
    }

    .fancybox-video {
        width: 390px !important; /* Fixed width for video */
        height: 690px !important; /* Fixed height for video */
    }

    .fancybox-product-details {
        width: 400px !important; /* Fixed width for video */
        height: 700px !important; /* Fixed height for video */
        padding: 20px;
        background-color: #fff;
    }

    .fancybox-product-image {
        max-height: 350px !important;
        border-radius: 20px;
    }
}


/* Mobile-only styles for centering the video */
@media screen and (max-width: 768px) {
    .center-video-mobile {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh; /* Full viewport height on mobile */
    }


    .fancybox-product-image {
        width: 60px !important;
        height: 60px !important;
        max-width: 60px !important;
        min-width: 60px !important;
        max-height: 60px !important;
        min-height: 60px !important;
        border-radius: 10px;
    }


    /* .fancybox-product-details {
        width: 100% !important;
        padding: 10px;
        background-color: #fff;
        align-items: flex-start;
        text-align: left;
        position: fixed !important;
        bottom: 0 !important
    }*/

    .fancybox-product-details {
        width: 100% !important;
        padding: 10px;
        background-color: #fff;
        text-align: left;
        position: absolute !important;
        bottom: 0 !important;
        overflow: hidden; /* Prevent unnecessary scrolling */
        -webkit-overflow-scrolling: touch; /* Enable smooth scrolling if needed */
    }

    .fancybox-product-name, .fancybox-product-price {
        font-size: 16px !important; /* Smaller text size for mobile */
        margin-bottom: 5px;
        text-align: center; /* Center-align text on mobile */
    }

    .fancybox-video-container {
        /* margin-bottom: 15px; */
    }

    .more-info-btn, .add-to-cart-btn {
        display: block;
        width: 100%;
        padding: 10px;
        /*margin-top: 10px;*/
        background-color: #CC0D39;
        color: white;
        border: none;
        cursor: pointer;
        text-align: center;
    }

    .add-to-cart-btn {
        background-color: #333;
    }

    .more-info-btn:hover {
        background-color: #CC0D39;
        color: white;
    }

    .more-info-btn {
        font-size: 14px !important;
        padding: 10px !important;
    }

    .add-to-cart-btn {
        font-size: 14px !important;
        padding: 10px !important;
    }

    .mobile-view-contents {
        display: block !important;
    }
}


@media screen and (max-width: 768px) and (min-height: 800px) {
    h4, .h4, .h4 {
        font-size: 1rem !important;
    }
}

@media screen and (max-width: 768px) and (max-height: 700px) {
    h4, .h4, .h4 {
        font-size: 1rem !important;
    }
}
