/*region Slider */
.product-item-detail-slider-container {
    position: relative;
    max-width: 100%;
    background: transparent;
    transition: background 800ms ease;
    z-index: 1;

}

@media (min-width: 768px) {
    .product-item-detail-slider-container {
        display: grid;
        grid-template-columns: 65px auto;
        height: 100%;
    }
}

@media (max-width: 768px) {
    .product-item-detail-slider-container {
        display: grid;
    }

    .product-item-detail-slider-controls-block {
        order: 2;
    }

    .product-item-detail-slider-block {
        order: 1;
    }
}

.product-item-detail-slider-block {
    position: relative;
    box-sizing: border-box;
    padding-top: 100%;
    height: 700px;
    width: 100%;
}

@media (max-width: 1100px) {
    .product-item-detail-slider-block {
        height: 0;
    }
}

.product-item-detail-slider-block.product-item-detail-slider-block-square {
    padding-top: 100%;
}

.product-item-detail-slider-images-container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 5px;
}

.product-item-detail-slider-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    opacity: 0;
    transition: opacity 250ms linear;
}

.product-item-detail-slider-image.active {
    z-index: 10;
    opacity: 1;
}

.product-item-detail-slider-image img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    outline: 1px solid transparent;
    background-position: center;
    background-repeat: no-repeat;
    transition: background-size 450ms ease, width 450ms ease, height 450ms ease, outline 450ms ease;
    transform: translateY(-50%) translateX(-50%);
}

.product-item-detail-slider-progress-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 180;
    height: 3px;
    background-color: #006cc0;
    background-color: var(--theme-color-primary)
}

/*endregion*/
/*region Slider Controls*/
.product-item-detail-slider-controls-block {
    padding: 10px 0;
    text-align: center;
}

.product-item-detail-slider-controls-image {
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 65px;
    height: 65px;
    outline: 1px solid #c0cfda;
    background-color: #fff;
    text-align: center;
    cursor: pointer;
}

.product-item-detail-slider-controls-image:hover,
.product-item-detail-slider-controls-image.active {
    outline-color: var(--theme-color-primary);
}

.bx-no-retina .product-item-detail-slider-controls-image.active {
    outline-width: 2px;
}

.bx-retina .product-item-detail-slider-controls-image {
    outline-width: .5px;
}

.bx-retina .product-item-detail-slider-controls-image.active {
    outline-width: 1px;
}

.product-item-detail-slider-controls-image img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 65px;
    max-height: 65px;
    width: auto;
    height: auto;
    transform: translateY(-50%) translateX(-50%);
}

.product-item-detail-slider-left,
.product-item-detail-slider-right {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 111;
    display: block;
    width: 25%;
    background: rgba(255, 255, 255, 0) url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2230%22%20viewBox%3D%220%200%2016%2030%22%3E%3Cpolygon%20fill%3D%22%23000000%22%20fill-rule%3D%22evenodd%22%20points%3D%2216%2050%202%2036%2016%2022%2015%2021%201%2035%200%2036%201%2037%2015%2051%22%20transform%3D%22translate(0%20-21)%22%2F%3E%3C%2Fsvg%3E') no-repeat center;
    opacity: .57;
    cursor: pointer;
    transition: all 300ms ease;
}

.product-item-detail-slider-left {
    left: 0;
}

.product-item-detail-slider-right {
    right: 0;
    transform: rotate(180deg);
}

.product-item-detail-slider-left:hover,
.product-item-detail-slider-right:hover {
    background-color: rgba(255, 255, 255, .4);
    opacity: .8;
}

.product-item-detail-slider-close {
    display: none;
}

.product-item-detail-slider-container.popup .product-item-detail-slider-close {
    position: absolute;
    top: 4px;
    right: 110px;
    bottom: 0;
    z-index: 150;
    display: block;
    width: 50px;
    height: 50px;
    background: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpolygon%20fill%3D%22%23000000%22%20fill-rule%3D%22evenodd%22%20points%3D%2216%2015.1%208.944%208%2016%201%2015.006%200%208.05%207%20.994%200%200%201%207.056%208%200%2015.1%20.994%2016%208.05%209%2015.006%2016%22%2F%3E%3C%2Fsvg%3E') no-repeat center;
    opacity: .27;
    cursor: pointer;
    transition: all 300ms ease;
}

.product-item-detail-slider-container.popup .product-item-detail-slider-close:hover {
    opacity: 1;
}

.product-item-detail-slider-container.popup .product-item-detail-slider-right {
    right: 105px;
}

/*endregion*/


/*	>>>	popup*/
/*
.product-item-detail-slider-container.popup {
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 999999;
   background: #fff;
   animation-name: imgPopupShow;
   animation-duration: 300ms;
   display: block;
}

.product-item-detail-slider-container.popup .product-item-detail-slider-images-container { right: 105px; }

.product-item-detail-slider-container.popup .product-item-detail-slider-block {
   padding-top: 0;
   height: 100vh;
}

.product-item-detail-slider-container.popup .product-item-detail-slider-image {
   position: absolute;
   top: 50%;
   left: 50%;
   max-height: 100vh;
   width: calc(100% - 150px);
   transform: translateY(-50%) translateX(-50%);
}

@-webkit-keyframes imgPopupShow {
   from { opacity: 0; }
   to { opacity: 1; }
}

@-moz-keyframes imgPopupShow {
   from { opacity: 0; }
   to { opacity: 1; }
}

@-ms-keyframes imgPopupShow {
   from { opacity: 0; }
   to { opacity: 1; }
}

@-o-keyframes imgPopupShow {
   from { opacity: 0; }
   to { opacity: 1; }
}

@keyframes imgPopupShow {
   from { opacity: 0; }
   to { opacity: 1; }
}

.product-item-detail-slider-container.popup .product-item-detail-slider-image img {
   max-width: 100%;
   max-height: 90vh;
   width: auto;
   cursor: default
}

.product-item-detail-slider-container.popup .product-item-detail-slider-controls-block {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   overflow-y: auto;
   padding: 20px;
   border-left: 1px solid #d3d3d3;
   background-color: #fff;
   z-index: 1;
}

.product-item-detail-slider-container.popup .product-item-detail-slider-controls-image {
   display: block;
   margin-bottom: 20px;
}
*/
/*endregion*/

/* IMAGE LIGHTBOX SELECTOR */

.imagelightbox-wrapper {
    /*display: flex;
    align-items: center;
    justify-content: center;
    */
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    position: fixed;
    top: 0;
    z-index: 1000;
    padding: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin-right: -17px;
}

#imagelightbox {
    /*max-width: 420px;*/
    width: 100%;
    /*max-height: 630px;*/
    cursor: pointer;
    /*position: fixed;*/
    position: relative;
    z-index: 10000;
    /*top: 50%;*/
    top: 0;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-box-shadow: 0 0 3.125em rgba(0, 0, 0, .75);
    box-shadow: 0 0 3.125em rgba(0, 0, 0, .75);
    /* 50 */
    cursor: -webkit-image-set(url(/local/templates/garderob_s1/components/bitrix/catalog.element/catalog.default.2/images/zoom-out-grey.png) 1x, url(/local/templates/garderob_s1/components/bitrix/catalog.element/catalog.default.2/images/zoom-out-grey@2x.png) 2x) 17 17, pointer;
}

.imagelightbox-open {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden;
}

/* WITH ACTIVITY INDICATION */

.imagelightbox-loading,
.imagelightbox-loading div {
    border-radius: 9999px;
}

.imagelightbox-loading {
    background-color: rgba(130, 130, 130, 0.8);
    position: fixed;
    z-index: 10003;
    top: 50%;
    left: 50%;
    padding: 0.65em;
    margin: -1.3em 0 0 -1.3em;
    -webkit-box-shadow: 0 0 2.5em rgba(130, 130, 130, 0.6);
    box-shadow: 0 0 2.5em rgba(130, 130, 130, 0.6);
    /* 40 */
}

.imagelightbox-loading div {
    width: 1.3em;
    height: 1.3em;
    background-color: #fff;
    -webkit-animation: imagelightbox-loading .5s ease infinite;
    animation: imagelightbox-loading .5s ease infinite;
}

@-webkit-keyframes imagelightbox-loading {
    from {
        opacity: .5;
        -webkit-transform: scale(.75);
        transform: scale(.75);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    to {
        opacity: .5;
        -webkit-transform: scale(.75);
        transform: scale(.75);
    }
}

@keyframes imagelightbox-loading {
    from {
        opacity: .5;
        -webkit-transform: scale(.75);
        transform: scale(.75);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    to {
        opacity: .5;
        -webkit-transform: scale(.75);
        transform: scale(.75);
    }
}

/* WITH OVERLAY */

.imagelightbox-overlay {
    background-color: rgba(30, 30, 30, 0.9);
    position: fixed;
    z-index: 9998;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

/* WITH "CLOSE" BUTTON */

.imagelightbox-close {
    -webkit-animation: fade-in 0.25s linear;
    animation: fade-in 0.25s linear;
    border: none;
    cursor: pointer;
    width: 48px;
    height: 48px;
    /*background-color: rgba(130, 130, 130, 0.8);*/
    /*background-color: #D4D1CC;*/
    background-color: rgba(129, 109, 94, .12);
    position: fixed;
    z-index: 10002;
    top: 2.5em;
    /* 40 */
    right: 2.5em;
    /* 40 */
    border-radius: 50%;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
}

/*
.imagelightbox-close:hover {
    background-color: #111;
}
*/
.imagelightbox-close:before,
.imagelightbox-close:after {
    width: 2px;
    background-color: #fff;
    content: '';
    position: absolute;
    top: 25%;
    bottom: 25%;
    left: 50%;
    margin-left: -1px;
}

.imagelightbox-close:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.imagelightbox-close:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/* WITH CAPTION */

.imagelightbox-caption {
    text-align: center;
    color: #fff;
    background-color: #666;
    position: fixed;
    z-index: 10001;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0.625em;
    /* 10 */
    -webkit-transition: opacity .25s ease;
    transition: opacity .25s ease;
}

/* WITH NAVIGATION */

.imagelightbox-nav {
    /*background-color: rgba(0, 0, 0, .5);*/
    background-color: rgba(0, 0, 0, 0);
    position: fixed;
    z-index: 10001;
    left: 50%;
    bottom: 2.2em;
    /*bottom: 3.75em;*/
    padding: 0.313em;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    /*border-radius: 20px;*/
}

.imagelightbox-nav a {
    position: relative;
    top: 0.2em;
    /*width: 1em;*/
    /*height: 1em;*/
    /*border: 1px solid rgba(255,255,255,0.5);*/
    display: inline-block;
    margin: 0 0.313em;
    /* 5 */
    /*border-radius: 50%;*/
    width: 60px;
    height: 2px;
    /*border-radius:0;*/
    background-color: rgba(255, 255, 255, 0.5);
}

.imagelightbox-nav .active {
    -webkit-animation: fade-in 0.45s linear;
    animation: fade-in 0.45s linear;
    background-color: #333;
}

.imagelightbox-navitem:active {
    background: #808080;
}

/* WITH ARROWS */

.imagelightbox-arrow {
    -webkit-animation: fade-in 0.25s linear;
    animation: fade-in 0.25s linear;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    width: 48px;
    height: 48px;
    /*width: 4em;*/
    /*height: 4em;*/
    /*background-color: rgba(130, 130, 130, 0.8);*/
    /*background-color: #D4D1CC;*/
    background-color: rgba(129, 109, 94, .12);
    display: none;
    position: fixed;
    z-index: 10001;
    top: 50%;
    margin-top: -3.75em;
    /* 60 */
}

/*
.imagelightbox-arrow:hover {
    background-color: rgba(0, 0, 0, 0.75);
	background-color:#111;
}
*/
.imagelightbox-arrow:active {
    /*background-color: #111;*/
    background-color: rgba(129, 109, 94, .12);
}

.imagelightbox-arrow-left {
    left: 2.5em;
    /* 40 */
}

.imagelightbox-arrow-right {
    right: 2.5em;
    /* 40 */
}


.imagelightbox-arrow:before {
    position: absolute;
    top: 25%;
    left: 50%;
    color: #fff;
    font-size: 40px;
    line-height: 20px;
}

/*
.imagelightbox-arrow-left:before {
    margin-left:-7px;
    content:"\2039";
}
.imagelightbox-arrow-right:before {
    margin-left:-5px;
    content:"\203A";
}
*/
.imagelightbox-arrow svg {
    width: 64px;
    height: 64px;
    position: absolute;
}

.imagelightbox-arrow.imagelightbox-arrow-left svg {
    top: -8px;
    left: -8px;
}

.imagelightbox-arrow.imagelightbox-arrow-right svg {
    top: -8px;
    left: -8px;
}

.imagelightbox-loading,
.imagelightbox-overlay,
.imagelightbox-nav {
    -webkit-animation: fade-in 0.25s linear;
    animation: fade-in 0.25s linear;
}

/*region  Slider Mobile*/
@media (max-width: 767px) {
    .product-item-detail-slider-container.popup .product-item-detail-slider-images-container {
        right: 0;
    }

    .product-item-detail-slider-container.popup .product-item-detail-slider-block {
        padding-top: 0;
        height: calc(100vh - 111px);
    }

    .product-item-detail-slider-container.popup .product-item-detail-slider-image {
        width: 90%;
    }

    .product-item-detail-slider-container.popup .product-item-detail-slider-image img {
        max-width: 100%;
        max-height: calc(100vh - 115px);
        width: auto;
        cursor: default;
    }

    .product-item-detail-slider-container.popup .product-item-detail-slider-controls-block {
        position: absolute;
        top: auto;
        right: 0;
        bottom: 0;
        left: 0;
        overflow-x: auto;
        max-height: 111px;
        border-top: 1px solid #d3d3d3;
        border-left: none;
        white-space: nowrap;
    }

    .product-item-detail-slider-container.popup .product-item-detail-slider-controls-image {
        display: inline-block;
        margin-bottom: 0;
    }

    .product-item-detail-slider-container.popup .product-item-detail-slider-close {
        right: 10px;
        z-index: 200;
    }

    .product-item-detail-slider-left,
    .product-item-detail-slider-right {
        max-width: 75px;
    }

    .product-item-detail-slider-container.popup .product-item-detail-slider-right {
        right: 0;
    }

}

/*endregion*/
.no-select {
    -webkit-user-select: none;
    user-select: none;
}

.product-item-scu-block .select-val {
    display: flex;
    align-items: center;
    padding: 0 16px;
    height: 2.25rem;
    border: 1px solid #e8e8e8;
    cursor: pointer;
    transition: .3s ease;
    border-radius: 18px;
}

.product-item-scu-block .select-val .scu-select-arrow {
    display: flex;
    align-items: center;
    height: 16px;
    padding: 0 4px 0 20px;
    margin-left: auto;
}

.product-item-scu-block .select-val .scu-select-arrow svg {
    transition: .3s ease;
}

.sku-line-block-title-select {
    margin-left: 10px;
}

.wrapper-select-block {
    position: relative;
    margin-bottom: 10px;
    transition: .3s ease;
}

.product-item-scu-item-list {
    opacity: 0;
    pointer-events: none;
    transition: .3s ease;
    position: absolute;
    z-index: 12;
    top: 100%;
    left: 0;
    width: 100%;
    background: var(--light_color);
    border: 1px solid #e8e8e8;
    box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.15);
    border-top: none;
    padding: 12px 0 12px 10px;
    background: #fff;
}

.product-item-scu-item-list li {
    cursor: pointer;
    padding: 5px 20px;
    margin: 3px 0;
    transition: .3s ease;
}

.product-item-scu-item-list li:hover {
    background: #eee;
}

.product-item-scu-item-list li.selected {
    background: #eee;
    transition: .3s .5s ease;
}

.product-item-scu-item-list li.selected span,
.product-item-scu-item-list li.selected div {
    color: var(--theme-txt);
    transition: .3s .5s ease;
}

.product-item-scu-item-list li.product-item-scu-item-color-container {
    background: none;
    padding: 0;
    margin: 5px;
}

.product-item-scu-block img {
    display: block;
    width: 34px;
    height: 34px;
    object-fit: cover;
}

.product-item-scu-item-color-block img {
    width: 46px;
    height: 46px;
}

.product-item-scu-item-color-block {
    transition: .3s ease;
    padding: 3px;
    border: 1px solid transparent;
}

.product-item-scu-item-color-block:hover {
    border: 1px solid #dfdfdf;
}

.product-item-scu-item-color-container.selected .product-item-scu-item-color-block {
    border: 1px solid #e8e8e8;
}

.wrapper-select-block.active .select-val,
.select-val:hover {
    border: 1px solid #e8e8e8;
}

.wrapper-select-block.active .product-item-scu-item-list {
    opacity: 1;
    pointer-events: auto;
    border-radius: 18px;
    margin-top: 5px;
}

.wrapper-select-block.active .scu-select-arrow svg {
    transform: rotate(-180deg);
}

.choose-size-btn {
    display: block;
    margin-bottom: 30px;
    font-size: 14px;
    border-bottom: 1px dashed #e8e8e8;
    transition: .3s ease;
}

.choose-size-btn:hover {
    opacity: 0.6;
    border-bottom: 1px dashed transparent;
}

.btn.btn-buy-popup {
    font-weight: 700;
    border-radius: 100px;
    background: #000;
    border: 1px solid #000;
    text-transform: uppercase;
    padding: 10px;
    color: #fff;
}

.btn.btn-buy-popup:hover {
    background: #fff;
}

.product_option_color {
    border: 1px solid transparent;
}

.product_option_color.selected {
    border: 1px solid #e8e8e8;
}

.product-item-cart-block {
    display: block;
}

.quantity-block {
    display: none;
}

.product-item-cart-block.active {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-column-gap: 10px;
}

.product-item-cart-block.active .quantity-block {
    align-items: center;
    display: flex;
    margin-left: 4px;
    position: relative;
    justify-content: end;
}

.quantity-block__current {
    min-width: 57px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.quantity-block__minus, .quantity-block__plus {
    width: 57px;
    height: 57px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f7f7f7;
    border-radius: 100px;
    border: 1px solid #f7f7f7;
    cursor: pointer;
}

.goods-info__price-block {
    display: flex;
    align-items: baseline;
    grid-column-gap: 10px;
}
.share_links{
    display: flex;
    grid-column-gap: 10px;
}
.share_link{
    display: block;
    flex: 0 0 1;
    width: 60px;
    height: 60px;
    background-size: 100%;
    background-repeat: no-repeat;
}
.share_link_site{
    background-image: url("/upload/sinar_icon.svg");
}
.share_link_ozon{
    background-image: url("/upload/ozon_icon.svg");
}
.share_link_wb{
    background-image: url("/upload/wb_icon.svg");
}
.share_link_la{
    background-image: url("/upload/la_icon.svg");
}
@keyframes overlayFadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 0.6;
    }
}

@keyframes popupFadeIn {
    from {
        opacity: 0;
        transform: translateY(-30%);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}