.current-image {
    position: relative;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;

    display: flex;
    justify-content: flex-end;
    flex-direction: column;
}

.current-image .image-view-marker {
    display: flex;
    justify-content: center;
    list-style: none;
    padding: 0;
    margin: 0;
    align-items: center;
    margin-bottom: 10px;
}

.current-image .image-view-marker li {
    position: relative;
    width: 6px;
    height: 6px;
    background-color: #0089ce;
    border-radius: 3px;
    margin-right: 7px;
    cursor: pointer;
    transition-duration: 0.3s;
}

.current-image .image-view-marker li:hover {
    width: 11px;
    height: 11px;
    border-radius: 5px;
}

.current-image .image-view-marker li:last-of-type {
    margin-right: 0;
}

.current-image .image-view-marker li.active {
    width: 11px;
    height: 11px;
    border-radius: 5px;
    cursor: default;
}

.current-image .arrow {
    display: none;
    top: 50%;
    margin-top: -15px;
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    background-color: #0089ce;
    cursor: pointer;
}
.current-image:hover .arrow {
    display: block;
}
.current-image .arrow.disabled {
    cursor: default;
    background-color: #9d9d9c;
}
.current-image .arrow.left {
    left: 0;
}
.current-image .arrow.right {
    right: 0;
}
.current-image .arrow.left svg {
    transform: rotate(-90deg);
}
.current-image .arrow.right svg {
    transform: rotate(90deg);
}
.current-image .arrow svg {
    width: 20px;
    height: 20px;
    fill: #fff;
}


.product-carousel-container > .arrow {
    display: block;
    top: 50%;
    margin-top: -15px;
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 4px;
    background-color: #0089ce;
    cursor: pointer;
    z-index:2
}
.product-carousel-container > .arrow.disabled {
    cursor: default;
    background-color: #9d9d9c;
}
.product-carousel-container > .arrow.left {
    left: 0;
}
.product-carousel-container > .arrow.right {
    right: 0;
}
.product-carousel-container > .arrow.left svg {
    transform: rotate(-90deg);
}
.product-carousel-container > .arrow.right svg {
    transform: rotate(90deg);
}
.product-carousel-container > .arrow svg {
    width: 30px;
    height: 30px;
    fill: #fff;
}

.product-list {
    display: flex;
    justify-content: space-between;
    background-color: #f1f8ff;
}

.product-list.bricks {
    flex-wrap: wrap;
}

.product-list.rows {
    flex-direction: column;
}

.product-card {
    position: relative;
    /*background-color: #bababa;*/
    background-color: #ffffff;
    margin-bottom: 3px;
    display: flex;
    box-sizing: border-box;
    text-decoration: none;
    color: #000000;
}

.product-list.bricks .product-card {
    position: relative;
    width: 274px;
    height: 530px;
    margin-right: 3px;
    flex-direction: column;
    padding: 10px 9px 3px 9px;
    border: 1px solid #FFFFFF;
    /*overflow: hidden;*/
}

.product-list.rows .product-card {
    width: 100%;
    height: 112px;
    padding: 10px 10px 10px 15px;

    display: grid;
    /*grid-auto-flow: column;*/
    grid-template-columns:91px minmax(380px, auto) minmax(35px, 75px) minmax(220px, 235px) 0 172px;
    gap: 1px; /* Расстояние между колонками */
    /*column-gap: 0;*/
    justify-content: stretch;

}


/*.product-list.bricks .product-card .product-link::before {*/
/*    position: absolute;*/
/*    inset:0;*/
/*    content:'';*/
/*}*/


.product-list.bricks .product-card .product-image {
    position: relative;
}

.product-list.bricks .product-card .current-image {
    width: 100%;
    height: 255px;
    cursor: pointer;
}

.product-list.rows .product-card .current-image {
    width: 91px;
    height: 91px;
}



.tags-container {
    display: none;
    flex-wrap: wrap;
    width: 100%;
    height: fit-content;
    z-index: 1;
}

.product-list.bricks .product-image .tags-container {
    display: flex;
    justify-content: flex-end;
    padding: 10px 10px 0 0;
    position: absolute;
    z-index: 1;
}

.product-list.rows .product-common-price-info .tags-container {
    display: flex;
    justify-content: flex-start;

}

.tags-container .tag-item {
    color: #FFFFFF;
    background-color: #bababa;
    padding: 5px;
    box-sizing: border-box;
    line-height: 10px;
    border-radius: 4px;
}

.product-list.bricks .tags-container .tag-item {
    font-size: 15px;
    height: 21px;
    line-height: 10px;
    margin-left: 3px;
}

.product-list.rows .tags-container .tag-item {
    font-size: 13px;
    height: 19px;
    line-height: 10px;
    margin-right: 3px;
}


.product-card .product-name {
    font-size: 14px;
    display: -webkit-box;
    max-width: 100%;

    overflow: hidden;
    font-weight: bold;
    text-decoration: none;
    color: #000;
}

.product-list.rows .product-card .product-name {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.product-list.bricks .product-card .product-name {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin: 4px 0 5px 0;
    height: 51px;
}





.product-list .product-card .product-card-text {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    justify-content: space-between;
}
.product-list .product-card .product-card-text .product-fast-filter {
    text-decoration: none;
    color: #144b98;
    font-weight: bold;
    font-size: 12px;
}

.product-list.rows .product-card .product-card-text {
    margin-left: 15px;
    /*max-width: 460px;*/
}


.product-list.rows .product-card > .availability,
.product-list.bricks .product-card .product-card-text .availability{
    display: none;
}
.product-list.bricks .product-card > .availability,
.product-list.rows .product-card .product-card-text .availability{
    /*display: block;*/
    display: flex;
    flex-direction: column;
    /*justify-content: flex-end;*/
    justify-content: center
}

.product-list.rows .product-card .product-main_price .row-mode-brand_logo,
.product-list.bricks .product-card .product-card-text .row-mode-brand_logo {
    display: none;
}

.product-list.bricks .product-card .product-main_price .row-mode-brand_logo,
.product-list.rows .product-card .product-card-text .row-mode-brand_logo {
    display: flex;
    justify-content: space-between;
    position: absolute;
    right:0;
    bottom: 0;
    width: 200px;
}

.product-list.rows .product-card  .availability {
    margin-top: 0;
}

.product-card .product_specification {
    display: flex;
    position: relative;
}
.product-list.bricks .product-card .product_specification {
    flex-direction: column;
}
.product-list.rows .product-card .product_specification {
    align-items: flex-end;
}

.product-card .product-props {
    font-size: 13px;
    flex-grow: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.product_prices {
    display: table;
    margin-top: 8px;
    font-size: 14px;
    width: 100%;
    background-color: #FFFFFF;
    box-sizing: border-box;
}

.product_prices .row {
    display: table-row;
}

.product_prices .p-title {
    display: table-cell;
    padding: 2px 10px 2px 3px;
    box-sizing: border-box;
    border-bottom: 3px solid #ffffff;
    border-right: 3px solid #ffffff;
    background-color: #f1f8ff;
    width: 70px;
    text-align: left;
}

.product_prices .p-cost {
    display: table-cell;
    padding: 2px 3px;
    box-sizing: border-box;
    border-bottom: 3px solid #ffffff;
    background-color: #f1f8ff;
    text-align: right;
}

.product-list.rows .product-card .product_prices .p-title,
.product-list.rows .product-card .product_prices .p-cost {
    border-top: 3px solid #ffffff;
    border-bottom: 0 solid #ffffff;
    white-space: nowrap;
}

.product-list.rows .product-card .product-common-price-info {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    flex-grow: 1;
    margin-right: 5px;

}
.product-page-availability .availability,
.product-card  .availability {
    position: relative;
    margin-top: 5px;
    height: 27px;
    display: flex;
    font-size: 12px;
    box-sizing: border-box;
}
.product-page-availability .availability {
    margin-top: 4px;
}
.product-card .availability {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden;
}

.product-card .availability.loading::after {
    content: "";
    position: absolute;
    background-color: #FFFFFF;
    width: 1px;
    height: 30px;
    left: 0;
    top: 0;
    box-shadow: 0 0 10px 10px #ffffffad;
    animation: moveLeftToRight 1.5s linear infinite;
}
@keyframes moveLeftToRight {
    0% {
        left: -50px;
    }
    100% {
        left: 100%;
    }
}


.product-page-availability .availability:before,
.product-list .product-card .availability:before {
    position: absolute;
    width: 22px;
    height: 22px;
    border-radius: 11px;
    content: "i";
    color: #fff;
    text-align: center;
    font-size: 17px;
    font-weight: bold;
}
.product-page-availability .availability:before,
.product-list.bricks .product-card .availability:before {
    top: 2px;
    left: 0;
}
.product-list.rows .product-card .availability:before {
    top: 0;
    right: 0;
}
.product-page-availability .availability,
.product-list.bricks .product-card .availability {
    width: 100%;
    padding-left: 30px;
}
.product-list.rows .product-card .product_specification .availability {
    padding-right: 30px;
    height: 22px;
    width: fit-content;
    /*margin-left: 40px;*/
    /*height: fit-content;*/
}

.product-page-availability .availability.green:before,
.product-card .availability.green:before {
    background-color: #549400;
}
.product-page-availability .availability.yellow:before,
.product-card .availability.yellow:before {
    background-color: #c7a400;
}
.product-page-availability .availability.red:before,
.product-card .availability.red:before {
    background-color: #c13200;
}
.product-page-availability .availability.grey:before,
.product-card .availability.grey:before {
    background-color: #9c9c9c;
}
.product-page-availability .availability.blue:before,
.product-card .availability.blue:before {
    background-color: #144b98;
}
.product-page-availability .availability.purple:before,
.product-card .availability.purple:before {
    background-color: #98148d;
}
.product-page-availability .availability.green .status,
.product-card .availability.green .status {
   color: #549400;
}
.product-page-availability .availability.yellow .status,
.product-card .availability.yellow .status {
    color: #c7a400;
}
.product-page-availability .availability.red .status ,
.product-card .availability.red .status {
    color: #c13200;
}
.product-page-availability .availability.grey .status ,
.product-card .availability.grey .status {
    color: #9c9c9c;
}
.product-page-availability .availability.blue .status ,
.product-card .availability.blue .status {
    color: #144b98;
}
.product-page-availability .availability.purple .status ,
.product-card .availability.purple .status {
    color: #98148d;
}
.product-page-availability .availability {
    width: 200px;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
}
.product-page-availability .availability .status,
.product-page-availability .availability .current-count {
    font-size: 12px;
    line-height: 27px;
}
.product-page-availability .availability .current-count {
    font-weight: bold;
}

.availability-details {
    /*display: none;*/
    position: absolute;
    /*bottom: 30px;*/
    left: 10px;
    width: 198px;
    border: 1px solid #0089ce;
    color: #0089ce;
    background-color: #FFFFFF;
    border-radius: 4px;
    padding: 15px;
    display: flex;
    flex-direction: column;
    align-items: stretch !important;
    z-index: 5;

}
.item-availability {
    /*width: 150px;*/

    /*flex-direction: column;*/
}
.item-availability,
.item-price,
.item-cost {
    padding: 5px;
}

.availability-details .prediction,
.item-availability .prediction {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 10px;
}
.availability-details .prediction:last-child,
.item-availability .prediction:last-child {
    margin-bottom: 0;
}



.availability-details .prediction .dots,
.item-availability .prediction .dots{
    flex-grow: 1;
    /*border-bottom: 1px dashed #000000;*/
}

.product-list.bricks .product-card .product-main_price {
    /*position: relative;*/
    margin: 8px 0 5px 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.product-list .product-card .brand-logo {
    width: 75px;
    height: 18px;
    /*flex-grow: 1;*/
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
}
.product-list.rows .product-card .product-main_price .brand-logo {
    display: none;
}
.main-product-info .availability-n-price .customer-price,
.product-list .product-card .customer-price {
    font-size: 18px;
    font-weight: bold;
    /*overflow: hidden;*/
    position: relative;
}

.main-product-info .availability-n-price .customer-price .main-price {
    color: #000000;
    font-weight: bold;
}

.main-product-info .availability-n-price .customer-price span,
.product-list .product-card .customer-price .main-currency,
.product-list .product-card .customer-price .main-units{
    color: #9d9d9c;
    font-weight: normal;
}

.product-list.bricks .product-card .product-card-buttons .customer-price,
.product-list.rows .product-card .product-main_price .customer-price {
    display: none;
}
.customer-price .customer-old_price {
    position: absolute;
    color: #9d9d9c;
    font-size: 12px;
    left: 0;
    top: -13px;
    /*text-decoration: line-through;*/
}
.customer-old_price .customer-sale_percents {
    color: #ffffff !important;
    background-color: #c01a04;
    padding: 0px 2px 0px 2px;
    font-weight: normal;
    margin-left: 3px;
    /*text-decoration: none;*/
}
.rrp_price-new_value {
    color: #c01a04;
    font-weight: bold;
}
.rrp_price-sale_percents {
    color: #FFFFFF;
    font-size: 15px;
    background-color: #c01a04;
    padding: 2px 5px;
    border-left: 3px solid #ffffff;
    border-right: 3px solid #ffffff;
}
.rrp_price-currency {
    color: #9d9d9c;
    font-weight: normal;
}

.product-card-buttons {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.product-list.rows .product-card .product-card-buttons {
    flex-direction: column;
    align-items: flex-end;
    justify-content: end;
}

.product-card-buttons div {
    display: flex;
    align-items: center;
}

.product-buy-button .pick-btn {
    height: 30px;
    width: 80px;
    background-color: #0089ce;
    border: 2px solid #0089ce;
    font-size: 15px;
    color: #FFFFFF;
    text-transform: uppercase;
    display: block;
    cursor: pointer;
    border-radius: 4px;
    position: relative;
    -webkit-transition:background 1s;
    -moz-transition:background 1s;
    -o-transition:background 1s;
    transition:background 1s
}
.product-buy-button .pick-btn[disabled] {
    cursor: not-allowed;
}
.product-buy-button .pick-btn:not([disabled]):hover {
    background-color: #0067ce;
}

.product-buy-button .pick-btn > svg {
    display: inline-block;
    width: 21px;
    height: 21px;
    fill: #FFFFFF;
    stroke-width: 0;
    transition-duration: 0.2s;
}


.product-buy-button .pick-btn.loading,
.product_fav_comp_btns .short-menu-icon.loading {
    background-color: #b0b0b0;
    box-shadow: 0 0 2px 3px #00000063 inset;
    border-color:  #b0b0b0;
}

.product-buy-button .pick-btn.loading:before,
.product_fav_comp_btns .short-menu-icon.loading:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 2px;
    height: 2px;
    background-color: #0089ce;
    border-radius: 3px;
    box-shadow: 0 0 2px 3px #0089ce;
    z-index: 2;
    display: block;
    animation: preloader-animation 3s steps(300, start) infinite;
    -webkit-animation: preloader-animation 5s steps(1000, start) infinite;
}

@keyframes preloader-animation {
    0% {
        top: 0;
        bottom: unset;
        left: 0;
        right:unset;
        width: 2px;
        height: 2px;
    }
    11.25% {
        top:0;
        /*bottom: unset;*/
        /*left: unset;*/
        right: 0;
        width: 100%;
        height: 2px;
    }
    22.5% {
        top:0;
        /*bottom: auto;*/
        left: unset;
        right: 0;
        width: 2px;
        height: 2px;
    }
    33.75% {
        top: 0;
        right:0;
        bottom: unset;
        left: unset;
        width: 2px;
        height: 100%;
    }
    33.76% {
        top: auto;
        bottom:0;
        left: auto;
        right:0;
        width: 2px;
        height: 100%;
    }
    45% {
        top: auto;
        bottom:0;
        left: auto;
        right:0;
        width: 2px;
        height: 2px;
    }
    56.25% {
        top: auto;
        bottom:0;
        right:0;
        left: unset;
        width: 100%;
        height: 2px;
    }
    56.26% {
        top: auto;
        bottom:0;
        left:0;
        right: unset;
        width: 100%;
        height: 2px;
    }
    67.5% {
        top: auto;
        bottom:0;
        left:0;
        right:unset;
        width: 2px;
        height: 2px;
    }
    67.6% {
        top: auto;
        bottom:0;
        left:0;
        right:unset;
        width: 2px;
        height: 2px;
    }
    78.75% {
        top: unset;
        right:unset;
        bottom: 0;
        left: 0;
        width: 2px;
        height: 100%;
    }
    78.76% {
        top: 0;
        right:unset;
        bottom:unset;
        left: 0;
        width: 2px;
        height: 100%;
    }
    /*90% {*/
    /*    top: 0;*/
    /*    right:unset;*/
    /*    bottom:unset;*/
    /*    left: 0;*/
    /*    width: 2px;*/
    /*    height: 2px;*/
    /*}*/
    100% {
        top: 0;
        right:unset;
        bottom:unset;
        left: 0;
        width: 2px;
        height: 2px;
    }

}



@-webkit-keyframes preloader-animation {
    0% {
        top: 0;
        bottom: unset;
        left: 0;
        right:unset;
        width: 2px;
        height: 2px;
    }
    11.25% {
        top:0;
        /*bottom: unset;*/
        /*left: unset;*/
        right: 0;
        width: 100%;
        height: 2px;
    }
    22.5% {
        top:0;
        /*bottom: auto;*/
        left: unset;
        right: 0;
        width: 2px;
        height: 2px;
    }
    33.75% {
        top: 0;
        right:0;
        bottom: unset;
        left: unset;
        width: 2px;
        height: 100%;
    }
    33.76% {
        top: auto;
        bottom:0;
        left: auto;
        right:0;
        width: 2px;
        height: 100%;
    }
    45% {
        top: auto;
        bottom:0;
        left: auto;
        right:0;
        width: 2px;
        height: 2px;
    }
    56.25% {
        top: auto;
        bottom:0;
        right:0;
        left: unset;
        width: 100%;
        height: 2px;
    }
    56.26% {
        top: auto;
        bottom:0;
        left:0;
        right: unset;
        width: 100%;
        height: 2px;
    }
    67.5% {
        top: auto;
        bottom:0;
        left:0;
        right:unset;
        width: 2px;
        height: 2px;
    }
    67.6% {
        top: auto;
        bottom:0;
        left:0;
        right:unset;
        width: 2px;
        height: 2px;
    }
    78.75% {
        top: unset;
        right:unset;
        bottom: 0;
        left: 0;
        width: 2px;
        height: 100%;
    }
    78.76% {
        top: 0;
        right:unset;
        bottom:unset;
        left: 0;
        width: 2px;
        height: 100%;
    }
    /*90% {*/
    /*    top: 0;*/
    /*    right:unset;*/
    /*    bottom:unset;*/
    /*    left: 0;*/
    /*    width: 2px;*/
    /*    height: 2px;*/
    /*}*/
    100% {
        top: 0;
        right:unset;
        bottom:unset;
        left: 0;
        width: 2px;
        height: 2px;
    }
}

.product-buy-button .pick-btn.loading-done {
    background-color: green;

}


.product-buy-button .pick-count {
    width: 45px;
    height: 30px;
    text-align: center;
    border: 1px solid #9d9d9c;
    outline: none;
    font-size: 15px;
    vertical-align: baseline;
    border-radius: 4px;
    padding: 8px 0 8px 0;
    box-sizing: border-box;
}

.product-buy-button .pick-count:focus {
    outline: none;
}


.product-buy-button .dropdown-list {
    position: relative;
    color: #FFFFFF;
    font-size: 15px;
    text-decoration: none;
    border: 1px solid #9d9d9c;
    background-color: #9d9d9c;
    cursor: pointer;
    user-select: none;
    margin: 0px 5px 0px 5px;
    height: 30px;
    padding: 0 5px;
    box-sizing: border-box;
    border-radius: 4px;
    line-height: 25px;
}

.product-buy-button .dropdown-list svg {
    width: 10px;
    height: 10px;
    fill: #FFFFFF;
    margin-left: 3px;
}

.product-buy-button .dropdown-list .items a {
    color: #4f4f4f;
    text-decoration: none;
    margin-bottom: 3px;
}

.product-buy-button .dropdown-list.active  .items {
    display: flex;
}

.product_fav_comp_btns {
    display: flex;
}

.product_fav_comp_btns .short-menu-icon {
    background-color: #9d9d9c;
    border-radius: 4px;
    margin-right: 5px;
    line-height: 10px;
    display: block;
    position: relative;
}

.product_fav_comp_btns .short-menu-icon > svg {
    display: inline-block;
    width: 22px;
    height: 22px;
    fill: #FFFFFF;
    stroke-width: 0;
    transition-duration: 0.2s;
    margin: 4px;
}

.product_fav_comp_btns  .short-menu-icon:hover > svg {
    /*fill: #02608f;*/
    scale: 1.1;
}
.product_fav_comp_btns .short-menu-icon.active > svg {
    fill: #0177b2;
}

.product-list.rows .product-card .product-card-buttons> .product_fav_comp_btns,
.product-list.bricks .product-card > .product_fav_comp_btns {
    display: none;
}

.product-list.rows .product-card > .product_fav_comp_btns {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
}

.product-list.rows .product-card > .product_fav_comp_btns a {
    margin: 5px 15px 0 19px;
    width: 30px;
    height: 30px;
}

.product-list.rows .product-card > .product_fav_comp_btns svg {
    width: 22px;
    height: 22px;
}

.product-unit-dropdown {
    display: flex;
}