/* Start:/local/templates/maslomart/components/bitrix/catalog/mm_main/style.css?179390151363500*/ .d-inline{display: inline;} .product-container{position: relative;padding-top: 4px;} /*.product-container .product-side{width: 305px;}*/ .product-view--side-right + .product-side{float: left;} .product-view--side-left + .product-side{float: right;} .product-container .product-top{} .product-container .product-info{padding: 27px 39px 39px;margin: 0px 0px 0px;} /*gallery*/ .product-info-headnote + .product-detail-gallery{padding-top: 20px;} .product-container .product-detail-gallery__slider{max-width: 450px;max-height: 450px;display: block;} .product-container .product-detail-gallery__slider:not(.owl-loaded){overflow: hidden;} .product-container .product-detail-gallery__item.product-detail-gallery__item--thmb, .product-container .product-detail-gallery__item .product-detail-gallery__picture{width: auto;display: inline-block;} .product-container .product-detail-gallery__item.product-detail-gallery__item--big a .product-detail-gallery__picture{cursor: zoom-in;} .owl-carousel .owl-item .product-detail-gallery__item{display: block;margin:auto;} .product-detail-gallery__container.product-detail-gallery__container--vertical{position: relative;} .product-detail-gallery__container.product-detail-gallery__container--vertical .product-detail-gallery__thmb-inner{display: block;} .product-container .product-detail-gallery__thmb-inner{display: inline-block;} .product-container .product-detail-gallery__thmb-inner:not(.vertical){margin-top: 17px;} .product-container .product-detail-gallery__slider.thmb{max-width: 140px;max-height: 60px;} /*.product-container .product-detail-gallery__slider.thmb.m-photo:not(.product-detail-gallery__slider--vertical){margin-left: 28px;}*/ .product-container .product-detail-gallery__slider.thmb .owl-item:not(.current){opacity: 0.4} .product-container .product-detail-gallery__slider.thmb .owl-item:hover{opacity: 1} .product-container .product-detail-gallery__item.product-detail-gallery__item--thmb{height: 60px;line-height: 60px;width: 60px;cursor: pointer;} .product-container .product-detail-gallery__slider.thmb.product-detail-gallery__slider--vertical{transform: rotate(90deg);max-height: 280px;position: absolute;left: -100px;top: 153px;} .product-container .product-detail-gallery__slider:not(.owl-loaded).thmb.product-detail-gallery__slider--vertical .product-detail-gallery__item:nth-child(n+5){opacity: 0;display: none;} .product-container .product-detail-gallery__slider.thmb.product-detail-gallery__slider--vertical .product-detail-gallery__picture{transform: rotate(-90deg);} /*tizers*/ .product-container .content_wrapper_block.front_tizers{border:1px solid #ececec;border-radius: 3px;margin: -1px 0px 50px;background: #fff;} .product-container .content_wrapper_block.front_tizers > .maxwidth-theme{padding: 31px 32px 0px;} .product-container .content_wrapper_block.front_tizers > .maxwidth-theme .item-views.tizers{padding:0px;} .product-container .content_wrapper_block.front_tizers > .maxwidth-theme .item-views.tizers .item{padding-bottom: 27px;overflow: hidden;} /*sets*/ .complect{padding:20px;} .complect > .row > div:hover{z-index: 2;} .set_block .item .item_inner { padding: 20px 20px 15px; } .set_block .item .item_inner .thumb{position: static;} .set_block .item .item_inner .image .quantity{position: absolute;right: 0px;top: 0px;width: 29px;height: 29px;line-height: 29px;background:#ddd;color:#fff;border-radius: 100%;} .set_block .separator:before, .set_block .separator:after{content: ""; display: block; position: absolute; top: 91px;background: #999999;right: 3px;z-index: 2;} .set_block .separator:after{width: 10px; height: 2px;margin-top: -1px;margin-right: -8px;} .set_block .separator:before{width: 2px; height: 10px;margin-top: -5px;margin-right: -4px;} .catalog_detail .set_wrapp .item .image, .bx_item_set_hor .bx_item_set_hor_item .bx_item_set_img_container a, .bx_modal_body .bx_kit_item .image a, .bx_kit .bx_kit_img_container a, .bx_modal_body .bx_kit_item .image, .bx_kit .bx_kit_img_container{ display: block; vertical-align: middle; height: 140px; line-height: 140px; width:140px;vertical-align: middle; text-align: center; position: relative; zoom: 1; margin: 0px auto 9px; } .catalog_detail .set_wrapp .item .image img, .bx_item_set_hor .bx_item_set_hor_item .bx_item_set_img_container img, .bx_modal_body .bx_kit_item .image img, .bx_kit .bx_kit_img_container img{ position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .catalog_detail .set_block .item .item-title a , .bx_item_set_hor .bx_item_set_hor_item .item-title a, .bx_modal_body .bx_kit_item .item-title a{line-height: 24px;} .set_block .item .item-title{margin: 0px 0px 2px;} .set_block .item .item-title a span{display: block;} .catalog_detail .bx_item_set_hor_container_big .total_wrapp .total_title{ font-size: 14px; display: inline-block; } .set_block .item .total_wrapp .cost .price, .bx_kit_result_two .price, .bx_kit_result_one .price, .bx_kit_result_tre .price, .bx_kit_result_two .price *, .bx_kit_result_one .price *, .bx_kit_result_tre .price *{ font-size: 28px; line-height: 28px; font-weight: 600; display: inline-block; float: none; margin: 0px 0px 3px; } .catalog_detail .bx_item_set_hor_container_big .total_wrapp .total_price{ vertical-align: bottom; } .set_block .total_wrapp .buttons_wrapp{ margin: 20px 0px 0px; } .catalog_detail .bx_item_set_hor_container_big .total_wrapp .total_buttons .buttons_wrapp .one_click { margin-left: 10px; } .set_block .item .total_wrapp .price.discount, .set_block .item .total_wrapp .price.discount * { font-size: 16px; line-height: 18px; display: block; font-weight: 400; margin: 0px 0px 12px; } .set_block .item .cost.prices .price.font_mxs{font-size: 14px;} .set_block .item .cost.prices .price .font_xs{font-size: 12px;} .product-container .info_item .adaptive-block{max-width: 280px;margin: 30px auto 0px;} .product-container .info_item .adaptive-block .text-form{margin-top:14px;} .product-container .info_item .adaptive-block .text-form + .text-form{margin-top: 9px;} /*props*/ .detail .chars .props_table tr td:first-child{text-align: left;padding-right: 10px;padding-left: 0;} .detail .chars .char-wrapp{padding:25px 35px 26px;border:1px solid #f1f1f1;word-wrap:break-word;} .detail .chars .char-wrapp tr td{font-size: 16px;vertical-align: top;background: url(/local/templates/maslomart/components/bitrix/catalog/mm_main/images/dott.png) 0 15px repeat-x;width: 60%;} .detail .chars .char-wrapp .char_name .hint .tooltips{display:none;position:absolute;left:-30px;top:40px;width:100px;padding:5px;box-shadow:0 0 10px;z-index:9;background:#fff;} .detail .chars .char-wrapp .char_name .hint .icons:hover + .tooltips{display:block;} .detail .chars .props_table{width:100%;} .detail .chars .props_table td{padding: 2px 0 2px 10px;text-align: right;} .detail .chars .props_table .char_name>span, .detail .chars .props_table .char_value>span{position:relative;background: #FFF;padding: 0;display: inline-block;color: #666;} .detail .chars .props_table .char_name>span{font-style:normal;padding-right:12px;color:#555;} .detail .chars .props_table .char_name .hint{position:relative;top:1px;margin:0 0 0 3px;} .detail .chars .props_table .char_name .hint .icon svg{opacity:0.35;} .detail .chars .props_table .char_name .hint .icon:hover svg{opacity:1;} .detail .chars .props_table .char_name .hint .tooltip{visibility: hidden;padding: 14px 18px;left: -121px;bottom: 23px;width: 256px;max-width: 256px;opacity: 0;font-size: 13px;line-height: 22px;color: #777777;border-radius: 3px;background: #FFF;-webkit-box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.1);box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.1);transition: opacity 0.1s ease;moz-transition: opacity 0.1s ease;-ms-transition: opacity 0.3s ease;-o-transition: opacity 0.1s ease;-webkit-transition: opacity 0.1s ease;} .detail .chars .props_table .char_name .hint .tooltip:after{content: "";position: absolute;left: 50%;bottom: -10px;margin: 0 0 0 -5px;border: 5px solid transparent;border-top: 5px solid #FFF;} .detail .chars .props_table .char_name .hint:hover .tooltip{opacity:1;visibility:visible;} /*price*/ .product-container .cost.prices.detail .price.font_mxs{font-size: 27px;} .product-container .cost.prices.detail .js-info-block .price.font_mxs{font-size: 18px;} .product-container .cost.prices.detail .discount.font_xs{font-size: 17px;} /*quantity*/ .quantity_block_wrapper{padding:1px 0px;margin:0px -12px;} .quantity_block_wrapper > div{display:inline-block;vertical-align:middle;padding: 0px 12px;margin: 5px 0px;} .quantity_block_wrapper .value:hover{color:#666;} .quantity_block_wrapper .item-stock .icon{width: 6px;height: 6px;margin: 4px 9px 0px 0px;} /*stores*/ .tab-pane.stores .stores_tab{padding-top: 9px;} .tab-pane.stores .ordered-block__title {padding-bottom: 24px;} /*reviews*/ .tab-pane.reviews{padding-top: 7px;} /*add|order buttons*/ /*.product-container .counter_wrapp .button_block:not(.to-cart) .svg{display: none;}*/ .product-container .counter_wrapp .button_block:not(.to-cart) svg{display: none;} .product-container .counter_wrapp .button_block .in-cart span {padding-left: 24px;} .product-container .counter_wrapp .button_block .in-cart{position:relative;} .product-container .counter_wrapp .button_block .in-cart i{position: absolute;top: 50%;margin-top: -6px;} .product-container .buy_block .sku_props > div{padding: 0px;margin: 0px;} .product-container div + .buy_block{padding: 9px 0px 0px;} .product-container .slide_offer{width: 100%;} .product-container div + .slide_offer, .product-container div + .buy_block .slide_offer{margin-top: 9px;} .product-container .buy_block .counter_wrapp.list{padding-top: 18px;} .wrapper1 .detail .bx_catalog_item_scu .bx_scu ul{display: flex;flex-wrap: wrap;flex-direction: row;align-content: flex-start;margin: -4px -4px 0px;line-height: 0px;} .wrapper1 .detail .bx_catalog_item_scu .bx_scu ul li{flex: auto;max-width: 56px;width: 48px;padding: 0;margin: 4px 4px;max-height: 56px;} .wrapper1 .detail .bx_catalog_item_scu .bx_scu ul li:before{display: none;} .wrapper1 .detail .bx_catalog_item_scu ul li .cnt1{width: 100%;display: inline-block;padding-top: 100%;} .wrapper1 .detail .bx_catalog_item_scu ul li .cnt_item{border: 2px solid #fff;position: absolute;width: 100%;height: 100%;} .wrapper1 .detail .bx_catalog_item_scu .bx_item_detail_scu{margin-bottom: 4px;} .wrapper1 .detail .bx_catalog_item_scu .bx_item_detail_scu + div{margin-top: -4px;} /*offers list type2*/ .js-offers-scroll .counter_wrapp{padding-top: 0px;} .js-offers-scroll .wrapp-one-click{margin-top:8px;} body .catalog_detail .js-offers-scroll .main_item_wrapper .total_summ{border-bottom: none;} .js-offers-scroll .table-view__item{padding: 23px 24px 18px;} .js-offers-scroll .table-view .item-icons, .js-offers-scroll .table-view .item-actions .item-buttons, .js-offers-scroll .table-view .item-actions .item-price{align-self: normal;} .js-offers-scroll .table-view .item-actions .item-price{margin-top: -5px;} .js-offers-scroll .table-view .item-actions .item-buttons .text-form{margin: 8px 0px 0px;} .js-offers-scroll .like_icons.list > div{padding-right: 8px;} .js-offers-scroll .like_icons.list > div:last-of-type{padding-right: 0px;} .js-offers-scroll .stores-icons{flex-basis: 62px;flex-shrink: 0;text-align: right;} .js-offers-scroll .stores-icons .svg{top:-4px;} .js-offers-scroll .stores-icons .btn.closed{transform: rotate(180deg);} .js-offers-scroll .like_icons.list.icons > div span{height: 36px;line-height: 18px;} .js-offers-scroll .table-view .item-info .item-title{margin-top: -3px;padding: 0px;} .js-offers-scroll .table-view .properties__item.properties__item--compact{margin-top: -2px;line-height: 22px;} .js-offers-scroll .table-view .properties__item.properties__item--compact:first-of-type{padding-top: 4px;} .js-offers-scroll .quantity_block_wrapper{margin: 0px -10px;} .js-offers-scroll .quantity_block_wrapper > div{padding: 0px 10px;} .js-offers-scroll .table-view__item--has-stores .quantity_block_wrapper .item-stock .value:hover{color: #333;} .js-offers-scroll .stores_block_wrap{border-top:1px solid #ececec;padding-top: 13px;margin: 18px 0px 0px;} .js-offers-scroll .stores_block_wrap .stores_block{border:none;padding: 5px 0px 3px 0px;} .js-offers-scroll .stores_block_wrap .stores_block:before{content: "";display: block;height: 1px;position: absolute;left: 0px;right: 0px;top: 50%;background: url('/local/templates/maslomart/components/bitrix/catalog/mm_main/../../../../images/dott.png') 0px 0px repeat-x;} .js-offers-scroll .stores_block_wrap .stores_block.wo_image .stores_text_wrapp{padding-left: 0px;} /*.js-offers-scroll .stores_block_wrap .stores_block .stores_text_wrapp .main_info{font-size: 13px;}*/ .js-offers-scroll .stores_block_wrap .stores_block.wo_image .item-stock{padding: 0px 0px 0px 10px;margin-right: 0px;} .js-offers-scroll .offer-stores .stores_block_wrap .stores_block.wo_image .item-stock{top: 50%;margin-top: -8px;} body .product-container .js-info-block .more-btn a{display: none;} /*additional gallery*/ .additional-gallery{position: relative;} .additional-gallery .owl-carousel .owl-stage{display: flex;align-items: center;} .additional-gallery .small-gallery-block .item{transition: opacity 0.3s ease;} .additional-gallery .item:hover a{cursor: zoom-in;} .additional-gallery .small-gallery-block .item:hover{opacity: 0.7;} .big-gallery-block .owl-carousel{max-height: 700px;min-height: 150px;} .big-gallery-block .owl-carousel .item img{max-height: 650px;} /*fixed product header*/ body #headerfixed .logo-row.wproducts{display: block;} #headerfixed .table-view__item{padding: 15px 0;} #headerfixed .table-view .item-foto{flex-basis: 50px;} #headerfixed .table-view .item-foto__picture{width: 50px;height: 50px;line-height: 50px;} #headerfixed .table-view .item-info{min-width: 350px;} #headerfixed .table-view .more_text{display: none;} #headerfixed .table-view .item-buttons svg{display: none;} #headerfixed .table-view .item-buttons .svg{top: -1px;} #headerfixed .table-view .like_icons.list > div:last-of-type{padding-right: 0px;} #headerfixed .table-view .item-actions{width: auto;} #headerfixed .table-view .item-actions .item-price{width: auto;padding-right: 80px;max-width: 300px;} #headerfixed .table-view .item-actions .item-sku{max-width: 300px;} #headerfixed .table-view .item-actions .item-sku .but-cell{flex-wrap: wrap;} #headerfixed .table-view .item-icons.s_2 {width: 99px;} #headerfixed .table-view .item-icons .like_icons>div{margin-bottom: 0;} #headerfixed .table-view .cost .price_matrix_wrapper .prices-wrapper .price_group:not(.min){display: none;} #headerfixed .table-view .cost .price_matrix_wrapper .prices-wrapper .price_group{margin: 0px;} #headerfixed .table-view .cost .price_matrix_wrapper .prices-wrapper .price_group .price_name{display: none;} #headerfixed .table-view .cost .price_matrix_wrapper .prices-wrapper .prices-wrapper, #headerfixed .table-view .cost .price_matrix_wrapper .prices-wrapper .prices-wrapper + .sale_block .sale_wrapper{padding-left: 0px;} #headerfixed .table-view .item-actions .item-sku .but-cell > div{padding: 5px 5px 5px;} #headerfixed .table-view .item-actions .item-sku .but-cell > div:last-of-type{margin-right: 44px;} #headerfixed .table-view .item-actions .item-sku .but-cell > div .bx_item_detail_scu, #headerfixed .table-view .item-actions .item-sku .but-cell > div ul, #headerfixed .table-view .item-actions .item-sku .but-cell > div li{margin:0px;} #headerfixed .table-view .item-actions .item-sku .but-cell .bx_item_detail_scu li{width: 30px;} #headerfixed .table-view .item-actions .item-sku .but-cell .bx_item_detail_size li{width: auto;padding: 0px 10px;text-align: center;max-width: none;} #headerfixed .table-view .item-actions .buy_block .more i{margin-right: 10px;width: 12px;position: absolute;top: auto;margin-top: 1px;height: 10px; background: url(/local/templates/maslomart/components/bitrix/catalog/mm_main/../../../../images/svg/catalog/check_inbasket.svg) 0px 1px no-repeat;} #headerfixed .table-view .item-actions .buy_block .more i + span{padding-left: 27px;} #headerfixed .table-view .item-actions .more-btn a{display: none;} #headerfixed .table-view .item-actions .item-buttons{width: auto;padding-right: 25px;max-width: none;} #headerfixed .table-view .item-actions .item-buttons .btn{width: 200px;} #headerfixed .prices .price_matrix_block .price_group:first-of-type{margin-top:0px;} .product-info-headnote__toolbar .like_icons.list span{margin:0px;} .product-info-headnote__toolbar .like_icons.list.sm .btn-xs{padding: 9px 14px 7px;height: 31px;} /*staff*/ .ordered-block .item-views.front.staff-items{padding-bottom: 0px;} .ordered-block .item-views.staff1.within{margin-bottom: -32px;} /*side block*/ body .product-side.left_block{margin-top: 0px;} body .product-side.left_block > div:first-of-type, body .product-side.left_block > div:first-of-type .brand-detail-info{margin-top: 0px;} body .product-side.left_block > .inner-wrapper-sticky > div:first-of-type{margin-top: 0px;} body .product-side.left_block .list-sales-compact{margin: 0px 0px 16px;} body .product-side.left_block .view_sale_block{margin: 26px 0px 0px;} body .product-side.left_block .cost{margin: 10px 0px 0px;} body .product-side.left_block .cost.detail .sale_block{margin-top: 0px;} body .product-side.left_block .cost.detail .js-info-block .more-btn a{display: none;} body .product-side.left_block .text-form{margin-top:14px;} body .product-side.left_block .text-form + .text-form{margin-top: 9px;} body .product-container .text-form .svg-inline-info_big{padding-top: 3px;width: 18px;} body .product-container .text-form .svg-inline-info_big svg{margin: auto;} body .product-container .text-form .text-form-info{padding-left: 27px;} body .product-side div + .char-side{margin-top: 30px;} body .char-side{margin: 13px 0px 29px;} body .char-side .properties{margin-top: 13px;} body .char-side .properties + div{margin: 10px 0px 0px;} body .char-side .properties .properties.js-offers-props{margin: 0px 0px 0px;} .char-side .properties__item.properties__item--compact{margin-top: 2px;} .product-side .text-additional{margin-top: 29px;} .product-side div + .brand-detail{margin-top: 34px;} .bigdata-wrapper{margin:28px 0px 0px;} .bigdata-wrapper .subtitle{margin:0px 0px 23px;} .product-side .bigdata-wrapper .price_matrix_wrapper > .price.font_mxs, .product-side .bigdata-wrapper .price_matrix_wrapper > .prices-wrapper > .price.font_mxs{font-size: 14px;} .catalog_detail .sku_props .bx_size_scroller_container.form-control{margin-top: 2px;} /*product-view--type2*/ .product-view--type2 .product-info-wrapper{border-top: 1px solid #ececec;border-bottom: 1px solid #ececec;/*margin-bottom: 50px;*/} .wrapper_inner.wide_page .product-view--type2 .product-info{padding: 40px 0px;margin:auto;} .product-view--type2 .product-info > .flexbox{align-items: flex-start;width: 100%;max-width: 100%;gap: 16px;} @media (max-width: 1500px) { .product-view--type2 .product-info > .flexbox{ align-items: normal; width: 100% } } @media (max-width: 768px) { .mobile-detail-title{ display: block !important; } .share .shares-block { display: none; } } .product-view--type2 .product-info > .flexbox .product-detail-gallery{order: 1;flex:0 0 448px;padding: 0;width: 448px;max-width:448px} .product-view--type2 .product-info > .flexbox > div:last-of-type{order: 2;} .mobile-detail-title{ display: none; } .text-form-info span{ color: #1D2023; font-family: "Manrope"; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; border-bottom: none; } .text-form-info p{ color: #626C77; font-family: "Manrope"; font-size: 14px; margin-top: 4px; font-style: normal; font-weight: 400; line-height: 20px; /* 142.857% */ } .product-view--type2 .product-info > .flexbox .product-detail-gallery + .product-chars .product-info-headnote{padding-bottom: 27px;} .product-view--type2 .product-info > .flexbox .product-detail-gallery + .product-chars .list-sales-compact{padding-bottom: 35px;} .product-view--type2 .product-chars{position: relative;} .product-view--type2 .product-chars .js-sales, .product-view--mix .product-main .js-sales{opacity: 0;height:0px;transition: opacity 0.2s ease;} .product-view--type2 .product-chars .js-sales.active, .product-view--mix .product-main .js-sales.active{opacity: 1;height: auto;} .product-view--type2 .product-chars .js-sales:not(.active) .list-sales-compact__title{margin-top:0px;} .product-view--type2 .product-chars .list-sales-compact{position: relative;padding: 0px 0px 22px 37px;} .product-view--type2 .product-chars .list-sales-compact__icons{top:2px;} .product-container .product-view--type2 .buy_block{padding-top: 0px;} .product-view--type2 .buy_block .sku_props .bx_catalog_item_scu{margin-top: -6px;} .product-view--type2 .buy_block .bx_catalog_item_scu > div:last-of-type{} /*.product-view--type2 .buy_block .sku_props > div{margin-top: 7px;}*/ .product-view--type2 .product-chars .char-side{margin-top: 18px;} .product-view--type2 .product-chars .table_sizes{margin-bottom: 22px;} .product-view--type2 .product-chars .table_sizes.w-offers{margin-top: 6px;} .product-view--type2 .product-detail-gallery__container{position: relative;} .product-view--type2 .text-additional{padding: 26px 40px 5px;text-align: center;} .product-container .product-detail-gallery__slider.thmb.product-detail-gallery__slider--vertical{top:183px;} .product-view--type2 .product-action .product-info-headnote{padding: 0px 0px 28px;} .product-view--type2 .product-action .product-info-headnote .flexbox > div{padding: 11px 0px;} .product-view--type2 .product-action .prices_block div + .cost.prices{padding: 10px 0px 0px;} .product-view--type2 .product-action .middle-info-wrapper{padding: 0px 0px 16px;} .product-view--type2 .product-action .text-form + .text-form{padding: 10px 0px 16px;} .product-container .counter_bl.common_select .common_select-link .trigger{line-height: 40px;} ock .minus{left: 10px;} .product-container .counter_block .plus{right: 10px;} .wrapper_inner.wide_page .product-view--type2 .content_wrapper_block.front_tizers{border-left-width: 0px;bord er-right-width: 0px;} .product-view--type2 .bottom-info-wrapper .bottom-info{margin-top: -50px;} body .catalog_detail /*element3*/ .wrapper_inner.wide_page .product-view--type2 .product-info.product-info--type2{padding-top:35px;padding-bottom: 35px;} .product-view--type2 .product-info .product-info.product-info--type2 .product-detail-gal.product-info--type2 > .flexbox > .product-detail-gallery{padding:0px;width: 42%;} .product-info.product-info--type2 > .flexbox > .product-detail-gallery .product-detail-gallery__container{padding-top: 0;} lery__slider.thmb.product-detail-gallery__slider--vertical.m-photo{left: -66px;} .product-info.product-info--type2 .product-detail-gallery__slider.thmb.product-detail-gallery__slider--vertical[data-size="2"]{left: -31px;} .product-info.product-info--type2 .product-detail-gallery__slider.thmb.product-detail-gallery__slider--vertical[data-size="1"]{left: 4px;} .product-info.product-info--type2 .product-detail-gallery__thmb-container .vertical > div.video-block.popup_video{top: 66px;} .product-info.product-info--type2 .product-detail-gallery__slider.thmb.product-detail-gallery__slider--vertical{max-height: 210px;} .product-info.product-info--type2 .product-chars .list-sales-compact{padding-top: 0px;padding-left: 42px;} .product-info.product-info--type2 .product-chars .list-sales-compact .list-sales-compact__icons{top:2px;} .shadowed-block{box-shadow: 0px 3px 14px rgba(0,0,0,0.12);} @media (max-width:600px) { .product-info.product-info--type2 .shadowed-block .prices_block{padding: 20px 16px;} } .product-info.product-info--type2 .shadowed-block .prices_block{padding: 24px;} .product-info.product-info--type2 .shadowed-block .buy_block{overflow: hidden;border-radius: 0px 0px 3px 3px;} .product-info.product-info--type2 .shadowed-block .buy_block .counter_block, .product-info.product-info--type2 .shadowed-block .buy_block .btn{border-radius: 0px;} .product-info.product-info--type2 .shadowed-block .buy_block .counter_block{border-left-color: transparent;} .product-info.product-info--type2 .shadowed-block .buy_block .btn.one_click{border-color: transparent;padding-top: 16px;padding-bottom: 16px;border: none;} .product-info.product-info--type2 .shadowed-block .buy_block .btn.one_click:hover{background: #fff;color:#333;} .catalog_detail .main_item_wrapper .shadowed-block .total_summ{border-top:1px solid #ececec;padding: 11px 20px;text-align: center;} .product-info--type2 .price_txt.filed{/*border-top:1px solid #ececec;padding: 20px 0px 0px;*/margin:42px 0px -12px;} .product-info-headnote--bordered{border-bottom: 1px solid #ececec;margin: 0px 0px 38px;padding: 0px 0px 27px;} .product-main .product-info-headnote--bordered{margin-top: -3px;} .product-info .shadowed-block .view_sale_block.compact{display: block;background: #fc482d;padding: 9px 29px 8px;height: auto;border-radius: 3px 3px 0px 0px;margin: 0px;} .product-info .shadowed-block .view_sale_block.compact.red .countdown, .product-info .shadowed-block .view_sale_block.compact.red .quantity_block .item{background: transparent;border-color: transparent;} .product-info .shadowed-block .view_sale_block.compact .icons .values{margin:0px -3px 0px 0px;} .product-info .shadowed-block .view_sale_block.compact .icons .values .item{padding-top: 3px;} .product-info .shadowed-block .view_sale_block.compact .svg{display: block;} .product-info .shadowed-block .view_sale_block.compact .svg svg{width: 16px;} .product-info .shadowed-block .view_sale_block.compact.red .svg svg path{fill: #fff;} .product-info .shadowed-block .view_sale_block.compact .quantity_block .values{margin-left: -1px;} .product-info .shadowed-block .view_sale_block.compact .quantity_block .item{position: relative;padding-top: 4px;padding-left: 12px;} .product-info .shadowed-block .view_sale_block.compact .quantity_block .item:before{content:"";position: absolute;width: 4px;height: 2px;background: #fff;top:11px;left: 0px;display: block;} /*element4*/ .product-container .product-view--mix .product-info{padding-bottom: 31px;} .product-container .product-view--mix .product-info-wrapper{border: 1px solid #ececec;} .product-view--mix .product-info > .flexbox{align-items: normal;} .product-view--mix .product-info .stickers{left: -2px;top: 12px;} .product-view--mix .product-info-headnote{padding-bottom: 23px;} .product-view--mix .preview-text{padding-bottom: 20px;margin-bottom:25px;border-bottom: 1px solid #ececec;} .product-view--mix .preview-text .text-block{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;} .product-view--mix .item-views.list-sales-compact{padding-bottom: 25px;border-bottom: 1px solid #ececec;} .product-view--mix .js-sales.active{margin-bottom:25px;} .product-view--mix .js-sales:not(.active) + .actions-bottom{border-top:1px solid #ececec;padding-top: 20px;} /*.product-view--mix .js-sales.active + .actions-bottom{border-top:1px solid #ececec;padding-top: 20px;}*/ .product-container .product-view--mix .buy_block .counter_wrapp.list{padding-top: 11px;} .product-container .product-view--mix .product-info--type2 .price_txt.filed{margin:0px;border:none;padding-top: 23px;} .product-container /*.product-view--mix*/ .bottom-info-wrapper{margin-top:50px;} .product-container .product-view--mix:not(.product-view--mix-wide) .bottom-info-wrapper{padding:0px;} .product-container .product-view--mix .ordered-block.js-store-scroll{margin-top:0px;} .product-view--mix .sku_props .wrapper_sku > div:first-child{margin-top: -8px;} .product-view--mix .product-info.product-info--type2 .info_item > div:not(.main_item_wrapper){padding:0px;margin-top:9px;} .product-view--mix .product-info--type2 .product-chars .char-side{margin:20px 0px 0px;} .catalog_page_detail_with_left .product-view--mix .product-action{flex-basis: 100%;} .catalog_page_detail_with_left .product-view--mix .product-chars{display: none;} .product-container .product-view--mix div + .offer-props-wrapper{padding: 13px 0px 4px;} .product-container .product-view--mix.product-view--mix-wide div + .offer-props-wrapper{padding: 18px 0px 4px;} /*elenent5*/ .product-view--mix.product-view--mix-wide .product-info{max-width: 1422px;margin-left: auto;margin-right: auto;} .product-view--mix.product-view--mix-wide .like_icons.list{top: 0px;bottom: auto;left: auto;} .product-view--mix.product-view--mix-wide .buy_block .counter_wrapp.list{width: 65%;display: inline-block;vertical-align: top;padding-right: 20px;max-width: 300px;} .product-view--mix.product-view--mix-wide .buy_block .wrapp-one-click{display: inline-block;vertical-align: top;padding-top: 11px;} .product-view--mix.product-view--mix-wide .product-main .product-chars{padding-left: 0px;display: block;} .product-main .info_ext_block{width: 100%;padding: 24px 0 17px;border-top: 1px solid #ececec;border-bottom: 1px solid #ececec;margin: 34px 0px 0px;} .product-main .info_ext_block + .info_ext_block{margin-top:-1px;} .product-main .info_ext_block .title{text-transform: uppercase;color: #222;letter-spacing: .3px;position: relative;padding: 0 0 6px;cursor: pointer;} .product-main .info_ext_block .title:before{content: "";display: block;position: absolute;right: 0;top: 0;width: 12px;height: 12px;background-image: url('/local/templates/maslomart/components/bitrix/catalog/mm_main/../../../../images/svg/catalog/pluscross_sprite.svg');background-position: 0px 0px;background-repeat: no-repeat;opacity: 0.7;transition: opacity 0.3s ease;} .product-main .info_ext_block .title:hover:before{background-position: -22px 0px;} .product-main .info_ext_block .title.opened:before{background-position: -12px 0px;width: 11px;} .product-main .info_ext_block .title.opened:hover:before{background-position: -35px 0px;} .product-main .info_ext_block .title:hover:before{opacity: 1;} .product-main .info_ext_block .text{padding: 0 0 8px;display: none;} .product-main .info_ext_block .text.text--with-pt{padding-top: 15px;color:#777;} .catalog_page_detail_with_left .product-container .product-view--mix.product-view--mix-wide .bottom-info-wrapper{padding:0px;} #main #content .product-view--mix .bottom-info-wrapper .linked_sales{display: none;} .catalog_page_detail .left_block{padding-top: 4px;} .catalog_page_detail .left_block .menu_top_block{border-top: 1px solid #ececec;} body #content .catalog_page_detail_with_left .product-container .product-side.left_block{display: none;} /*font*/ #main .catalog_detail .item-stock > span, #main .catalog_detail .cheaper_form > span, #main .catalog_detail .table_sizes span, #main .catalog_detail .calculate-delivery-preview .font_sxs, #main .catalog_detail .calculate-delivery-preview .font_xs, #main .catalog_detail .price_txt{font-size:12px;} /*stores*/ .js-store-scroll.stores{position: relative;} .stores-title{position: absolute;top: 4px;right: 0px;} .stores-title .stores-title__list{opacity: 0.5;transition: opacity 0.3s ease;} .stores-title .stores-title__list:last-of-type{padding-left: 24px;} .stores-title .stores-title__list:not(.stores-title--active):hover{cursor: pointer;} .stores-title .stores-title__list:hover, .stores-title .stores-title__list.stores-title--active{opacity: 1;} .stores-title .stores-title__list .svg{margin-right: 4px;top: -1px;} .stores_block_wrap.combine .contacts_map_list{padding-bottom: 0px;} /*.tab-pane.stores .stores_tab .stores_block_wrap.combine{position: relative;padding-top: 37px;}*/ .tab-pane.stores .stores_tab .stores_block_wrap.combine{position: relative;} .tab-pane.stores .stores_tab .stores_block_wrap .stores-title{top:-12px;} .tab-pane.stores{position: relative;} .stores-amount-list:not(.stores-amount-list--active){display: none;} .with_title .block_container .items .item .item-stock{margin: 7px 0px 0px;} body .map_info_store .item-stock{margin: 10px 0px 0px;} /*fix tizers for ajax landings */ .item-views.tizers{padding: 3px 0px 23px;} .wrapper1:not(.with_left_block) .wrapper_inner.front .drag-block.container .item-views.tizers{padding-bottom: 33px;} .item-views.tizers.top{padding-top: 9px;} .item-views.tizers .item-wrapper > .item{padding-bottom:32px;} .item-views.tizers .item-wrapper > .item .image{margin-bottom: 10px;max-height: 50px;flex-shrink: 0;align-self: normal;} .item-views.tizers .item-wrapper > .item .image img{max-width: 100%; max-height: 100%;} .item-views.tizers:not(.top) .item-wrapper > .item .image{margin-top: 6px;max-width: 40px;} .item-views.tizers .items.small-block > .row, .item-views.tizers .items.tops > .row{align-items: start;} .item-views.tizers .items.small-block .image{width: 32px;height: 32px;} .item-views.tizers .items.small-block .image img, .item-views.tizers .items.small-block .image svg{max-width: 100%;max-height: 32px;} /*simple*/ body .items_wrapper.simple .row .item_block{height: auto;} body .items_wrapper.simple .row .item_block .catalog_item, body .items_wrapper.simple .row .item_block .catalog_item .inner_wrap{height: 100% !important;} body .items_wrapper.simple .row .item_block .catalog_item .sale_block{display: none;} body .items_wrapper.simple .row .item_block .catalog_item .sale_block{display: none;} body .simple_page .top-content-block > div{padding-bottom: 34px;} /**/ @media (min-width: 601px){ .item-views.tizers .item-wrapper > .item .pull-left + .inner-text{padding-left: 26px;} .item-views.tizers .item-wrapper > .item .pull-right + .inner-text{padding-right: 26px;} .item-views.tizers .small-block .item-wrapper > .item .pull-left + .inner-text{padding-left: 20px;} } @media (max-width: 600px){ .item-views.tizers:not(.top) .item-wrapper > .item .image{float:none !important;} .item-views.tizers .items.small-block .item .image + .inner-text, .item-views.tizers .items.tops .item .image + .inner-text{padding-left: 20px;} body .wrapper1:not(.with_left_block) .wrapper_inner.front .drag-block.container .item-views.tizers{padding-bottom: 3px;} } /*end tizers*/ @media (max-width: 1399px){ #headerfixed .table-view .item-info{min-width: 250px;} #headerfixed .table-view .item-actions .item-sku{max-width: 250px;} } @media (max-width: 1199px){ .product-view--type2 .product-info > .flexbox, .product-view--mix .product-info > .flexbox{flex-wrap: wrap;justify-content: space-evenly;} .content_wrap .product-view--type2 .product-info > .flexbox .product-detail-gallery{flex: 0 0 100%;order:0;} .product-container .lead_text, .catalog_page_detail .lead_text { display: none; } .product-view--type2 .product-info > .flexbox > div:not(.product-detail-gallery){padding-top: 40px;max-width: 300px;} body .product-view--type2 .product-info.product-info--type2 > .flexbox > .product-main{flex-basis: 100%;max-width: none;padding-left: 0px;} /*element4*/ .product-view--mix .product-info > .flexbox .product-detail-gallery{flex: 0 0 100%;order: 0;padding-right: 0px;} body .product-view--mix .product-main{flex-basis: auto;margin-top:35px;} } @media (min-width: 992px){ .right_block:not(.catalog_page_detail_with_left) .product-view--side-left, .right_block:not(.catalog_page_detail_with_left) .product-view--side-right{width: calc(100% - 345px)} .right_block:not(.catalog_page_detail_with_left) .product-view--side-left{float: left;} .right_block:not(.catalog_page_detail_with_left) .product-view--side-right{float: right;} body #content .product-container .product-side.left_block, body #content .product-container .product-side.left_block > *{display: block;} } @media (max-width: 991px){ .product-view--type2 .bottom-info-wrapper .bottom-info{margin-top: 0px;} } @media (min-width: 768px) and (max-width: 991px){ .product-container .content_wrapper_block.front_tizers > .maxwidth-theme .item-views.tizers .item-wrapper{width: 50%;} } @media (min-width: 768px){ body #content .product-container .product-side.left_block > .view_sale_block{display: inline-block;} body #content .product-container .view_sale_block .icons{display: inline-block;} .product-container .product-detail-gallery__slider.horizontal{max-width: 600px;} .product-container .product-detail-gallery__slider.horizontal .product-detail-gallery__item.product-detail-gallery__item--big, .product-container .product-detail-gallery__slider.horizontal .product-detail-gallery__item.product-detail-gallery__item--middle{width: auto;} .product-view--type2 .product-info.product-info--type2 > .flexbox .product-detail-gallery__slider.horizontal.big{max-width: 500px;} .product-container .product-detail-gallery__slider.vertical{max-height: 600px;} .product-container .product-detail-gallery__slider.vertical .product-detail-gallery__item.product-detail-gallery__item--big{height: 600px;line-height: 600px;} .product-view--type2 .product-info.product-info--type2 > .flexbox .product-detail-gallery__slider.vertical.big{max-height: 500px;} .product-container .product-info.product-info--type2 .product-detail-gallery__slider.vertical .product-detail-gallery__item.product-detail-gallery__item--middle{height: 500px;line-height: 500px;} /*element3*/ .product-view--type2 .product-info.product-info--type2 > .flexbox .product-detail-gallery__slider{max-width: 377px;} .product-info.product-info--type2 .product-detail-gallery__thmb-container .vertical > div.video-block.popup_video{top: 66px;} .product-view--type2 .product-info.product-info--type2 > .flexbox > .product-main{padding-left: 0;} .product-info--type2 .product-chars{padding-right: 0;flex-basis: 0;flex: 1 1 0;} .product-container .product-detail-gallery__item.product-detail-gallery__item--big{height: 450px;/*line-height: 450px;*/width: 450px;} .product-container .product-detail-gallery__item.product-detail-gallery__item--middle{height: 377px;/*line-height: 377px;*/width: 377px;} .product-container .product-detail-gallery__item > a{width: 100%;height: 100%;display: flex;align-items: center;} .product-container .product-detail-gallery__slider .owl-dots{display: none;} body .product-detail-gallery__thmb-container .product-detail-gallery__slider, .video-block.popup_video{display: inline-block;vertical-align: middle;} .product-detail-gallery__thmb-container .product-detail-gallery__slider + .video-block.popup_video.fromtop{margin-left: 70px;} .product-detail-gallery__thmb-container .product-detail-gallery__slider + .video-block.popup_video{margin-left: 30px;} .product-detail-gallery__thmb-container .video-block.popup_video.only-item, body .product-container .product-detail-gallery__container--vertical .product-detail-gallery__thmb-container .video-block.popup_video.only-item.only-item{top: 0px !important;} .product-detail-gallery__container.product-detail-gallery__container--vertical{padding-left: 66px;} .wide_page .catalog_page_detail:not(.catalog_page_detail_with_left) .product-container .content_wrapper_block.front_tizers{border-top:none;} .wide_page .catalog_page_detail:not(.catalog_page_detail_with_left) .product-container .content_wrapper_block.front_tizers > .maxwidth-theme{padding-top: 0px;} .wide_page .catalog_page_detail:not(.catalog_page_detail_with_left) .product-container .content_wrapper_block.front_tizers > .maxwidth-theme .item-views.tizers{border-top:1px solid #ececec;padding: 31px 32px 0px;} .product-container .video-block.popup_video .play{font-size:0px;} body .product-container .product-detail-gallery__container--vertical .product-detail-gallery__thmb-container .video-block.popup_video{position: absolute;left: 20px;top: 0px;margin: 0px;} body .product-container .product-detail-gallery__container--vertical .product-detail-gallery__thmb-container .product-detail-gallery__slider--vertical + .video-block.popup_video.fromtop{top: 393px;} body .product-container .product-detail-gallery__container--vertical .product-detail-gallery__thmb-container .product-detail-gallery__slider--vertical + .video-block.popup_video{top: 353px;} body .product-container .product-detail-gallery__container--vertical .product-detail-gallery__thmb-container .product-detail-gallery__slider--vertical[data-size="3"] + .video-block.popup_video.fromtop{top: 323px;} body .product-container .product-detail-gallery__container--vertical .product-detail-gallery__thmb-container .product-detail-gallery__slider--vertical[data-size="3"] + .video-block.popup_video{top: 283px;} body .product-container .product-detail-gallery__container--vertical .product-detail-gallery__thmb-container .product-detail-gallery__slider--vertical[data-size="2"] + .video-block.popup_video.fromtop{top: 253px;} body .product-container .product-detail-gallery__container--vertical .product-detail-gallery__thmb-container .product-detail-gallery__slider--vertical[data-size="2"] + .video-block.popup_video{top: 213px;} .product-container .product-detail-gallery__slider.thmb.product-detail-gallery__slider--vertical[data-size="3"]{left: -65px;top: 118px;} .product-container .product-detail-gallery__slider.thmb.product-detail-gallery__slider--vertical[data-size="2"]{left: -30px;top: 83px;} .product-info.product-info--type2 .info_item > div:not(.main_item_wrapper){padding-left: 25px;padding-right: 25px;} .js-offers-scroll .table-view .item-actions .item-price{width: 50%;} .js-offers-scroll .table-view .item-actions .item-buttons{width: 50%;} /*element4*/ .product-container .product-view--mix .product-detail-gallery{width: 50%;padding-right: 39px;} .product-view--mix .product-main{flex-basis: 50%;} .product-view--mix .product-action .info_item{padding-right: 20px;} .product-view--mix .product-info--type2 .product-chars{padding-left: 19px;padding-right: 0px;} .product-view--mix .product-info--type2 .product-chars .char-side{margin-top:5px;} } .delivery-block_custom-text{ color: #626C77 !important; font-family: "Manrope" !important; font-size: 14px !important; font-style: normal !important; font-weight: 400 !important; line-height: 20px !important; /* 142.857% */ } @media (max-width: 767px){ .product-container .big .product-detail-gallery__item{height: 300px;line-height: 300px;width: 300px;} .product-container .product-detail-gallery__slider.thmb.product-detail-gallery__slider--vertical, body .product-detail-gallery__thmb-container .product-detail-gallery__slider{display: none;} .product-container .product-detail-gallery__slider{max-width: 300px;} .product-container .product-detail-gallery__slider:not(.owl-loaded){max-height: 300px;} .product-container .product-detail-gallery__thmb-inner{display: block;} .product-container .video-block.popup_video{width: auto;border: 1px solid #ececec;border-left-width: 0px;border-right-width: 0px;padding: 6px 0px 6px;height: auto;margin: 10px 0px 0px;} .product-container .video-block.popup_video .play{position: static;} .product-container .video-block.popup_video .play:after{display: none;} .product-container .video-block.popup_video .play:before{display: inline-block;position: static;border-left-color:#000;} .js-offers-scroll .stores-icons{flex-basis: 48px;} .product-view--type2 .product-info > .flexbox, .product-view--mix .product-info > .flexbox{justify-content: normal;} .product-container .product-info{padding-left: 32px;padding-right: 32px;} body .flex-50{flex-basis: 100%;} } @media (min-width: 601px){ .js-offers-scroll .table-view__item--has-stores .quantity_block_wrapper .item-stock .value{border-bottom: 1px dotted;cursor: pointer;} .product-view--mix.product-view--mix-wide .product-info.product-info--type2 .info_item > div.middle-info-wrapper + div {margin-top:-2px;} } @media (max-width: 600px){ .js-offers-scroll .wrapp-one-click, .js-offers-scroll .table-view .item-actions .item-buttons .text-form, .js-offers-scroll .stores-icons{display: none;} .js-offers-scroll .offer-stores{display: none !important;} .product-view--type2 .product-info > .flexbox > div:not(.product-detail-gallery) { color: #1D2023; font-family: "Manrope"; font-style: normal; max-width: 600px !important; width: 100% !important; line-height: 28px !important; /* 140% */ } body .product-container .product-info{padding-left: 20px;padding-right: 20px;} body .product-container .product-detail-gallery__slider, body .product-container .big .product-detail-gallery__item{width: auto;max-width: 300px;} .product-view--mix.product-view--mix-wide .buy_block{max-width: 300px;} .product-view--mix.product-view--mix-wide .buy_block .counter_wrapp.list{min-width: 100%;display: block;max-width: none;padding-right: 0px;width: auto;} .product-view--mix.product-view--mix-wide .buy_block .wrapp-one-click{padding: 0px;display: block;} } @media (max-width: 500px){ .compact-catalog .items_wrapper.simple .ajax_load .item .catalog_item > div{padding-bottom: 0px;} } @media (max-width: 380px){ body .product-container .product-view--mix .big .product-detail-gallery__item{max-width: 250px;height: 250px;line-height: 250px;} body .product-container .product-view--mix .product-detail-gallery__slider, body .product-container .product-view--mix .big .product-detail-gallery__item{width: 250px;} } @media (max-width: 786px) { .right_block:not(.wide_Y) .catalog_block.items{ grid-template-columns: repeat(2, 1fr) !important; } .bottom_nav.animate-load-state.block-type{ flex-direction: column; } .landings-list__info-wrapper{ flex-wrap: nowrap !important; overflow: auto !important; } .landings-list__info-wrapper .landings-list__name{ white-space: nowrap; } } /*catalog change view type fix*/ .ajax_load .top_wrapper .catalog_item .footer_button { margin-left: -25px; margin-right: -25px; } .catalog_block_template .catalog_block.owl-carousel .owl-stage-outer { margin: 0px -1px 0px 0px; padding: 0px 1px 0px 0px; } .catalog_block_template .catalog_block.owl-carousel .owl-stage-outer .owl-item:hover { z-index: 2; } .catalog_block_template .catalog_block.owl-carousel .catalog_item:hover .inner_wrap { box-shadow: inset 0px 0px 0px 1px #ececec; box-shadow: inset 0px 0px 0px 1px var(--stroke_black); height: 100%; } .custom-view-wish-and-compare{ display: flex; justify-content: center; } .custom-view-wish-and-compare > div{ width: 37%; display: flex; cursor: pointer; } .custom-view-wish-and-compare > div .svg-inline-wish svg{ width: 20px; height: 30px; margin: 9px 5px; } .custom-view-wish-and-compare > div .svg-inline-compare svg{ width: 17px; height: 16px; margin: 16px 0px 0px 18px; } .item_info--top_block{ height: 117px !important; } .custom-view-wish-and-compare > div svg{ fill: #969FA8; } .ordered-block .catalog_block_template .catalog_block .TYPE_2 .cost.prices .more-item-info > .svg { top: -2px; } .catalog_block_template .catalog_block.owl-carousel .catalog_item:hover .inner_wrap.TYPE_2 .footer_button { margin-top: 0; } @media (min-width: 1200px) { .wrapper1 .right_block.wide_Y .ajax_load .top_wrapper .col-lg-3:not(.custom-line), .col-lg-5_2.custom-line { width: 20%; } .right_block.wide_Y .ajax_load .top_wrapper .col-lg-4:not(.custom-line), #main .catalog_page .section-content-wrapper.with-leftblock .col-lg-3:not(.custom-line), #main .catalog_in_content .section-content-wrapper.with-leftblock .col-lg-3:not(.custom-line) { width: 100% !important; max-width: 290px !important; } #main .right_block.wide_Y.catalog_page .section-content-wrapper.with-leftblock .col-lg-4:not(.custom-line), #main .catalog_in_content .section-content-wrapper.with-leftblock .col-lg-4:not(.custom-line) { width: 33.33%; } } @media (min-width: 1200px) and (max-width: 1499px) { .wrapper1.header-v28 .right_block.wide_Y .ajax_load .top_wrapper .col-lg-3:not(.custom-line) { width: 25%; } .wrapper1.header-v28 .controls-linecount { display: none; } } @media (max-width: 600px) { .wrapper1.front_page .compact-catalog-slider .catalog_block.items { width: auto; padding-left: 16px; margin: 0 -16px -20px !important; padding-bottom: 36px; } .wrapper1.front_page .compact-catalog-slider .catalog_block.items .item-parent { flex-shrink: 0; margin: 0; width: 172px; } .wrapper1.front_page .compact-catalog-slider .catalog_block.items .item-parent:last-of-type { padding-right: 16px; width: calc(172px + 16px); } .wrapper1.front_page .compact-catalog-slider .catalog_block.items:not(.has-bottom-nav) .bottom_nav.mobile_slider * { display: none; } .wrapper1.front_page .compact-catalog-slider ~ .bottom_nav:not(.mobile_slider) { display: none; } .button_block{ border-radius: 12px !important; overflow: hidden; /*margin-top: 12px;*/ } .compact-catalog .catalog_block .catalog_item > div .item_info{ padding-bottom: 61px !important; } } .rating.sm-stars, .show_props{ display: none !important; } .display_list.TYPE_2 .list_item .description_wrapp:after{ content: none !important; display: none !important; } .list_item_wrapp.item_wrap{ border-radius: 16px !important; border: 1px solid var(--Neutral-150, #E9ECF0) !important; margin-bottom: 16px !important; } .counter_block_inner, .like_icons span.like-text{ } .information.inner_content{ display: flex; flex-direction: column; justify-content: space-between; height: 100%; } .counter_wrapp{ display: flex; margin-top: auto; } .counter_wrapp > div{ width: 50% !important; } .like_icons.list > div{ margin: auto 0; } .like_icons.list { position: relative !important; left: 0 !important; top: 0 !important; bottom: 0 !important; right: 0 !important; height: 100%; display: flex; } .like_icons.list span.like-text { display: none; } .custom_product-topheader .like_icons.list span.like-text{ display: inline; } .like_icons.list > div span{ border: none !important; padding: 5px !important; } .like_icons.list:not(.icons) > div span .svg{ position: relative !important; padding: 0 !important; left: 0 !important; } .list_item .button_block > span.to-cart{ border-radius: 12px !important; background: var(--Yellow-800, #FFD633) !important; padding: 0 !important; width: 100%; color: var(--Black, #1D2023) !important; /* 16:24 - 500 */ font-family: 'Manrope' !important; font-size: 16px !important; font-style: normal; font-weight: 500; line-height: 24px; box-sizing: border-box; } .counter_wrapp .button_block.wide .btn{ border-radius: 12px !important; background: var(--Yellow-800, #FFD633) !important; padding: 12px 12px !important; color: var(--Black, #1D2023) !important; /* 16:24 - 500 */ font-family: 'Manrope' !important; font-size: 16px !important; font-style: normal; font-weight: 500; line-height: 24px; box-sizing: border-box; text-transform: none !important; } .counter_wrapp .button_block.wide .btn i{ display: none !important; } /* pager styles live in system.pagenavigation/main/style.css (.catalog-pager) */ .ajax_load.block .module-pagination, .ajax_load.cur .module-pagination { margin-right: 0 !important; } /* Отступ сетки товаров до SEO-описания / следующего блока */ .ajax_load.block, .ajax_load.cur { margin-bottom: 0; } .ajax_load.block:has(+ .group_description_block), .ajax_load.cur:has(+ .group_description_block) { margin-bottom: 40px; } .group_description_block.bottom { margin-bottom: 0; } .rs-bonus-system-block, .bonus_item_cart, .lt_cart_bonus_all { font-size: 12px; line-height: 16px; position: relative; padding: 14px 0 0 14px; width: -webkit-fill-available; } .col-lg-4 .rs-bonus-system-block:after, .bonus_item_cart:after, .lt_cart_bonus_all:after { top: 3px; } .catalog_detail.detail .rs-bonus-system-block:after, .bonus_item_cart:after, .lt_cart_bonus_all:after { top: 14px; } .rs-bonus-system-block:after, .bonus_item_cart:after, .lt_cart_bonus_all:after { content: ''; display: block; position: absolute; left: 0; top: -10px; bottom: 0; width: 11px; background: url(/local/assets/icons/bonus_icon.svg) center no-repeat; } /* ===== Catalog section (Figma) ===== */ .main-catalog-wrapper { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 16px; max-width: var(--ContentWidth); margin: 0 auto; } .main-catalog-wrapper > .section-content-wrapper { flex: 1 1 0; min-width: 0; order: 2; } .main-catalog-wrapper > .left_block, .main-catalog-wrapper > .catalog-section__aside { flex: 0 0 332px; width: 332px; max-width: 100%; order: 1; /* sticky на колонке, не на inner: иначе при flex-start высота aside = контент, sticky не работает и даёт лишний scroll-overflow («дыра» под футером) */ position: sticky; top: 16px; align-self: flex-start; overflow: hidden; } .catalog-page .right_block1 { float: none; width: 100%; } /* Found count above filter (Figma Frame 320) — высота как у тулбара сортировки (58px) */ .button.catalog-picker-btn { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 58px; margin: 0 0 16px; box-sizing: border-box; text-align: center; } .catalog-filter-count { display: flex; align-items: center; min-height: 56px; margin: 0 0 16px; padding: 16px 20px; color: var(--neutral-500); border: 1px solid var(--neutral-150); border-radius: 16px; background: var(--White); box-sizing: border-box; } .catalog-section__aside-inner > .bx_filter, .left_block .catalog-filter-count + .bx_filter, .left_block .catalog-filter-count + .filter_wrapper_ajax, .catalog-section__aside-inner > .catalog-filter-count + .bx_filter { margin-bottom: 0; } @media (max-width: 991px) { /* счётчик на мобилке скрыт; кнопку подбора показываем с отступами как у контента фильтра (16px) */ .catalog-filter-count { display: none; } .catalog-filter-mobile-head:has(+ .catalog-picker-btn) { margin-bottom: 8px; } .button.catalog-picker-btn { width: auto; margin-right: 16px; margin-bottom: 8px; margin-left: 16px; } } /* Toolbar */ .catalog-toolbar { display: flex; align-items: center; justify-content: space-between; min-height: 56px; margin-bottom: 16px; } .catalog-toolbar__desktop { display: flex; align-items: center; width: 100%; } .catalog-toolbar__desktop-frame { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 8px 20px; border: 1px solid var(--neutral-150); border-radius: 16px; background: var(--White); box-sizing: border-box; } .catalog-toolbar__mobile { display: none; width: 100%; } .catalog-toolbar__mobile-frame { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 8px 16px; border: 1px solid var(--neutral-150); border-radius: 12px; background: var(--White); box-sizing: border-box; } .catalog-toolbar__icon { display: block; flex-shrink: 0; width: 20px; height: 20px; } .catalog-toolbar__icon--chevron { width: 20px; height: 20px; } .catalog-toolbar__dropdown .dropdown-select__title, .catalog-toolbar__mobile-sort .dropdown-select__title, .catalog-toolbar__mobile-filter { display: inline-flex; align-items: center; gap: 4px; color: var(--Black); cursor: pointer; background: none; border: 0; padding: 0; transition: opacity 0.35s ease, color 0.35s ease; } .catalog-toolbar__dropdown .dropdown-select__title:hover, .catalog-toolbar__dropdown .dropdown-select__title:focus-visible, .catalog-toolbar__mobile-sort .dropdown-select__title:hover, .catalog-toolbar__mobile-sort .dropdown-select__title:focus-visible, .catalog-toolbar__mobile-filter:hover, .catalog-toolbar__mobile-filter:focus-visible { opacity: 0.7; } .catalog-toolbar__mobile-sort .dropdown-select__title, .catalog-toolbar__mobile-filter { gap: 8px; padding: 4px 0; } .catalog-toolbar__badge { display: inline-flex; align-items: center; justify-content: center; min-width: 20px; height: 20px; padding: 2px; border-radius: 80px; background: var(--yellow-800); color: var(--Black); font-size: 10px; font-weight: 500; line-height: 16px; box-sizing: border-box; } .catalog-toolbar__badge--dot { min-width: 8px; width: 8px; height: 8px; padding: 0; border-radius: 50%; } .catalog-toolbar__view { display: flex; align-items: center; gap: 0; } .catalog-toolbar__view .controls-view__link { display: inline-flex; align-items: center; justify-content: center; padding: 8px; box-sizing: border-box; opacity: 0.45; transition: opacity 0.35s ease; } .catalog-toolbar__view .controls-view__link:hover, .catalog-toolbar__view .controls-view__link:focus-visible { opacity: 0.8; } .catalog-toolbar__view .controls-view__link--current { opacity: 1; } .catalog-toolbar__view .controls-view__link img { display: block; width: 24px; height: 24px; } .catalog-toolbar .dropdown-select { position: relative; } .catalog-toolbar .dropdown-select__list { display: none; position: absolute; top: 100%; left: 0; z-index: 20; min-width: 220px; margin-top: 8px; padding: 8px; background: var(--White); border: 1px solid var(--neutral-150); border-radius: 12px; box-shadow: 0 8px 24px rgba(29, 32, 35, 0.08); } .catalog-toolbar .dropdown-select.opened .dropdown-select__list { display: block; } .catalog-toolbar .dropdown-select__list-link, .catalog-toolbar .dropdown-select__list-link--current { display: block; padding: 8px 12px; border-radius: 8px; color: var(--Black); text-decoration: none; transition: background-color 0.35s ease; } .catalog-toolbar .dropdown-select__list-link:hover, .catalog-toolbar .dropdown-select__list-link--current { background: var(--neutral-100); } .filter-panel-wrapper .filter-panel__filter, .filter-panel .bx-filter-title, .filter-panel .controls-hr { display: none !important; } /* Aspro filter-panel defaults ломают раскладку тулбара */ .filter-panel-wrapper .catalog-toolbar.filter-panel, .catalog-toolbar.filter-panel { display: flex !important; float: none !important; width: 100% !important; margin: 0 0 16px !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } .catalog-toolbar .filter-panel__sort, .catalog-toolbar .filter-panel__view { float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; } /* legacy Aspro filter-count — скрываем, используем .catalog-filter-count */ .catalog-section__aside .bx_filter + .filter-count, .left_block .filter-count { display: none; } @media (max-width: 991px) { .main-catalog-wrapper { display: block; } /* Figma 9658:91194 — фильтр на весь экран (как артборд 328), не drawer слева */ .main-catalog-wrapper > .left_block, .main-catalog-wrapper > .catalog-section__aside { position: fixed !important; inset: 0 !important; z-index: 1000; flex: none !important; width: 100% !important; max-width: none !important; height: 100% !important; height: 100dvh !important; margin: 0 !important; background: var(--White); transform: translateY(100%); transition: transform 0.25s ease; overflow: auto; overflow-x: hidden; box-shadow: none; border-radius: 0; /* сброс desktop sticky */ top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; align-self: stretch; pointer-events: none; visibility: hidden; } body.catalog-filter-open .main-catalog-wrapper > .left_block, body.catalog-filter-open .main-catalog-wrapper > .catalog-section__aside { transform: translateY(0); pointer-events: auto; visibility: visible; } /* Блокируем скролл страницы под фильтром (иначе двойной скролл) */ html:has(body.catalog-filter-open), body.catalog-filter-open { overflow: hidden; overscroll-behavior: none; } body.catalog-filter-open { position: fixed; width: 100%; left: 0; right: 0; } /* скролл только внутри панели фильтра */ body.catalog-filter-open .main-catalog-wrapper > .left_block, body.catalog-filter-open .main-catalog-wrapper > .catalog-section__aside { touch-action: pan-y; overscroll-behavior: contain; } /* старый dim-overlay справа от drawer — больше не нужен */ body.catalog-filter-open::before { content: none !important; display: none !important; } .main-catalog-wrapper > .catalog-section__aside .catalog-section__aside-inner, .main-catalog-wrapper > .left_block .sticky-sidebar__inner, .main-catalog-wrapper > .catalog-section__aside .bx_filter, .main-catalog-wrapper > .left_block .bx_filter, .main-catalog-wrapper > .catalog-section__aside .bx_filter_section, .main-catalog-wrapper > .left_block .bx_filter_section, .main-catalog-wrapper > .catalog-section__aside .smartfilter, .main-catalog-wrapper > .left_block .smartfilter { width: 100% !important; max-width: none !important; box-sizing: border-box; } .catalog-toolbar__desktop { display: none; } .catalog-toolbar__mobile { display: block; } .catalog-toolbar { margin: 0 0 16px; min-height: 0; } } /* Mobile filter header — Figma 9658:91195 */ .catalog-filter-mobile-head { display: none; align-items: center; gap: 12px; padding: 16px; border-bottom: 1px solid var(--neutral-150); position: sticky; top: 0; background: var(--White); /* выше хэндлов слайдера цены (z-index: 100), иначе жёлтые точки «липнут» на шапке */ z-index: 110; } .catalog-filter-mobile-head__title { flex: 1; margin: 0; color: var(--Black); font-size: 16px; font-weight: 700; line-height: 24px; } .catalog-filter-mobile-head__close { display: inline-flex; align-items: center; justify-content: center; padding: 2px; border: 0; background: none; cursor: pointer; transition: opacity 0.35s ease; } .catalog-filter-mobile-head__close:hover, .catalog-filter-mobile-head__close:focus-visible { opacity: 0.7; } .catalog-filter-mobile-head__close img { display: block; width: 20px; height: 20px; opacity: 0.55; } @media (max-width: 991px) { .catalog-filter-mobile-head { display: flex; } .main-catalog-wrapper > .catalog-section__aside .catalog-section__aside-inner, .main-catalog-wrapper > .left_block .sticky-sidebar__inner { position: static; min-height: 0; height: auto; } /* на мобиле список внутри секции не должен раздувать скролл всего экрана */ .main-catalog-wrapper > .catalog-section__aside .bx_filter_block.limited_block, .main-catalog-wrapper > .left_block .bx_filter_block.limited_block { contain: paint; } .main-catalog-wrapper > .catalog-section__aside .catalog-filter-count, .main-catalog-wrapper > .left_block .catalog-filter-count { display: none; } } .catalog-toolbar__mobile-sort .dropdown-select__title span { display: inline-block; max-width: 140px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; } .catalog-toolbar__mobile-filter { flex-shrink: 0; } /* End */ /* Start:/local/templates/maslomart/components/bitrix/catalog.section.list/sections_row/style.css?17939464112017*/ .catalog-subsections { display: flex; gap: 16px; } .catalog-subsections__item { flex: 1 1 0; min-width: 0; display: flex; align-items: center; gap: 12px; padding: 16px; border: 1px solid var(--neutral-200); border-radius: 12px; background: var(--White); text-decoration: none; color: var(--Black); transition: background-color 0.35s ease, color 0.35s ease; } .catalog-subsections__item:hover, .catalog-subsections__item:focus-visible { background-color: var(--neutral-070); color: var(--Black); } .catalog-subsections__image { flex: 0 0 48px; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; } .catalog-subsections__image img { width: 100%; height: 100%; object-fit: contain; } /* Owl тянет все img на 100% ширины слайда — держим иконку в слоте 48×48 */ .catalog-subsections.owl-carousel .owl-item .catalog-subsections__image img { width: 100%; height: 100%; max-width: 100%; object-fit: contain; } .catalog-subsections__text { display: flex; flex-direction: column; gap: 2px; min-width: 0; } .catalog-subsections__name { color: var(--Black); } .catalog-subsections__count { color: var(--neutral-500); text-transform: uppercase; } .catalog-subsections.owl-loaded { display: block; gap: 0; overflow: hidden; } .catalog-subsections.owl-loaded .owl-stage-outer { overflow: hidden; } .catalog-subsections.owl-theme .owl-nav, .catalog-subsections.owl-theme .owl-dots { display: none; } @media (max-width: 991px) { .catalog-subsections { display: flex; flex-direction: row; flex-wrap: nowrap; gap: 8px; overflow-x: auto; scrollbar-width: none; } .catalog-subsections::-webkit-scrollbar { display: none; } .catalog-subsections__item { flex: 0 0 auto; width: auto; padding: 12px 16px; } .catalog-subsections__name, .catalog-subsections__count { white-space: nowrap; } .catalog-subsections__image { flex-basis: 40px; width: 40px; height: 40px; } } /* End */ /* Start:/local/templates/maslomart/assets/css/owl/owl.carousel.css?17939015134744*/ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ /* * Owl Carousel - Core */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; /* fix firefox animation glitch */ } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot { background: none; color: inherit; border: none; padding: 0 !important; font: inherit; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { transition: height 500ms ease-in-out; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item { /** This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong calculation of the height of the owl-item that breaks page layouts */ } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) { max-height: 0; } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("/local/templates/maslomart/assets/css/owl/owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } /* End */ /* Start:/local/templates/maslomart/components/bitrix/news.list/landings_list/style.css?17939015139006*/ /*Top content block*/ .top-content-block > div { padding-bottom: 30px; } .top-content-block .landings-list { padding: 0px 0px 12px; } .wrapper1:not(.block_side_WIDE) .top-content-block .landings-list:last-of-type { border-bottom: 1px solid #ececec; border-color: var(--stroke_black); } .top-content-block > div + .landings-list { padding-top: 0px; } .top-content-block > hr { margin: 0px 0px 0px; background: #ececec; background: var(--stroke_black); } /**/ /*Landings list*/ .landings-list { } .landings-list__title { display: none; } .landings-list__info { display: flex; flex-wrap: wrap; gap: 8px; } .landings-list__info-wrapper, body .landings-list .landings-list__info-wrapper.flexbox { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 8px; } .landings-list__item { display: inline-block; padding-bottom: 0; margin: 0; order: 1; } /* гасим .font_xs { line-height: 27px } на чипах */ .landings-list__item.font_xs, .landings-list .landings-list__item.font_xs { font-size: 14px; line-height: normal; } .landings-list__name { padding: 0 12px; height: 32px; font-size: 14px; font-weight: 400; line-height: 1; color: var(--neutral-700); background: var(--neutral-100); border-radius: 8px; margin: 0; position: relative; display: inline-flex; align-items: center; box-sizing: border-box; text-decoration: none; transition: background-color 0.35s ease, color 0.35s ease; } .landings-list__name:hover, .landings-list__name:focus-visible { background: var(--neutral-150); color: var(--Black); } .landings-list__item--hover-bg:hover { background: var(--neutral-150); } .landings-list__item--active, .landings-list__name.landings-list__item--active { color: var(--Black); background: var(--yellow-800); } /* «Показать ещё» / «Свернуть» — только жёлтый текст, без фона и без hover-bg */ body .landings-list .landings-list__name.landings-list__item--js-more, body .landings-list .landings-list__name.landings-list__item--js-more:not(:hover), body .landings-list .landings-list__name.landings-list__item--js-more:hover, body .landings-list .landings-list__name.landings-list__item--js-more:focus-visible { color: var(--Yellow); background: transparent; background-color: transparent; padding-left: 4px; padding-right: 4px; height: auto; min-height: 32px; border-radius: 0; transition: color 0.35s ease; } body .landings-list .landings-list__name.landings-list__item--js-more svg path { fill: var(--Yellow); } .top-content-block .landings-list { padding: 0 0 16px; } .wrapper1:not(.block_side_WIDE) .top-content-block .landings-list:last-of-type { border-bottom: 0; } /* Мобилка: подразделы колонкой, чипы — отдельная горизонтальная лента */ @media (max-width: 991px) { .top-content-block { display: flex; flex-direction: column; flex-wrap: nowrap; align-items: stretch; gap: 16px; overflow: visible; margin: 0 0 16px; padding: 0; position: relative; } .top-content-block > .section-block { width: 100%; min-width: 0; } .top-content-block > div { padding-bottom: 0; } .top-content-block .landings-list { display: flex; flex: 0 0 auto; align-items: center; align-self: stretch; position: relative; box-sizing: border-box; width: calc(100% + 32px); max-width: calc(100% + 32px); min-width: 0; margin: 0 -16px; padding: 0 16px; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; } .top-content-block .landings-list::-webkit-scrollbar { display: none; } .top-content-block .landings-list::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; width: 48px; pointer-events: none; z-index: 1; background: linear-gradient(270deg, var(--White) 0%, rgba(255, 255, 255, 0) 100%); } .landings-list__info.hidden-xs { display: none !important; } .top-content-block .landings-list__info.landings-list__info--mobiled, .top-content-block .landings-list__info--mobiled .landings-list__info-wrapper { display: flex !important; flex-wrap: nowrap !important; align-items: center; overflow: visible; gap: 8px; padding: 0; margin: 0; min-height: 0 !important; } .top-content-block .landings-list__info--mobiled .landings-list__item { flex: 0 0 auto; padding-bottom: 0 !important; margin: 0; } .top-content-block .landings-list__info--mobiled .landings-list__break, .top-content-block .landings-list__info--mobiled .landings-list__item--js-more { display: none !important; } .top-content-block .landings-list__info--mobiled .landings-list__item.hidden, .top-content-block .landings-list__info--mobiled .landings-list__item.js-hidden { display: block !important; } .top-content-block .landings-list__info--mobiled .landings-list__name { margin-right: 0 !important; padding: 0 12px; height: 32px; line-height: 1; white-space: nowrap; } .landings-list__info-wrapper.with-slider { min-height: 0 !important; } .landings-list__info.landings-list__info--mobiled.swipeignore { margin-right: 0; } } .landings-list__info.landings-list__info--mobiled.swipeignore { margin-right: -16px; } .landings-list__info-wrapper.with-slider { overflow-x: auto; white-space: nowrap; min-height: 47px; align-items: normal; } .landings-list__info-wrapper.with-slider { scrollbar-width: none; /* Firefox */ } .landings-list__info-wrapper.with-slider::-webkit-scrollbar { width: 0px; background: transparent; /* chrome based */ } .landings-list__info-wrapper.with-slider { -ms-overflow-style: none; /* IE 10+ */ } .landings-list__item { display: inline-block; padding-bottom: 0; order: 1; } .landings-list__break { display: inline-block; flex-basis: 100%; order: 1; } .landings-list__item.active { order: 0; } .landings-list__item.last, .landings-list__info-wrapper.last { padding-right: 18px; } .landings-list__name { margin-right: 0; } .landings-list__name:not(.landings-list__item--js-more) .svg { display: none; } .landings-list__name:not(.landings-list__item--active) { cursor: pointer; } .landings-list__name.landings-list__item--reset { gap: 8px; } .landings-list__name.landings-list__item--reset .landings-list__clear-filter { position: static; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 8px; height: 8px; cursor: pointer; opacity: 1; transition: opacity 0.35s ease; } .landings-list__name.landings-list__item--reset .landings-list__clear-filter:hover, .landings-list__name.landings-list__item--reset .landings-list__clear-filter:focus-visible { opacity: 0.7; } .landings-list__name.landings-list__item--reset .landings-list__clear-filter:before { display: none; } .landings-list__name.landings-list__item--reset .landings-list__clear-filter svg { display: block; width: 8px; height: 8px; } .landings-list__name.landings-list__item--reset .landings-list__clear-filter svg path { fill: var(--Black); } .landings-list__item--filled-bg { } .landings-list__item--filled-bg.landings-list__name span { border-bottom: none; } .landings-list__item--hover-bg:hover { background: var(--neutral-150); } .landings-list__item--filled-bg:not(:hover) { background: #f8f8f8; text-decoration: none; } .landings-list__item--js-more{ border-color: transparent; gap: 4px; } .landings-list__item--js-more span { margin-right: 0; } .landings-list__item--js-more svg { transition: transform 0.35s ease; flex-shrink: 0; } .landings-list__item--js-more.opened svg { transform: rotate(180deg); } .landings-list__item--active span { border-bottom-color: transparent; } .landings-list__item--active { color: var(--Black); } .landings-list + .landings-list .landings-list__title { display: none; } .landings-list__section-wrap { display: flex; } .landings-list__section-title { margin-right: 16px; white-space: nowrap; /* font-weight: 700; */ } .landings-list__info .landings-list__section-title { padding-bottom: 10px; } @media(max-width: 767px){ .landings-list__section-wrap { flex-direction: column; } .landings-list__section-title{ margin-bottom: 6px; } } /**/ /* End */ /* Start:/local/templates/maslomart/components/bitrix/catalog.smart.filter/main_ajax/style.css?179390151318275*/ /* MasloMart smart filter skin (Figma) */ .bx_filter.bx_filter_vertical { margin: 0; } .bx_filter .slide-block__head.filter_title { display: none; } .bx_filter .bx_filter_section, .bx_filter .bx_filter_section.bordered { padding: 12px 20px !important; border: 1px solid var(--neutral-150) !important; border-radius: 16px !important; background: var(--White) !important; box-shadow: none !important; } .bx_filter .bx_filter_parameters { display: flex; flex-direction: column; gap: 12px; } .bx_filter .bx_filter_parameters_box { margin: 0; padding: 0 0 12px; border: 0; border-bottom: 1px solid var(--neutral-150); border-radius: 0; } .bx_filter .bx_filter_parameters_box:last-child { border-bottom: 0; padding-bottom: 0; } .bx_filter .bx_filter_parameters_box_title { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 8px 0; margin: 0; color: var(--Black); font-size: 16px; font-weight: 600; line-height: 24px; cursor: pointer; background: none !important; } .bx_filter .bx_filter_parameters_box_title .title-wrapper, .bx_filter .bx_filter_parameters_box_title > div { flex: 1; color: var(--Black); } .bx_filter .bx_filter_parameters_box_title .svg, .bx_filter .bx_filter_parameters_box_title__arrow { flex-shrink: 0; display: block; width: 20px; height: 20px; margin: 2px 0 0; /* Figma expand_more: видимая шеврон-стрелка */ opacity: 1; transition: transform 0.2s ease; } /* свёрнут — стрелка вправо (Figma chevron_right) */ .bx_filter .bx_filter_parameters_box:not(.active) > .bx_filter_parameters_box_title .bx_filter_parameters_box_title__arrow, .bx_filter .bx_filter_parameters_box:not(.active) > .bx_filter_parameters_box_title .svg { transform: rotate(-90deg); } .bx_filter .colored_theme_hover_bg-block:hover .colored_theme_hover_bg-el, .bx_filter .colored_theme_hover_bg:hover, .bx_filter .slide-block__head.colored_theme_hover_bg-block:hover .colored_theme_hover_bg-el { background: transparent !important; background-color: transparent !important; border-color: transparent !important; } .bx_filter .colored_theme_text_with_hover, .bx_filter .expand_block.colored_theme_text_with_hover { color: var(--Black) !important; } .bx_filter .colored_theme_text_with_hover:hover, .bx_filter .expand_block.colored_theme_text_with_hover:hover { color: var(--neutral-600) !important; } /* Checkbox rows — Figma: hit 24×24, box 18×18 inset 3, radius 4, gap 8 */ .bx_filter .filter-value-wrap { display: flex; align-items: flex-start; gap: 8px; margin: 0; padding: 4px 0; min-height: 0; } .bx_filter .filter-value-wrap > input[type="checkbox"], .bx_filter .filter-value-wrap > input[type="radio"] { position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0 !important; border: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; appearance: none !important; opacity: 0 !important; pointer-events: none; } .bx_filter .bx_filter_param_label { display: flex; align-items: flex-start; gap: 8px; position: relative; flex: 1; min-height: 24px; margin: 0 !important; padding: 0 !important; color: var(--Black); font-size: 14px; font-weight: 400; line-height: 20px; cursor: pointer; background: none !important; } /* Checkbox — глобальный .mm-form__checkbox / .mm-form__checkbox-ui */ .bx_filter .mm-form__checkbox.bx_filter_param_label::before, .bx_filter .mm-form__checkbox.bx_filter_param_label::after { content: none !important; display: none !important; } /* Radio — локальный круг, пока не на mm-form__radio */ .bx_filter .filter-value-wrap > input[type="radio"] + .bx_filter_param_label { padding: 0 0 0 32px !important; } .bx_filter .filter-value-wrap > input[type="radio"] + .bx_filter_param_label::before, .bx_filter .filter-value-wrap > input[type="radio"] + .bx_filter_param_label::after { content: "" !important; box-sizing: border-box; font-size: 0 !important; background-image: none !important; } .bx_filter .filter-value-wrap > input[type="radio"] + .bx_filter_param_label::before { display: block !important; position: absolute; left: 2px; top: 2px; width: 20px; height: 20px; margin-top: 0; border: 0 !important; border-radius: 50%; background: var(--neutral-150) !important; box-shadow: none !important; z-index: 1; transition: background-color 0.35s ease; } .bx_filter .filter-value-wrap > input[type="radio"]:checked + .bx_filter_param_label::before { background: var(--yellow-800) !important; } .bx_filter .filter-value-wrap > input[type="radio"] + .bx_filter_param_label::after { display: block !important; position: absolute; left: 8px; top: 8px; width: 8px; height: 8px; margin-top: 0; border: 0 !important; border-radius: 50%; background: var(--Black) !important; opacity: 0; z-index: 2; transition: opacity 0.35s ease; } .bx_filter .filter-value-wrap > input[type="radio"]:checked + .bx_filter_param_label::after { opacity: 1; } .bx_filter .bx_filter_input_checkbox { display: flex; align-items: flex-start; gap: 8px; width: 100%; flex: 1 1 auto; min-width: 0; } .bx_filter .bx_filter_param_text { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 8px; flex: 1; padding-top: 2px; color: var(--Black); } .bx_filter .mm-form__checkbox.bx_filter_param_label.disabled, .bx_filter .filter-value-wrap > input[type="radio"]:disabled + .bx_filter_param_label { color: var(--neutral-400); cursor: default; pointer-events: none; } .bx_filter .mm-form__checkbox.bx_filter_param_label.disabled .bx_filter_param_text, .bx_filter .filter-value-wrap > input[type="radio"]:disabled + .bx_filter_param_label .bx_filter_param_text { color: var(--neutral-400); } .bx_filter .filter-value-wrap > input[type="checkbox"].mm-form__checkbox-input:disabled:checked + .mm-form__checkbox .mm-form__checkbox-ui::before, .bx_filter .filter-value-wrap > input[type="checkbox"].mm-form__checkbox-input:checked + .mm-form__checkbox.disabled .mm-form__checkbox-ui::before { background: var(--neutral-150); } .bx_filter .filter-value-wrap > input[type="checkbox"].mm-form__checkbox-input:disabled:checked + .mm-form__checkbox .mm-form__checkbox-ui::after, .bx_filter .filter-value-wrap > input[type="checkbox"].mm-form__checkbox-input:checked + .mm-form__checkbox.disabled .mm-form__checkbox-ui::after { opacity: 0; transform: rotate(45deg) scale(0.6); } .bx_filter .filter-value-wrap > input[type="radio"]:disabled:checked + .bx_filter_param_label::before { background: var(--neutral-150); } .bx_filter .filter-value-wrap > input[type="radio"]:disabled:checked + .bx_filter_param_label::after { opacity: 0; } .bx_filter .bx_filter_param_label .count, .bx_filter .bx_filter_param_label span[data-role="count"], .bx_filter .bx_filter_param_text span[data-role^="count"] { color: var(--neutral-400); font-size: 12px; font-weight: 400; line-height: 16px; padding-top: 2px; } .bx_filter input[type="checkbox"] + label .bx_filter_param_btn, .bx_filter .bx_filter_param_btn { display: none; } .bx_filter .bx_filter_parameters_box_container_block { margin-bottom: 0; float: none !important; width: auto !important; flex: 1 1 0; min-width: 0; } /* Price / range inputs — Figma TextField: bg neutral-100, radius 12, px 16 py 12 */ .bx_filter .bx_filter_parameters_box_container .wrapp_change_inputs, .bx_filter .wrapp_all_inputs .wrapp_change_inputs { display: flex !important; align-items: stretch; gap: 8px; width: 100%; border: 0 !important; border-radius: 0 !important; background: transparent !important; padding: 0 !important; float: none !important; } /* legacy clearfix / divider ломали 50/50 — третий flex-ребёнок */ .bx_filter .wrapp_change_inputs > .divider, .bx_filter .wrapp_change_inputs > div[style*="clear"] { display: none !important; } .bx_filter .wrapp_all_inputs.wrap_md { display: flex; flex-direction: column; gap: 4px; float: none !important; width: 100% !important; } .bx_filter .wrapp_change_inputs > .bx_filter_parameters_box_container_block { flex: 1 1 0 !important; min-width: 0 !important; float: none !important; width: auto !important; max-width: none !important; margin: 0 !important; } .bx_filter .bx_filter_input_container, .bx_filter .bx_filter_input_container.form-control, .bx_filter .bx_filter_input_container.form-control.bg { display: block !important; width: 100% !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; } .bx_filter .bx_filter_parameters_box_container .bx_filter_input_container input, .bx_filter .bx_filter_parameters_box_container .bx_filter_input, .bx_filter .bx_filter_parameters_box_container input[type="text"], .bx_filter .bx_filter_parameters_box_container input.min-price, .bx_filter .bx_filter_parameters_box_container input.max-price { display: block !important; width: 100% !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 12px 16px !important; /* 1px transparent — без скачка при focus */ border: 1px solid transparent !important; border-radius: 12px !important; background: var(--neutral-100) !important; color: var(--Black) !important; font-size: 16px !important; font-weight: 400 !important; line-height: 24px !important; box-shadow: none !important; box-sizing: border-box !important; outline: none !important; } /* Figma TextField Focus: белый фон + жёлтая обводка */ .bx_filter .bx_filter_parameters_box_container .bx_filter_input_container input:focus, .bx_filter .bx_filter_parameters_box_container .bx_filter_input_container input:focus-visible, .bx_filter .bx_filter_parameters_box_container .bx_filter_input:focus, .bx_filter .bx_filter_parameters_box_container input[type="text"]:focus, .bx_filter .bx_filter_parameters_box_container input[type="text"]:focus-visible, .bx_filter .bx_filter_parameters_box_container input.min-price:focus, .bx_filter .bx_filter_parameters_box_container input.min-price:focus-visible, .bx_filter .bx_filter_parameters_box_container input.max-price:focus, .bx_filter .bx_filter_parameters_box_container input.max-price:focus-visible { border: 1px solid var(--yellow-800) !important; background: var(--White) !important; outline: none !important; box-shadow: none !important; } .bx_filter .bx_filter_parameters_box_container input::placeholder { color: var(--neutral-400); opacity: 1; } .bx_filter .wrapp_all_inputs .wrapp_slider { width: 100%; /* Figma Slider&Inputs: gap 4 + Slider py 15 */ padding: 15px 0; margin: 0; float: none !important; } .bx_filter .bx_ui_slider_part { display: none !important; } .bx_filter .bx_filter_block .bx_filter_parameters_box_container.numbers { display: flex !important; align-items: stretch; gap: 8px; float: none !important; width: 100% !important; } .bx_filter .bx_filter_block .bx_filter_parameters_box_container.numbers > .bx_filter_parameters_box_container_block { flex: 1 1 0 !important; min-width: 0 !important; width: auto !important; margin: 0 !important; } /* NUMBERS (type B) — два инпута подряд без wrapp_change_inputs */ .bx_filter .bx_filter_parameters_box_container:has(> .bx_filter_parameters_box_container_block + .bx_filter_parameters_box_container_block) { display: flex !important; align-items: stretch; gap: 8px; width: 100%; } .bx_filter .bx_filter_parameters_box_container:has(> .bx_filter_parameters_box_container_block + .bx_filter_parameters_box_container_block) > .bx_filter_parameters_box_container_block { flex: 1 1 0 !important; min-width: 0 !important; width: auto !important; margin: 0 !important; } .bx_filter .bx_ui_slider_track_wrapper, .bx_filter .bx_ui_slider_track { position: relative; /* место под knob 16px по вертикали */ height: 16px; margin: 0; } .bx_filter .bx_ui_slider_track { /* Figma Track: h 2 */ height: 2px; margin: 7px 0; background: var(--neutral-150); border-radius: 2px; } .bx_filter .bx_ui_slider_part, .bx_filter .bx_ui_slider_pricebar_VD, .bx_filter .bx_ui_slider_pricebar_VN, .bx_filter .bx_ui_slider_pricebar_V { display: none !important; } .bx_filter .bx_ui_slider_range { position: absolute !important; height: 2px !important; top: 0 !important; background: var(--yellow-800) !important; border-radius: 2px; pointer-events: none; } .bx_filter .bx_ui_slider_range .bx_ui_slider_handle { pointer-events: auto; } .bx_filter .bx_ui_slider_handle, .bx_filter .bx_ui_slider_handle.left, .bx_filter .bx_ui_slider_handle.right { position: absolute !important; display: block !important; top: 50% !important; width: 16px !important; height: 16px !important; margin-top: -8px !important; border: 0 !important; border-radius: 50% !important; background: var(--yellow-800) !important; background-image: none !important; box-shadow: none !important; box-sizing: border-box !important; z-index: 100 !important; cursor: pointer; pointer-events: auto; } .bx_filter .bx_ui_slider_handle.left { margin-left: -8px !important; margin-right: 0 !important; } .bx_filter .bx_ui_slider_handle.right { margin-right: -8px !important; margin-left: 0 !important; } .bx_filter .bx_ui_slider_handle:after, .bx_filter .bx_ui_slider_handle:before, .smartfilter .bx_ui_slider_track .bx_ui_slider_handle:after { display: none !important; content: none !important; background: none !important; } .bx_filter .bx_filter_parameters_box:has(.filter-search) > .bx_filter_parameters_box_title { margin-bottom: 4px; } .bx_filter .filter-search { display: flex; align-items: center; gap: 4px; margin: 0 0 8px; padding: 8px 12px; background: var(--neutral-100); border-radius: 12px; } .bx_filter .filter-search__icon { display: block; flex-shrink: 0; width: 20px; height: 20px; } .bx_filter .filter-search__input { flex: 1 1 auto; min-width: 0; height: 20px; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; color: var(--Black); } .bx_filter .filter-search__input::placeholder { color: var(--neutral-400); } .bx_filter .filter-search__close { display: none; flex-shrink: 0; align-items: center; justify-content: center; width: 20px; height: 20px; margin: 0; padding: 0; border: 0; background: transparent; cursor: pointer; opacity: 1; transition: opacity 0.35s ease; } .bx_filter .filter-search__input:not(:placeholder-shown) ~ .filter-search__close { display: inline-flex; } .bx_filter .filter-search__close:hover, .bx_filter .filter-search__close:focus-visible { opacity: 0.6; } .bx_filter .filter-search-empty-title { margin: 0 0 8px; color: var(--neutral-400); } .bx_filter .filter-search-empty-title.hidden { display: none; } .bx_filter .filter-value-wrap.filter-search-miss { display: none; } .bx_filter.bx_filter_vertical .bx_filter_parameters_box.is-searching .hidden_values { display: block; } .bx_filter .bx_filter_parameters_box.is-searching .inner_expand_text { display: none; } .bx_filter .bx_filter_search_box input, .bx_filter .bx_filter_search input { width: 100%; height: 36px; padding: 8px 12px 8px 36px; border: 0; border-radius: 8px; background: var(--neutral-100); } .bx_filter .bx_filter_button_box, .bx_filter .bx_filter_popup_result { border: 0; background: none; } /* Кнопка сброса: общий .button.yellow, только layout */ .bx_filter .bx_filter_button_box.btns { margin: 0; padding: 0; } .bx_filter .bx_filter_button_box.btns .bx_filter_block { padding: 0; margin: 0; } body .bx_filter .bx_filter_button_box.btns .bx_filter_search_reset.button, .bx_filter .bx_filter_search_reset.button { width: 100%; min-width: 0; margin: 16px 0 0; float: none; } body .bx_filter .bx_filter_button_box.btns .bx_filter_search_reset.button.hidden, .bx_filter .bx_filter_search_reset.button.hidden { display: none; } /* у aspro при видимом reset отступ под соседнюю кнопку «Показать» — больше не нужен */ body .bx_filter .bx_filter_button_box.btns .bx_filter_search_reset:not(.hidden) + .filter-bnt-wrapper { padding-left: 0; } .bx_filter .bx_filter_search_button, .bx_filter .btn-link, .bx_filter .bx_filter_param_show_more, .bx_filter .inner_text { color: var(--neutral-400); font-size: 14px; line-height: 20px; text-decoration: none; } .bx_filter .bx_filter_parameters_box_container { max-height: none; } .bx_filter .limited_block .bx_filter_block_wrapper, .bx_filter .bx_filter_block.limited_block { max-height: 320px; overflow: auto; /* иначе длинный список брендов раздувает scrollHeight fullscreen-фильтра */ contain: paint; } .bx_filter .bx_filter_parameters_box_container::-webkit-scrollbar, .bx_filter .limited_block::-webkit-scrollbar { width: 4px; } .bx_filter .bx_filter_parameters_box_container::-webkit-scrollbar-thumb, .bx_filter .limited_block::-webkit-scrollbar-thumb { background: var(--neutral-300); border-radius: 4px; } /* Toggle-like for single yes/no props */ .bx_filter .bx_filter_parameters_box[data-prop_code*="available"] .bx_filter_block, .bx_filter .bx_filter_parameters_box[data-prop_code*="nalich"] .bx_filter_block { padding-top: 0; } @media (max-width: 991px) { .bx_filter .bx_filter_section, .bx_filter .bx_filter_section.bordered { border: 0 !important; border-radius: 0 !important; padding: 8px 16px 24px !important; background: var(--White) !important; } .bx_filter .bx_filter_parameters { gap: 8px; } .bx_filter .limited_block .bx_filter_block_wrapper, .bx_filter .bx_filter_block.limited_block { contain: paint; } } /* End */ /* /local/templates/maslomart/components/bitrix/catalog/mm_main/style.css?179390151363500 */ /* /local/templates/maslomart/components/bitrix/catalog.section.list/sections_row/style.css?17939464112017 */ /* /local/templates/maslomart/assets/css/owl/owl.carousel.css?17939015134744 */ /* /local/templates/maslomart/components/bitrix/news.list/landings_list/style.css?17939015139006 */ /* /local/templates/maslomart/components/bitrix/catalog.smart.filter/main_ajax/style.css?179390151318275 */