/* Start:/local/components/cci/similar/templates/.default/style.css?17515402312554*/

@media (min-width: 1661px) {
    .similar .sliderSimilar-cell {
        width: calc(25% - 16px);
        margin: 8px;
    }
}
@media (min-width: 1366px) and (max-width: 1660px) {
    .similar .sliderSimilar-cell {
        width: calc(22% - 16px);
        margin: 8px;
    }
}
@media (min-width: 1024px) and (max-width: 1365px) {
    .similar .sliderSimilar-cell {
        width: calc(25% - 16px);
        margin: 8px;
    }
}
@media (min-width: 576px) and (max-width: 1023px) {
    .similar .sliderSimilar-cell {
        width: calc(50% - 16px);
        margin: 8px;
    }
}
@media (max-width: 575px) {
    .similar .sliderSimilar-cell {
        width: 100%;
        margin: 0;
    }
}
.direction--rtl .similar .h2{
    margin-right: 32px;
}
.similar .sliderSimilar-cell .productPreview {
    padding: 8px 16px 24px 16px;
}
.sliderSimilar-cell {
    width: calc(16.66666666% - 16px);
    margin: 8px;
}
.sliderSimilar-cell:first-child {
    margin-left: 0;
}
.similar .offerBuy__added__text, .similar .offerBuy__add__text {
    display: none;
}
.similar .offerBuy__add .mdi, .similar .offerBuy__added .mdi {
    display: inline !important;
}
/* .similar.background-white article {
    background-color: #fafafa !important;
} */
.similar .flickity-button {
    display: block;
    margin-top: -64px;
}
.similar .flickity-prev-next-button {
    background-color: #fff;
    height: 48px;
    width: 48px;
    z-index: 70;
    border-radius: 0;
    transform: translateY(0%);
    transition: opacity .5s;
    top: 0;
}
.catalog-items .productPriceContainer{}
.similar  .catalog-items .productPreview__Container{
    padding:8px;
}

.direction--rtl .similar .flickity-prev-next-button.previous {
    left: 0;
    right: auto;
}
.direction--rtl .similar .flickity-button.next {
    left: 56px;
    right: auto;
}
.similar .flickity-prev-next-button.previous {
    right: 56px;
    left: inherit;
}
.similar .flickity-button.next {
    right: 0;
    left: inherit;
}
.similar .flickity-button {
    border: solid 1px #f0f0f0;
}
.similar .flickity-prev-next-button .flickity-button-icon {
    left: 17px !important;
    top: 17px !important;
    width: 12px !important;
    height: 12px !important;
}
.similar .h2 {
    font-family: var(--cci-font-title);
    text-transform: uppercase;
    color: #707070;
    font-size: 32px;
    margin: 16px 108px 24px 0;
    line-height: 1;
    letter-spacing: normal;
    font-weight: bold;
    font-style: normal;
}
.bx-no-touch .similar.background-white article:hover:after {
    background-color: #fafafa !important;
}

/* End */
/* /local/components/cci/similar/templates/.default/style.css?17515402312554 */