

/* Start:/bitrix/components/ng/product.recommendations/templates/.default/style.css?176336833617409*/
.similar-products-block {
    position: relative;
    height: 400px;
}
@media (max-width: 1199px) {
    .similar-products-block {
        /*height: 360px;*/
    }
}
@media (max-width: 767px) {
    .similar-products-block {
        height: 250px;
    }
}
.similar-products-block .similar-products-block-wrapper {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 3;
}
.similar-products-block .btn {
    cursor: pointer;
    border: none;
    background: none;
    border-radius: 8px;
    font-weight: 700;
    font-size: 20px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
    outline: 0;
    padding: 12px;
}
.similar-products-block .btn svg {
    width: 14px;
    height: auto;
}
.similar-products-block .similar-products-title-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    column-gap: 20px;
    row-gap: 10px;
    margin-bottom: 16px;
}
.similar-products-block .similar-products-title-wrapper .similar-products-title {
    color: #0B273D;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
}
.similar-products-block .similar-products-title-wrapper .similar-products-buttons {
    display: flex;
    gap: 8px;
}
.similar-products-block .similar-products-title-wrapper .similar-products-buttons .arrow-button {
    border-radius: 4px;
    border: 0.8px solid #E7E9EC;
    padding: 8px 10px;
}
.similar-products-block .similar-products-title-wrapper .similar-products-buttons .arrow-button:hover {
    color: #fff;
    background: #3d9cea;
}
.similar-products-block .similar-products-title-wrapper .similar-products-buttons .arrow-button:hover svg path {
    color: #fff;
}
.similar-products-block .similar-products-title-wrapper .similar-products-buttons .arrow-button svg {
    width: 6px;
    height: 10px;
}
.similar-products-block .similar-products-swiper {
    padding-bottom: 300px;
}
.similar-products-block .similar-products-swiper .product-item {
    position: relative;
    border-radius: 8px;
    border: 0.8px solid #E7E9EC;
    padding: 16px;
    background: white;
    display: grid;
    grid-template-columns: 129px 1fr;
    grid-column-gap: 16px;
    grid-row-gap: 4px;
}
@media (max-width: 1439px) {
    .similar-products-block .similar-products-swiper .product-item {
        grid-template-columns: 60px 1fr;
    }
}
@media (max-width: 1199px) {
    .similar-products-block .similar-products-swiper .product-item {
        /*grid-template-columns: 1fr;*/
    }
}
@media (max-width: 767px) {
    .similar-products-block .similar-products-swiper .product-item {
        /*grid-template-columns: 129px 1fr;*/
        grid-template-columns: 60px 1fr;
    }
}
.similar-products-block .similar-products-swiper .product-item .product-item_labels {
    position: absolute;
    top: 8px;
    left: 8px;

    display: flex;
    flex-direction: column;
    gap: 4px;
	z-index: 1;
}
.similar-products-block .similar-products-swiper .product-item .product-item_labels .product-item_label {
    padding: 3px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
}
.similar-products-block .similar-products-swiper .product-item .product-item_label__fire {
    background-color: #f9955e;
}
.similar-products-block .similar-products-swiper .product-item .product-item_label__fire:before {
    content: "";
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='13' viewBox='0 0 12 13' fill='none'%3E%3Cg clip-path='url(%23clip0_17297_124)'%3E%3Cpath d='M4.23609 12.4843C4.3533 12.5466 4.47695 12.4116 4.40518 12.2999C4.01565 11.6937 3.64679 10.6735 4.23448 9.35971C5.21452 7.16878 5.81087 6.03404 5.81087 6.03404C5.81087 6.03404 6.12807 7.35827 6.98792 8.53571C7.81547 9.6689 8.26843 11.0941 7.53819 12.2814C7.46966 12.3928 7.59051 12.5243 7.70696 12.4647C8.61088 12.0023 9.62473 11.0748 9.73912 9.22906C9.7813 8.66506 9.71804 7.87545 9.40175 6.87904C8.99506 5.61617 8.4951 5.0269 8.20582 4.77384C8.11929 4.69813 7.98472 4.76523 7.99182 4.87998C8.07612 6.2426 7.56349 6.58839 7.2717 5.80911C7.15517 5.49786 7.08721 4.9595 7.08721 4.3039C7.08721 3.21242 6.77054 2.08885 6.0724 1.17583C5.89085 0.938401 5.67842 0.716538 5.4347 0.527342C5.34646 0.458832 5.21856 0.527695 5.22664 0.639106C5.28024 1.37903 5.23168 3.4996 3.37126 6.03302C1.68441 8.38304 2.33806 10.1878 2.57 10.6767C3.01345 11.6131 3.63201 12.1631 4.23609 12.4843Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_17297_124'%3E%3Crect width='12' height='12' fill='white' transform='translate(0 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.similar-products-block .similar-products-swiper .product-item .product-item_label__black_night {
    background-color: #0B273D;
}
.similar-products-block .similar-products-swiper .product-item .product-item_label__black_night:before {
    content: "";
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='15' viewBox='0 0 14 15' fill='none'%3E%3Cg clip-path='url(%23clip0_17331_1933)'%3E%3Cpath d='M0.139711 9.85532C0.282732 9.70151 0.502764 9.64864 0.700152 9.72074C1.40148 9.97698 2.14254 10.107 2.90282 10.107C4.63295 10.107 6.25969 9.4332 7.48343 8.20989C8.70739 6.98636 9.38137 5.3592 9.38137 3.62842C9.38137 2.86995 9.25149 2.12985 8.99514 1.42864C8.92304 1.23136 8.97581 1.01143 9.12972 0.868303C9.28364 0.725176 9.50698 0.688326 9.69871 0.77463C10.9447 1.33496 12.0066 2.23314 12.7695 3.37186C13.5514 4.53888 13.9765 5.90062 13.999 7.31011C14.0151 8.31264 13.829 9.28837 13.4461 10.2102C13.0772 11.0983 12.5432 11.896 11.8592 12.5809C11.1752 13.2658 10.3783 13.8007 9.49074 14.1709C8.60303 14.541 7.66501 14.7285 6.70093 14.7284C6.66462 14.7284 6.62809 14.7282 6.59166 14.7276C5.18058 14.707 3.81649 14.2821 2.64711 13.4991C1.50669 12.7354 0.607226 11.6721 0.0461445 10.4243C-0.0401592 10.2326 -0.00341605 10.0092 0.139711 9.85532Z' fill='%23F9955E'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_17331_1933'%3E%3Crect width='14' height='14' fill='white' transform='matrix(-4.37114e-08 1 1 4.37114e-08 0 0.728516)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.similar-products-block .similar-products-swiper .product-item .product-item_label__zoo {
    border: 1.6px solid #F9955E;
    background: #FEF3EB;
}
.similar-products-block .similar-products-swiper .product-item .product-item_label__zoo:before {
    content: "";
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='14' viewBox='0 0 16 14' fill='none'%3E%3Cpath d='M11.1913 8.40719C10.894 8.24028 10.6511 7.96756 10.5075 7.63925C10.0715 6.64266 9.08717 5.99872 7.99986 5.99872C6.91255 5.99872 5.92826 6.64266 5.49223 7.63925C5.34861 7.96756 5.10573 8.24028 4.80842 8.40719C3.93733 8.89612 3.40139 9.81984 3.40976 10.8178C3.42233 12.314 4.66495 13.5312 6.1798 13.5312H9.81992C11.3348 13.5312 12.5774 12.314 12.59 10.8178C12.5983 9.81981 12.0624 8.89612 11.1913 8.40719Z' fill='%23F9955E'/%3E%3Cpath d='M10.4894 4.98666C11.5493 4.98666 12.4115 3.97328 12.4115 2.72769C12.4115 1.48209 11.5493 0.46875 10.4894 0.46875C9.42963 0.46875 8.56738 1.48213 8.56738 2.72772C8.56738 3.97331 9.4296 4.98666 10.4894 4.98666Z' fill='%23F9955E'/%3E%3Cpath d='M14.0778 4.65155C13.018 4.65155 12.1558 5.66492 12.1558 6.91052C12.1558 8.15611 13.018 9.16949 14.0778 9.16949C15.1377 9.16949 15.9999 8.15611 15.9999 6.91052C15.9999 5.66492 15.1376 4.65155 14.0778 4.65155Z' fill='%23F9955E'/%3E%3Cpath d='M5.51093 4.98666C6.57078 4.98666 7.433 3.97328 7.433 2.72769C7.433 1.48209 6.57078 0.46875 5.51093 0.46875C4.45109 0.46875 3.58887 1.48213 3.58887 2.72772C3.58887 3.97331 4.45112 4.98666 5.51093 4.98666Z' fill='%23F9955E'/%3E%3Cpath d='M1.92206 4.65155C0.86225 4.65155 0 5.66492 0 6.91052C0 8.15611 0.86225 9.16949 1.92206 9.16949C2.98187 9.16949 3.84412 8.15611 3.84412 6.91052C3.84412 5.66492 2.98191 4.65155 1.92206 4.65155Z' fill='%23F9955E'/%3E%3C/svg%3E");
}
.similar-products-block .similar-products-swiper .product-item .product-item_image {
    width: 100%;
    max-width: 129px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    height: 0;
    overflow: hidden;
    padding-top: 100%;
    background: transparent;
    position: relative;
    max-height: unset;
}
.similar-products-block .similar-products-swiper .product-item .product-item_image img {
    object-fit: contain;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: unset;
    max-width: unset;
    object-position: center;
}
.similar-products-block .similar-products-swiper .product-item .product-item_wrapper {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.similar-products-block .similar-products-swiper .product-item .product-item_title {
    color: #0B273D;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px; /* 125% */
    max-width: calc(100% - 52px) !important;
}
.similar-products-block .similar-products-swiper .product-item .product-item_description {
    color: #788087;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
    max-width: calc(100% - 52px) !important;
}
.similar-products-block .similar-products-swiper .product-item .product-item_skus {
    position: relative;
}
.similar-products-block .similar-products-swiper .product-item .product-item_skus .product-item_skus_hidden {
    height: 0;
    overflow: auto;
    width: 100%;
    transition: 0.3s;
    background: white;
    z-index: 50;
    position: absolute;
    max-height: 300px;
}
/*.similar-products-block .similar-products-swiper .product-item .product-item_skus:hover .product-item_skus_hidden {*/
/*    height: auto;*/
/*}*/
@media (hover: hover) {
    .similar-products-block .similar-products-swiper .product-item .product-item_skus:hover .product-item_skus_hidden {
        height: auto;
    }
}
.similar-products-block .similar-products-swiper .product-item .product-item_skus.opened .product-item_skus_hidden {
    height: auto;
}
.similar-products-block .similar-products-swiper .product-item .product-item_sku {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 20px;
    margin-top: 12px;
    padding-left: 5px;
    padding-right: 5px;
}
.similar-products-block .similar-products-swiper .product-item .product-item_sku.product-item_sku-sale .product-item_skus_price {
    color: #F9955E;
}
.similar-products-block .similar-products-swiper .product-item .product-item_sku.product-item_sku-out_of_stock .product-item_skus_price {
    color: #99a4ae;
}
.similar-products-block .similar-products-swiper .product-item .product-item_sku.product-item_sku-out_of_stock .product-item-button-cart {
    color: #99a4ae;
    background: #e7e9ec;
    pointer-events: none;
}

.similar-products-block .similar-products-swiper .product-item .product-item_sku.product-item_sku-out_of_stock .product-item-button-cart svg {
	fill: #99A4AE;
}

.similar-products-block .similar-products-swiper .product-item .product-item_sku.product-item_sku-out_of_stock .product-item-button-cart path {
	fill: #99A4AE;
}
.similar-products-block .similar-products-swiper .product-item .product-item_sku .product-item_skus-wrapper {
    border-bottom: 1px solid #E7E9EC;
    display: flex;
    /*flex-wrap: wrap;*/
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    position: relative;
}
.similar-products-block .similar-products-swiper .product-item .product-item_sku .product-item_skus_labels {
    display: flex;
    gap: 4px;
    transform: translate(0, -50%);
    position: absolute;
    top: 0;
    right: 12px;
}
.similar-products-block .similar-products-swiper .product-item .product-item_sku .product-item_skus_labels[data-pickup]:before {
    content: attr(data-pickup);
    color: #FFF;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    padding: 2px 6px;
    border-radius: 4px;
    background: #3D9CEA;
}
.similar-products-block .similar-products-swiper .product-item .product-item_sku .product-item_skus_labels[data-sale]:after {
    content: attr(data-sale);
    color: #FFF;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    padding: 2px 6px;
    border-radius: 4px;
    background: #F9955E;
}
.similar-products-block .similar-products-swiper .product-item .product-item_sku .product-item_skus-package {
    color: #0B273D;
    text-align: left;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
}
.similar-products-block .similar-products-swiper .product-item .product-item_sku .product-item_skus_price-container {
    display: flex;
    gap: 5px;
    align-items: center;
}

.similar-products-block .similar-products-swiper .product-item .product-item_sku .product-item_skus_price {
    color: #0B273D;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px; /* 114.286% */
    white-space: nowrap;
}
.similar-products-block .similar-products-swiper .product-item .product-item-button-cart {
    border-radius: 8px;
    background: #EFF7FD;
    width: 38px;
    height: 38px;
    padding: 0;
position: relative;
}
.similar-products-block .similar-products-swiper .product-item .product-item-button-cart.in-cart {
	background: #3d9cea;
}
.similar-products-block .similar-products-swiper .product-item .product-item-button-cart.in-cart svg {
	display: none;
}
.similar-products-block .similar-products-swiper .product-item .product-item-button-cart.in-cart:before{
	content: '';
  width: 14px;
  height: 14px;
  background: url(/bitrix/templates/gar_new/style/../images/catalog/tick-white.svg);
}
.similar-products-block .similar-products-swiper .product-item .product-item-button-cart.in-cart:after{
	content: '+1';
  position: absolute;
  top: -10px;
  width: 21px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, .85);
  font-size: 13px;
  line-height: 16px;
  color: #3d9cea;
  font-weight: 700;
  border-radius: 50%;
  opacity: 0;
  z-index: -1;
  transition: .3s;
}
.similar-products-block .similar-products-swiper .product-item .product-item-button-cart.in-cart:hover:after{
opacity: 1;
  z-index: 1;
}

.similar-products-block .similar-products-swiper .product-item .product-item-button-cart:hover {
    color: #fff;
    background: #3d9cea;
}
.similar-products-block .similar-products-swiper .product-item .product-item-button-cart:hover svg path {
    color: #fff;
    fill: #fff;
}
.similar-products-block .similar-products-swiper .product-item .product-item-button-favorite {
    position: absolute;
    top: 16px;
    right: 16px;
    cursor: pointer;
    border: none;
    background: none;
    border-radius: 8px;
    font-weight: 700;
    transition: 0.3s;
    outline: 0;
    padding: 0;
}
.similar-products-block .similar-products-swiper .product-item .product-item-button-favorite svg {
    width: 14px;
    height: 14px;
}
.similar-products-block .similar-products-swiper .product-item .product-item-button-favorite:hover {
    color: #3d9cea;
}
.similar-products-block .similar-products-swiper .product-item .product-item-button-favorite:hover svg path {
    color: #3d9cea;
}

.home-similar-products-block {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 30px;
    /*margin: 30px 0;*/
    margin-top: 30px;
    margin-bottom: 60px;
}

@media (max-width: 1439px) {
    .home-similar-products-block {
        /*grid-template-columns: 1fr 430px;*/
    }
}
@media (max-width: 1199px) {
    .home-similar-products-block {
        grid-template-columns: 1fr;
    }
    .home-similar-products-block .home-similar-products-block-banner {
        padding: 40px 40px;
    }
}

.home-similar-products-block .home-similar-products-block-banner {
    border-radius: 16px;
    background: #F7F7F8;
    padding: 20px 20px;
}
.home-similar-products-block .home-similar-products-block-banner {
    display: flex;
    flex-direction: column;
    /*align-items: center;*/
    justify-content: center;
}
.home-similar-products-block .home-similar-products-block-banner-title {
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px; /* 136.364% */
}
.home-similar-products-block .home-similar-products-block-banner-title .accent {
    font-size: 64px;
    line-height: 120%;
}
.home-similar-products-block .home-similar-products-block-banner-title:before {
    content: '';
    display: block;
    width: 38px;
    height: 33px;
    background: #3D9CEA;
    margin-bottom: 24px;
    border-radius: 8px;
}
.home-similar-products-block .home-similar-products-block-banner-desc {
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px; /* 136.364% */
}
.home-similar-products-block .home-similar-products-block-banner-desc .accent {
    color: #3D9CEA;
}
/* End */
/* /bitrix/components/ng/product.recommendations/templates/.default/style.css?176336833617409 */
