/* Start:/local/templates/Nebrito/components/bitrix/catalog/catalog/style.css?16857130361509*/
.section_description {}

.guid_wrapper {margin: 12px 0; }
.guid_wrapper a {display: block; background: center center no-repeat; position: relative; border-radius: 18px; overflow: hidden }
.guid_wrapper a .guid_caption {background: rgba(51,51,255, 0.15); padding: 36px 36px; }
.guid_wrapper a .guid_caption .guid_title {font-size: 28px; line-height: 30px; font-weight: bold; color:#FFF; margin: 0 0 6px;  max-width: 600px; text-shadow: 0 0 6px rgba(0,0,0,0.5);}
.guid_wrapper a .guid_caption .guid_description {font-size: 18px; line-height: 24px; color:#FFF;  max-width: 600px; text-shadow: 0 0 6px rgba(0,0,0,0.5);}
.guid_wrapper a .guid_caption .guid_btn {display: flex; align-items: center; margin-left: auto; margin-top: 12px; font-size: 12px; line-height: 24px; padding: 6px 24px; font-weight: bold; border-radius: 6px; background: #3333FF; color:#FFF; width: 120px; text-align: center;}
.guid_wrapper a .guid_caption .guid_btn strong {margin-right: 12px;}

.filter_wrapper {margin-bottom: 24px; padding: 8px 0; background: #F7FAFC; border:solid 1px #EBF3F7; border-left: none; border-right: none;}
.filter_wrapper .flex {display: flex}
.filter_wrapper .sort_menu .element {margin-left: auto; margin-right:0;}

@media (max-width:767px) {
    .guid_wrapper a .guid_caption {padding: 18px;}
    .guid_wrapper a .guid_caption .guid_description {margin-bottom: 12px;}
    .guid_wrapper a .guid_caption .guid_btn {margin: 0; width: auto; display: inline-flex}
}

@media (min-width:768px) {}
/* End */


/* Start:/local/templates/Nebrito/components/bitrix/catalog.element/catalog/style.css?175207328213273*/
.catalog_element .top {padding: 30px 0 60px; background: #FFF; border-top: solid 1px #EEE;}

.mobile_add2cart_tab {display: none;}

@media (max-width:767px) {
    .mobile_add2cart_tab {position: fixed; display: flex; bottom: 56px; transform: translateY(100%); left:0; right:0; height: 56px; z-index: 100; overflow: hidden; padding: 8px 12px; background: #EBF3F7; box-shadow: 0 -2px 8px rgba(0,0,0,.1); border-top:solid 1px #EEE; width: 100%; transition: transform .2s ease;}
    .mobile_add2cart_tab.active {transform: translateY(0)}
    .mobile_add2cart_tab .caption {flex-shrink: 1; padding-right: 8px; overflow: hidden}
    .mobile_add2cart_tab .caption .price {font-size: 16px; line-height: 20px; }
    .mobile_add2cart_tab .caption .price strong {font-weight: 900; }
    .mobile_add2cart_tab .caption .price s {color:#999;}
    .mobile_add2cart_tab .caption .title {font-size: 13px; line-height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

    .mobile_add2cart_tab .cta.small {flex-shrink: 0; margin-left: auto; padding: 0 16px;}
    .mobile_add2cart_tab .add2cart_wrapper {flex-shrink: 0; margin-left: auto;}
    .mobile_add2cart_tab .cta.small span {white-space: nowrap; line-height: 40px;}
    .mobile_add2cart_tab .go2cart strong {white-space: nowrap; line-height: 40px;}

    .catalog_element .rating_wrapper a.rating {width: 100px; height: 20px;}
}

/*PICTURES*/
@media (min-width:768px) {
    .catalog_element .swiper-wrapper {display: block !important; height: auto !important;}
    .catalog_element .slider_nav {display: none}

    .catalog_element .main_picture.hide {display: none;}
    .catalog_element .main_picture.selected {display: block;}

    .catalog_element .rating_wrapper a.rating {height: 16px; width: 80px}
}

.catalog_element .picture_wrapper {padding:30px 0 0 0; position: sticky; top:0; transform: translateZ(0);}
.catalog_element .picture_wrapper.show {padding-left: 72px;}

.catalog_element .thumbs_wrapper {position: absolute; top: 30px; left:0; bottom:0; display: none; z-index: 100;}
.catalog_element .picture_wrapper.show .thumbs_wrapper {display: block;}
.catalog_element .thumbs {position: sticky; top: 30px;}
.catalog_element .thumbs li {display: block; margin-bottom: 12px;}
.catalog_element .thumbs li a {width: 64px; height: 64px; padding: 7px;  display: block; background: #FFF; border-radius: 4px; transition: all .2s ease; cursor: zoom-in; outline: none}
.catalog_element .thumbs li a:hover {box-shadow: 0 0 0 2px #EBF3F7;}
.catalog_element .thumbs li a.select {box-shadow: 0 0 0 2px #3333ff;}
.catalog_element .thumbs li a img {width: 50px;}
.catalog_element .thumbs li a.video_icon {line-height: 64px; text-align: center; font-size: 32px; background: #FAFAFA; padding:0; color:#ff3333;}
.catalog_element .thumbs li a.video_icon:hover {background: #EEE;}

.catalog_element .main_picture {display: block; position: relative; cursor: zoom-in; outline: none; width: 100%; padding-top: 100%; overflow: hidden; margin-bottom: 24px; opacity: 1; border:solid 2px transparent}
.catalog_element .main_picture.load {}
.catalog_element .main_picture.load .loader {display: block}
.catalog_element .main_picture.active {border-radius: 12px; z-index: 5; border-color: #3333FF }
.catalog_element .main_picture img {display: block; width: 100%; position: absolute; top: 50%; left:50%; z-index: 10; transform: translateY(-50%) translateX(-50%);}
.catalog_element .main_picture img.zoom {position: absolute; opacity: 0; width: auto; z-index: 15; transition: opacity .2s ease; cursor: zoom-in; left:0; top:0;}
.catalog_element .main_picture.active img.zoom {opacity: 1;}

.catalog_element .caption_wrapper {position: sticky; top:0; padding: 30px 0 0 0;}

.catalog_element h1.main_title {font-size: 22px; line-height: 28px; margin: 6px 0 12px;}
.catalog_element .weight {font-size: 16px; line-height: 20px; color:#777; margin:-4px 0 12px;}

.catalog_element .subtitle {font-size: 16px; line-height: 24px;}

/*RATING*/
.catalog_element .rating_wrapper {margin: 12px 0 24px}
.catalog_element .rating_wrapper a {display: inline-block; vertical-align: middle; line-height: 16px; font-size: 12px;}
.catalog_element .rating_wrapper a.rating {}
.catalog_element .rating_wrapper a.label {color:#3333FF; margin-left: 6px;}
.catalog_element .rating_wrapper a.label:hover {color:#000; border-color: transparent;}


/*PRICE*/
.catalog_element .price {margin: 36px 0 24px; display: flex; align-items: center}
.catalog_element .price strong, .catalog_element  .price s {display: inline-block; vertical-align: middle;}
.catalog_element .price strong {font-weight: 800; font-size: 32px;  line-height: 32px;}
.catalog_element .price img {height: 18px; margin-left: 6px; }
.catalog_element .price s {color:#999; font-size: 18px; line-height: 32px; margin-left: 24px; position: relative; font-weight: 500; z-index: 1; text-decoration: none;}
.catalog_element .price s:after {content: ""; display: block; position: absolute; left:0; right:0; top: 45%; height: 2px; border-top: solid 1px #777; background: #FFF; z-index: 2;}

.catalog_element .best_price {line-height: 24px; font-size: 13px; margin-left: 24px}
.catalog_element .best_price a {text-decoration: underline;}

.catalog_element .available {font-size: 14px; line-height: 36px;}
.catalog_element .available i, .catalog_element .available span {display: inline-block; vertical-align: middle;}
.catalog_element .available i {font-size: 16px; width: 24px; text-align: center; background: #40F99B; border-radius: 50%; line-height: 24px; margin-right:2px;}
.catalog_element .available.not i {background: #EEE;}
.catalog_element .available .preorder {background: #EBF3F7; padding: 0 12px; border-radius: 5px; font-size: 11px; font-weight: bold; border: solid 1px #bed5dc;}


.catalog_element .shipping_alert {margin: 12px 0; font-size: 13px; line-height: 25px; padding: 12px; border:solid 1px #EEE; background: #EBF3F7;}

.catalog_element .action {margin: 24px 0 0;}

.catalog_element .favorite {line-height: 36px; padding: 10px 0; display: inline-block;}
.catalog_element .favorite i, .catalog_element .favorite span, .catalog_element .favorite em {display: inline-block; vertical-align: middle; transition: color .2s ease;}
.catalog_element .favorite i {font-size: 24px; line-height: 36px; width: 24px; text-align: center; border-radius: 50%; margin-right: 12px; color:#777; z-index: 1; position: relative;}
.catalog_element .favorite i:after {content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; border-radius: 50%; background: #3333ff; opacity: 0;}
.catalog_element .favorite span, .catalog_element .favorite em {font-size: 11px; color:#777;}
.catalog_element .favorite em {display: none; font-style: normal}
.catalog_element .favorite:hover i {color:#3333ff;}
.catalog_element .favorite:hover span {color:#000;}
.catalog_element .favorite.active i {color:#3333FF}
.catalog_element .favorite.active i:after {animation: active 1s ease}
.catalog_element .favorite.active i:before {content: "\e91c";}
.catalog_element .favorite.active span {display: none;}
.catalog_element .favorite.active em {display: inline-block;}

/*PROPERTIES*/
.catalog_element .properties {padding:12px 0 36px; overflow: hidden; margin-top: 12px; }
.catalog_element .properties ul {font-size: 13px; line-height: 24px; color:#999;}
.catalog_element .properties ul li {margin: 0 0; padding: 0 0 0 36px; position: relative; display: flex;}
.catalog_element .properties ul li:before  {content: ""; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); height: 1px; width: 24px; background: #CCC; transition: all .2s ease; }
.catalog_element .properties ul li .label {margin-right: 12px;}
.catalog_element .properties ul li strong {font-weight: 500; color:#444;}
.catalog_element .properties ul li a.brand {font-weight: 500; color:#444; display: inline-flex; height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis}
.catalog_element .properties ul li a.brand span {border-bottom:solid 1px #777; transition: all .2s ease; line-height: 23px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
.catalog_element .properties ul li a.brand em {font-style: normal; color: #999; margin-left: 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
.catalog_element .properties ul li a.brand:hover {color:#3333FF;}
.catalog_element .properties ul li a.brand:hover span {border-color: transparent;}
.catalog_element .properties ul li a.brand img {height: 24px; margin-right: 6px;}

/*INFO*/
.catalog_element .info {margin: 24px 0 0; padding-bottom: 24px; border-bottom: solid 2px #EBF3F7}
.catalog_element .info .element {display: flex; color:#000; font-size: 13px; line-height: 24px; margin-top:8px;}
.catalog_element .info .element i {font-size: 24px; line-height: 24px; text-align: center; width: 24px; margin-right: 12px;}
.catalog_element .info .element a {font-size: 16px; line-height: 24px; width: 24px; height: 24px; text-align: center; display: block; margin-left: 6px; color: rgba(0,0,0,.5); background: #EBF3F7; border-radius: 50%;}
.catalog_element .info .element a:hover {color: #FFF; background: #3333FF;}

/*PREVIEW*/
.catalog_element .preview {font-size: 16px; line-height: 24px; margin: 18px 0 0;}
.catalog_element .preview .goto {white-space: nowrap;}
.catalog_element .preview .goto span {border-bottom:dashed 1px #999; transition: all .2s ease; }
.catalog_element .preview .goto i:before {transition: all .2s ease;}
.catalog_element .preview .goto:hover {color:#000;}
.catalog_element .preview .goto:hover span {border-color: transparent; }
.catalog_element .preview .goto:hover i:before {margin-left: 8px;}

/*SUMMARY*/
.catalog_element .summary_information {font-size: 13px; line-height: 24px; margin: 12px 0;}
.catalog_element .summary_information li {margin: 0; padding-left: 36px; position: relative}
.catalog_element .summary_information li:before {content:""; display: block;  position: absolute; left: 8px; top: 8px; width: 8px; height: 8px; border-radius: 50%; background: #3333ff}

.catalog_element .promo {}
.catalog_element .promo .element {display: flex; line-height: 20px; background: #F7FAFC; border:solid 2px #EBF3F7; padding: 24px 12px; border-radius: 12px; box-shadow: 0 0 18px 4px rgba(0,0,0,.03)}
.catalog_element .promo .element i.icon {font-size: 40px; line-height: 40px; width: 40px; text-align: center; margin-right: 12px; color:#3333FF;}
.catalog_element .promo .element .caption strong {font-size: 13px; line-height: 20px; display: block;}
.catalog_element .promo .element .caption div {font-size: 11px; line-height: 20px; color:#999;}

    /*DESCRIPTION*/
.catalog_element .description {padding: 60px 0 40px; font-size: 16px; line-height: 24px; }
.catalog_element .description .video_wrapper {position: sticky; top:20px; width: 100%; padding-bottom: 56.25%;}
.catalog_element .description .video_wrapper .video {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;}

.catalog_element .description h3 {margin: 48px 0 24px; font-size: 19px; line-height: 24px;}

.catalog_element .description ul {margin: 24px 0; padding:0; list-style-type: none;}
.catalog_element .description ul li {margin: 6px 0; padding-left: 36px; position: relative}
.catalog_element .description ul li:before {content: ""; position: absolute; top: 12px; left:12px; height: 2px; width: 12px; background: #3333FF; border-radius: 1px;}

.catalog_element .description ol {margin: 24px 0; counter-reset: ol_counter;}
.catalog_element .description ol li {margin: 6px 0; padding-left: 36px; position: relative; counter-increment: ol_counter;}
.catalog_element .description ol li:before {display: block; content: counter(ol_counter); position: absolute; left: 0; top: 0; font-weight: 600; color:#3333FF; width: 36px; text-align: center;}

.catalog_element .description .text {}
.catalog_element .description .text.preview_text {font-weight: 500;}

.catalog_element .description .ingredients {margin: 24px -15px 0; padding: 24px 15px; background: #F7FAFC}
.catalog_element .description .ingredients .ingredients_title {font-size: 16px; line-height: 20px; font-weight: 600; margin-bottom: 12px;}
.catalog_element .description .ingredients .ingredients_description {font-size: 14px; line-height: 20px; opacity: .8}
.catalog_element .description .ingredients .warning {font-size: 12px; line-height: 18px; opacity: .5; margin-top: 12px;}

.catalog_element .description .detail_pictures {}
.catalog_element .description .detail_pictures a {display: block; overflow: hidden; position: relative; height: 400px;}
.catalog_element .description .detail_pictures a img {position: absolute; top: 50%; left: 50%; width: auto; height: 100%; transform: translate(-50%, -50%); }

/*BREADCRUMB*/
.breadcrumb {margin: 0 0 6px 0; padding:0; list-style-type: none; line-height: 18px; font-size: 11px; white-space: nowrap; overflow: hidden;}
.breadcrumb li {display:inline-block; vertical-align: middle; color:#777;}
.breadcrumb li.border {width: 24px; text-align: center; color:#777; font-size: 8px;}
.breadcrumb li a {color:#3333ff; display: flex;}
.breadcrumb li a:hover {color:#444;}
.breadcrumb li a i {display: none; margin-right: 4px; transform:rotate(180deg); line-height: 24px; font-size: 10px;}
/* End */


/* Start:/local/components/nebrito/breadcrumb/templates/.default/style.css?1650735769504*/
.breadcrumb {margin: 0 0 6px 0; padding:0; list-style-type: none; line-height: 18px; font-size: 11px; white-space: nowrap; overflow: hidden;}
.breadcrumb li {display:inline-block; vertical-align: middle; color:#777;}
.breadcrumb li.border {width: 24px; text-align: center; color:#777; font-size: 8px;}
.breadcrumb li a {color:#3333ff; display: flex;}
.breadcrumb li a:hover {color:#444;}
.breadcrumb li a i {display: none; margin-right: 4px; transform:rotate(180deg); line-height: 24px; font-size: 10px;}
/* End */


/* Start:/local/templates/Nebrito/components/bitrix/system.pagenavigation/.default/style.css?1650735769995*/
.page_navigarion {margin: 32px 0; font-size: 13px; line-height: 32px; height: 32px; overflow: hidden; color:#000; display: flex; align-items:flex-start;}
.page_navigarion li {display: inline-block; margin-right: 2px;}
.page_navigarion li .page, .page_navigarion li .current_page {display: block; width: 32px; text-align: center; border-radius: 50%; background: transparent; font-weight: 500;}
.page_navigarion li .page {color:#000;}
.page_navigarion li .page:hover {color:#000; background: #E6E6E6;}
.page_navigarion li .current_page {color:#FFF; background: #3333ff;}

.page_navigarion li .nav {padding: 0 12px; border-radius: 16px; display: block;}
.page_navigarion li .nav span, .page_navigarion li .nav i {display: inline-block; vertical-align: top; line-height: 32px;}
.page_navigarion li .nav.next {color:#000;}
.page_navigarion li .nav.next i {margin-left: 8px; }
.page_navigarion li .nav:hover {background: #E6E6E6; color:#000;}

.page_navigarion li.info {color:#999; margin-left: auto;}
/* End */


/* Start:/local/templates/Nebrito/components/bitrix/news.list/catalog_reviews/style.css?16507357694891*/
/*REVIEWS PICUTRES*/
.catalog_reviews {}
.catalog_reviews.reviews_padding {padding: 60px 0;}

.catalog_reviews .real_pictures {padding: 0 0 60px;}
.catalog_reviews .real_pictures .picture {display: block; cursor: zoom-in;}
.catalog_reviews .real_pictures .picture img {width: 100%; border-radius: 4px;}

/*REVIEWS*/
.catalog_reviews_list {padding: 0 0;}
.catalog_reviews_list .element  {padding-bottom: 30px; margin-bottom: 30px; border-bottom: solid 2px #EBF3F7;}

.catalog_reviews_list .element .author {}
.catalog_reviews_list .element .author .photo {display: block; width: 50px; height: 50px; background-color:  #EBF3F7; border-radius: 50%; margin: 0 auto 6px;}
.catalog_reviews_list .element .author .name {text-align: center; font-size: 15px; line-height: 24px; font-weight: 500;}
.catalog_reviews_list .element .author .hint {font-size: 13px; color:#999; line-height: 24px; text-align: center;}

.catalog_reviews_list .element .product_wrapper {padding: 12px; margin-bottom: 12px; border: solid 1px #E6E6E6; border-radius: 6px; font-size: 13px; display: flex}
.catalog_reviews_list .element .product_wrapper img {height: 50px; margin-right: 6px;}
.catalog_reviews_list .element .product_wrapper span {overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 50px;}

.catalog_reviews_list .element .rating_wrapper {margin: 13px 0 19px;}
.catalog_reviews_list .element .rating_wrapper span {display: inline-block; vertical-align: middle; height: 24px; line-height: 24px;}
.catalog_reviews_list .element .rating_wrapper span.rating { width: 120px;}
.catalog_reviews_list .element .rating_wrapper span.label {font-weight: 500; margin-left: 6px; font-size: 14px;}
.catalog_reviews_list .element .rating_wrapper span.experience {margin-left: 24px; font-size: 11px; padding: 0 12px; box-shadow: 0 0 0 1px #CCC; border-radius: 4px;}

.catalog_reviews_list .element .text {font-size: 15px; line-height:24px; color:#000; margin-bottom: 12px; }

.catalog_reviews_list .element .pictures {margin-top: 12px;}
.catalog_reviews_list .element .pictures a {cursor: zoom-in;}
.catalog_reviews_list .element .pictures a img {width: 100px; border-radius: 4px;}

.catalog_reviews_list .element .current_author {margin-top: 12px;}

.catalog_reviews_list .element .review_reply  {margin-top: 24px; padding: 24px; border-radius: 6px; border:solid 2px #EEE; position: relative; z-index: 1; background: #F7FAFC;}
.catalog_reviews_list .element .review_reply:after {content:""; position: absolute; top:-12px; left: 32px;  height: 24px; width: 24px; border:solid #EEE; border-width: 2px 0  0 2px; transform: rotate(45deg); z-index: 2; background: #F7FAFC;}

.catalog_reviews_list .element .order_wrapper {padding: 6px 12px 6px; border: solid 1px #EEE; border-radius: 6px; margin-top: 12px;}
.catalog_reviews_list .element .order_wrapper .title {font-weight: 600; font-size: 13px; line-height: 24px; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 6px; padding: 6px 0;}
.catalog_reviews_list .element .order_wrapper .basket_list {}
.catalog_reviews_list .element .order_wrapper .basket_list a {display: flex; padding: 6px 0; width: 100%; border-top: solid 1px #EEE; line-height: 24px; font-size: 13px; }
.catalog_reviews_list .element .order_wrapper .basket_list a img {height: 50px; margin-right: 12px;}
.catalog_reviews_list .element .order_wrapper .basket_list a span {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 50px;}

/*REVIEWS INFO*/
.no_reviews {color:#444; font-size: 14px; line-height: 18px; margin-bottom: 24px;}
.reviews_info_wrapper {position: sticky; top: 20px; margin-bottom: 24px;}
.reviews_info {background: #EBF3F7; padding: 12px; margin-bottom: 24px; border-radius: 4px;}
.reviews_info .caption {text-align: center;}
.reviews_info .total {font-size: 56px; line-height: 56px; font-weight: 900; color:#000; margin-bottom: 6px;}
.reviews_info .quantity {font-size: 13px; line-height: 20px; color:#777; margin: 6px 0 0 0;}
.reviews_info .rating {margin: 6px auto 10px; display: block;}
.reviews_info .hint {font-size: 13px; line-height: 16px;}
.reviews_info ul {}
.reviews_info ul li {margin-bottom: 6px;}
.reviews_info ul li .mark, .reviews_info ul li .line, .reviews_info ul li .percent {display: inline-block; vertical-align: middle; font-size: 12px; line-height: 12px; color:#999;}
.reviews_info ul li .mark {width: 16px; margin-right: 6px; text-align: center; font-weight: 500;}
.reviews_info ul li .line {width: calc(100% - 64px); height: 4px; background: #CCC; border-radius: 2px; position: relative}
.reviews_info ul li .line span {position: absolute; top:0; lefT:0; bottom:0; max-width: 100%; background: #3333ff; border-radius: 2px;}
.reviews_info ul li .percent {width: 26px; margin-left: 6px;}

.reviews_rules {margin-bottom: 24px; font-size: 13px; line-height: 24px; padding-left: 24px; border-left: solid 1px #3333FF}
/* End */


/* Start:/local/templates/Nebrito/components/bitrix/catalog.section/catalog/style.css?16507357693959*/
.catalog_element_list {}
.catalog_element_list h2.main_title {margin-top: 48px;}
.catalog_element_list .section_subtitle {font-weight: 600; line-height: 20px; margin: -20px 0 20px;}

.catalog_element_list.catalog_slider {overflow: hidden}
.catalog_element_list .element {overflow: hidden; position: relative; padding: 12px; transition: all .5s ease; border-radius: 6px; box-shadow: 0 0 60px 2px rgba(0,0,0,.03); border:solid 2px transparent}
.catalog_element_list:not(.catalog_slider) .element {margin-bottom: 30px;}
.catalog_element_list.catalog_slider .element {box-shadow: none;}
.catalog_element_list .element:hover {border-color: #EBF3F7;}

/*PICTURE*/
.catalog_element_list .element .picture {display: block; width: 100%; text-align: center; background: #FFF; position: relative; padding: 24px 0;}
.catalog_element_list .element .picture img {display:block; height: 180px; margin: 0 auto; position: relative; z-index: 1; }
.catalog_element_list .element .picture img.second {opacity: 0; position: absolute; top: 24px; left:50%; transform: translateX(-50%); z-index: 2;}
.catalog_element_list .element .picture:hover img.second {opacity: 1;}

/*LABEL*/
.catalog_element_list .element .label {position: absolute; line-height: 24px; text-align: center; padding: 0 6px; z-index: 10; border-radius: 4px; display: flex;}
.catalog_element_list .element .label.sale {background: #FF3333; color:#FFF; bottom: 0; left: 0;}
.catalog_element_list .element .label.hit {background: #EBF3F7; color:#000; top: 0; right: 0;}
.catalog_element_list .element .label.new {background: #EBF3F7; color:#000; top: 0; right: 0;}
.catalog_element_list .element .label.free {background: #EBF3F7; color:#000; bottom: 0; right: 0;}
.catalog_element_list .element .label i, .catalog_element_list .element .label span {display: inline-block; vertical-align: middle}
.catalog_element_list .element .label i {font-size: 14px; line-height: 24px; margin-right: 6px;}
.catalog_element_list .element .label span {font-size: 10px; font-weight: 600;}
.catalog_element_list .element .label.sale span {}
.catalog_element_list .element .label.sale span.percent {font-size: 12px; margin-right: 2px;}
.catalog_element_list .element .label.hit span {}
.catalog_element_list .element .label.new span {}

/*CAPTION*/
.catalog_element_list .element .caption {position: relative; margin-top: 6px;}

.catalog_element_list .element .caption .price {font-size: 21px; line-height: 24px; margin: 0 0 6px;}
.catalog_element_list .element .caption .price s {color:#999; text-decoration: line-through;}
.catalog_element_list .element .caption .price strong {font-weight: 900;}

.catalog_element_list .element .caption .title_wrapper {height: 90px; overflow: hidden;}
.catalog_element_list .element .caption .title {font-size: 14px; line-height: 18px; font-weight: 500; color:#000; display: inline-block}
.catalog_element_list .element .caption .title:hover {color:#3333ff;}
.catalog_element_list .element .caption .properties {color:#777; font-size: 11px; line-height: 18px;}

.catalog_element_list .element .action {position: absolute; top: -42px; transform: translateY(100%); left:0; right:0; opacity: 0; transition: all .3s ease; z-index: 20;}
.catalog_element_list .element:hover .action {opacity: 1; transform: translateY(0)}

.catalog_element_list .element .favorite {position: absolute; bottom: 0; right: 0; line-height: 32px; width: 32px; font-size: 18px; text-align: center; color:#CCC; border-radius: 50%; background: transparent; z-index: 1;}
.catalog_element_list .element .favorite:hover {color:#3333ff;}
.catalog_element_list .element .favorite.active {color:#3333FF;}
.catalog_element_list .element .favorite.active:after {content:""; position: absolute; z-index: -1; opacity: 0; top:0; left: 0; bottom:0; right: 0; background: #3333ff; border-radius:50%; animation: active .5s ease;}
.catalog_element_list .element .favorite.active:before {content: "\e91c";}

/*SLIDER*/
.catalog_element_list {}
/* End */
/* /local/templates/Nebrito/components/bitrix/catalog/catalog/style.css?16857130361509 */
/* /local/templates/Nebrito/components/bitrix/catalog.element/catalog/style.css?175207328213273 */
/* /local/components/nebrito/breadcrumb/templates/.default/style.css?1650735769504 */
/* /local/templates/Nebrito/components/bitrix/system.pagenavigation/.default/style.css?1650735769995 */
/* /local/templates/Nebrito/components/bitrix/news.list/catalog_reviews/style.css?16507357694891 */
/* /local/templates/Nebrito/components/bitrix/catalog.section/catalog/style.css?16507357693959 */