/**
* 2007-2023 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@prestashop.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
*  @author    PrestaShop SA <contact@prestashop.com>
*  @copyright 2007-2023 PrestaShop SA
*  @license   http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
*  International Registered Trademark & Property of PrestaShop SA
*
* Don't forget to prefix your containers with your own identifier
* to avoid any conflicts with others containers.
*/

.th-gallery-view {
    position: absolute;
    margin: auto;
    bottom: 24px;
    left: 8px;
    justify-content: center;
    align-items: center;
    display: flex;
    z-index: 9;
}

#image-block .th-gallery-view  {
    bottom: 44px;
}

.th-gallery-view-button:hover {
    cursor: pointer;
}

#th-gallery.th-gallery-view .th-gallery-view-button {
    background: #EDEBD9;;
    border-radius: 3px;
    display: flex;
    align-items: center;
    padding: 0;
    border: none;
}

#image-block .th-gallery-items {
    display: none;
}

.mfp-th-gallery.mfp-bg {
    z-index: 9998;
}

.mfp-th-gallery.mfp-wrap {
    z-index: 9999;
}

.mfp-th-gallery .mfp-counter {
    position: fixed;
    top: 5px;
    left: 10px;
}

.th-gallery-thumbs {
    position: fixed;
    left: 24px;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    display: flex;
    align-items: center;
}

.th-gallery-dots {
    list-style-type: none;
}

button.mfp-close {
    position: fixed;
    top: 10px;
    right: 15px !important;
    font-size: 35px;
}

.mfp-th-gallery .mfp-image-holder .mfp-content {
    width: 100%;
    max-width: 1000px !important;
    background: #fff;
    height: calc(100% - 80px) !important;
}

.mfp-th-gallery .mfp-image-holder .mfp-content figure {
    /*background: #fff;*/
    height: 100%;
    display: flex;
}

.mfp-th-gallery.mfp-gallery .mfp-image-holder .mfp-figure {
    height: 100%;
    position: relative;
}

ul.th-gallery-dots li {
    width: 80px;
    height: auto !important;
    background: #F2F2F2;
    border-radius: 6px;
    margin-bottom: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
}

ul.th-gallery-dots li button {
    padding: 0;
    height: 100%;
    width: 100%;
}

.th-gallery-dots button {
    border: none;
    border-radius: 6px;
}

.mfp-th-gallery .mfp-arrow-left {
    right: calc(50% + 524px) !important;
    left: auto;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M21.9979 12.0005C21.9979 11.6691 21.8662 11.3512 21.6319 11.1169C21.3975 10.8825 21.0797 10.7508 20.7482 10.7508L6.2692 10.7508L11.6354 5.38712C11.7516 5.27093 11.8438 5.13299 11.9066 4.98117C11.9695 4.82936 12.0019 4.66665 12.0019 4.50233C12.0019 4.33801 11.9695 4.1753 11.9066 4.02349C11.8438 3.87168 11.7516 3.73374 11.6354 3.61754C11.5192 3.50135 11.3813 3.40918 11.2295 3.3463C11.0776 3.28342 10.9149 3.25105 10.7506 3.25105C10.5863 3.25105 10.4236 3.28342 10.2718 3.3463C10.12 3.40918 9.98202 3.50135 9.86583 3.61754L2.36763 11.1157C2.25125 11.2318 2.15892 11.3697 2.09592 11.5216C2.03292 11.6734 2.00049 11.8361 2.00049 12.0005C2.00049 12.1649 2.03292 12.3277 2.09592 12.4795C2.15892 12.6313 2.25125 12.7692 2.36763 12.8853L9.86583 20.3835C10.1005 20.6182 10.4188 20.75 10.7506 20.75C11.0825 20.75 11.4007 20.6182 11.6354 20.3835C11.8701 20.1488 12.0019 19.8306 12.0019 19.4987C12.0019 19.1669 11.8701 18.8486 11.6354 18.6139L6.2692 13.2502H20.7482C21.0797 13.2502 21.3975 13.1186 21.6319 12.8842C21.8662 12.6498 21.9979 12.332 21.9979 12.0005Z" fill="%23A99B86"/> </svg>') !important;
}

.mfp-th-gallery .mfp-arrow-right {
    left: calc(50% + 524px) !important;
    right: auto;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M2.00209 12.0005C2.00209 11.6691 2.13375 11.3512 2.36812 11.1169C2.60248 10.8825 2.92035 10.7508 3.25179 10.7508L17.7308 10.7508L12.3646 5.38712C12.2484 5.27093 12.1562 5.13299 12.0934 4.98117C12.0305 4.82936 11.9981 4.66665 11.9981 4.50233C11.9981 4.33801 12.0305 4.1753 12.0934 4.02349C12.1562 3.87168 12.2484 3.73374 12.3646 3.61754C12.4808 3.50135 12.6187 3.40918 12.7705 3.3463C12.9224 3.28342 13.0851 3.25105 13.2494 3.25105C13.4137 3.25105 13.5764 3.28342 13.7282 3.3463C13.88 3.40918 14.018 3.50135 14.1342 3.61754L21.6324 11.1157C21.7487 11.2318 21.8411 11.3697 21.9041 11.5216C21.9671 11.6734 21.9995 11.8361 21.9995 12.0005C21.9995 12.1649 21.9671 12.3277 21.9041 12.4795C21.8411 12.6313 21.7487 12.7692 21.6324 12.8853L14.1342 20.3835C13.8995 20.6182 13.5812 20.75 13.2494 20.75C12.9175 20.75 12.5993 20.6182 12.3646 20.3835C12.1299 20.1488 11.9981 19.8306 11.9981 19.4987C11.9981 19.1669 12.1299 18.8486 12.3646 18.6139L17.7308 13.2502H3.25179C2.92035 13.2502 2.60248 13.1186 2.36812 12.8842C2.13375 12.6498 2.00209 12.332 2.00209 12.0005Z" fill="%23A99B86"/> </svg>') !important;
}

.mfp-th-gallery .mfp-arrow {
    width: 48px;
    height: 80px;
    border-radius: 6px;
    padding: 28px 12px !important;
    background-color: #fff !important;
    opacity: 1 !important;
    background-size: 24px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.mfp-th-gallery .mfp-arrow:after, .mfp-th-gallery .mfp-arrow:before {
    display: none !important;
}

.mfp-th-gallery img.mfp-img {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    max-width: 100% !important;
    /*width: 92%;*/
}

ul.th-gallery-dots img {
    width: 100%;
}

.th-image-inner {
    position: relative;
}

.product_block a.product_image .th-image-inner img {
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 991px) {
    .th-gallery-thumbs {
        position: fixed;
        left: 0;
        top: auto;
        bottom: 10px;
        display: flex;
        align-items: center;
        width: 100%;
        justify-content: center;
    }

    .mfp-th-gallery .mfp-image-holder .mfp-content {
        max-width: 80% !important;
    }

    ul.th-gallery-dots li {
        margin-bottom: 0;
        margin-left: 5px;
        margin-right: 5px;
    }

    .th-gallery-dots {
        display: flex !important;
        width: 100%;
        justify-content: center;
    }

    .mfp-th-gallery .mfp-arrow-left {
        right: auto !important;
        left: 15px !important;
    }

    .mfp-th-gallery .mfp-arrow-right {
        left: auto !important;
        right: 15px !important;
    }

    .mfp-th-gallery .mfp-image-holder .mfp-content {
        height: calc(100% - 250px) !important;
    }

    .mfp-th-gallery img.mfp-img {
        max-width: 92% !important;
    }
}

/* Phones Portrait */
@media only screen and (min-width : 320px) and (max-width : 479px) {
    .mfp-th-gallery .mfp-arrow-left {
        background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M21.9979 12.0005C21.9979 11.6691 21.8662 11.3512 21.6319 11.1169C21.3975 10.8825 21.0797 10.7508 20.7482 10.7508L6.2692 10.7508L11.6354 5.38712C11.7516 5.27093 11.8438 5.13299 11.9066 4.98117C11.9695 4.82936 12.0019 4.66665 12.0019 4.50233C12.0019 4.33801 11.9695 4.1753 11.9066 4.02349C11.8438 3.87168 11.7516 3.73374 11.6354 3.61754C11.5192 3.50135 11.3813 3.40918 11.2295 3.3463C11.0776 3.28342 10.9149 3.25105 10.7506 3.25105C10.5863 3.25105 10.4236 3.28342 10.2718 3.3463C10.12 3.40918 9.98202 3.50135 9.86583 3.61754L2.36763 11.1157C2.25125 11.2318 2.15892 11.3697 2.09592 11.5216C2.03292 11.6734 2.00049 11.8361 2.00049 12.0005C2.00049 12.1649 2.03292 12.3277 2.09592 12.4795C2.15892 12.6313 2.25125 12.7692 2.36763 12.8853L9.86583 20.3835C10.1005 20.6182 10.4188 20.75 10.7506 20.75C11.0825 20.75 11.4007 20.6182 11.6354 20.3835C11.8701 20.1488 12.0019 19.8306 12.0019 19.4987C12.0019 19.1669 11.8701 18.8486 11.6354 18.6139L6.2692 13.2502H20.7482C21.0797 13.2502 21.3975 13.1186 21.6319 12.8842C21.8662 12.6498 21.9979 12.332 21.9979 12.0005Z" fill="%23000000"/> </svg>') !important;
    }

    .mfp-th-gallery .mfp-arrow-right {
        background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M2.00209 12.0005C2.00209 11.6691 2.13375 11.3512 2.36812 11.1169C2.60248 10.8825 2.92035 10.7508 3.25179 10.7508L17.7308 10.7508L12.3646 5.38712C12.2484 5.27093 12.1562 5.13299 12.0934 4.98117C12.0305 4.82936 11.9981 4.66665 11.9981 4.50233C11.9981 4.33801 12.0305 4.1753 12.0934 4.02349C12.1562 3.87168 12.2484 3.73374 12.3646 3.61754C12.4808 3.50135 12.6187 3.40918 12.7705 3.3463C12.9224 3.28342 13.0851 3.25105 13.2494 3.25105C13.4137 3.25105 13.5764 3.28342 13.7282 3.3463C13.88 3.40918 14.018 3.50135 14.1342 3.61754L21.6324 11.1157C21.7487 11.2318 21.8411 11.3697 21.9041 11.5216C21.9671 11.6734 21.9995 11.8361 21.9995 12.0005C21.9995 12.1649 21.9671 12.3277 21.9041 12.4795C21.8411 12.6313 21.7487 12.7692 21.6324 12.8853L14.1342 20.3835C13.8995 20.6182 13.5812 20.75 13.2494 20.75C12.9175 20.75 12.5993 20.6182 12.3646 20.3835C12.1299 20.1488 11.9981 19.8306 11.9981 19.4987C11.9981 19.1669 12.1299 18.8486 12.3646 18.6139L17.7308 13.2502H3.25179C2.92035 13.2502 2.60248 13.1186 2.36812 12.8842C2.13375 12.6498 2.00209 12.332 2.00209 12.0005Z" fill="%23000000"/> </svg>') !important;
    }
}

/* Phones Landscape */
@media only screen and (min-width : 480px) and (max-width : 767px) {
    .mfp-th-gallery .mfp-image-holder .mfp-content {
        height: calc(100% - 100px) !important;
    }
}

/* Phones Portrait and Landscape */
@media only screen and (min-width : 320px) and (max-width : 767px) {

}

/* Small Devices, Tablets */

@media only screen and (min-width : 768px) and (max-width : 991px) and (orientation: landscape) {
    .mfp-th-gallery .mfp-image-holder .mfp-content {
        height: calc(100% - 150px) !important;
    }
}

@media only screen and (min-width : 768px) and (max-width : 991px) {

}



/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) and (max-width : 1199px) {
    .mfp-th-gallery .mfp-image-holder .mfp-content {
        max-width: 750px !important;
    }

    .mfp-th-gallery img.mfp-img {
        max-width: 600px !important;
    }

    .mfp-th-gallery .mfp-arrow-left {
        right: calc(50% + 400px) !important;
    }

    .mfp-th-gallery .mfp-arrow-right {
        left: calc(50% + 400px) !important;
    }
}

/* Small and Medium Devices */
@media only screen and (min-width : 768px) and (max-width : 1199px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}

@media only screen and (min-width : 1500px) {
    ul.th-gallery-dots li {
        width: 100px;
    }
}

@media only screen and (min-width : 1700px) {
    ul.th-gallery-dots li {
        width: 120px;
    }
}