/* Галерея товара SZ-Audio — стиль как на djstore product_detail */

.fancybox__container.fancybox--product {
    --fancybox-bg: #fff;
    --fancybox-color: #6c718f;
    --fancybox-accent-color: #0391dd;
    --fancybox-thumbs-width: 72px;
    --fancybox-thumbs-ratio: 1;
    --fancybox-thumbs-border-radius: 8px;
    --carousel-button-color: #2b2d3a;
    --carousel-button-bg: rgba(43, 45, 58, 0.08);
    --carousel-button-svg-filter: none;
    --carousel-button-width: 48px;
    --carousel-button-height: 48px;
    --carousel-button-svg-stroke-width: 1.5;
    --fancybox-toolbar-text-shadow: none;
}

.fancybox__container.fancybox--product .fancybox__backdrop {
    background: #fff;
}

.fancybox__container.fancybox--product .fancybox__toolbar {
    background: none;
    padding: 24px 32px 0;
}

.fancybox__container.fancybox--product .fancybox__counter {
    min-width: auto;
    padding: 0;
    font-size: 14px;
    line-height: 129%;
    color: #8b91b4;
    text-align: left;
}

.fancybox__container.fancybox--product .fancybox__toolbar__items--right {
    gap: 16px;
}

.fancybox__container.fancybox--product .fancybox__toolbar__items--right .carousel__button,
.fancybox__container.fancybox--product .fancybox__toolbar__items--right .fancybox__button {
    width: 24px;
    height: 24px;
    color: #6c718f;
    background: transparent;
    box-shadow: none;
}

.fancybox__container.fancybox--product .fancybox__toolbar__items--right .carousel__button:hover,
.fancybox__container.fancybox--product .fancybox__toolbar__items--right .fancybox__button:hover {
    color: #2b2d3a;
}

.fancybox__container.fancybox--product .fancybox__slide {
    padding: 24px 88px 128px;
}

.fancybox__container.fancybox--product .has-image .fancybox__content {
    background: transparent;
}

.fancybox__container.fancybox--product .fancybox__image {
    max-height: calc(100vh - 220px);
}

.fancybox__container.fancybox--product .fancybox__nav .carousel__button {
    background: rgba(43, 45, 58, 0.08);
    color: #2b2d3a;
    border-radius: 50%;
    box-shadow: none;
}

.fancybox__container.fancybox--product .fancybox__nav .carousel__button:hover {
    background: rgba(43, 45, 58, 0.14);
}

.fancybox__container.fancybox--product .fancybox__nav .carousel__button.is-prev {
    left: 24px;
}

.fancybox__container.fancybox--product .fancybox__nav .carousel__button.is-next {
    right: 24px;
}

.fancybox__container.fancybox--product .carousel__button.is-close {
    display: none;
}

.fancybox__container.fancybox--product .fancybox__thumbs {
    padding: 16px 32px 32px;
}

.fancybox__container.fancybox--product .fancybox__thumbs .carousel__slide {
    width: 72px;
    padding: 0 4px;
}

.fancybox__container.fancybox--product .fancybox__thumbs .carousel__slide .fancybox__thumb::after {
    border-width: 2px;
    border-color: #0391dd;
    border-radius: 8px;
}

.fancybox__container.fancybox--product .fancybox__thumbs .fancybox__thumb {
    background-color: #f3f3f3;
}

@media screen and (max-width: 992px) {
    .fancybox__container.fancybox--product .fancybox__toolbar {
        padding: 16px 16px 0;
    }

    .fancybox__container.fancybox--product .fancybox__slide {
        padding: 16px 56px 112px;
    }

    .fancybox__container.fancybox--product .fancybox__nav .carousel__button.is-prev {
        left: 8px;
    }

    .fancybox__container.fancybox--product .fancybox__nav .carousel__button.is-next {
        right: 8px;
    }

    .fancybox__container.fancybox--product .fancybox__thumbs {
        padding: 12px 16px 24px;
    }

    .fancybox__container.fancybox--product .fancybox__thumbs .carousel__slide {
        width: 56px;
    }
}