/* 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.element/main3/style.css?179390151392641*/ .svg-inline-popup-map-icon svg .cls-1 { fill: #ef9a21 } .rs-service-block.rs-service-block__main3-product-detail { display: flex; justify-content: center; padding: 0; } .rs-service-block.rs-service-block__main3-product-detail .inner-table-block .btn { width: 300px; } .brand-detail-info__preview + .brand-detail-info__preview, .brand-detail-info__preview + .brand-detail-info__image { margin-top: 18px; } .custom_product-topheader{ display: flex; justify-content: space-between; margin-bottom: 32px; margin-top: 0; align-items: center; gap: 24px; } .custom_product-topheader .custom_product-topheader_left{ display: flex; gap: 24px; align-items: center; } .custom_product-topheader_right { display: flex; align-items: center; gap: 16px; margin-left: auto; } .custom_product-topheader .product-info-headnote__toolbar { display: flex; align-items: center; gap: 24px; } /* Избранное / сравнение — как в каталоге: серые off → жёлтые fav_active/compare_active */ .custom_product-topheader .product-topheader__action, .mobile-detail-title .product-topheader__action { width: auto; height: auto; gap: 8px; padding: 0; border: 0; border-radius: 0; outline: none; background: transparent; box-shadow: none; text-decoration: none; text-transform: none; letter-spacing: 0; color: var(--neutral-500); font-family: Manrope, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; transition: background-color 0.35s ease, color 0.35s ease; } .custom_product-topheader .product-topheader__action:hover, .custom_product-topheader .product-topheader__action:focus, .custom_product-topheader .product-topheader__action:focus-visible, .custom_product-topheader .product-topheader__action.added, .custom_product-topheader .product-topheader__action.added:hover, .mobile-detail-title .product-topheader__action:hover, .mobile-detail-title .product-topheader__action:focus, .mobile-detail-title .product-topheader__action:focus-visible, .mobile-detail-title .product-topheader__action.added, .mobile-detail-title .product-topheader__action.added:hover { background: transparent; background-color: transparent; border-color: transparent; box-shadow: none; outline: none; text-decoration: none; color: var(--neutral-500); } /* Кроссфейд иконок — глобально в main.css (opacity 0.35s) */ .custom_product-topheader .product-topheader__action-text, .mobile-detail-title .product-topheader__action-text { grid-column: 2; grid-row: 1; white-space: nowrap; text-transform: none; } /* Figma: star_fill 20×20 — пустые Neutral/300, заполненные yellow-800 */ .custom_product-topheader .votes_block .item-rating .svg, .mobile-detail-title .votes_block .item-rating .svg { width: 20px; height: 20px; min-width: 20px; display: inline-block; } .custom_product-topheader .votes_block .item-rating .svg svg, .mobile-detail-title .votes_block .item-rating .svg svg { display: block; width: 20px; height: 20px; } .custom_product-topheader .votes_block.nstar .item-rating .svg svg path, .custom_product-topheader .votes_block.nstar .item-rating svg path, .mobile-detail-title .votes_block.nstar .item-rating .svg svg path, .mobile-detail-title .votes_block.nstar .item-rating svg path { fill: var(--neutral-300); } .custom_product-topheader .votes_block.nstar .item-rating.filed .svg svg path, .custom_product-topheader .votes_block.nstar .item-rating.filed svg path, .mobile-detail-title .votes_block.nstar .item-rating.filed .svg svg path, .mobile-detail-title .votes_block.nstar .item-rating.filed svg path { fill: var(--yellow-800); } /* Figma: «0 отзывов» — Black, не muted */ .custom_product-topheader .votes_block.nstar .ratings .inner_rating > span { margin-left: 8px; color: var(--Black); font-family: Manrope, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; } .product-topheader__share { /* grid + opacity-кроссфейд — в main.css */ width: 24px; height: 24px; padding: 0; border: 0; background: transparent; } /* Поделиться: узкая вертикальная полоска Ya Share2 под иконкой (как Aspro share.top) */ .product-share { position: relative; display: inline-flex; align-items: center; flex-shrink: 0; z-index: 2; } .product-share.is-open { z-index: 30; } .product-share__dropdown { position: absolute; top: 50%; left: 50%; z-index: 30; box-sizing: border-box; width: 40px; margin-left: -20px; padding: 28px 0 0; background: transparent; } .product-share__dropdown[hidden] { display: none; } .product-share__dropdown .ya-share2 { position: static; display: block; padding: 0; margin: 0; } .product-share__dropdown .ya-share2__container { display: block; overflow: hidden; border-radius: 12px; background: var(--White); box-shadow: 0 2px 16px 1px rgba(138, 145, 153, 0.16); } .product-share__dropdown .ya-share2__list, .product-share__dropdown .ya-share2__list_direction_vertical, .product-share__dropdown .ya-share2__list_direction_horizontal { display: flex; flex-direction: column; flex-wrap: nowrap; align-items: stretch; gap: 0; margin: 0; padding: 0; list-style: none; } .product-share__dropdown .ya-share2__container .ya-share2__item, .product-share__dropdown .ya-share2__container_size_m .ya-share2__item { display: block; margin: 0; padding: 0; border-top: 1px solid var(--neutral-150); background: var(--White); transition: background-color 0.35s ease; } .product-share__dropdown .ya-share2__container .ya-share2__item:first-child, .product-share__dropdown .ya-share2__container_size_m .ya-share2__item:first-child { border-top: 0; } /* Ya Share2: без «Ещё» и «Скопировать» — только сетка сервисов как в Aspro */ .product-share__dropdown .ya-share2__item_more, .product-share__dropdown .ya-share2__item_copy, .product-share__dropdown .ya-share2__popup { display: none; } .product-share__dropdown .ya-share2__link { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; margin: 0; padding: 0; background: var(--White); transition: background-color 0.35s ease; } /* Только иконки, без подписей сервисов */ .product-share__dropdown .ya-share2__title { display: none; } .product-share__dropdown .ya-share2__badge { position: static; display: block; width: 24px; height: 24px; margin: 0; border-radius: 50%; } .product-share__dropdown .ya-share2__icon { display: block; width: 24px; height: 24px; box-shadow: none; } .product-share__dropdown .ya-share2__item_service_vkontakte:hover, .product-share__dropdown .ya-share2__item_service_vkontakte:focus-within { background: #6695bd; } .product-share__dropdown .ya-share2__item_service_facebook:hover, .product-share__dropdown .ya-share2__item_service_facebook:focus-within { background: #4c6db6; } .product-share__dropdown .ya-share2__item_service_twitter:hover, .product-share__dropdown .ya-share2__item_service_twitter:focus-within { background: #1baeeb; } .product-share__dropdown .ya-share2__item_service_viber:hover, .product-share__dropdown .ya-share2__item_service_viber:focus-within { background: #665cac; } .product-share__dropdown .ya-share2__item_service_whatsapp:hover, .product-share__dropdown .ya-share2__item_service_whatsapp:focus-within { background: #46c152; } .product-share__dropdown .ya-share2__item_service_odnoklassniki:hover, .product-share__dropdown .ya-share2__item_service_odnoklassniki:focus-within { background: #ff9205; } .product-share__dropdown .ya-share2__item_service_moimir:hover, .product-share__dropdown .ya-share2__item_service_moimir:focus-within { background: #168de2; } .product-share__dropdown .ya-share2__item_service_skype:hover, .product-share__dropdown .ya-share2__item_service_skype:focus-within { background: #00aff0; } .product-share__dropdown .ya-share2__item_service_telegram:hover, .product-share__dropdown .ya-share2__item_service_telegram:focus-within { background: #2aa1da; } .product-share__dropdown .ya-share2__item:hover .ya-share2__link, .product-share__dropdown .ya-share2__item:focus-within .ya-share2__link { background: transparent; } .ya-share2__list.ya-share2__list_direction_vertical > .ya-share2__item { margin: 0 !important; } .like_icons.list > div span.btn:not(:hover):not(.added){ border: none; } .rating{ margin: auto; } .product-info-headnote__article{ margin: auto; } .custom_product-topheader .product-info-headnote__brand { display: none; } .custom_product-topheader .product-info-headnote__article, .custom_product-topheader .article, .custom_product-topheader .article__title, .custom_product-topheader .article__value { color: var(--neutral-400); font-family: Manrope, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; } .shadowed-block{ border-radius: 16px; border: 0 solid var(--neutral-150); background: var(--White, #FFF); box-shadow: 0 2px 16px 1px rgba(138, 145, 153, 0.16), 0 16px 16px 0 rgba(138, 145, 153, 0.04); padding: 24px; display: flex; flex-direction: column; gap: 16px; } /* Пустые/скрытые служебные блоки не должны раздувать gap снизу карточки */ .shadowed-block > .buy_block--no-buy, .shadowed-block > .js-services:empty, .shadowed-block > .product-buy__legacy { display: none !important; } /* meta schema.org в отдельном div даёт лишний flex-gap между ценой и промо */ .catalog_detail.element_3 .prices_block > div:has(> meta[itemprop]) { display: none !important; } .product-buy__promo { display: flex; align-items: center; gap: 8px; width: 100%; min-height: 24px; } .product-buy__promo-icon { width: 24px; height: 24px; flex-shrink: 0; } .product-buy__promo-text { color: var(--Black); flex: 1 1 auto; min-width: 0; } .product-buy__actions { display: flex; flex-direction: column; gap: 8px; width: 100%; } .product-buy__counter { display: none; flex: 1 1 0; min-width: 0; } .product-buy--in-cart .product-buy__actions { flex-direction: row; align-items: stretch; } .product-buy--in-cart .product-buy__counter { display: flex; } .product-buy--in-cart .custom_buy-button { flex: 1 1 0; width: auto; } /* Каунтер деталки = тот же .catalog-card__qty, что в слайдере/сетке */ .product-buy__counter .catalog-card__qty { display: flex; align-items: stretch; box-sizing: border-box; width: 100%; height: 48px; min-height: 48px; max-height: 48px; padding: 0; background: var(--neutral-100); border: 1px solid var(--neutral-100); border-radius: 12px; overflow: hidden; } .product-buy__counter .catalog-card__qty[hidden] { display: none; } .product-buy__counter .catalog-card__qty-btn { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 48px; height: 100%; padding: 0; border: 0; border-radius: 0; background: transparent; cursor: pointer; appearance: none; -webkit-appearance: none; transition: background-color 0.35s ease, opacity 0.35s ease; } .product-buy__counter .catalog-card__qty-btn:hover, .product-buy__counter .catalog-card__qty-btn:focus-visible { background-color: rgba(29, 32, 35, 0.04); } .product-buy__counter .catalog-card__qty-btn--minus { border-right: 1px solid rgba(29, 32, 35, 0.1); } .product-buy__counter .catalog-card__qty-btn--plus { border-left: 1px solid rgba(29, 32, 35, 0.1); } .product-buy__counter .catalog-card__qty-btn img { display: block; width: 24px; height: 24px; } .product-buy__counter .catalog-card__qty-value { display: flex; align-items: center; justify-content: center; flex: 1 1 auto; width: auto; min-width: 40px; height: 100%; padding: 0 8px; color: var(--Black); text-align: center; field-sizing: content; } /* Aspro даёт .prices_block { padding: 24px } поверх padding карточки — убираем двойной отступ */ .catalog_detail.element_3 .shadowed-block .prices_block, .product-info.product-info--type2 .shadowed-block .prices_block { padding: 0 !important; } .catalog_detail.element_3 .product-action .middle-info-wrapper { padding: 0 !important; } .catalog_detail.element_3 .prices_block { display: flex; flex-direction: column; gap: 16px; } .catalog_detail.element_3 .cost.prices.detail { margin: 0; } .catalog_detail.element_3 .rs-bonus-system-block { margin: 0; padding: 0 !important; } .product-buy__legacy, .product-buy__legacy-offers { display: none !important; } .product-buy__legacy .one_click, .product-buy__legacy .ocb, .product-buy__legacy-offers .one_click { display: none !important; } /* Aspro always outputs both to-cart and in-cart nodes */ .custom_buy-button > .in-cart, .custom_buy-button .in-cart { display: none !important; } .product-buy--in-cart .custom_buy-button > .to-cart, .product-buy--in-cart .custom_buy-button .to-cart { display: none !important; } .product-buy--in-cart .custom_buy-button > .in-cart, .product-buy--in-cart .custom_buy-button .in-cart { display: inline-flex !important; } .custom_buy-button, .custom_buy-service{ width: 100%; display: flex; flex-direction: column; } .custom_buy-service a, .custom_buy-service a.button { border-radius: 12px; border: 1px solid var(--neutral-200); color: var(--Black); font-family: 'Manrope', sans-serif; font-size: 16px; font-style: normal; font-weight: 500; line-height: 24px; text-align: center; padding: 11px 24px; min-height: 48px; height: 48px; max-height: 48px; box-sizing: border-box; text-decoration: none; text-transform: none; letter-spacing: 0; display: inline-flex; align-items: center; justify-content: center; transition: background-color 0.35s ease, border-color 0.35s ease, color 0.35s ease; } .custom_buy-service a:hover { background: var(--neutral-100); border-color: var(--neutral-200); color: var(--Black); } .callback-block{ color: var(--neutral-500) !important; } .product-gallery__error.callback-block .inner-co { color: var(--Black); } .product-gallery__error { display: inline-block; margin-bottom: 0; padding-bottom: 0; font-family: Manrope, sans-serif; font-size: 14px; line-height: 20px; cursor: default; } .product-gallery__error .inner-co { appearance: none; margin: 0; padding: 0; border: 0; background: none; font: inherit; line-height: inherit; cursor: pointer; transition: color 0.35s ease; } .product-gallery__error .inner-co:hover, .product-gallery__error .inner-co:focus-visible { color: var(--neutral-600); } /* Figma: disclaimer под галереей (слева), gap 8px от картинки. Перебиваем Aspro .product-view--type2 .text-additional { padding: 26px 40px 5px } */ .product-view--type2 .text-additional.product-gallery__disclaimer, .catalog_detail.element_3 .product-gallery__disclaimer { display: none; width: 100%; max-width: 448px; margin: 0 0 8px; padding: 0; text-align: left; box-sizing: border-box; } .catalog_detail.element_3 .product-gallery__disclaimer .price_txt, .product-view--type2 .product-gallery__disclaimer .price_txt { margin: 0; padding: 0; color: var(--neutral-500); font-family: Manrope, sans-serif; font-size: 12px; font-weight: 500; line-height: 16px; } .product-detail-gallery { margin-bottom: 0; } .custom_buy-button > .to-cart, .custom_buy-button > .in-cart, .custom_buy-button > .btn { border-radius: 12px !important; background: var(--yellow-800) !important; border-color: var(--yellow-800) !important; margin: 0 !important; width: 100%; box-sizing: border-box; text-transform: none; letter-spacing: 0; color: var(--Black) !important; font-family: 'Manrope', sans-serif; font-size: 16px; font-style: normal; font-weight: 500; line-height: 24px; padding: 12px 24px !important; min-height: 48px; max-height: 48px; height: 48px; align-items: center; justify-content: center; transition: background-color 0.35s ease, border-color 0.35s ease, color 0.35s ease; } .custom_buy-button > .to-cart { display: inline-flex !important; } .custom_buy-button > .to-cart > span, .custom_buy-button > .in-cart > span, .custom_buy-button > .btn > span { padding: 0 !important; margin: 0 !important; min-height: 0 !important; max-height: none !important; height: auto !important; width: auto !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; display: inline !important; font: inherit; color: inherit; line-height: inherit; } .quantity_block_wrapper, .product-buy__stock{ margin: 0!important; padding: 0 !important; display: flex; align-items: center; gap: 4px; color: var(--neutral-500); font-family: 'Manrope', sans-serif; font-size: 12px; font-style: normal; font-weight: 500; line-height: 16px; } .product-buy__stock-label { color: var(--neutral-500) !important; } .product-buy__stock-value, .product-buy__stock .value, .product-buy__stock .store_view, .product-buy__stock-value span { color: var(--Green) !important; } /* Figma: без иконки склада — только текст «В наличии: …» */ .product-buy__stock .icon.stock, .product-buy__stock .item-stock > .icon { display: none; } .price_matrix_wrapper { display: flex; flex-direction: column-reverse; width: 100%; } .price_matrix_wrapper .price { display: flex; align-items: center; justify-content: space-between; width: 100%; gap: 8px; } .price_matrix_wrapper .price .values_wrapper, .price_matrix_wrapper .price .values_wrapper span, .price_matrix_wrapper .price .price_value, .price_matrix_wrapper .price .price_currency { color: var(--Black); font-family: 'Manrope', sans-serif; font-size: 32px; font-style: normal; font-weight: 700; line-height: 40px; } .price_matrix_wrapper .price .price_measure, .price_matrix_wrapper .price .product-buy__unit-price { display: inline !important; margin-left: auto; color: var(--neutral-400) !important; font-family: Manrope, sans-serif !important; font-size: 14px !important; font-weight: 400 !important; line-height: 20px !important; white-space: nowrap; } .sale_wrapper .sale-number{ display: flex !important; flex-direction: row-reverse; gap: 8px; background: transparent !important; justify-content: start; } .sale_wrapper .sale-number .value{ color: var(--White); font-family: 'Manrope', sans-serif; font-size: 12px; font-style: normal; font-weight: 600; line-height: 16px; border-radius: 4px; background: var(--Red); padding: 2px 4px; white-space: nowrap; } body .prices .sale_block div.text{ color: var(--neutral-400); font-family: 'Manrope', sans-serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; } .sale_block .inner-sale{ background: transparent !important; padding: 0 !important; } .product-volume { margin-bottom: 24px; } .product-volume__title { color: var(--neutral-500); margin-bottom: 8px; } .product-volume__list { display: flex; flex-wrap: wrap; gap: 8px; } .product-volume__item { box-sizing: border-box; min-width: 48px; height: 40px; padding: 8px 12px; border: 2px solid var(--neutral-150); border-radius: 12px; display: inline-flex; align-items: center; justify-content: center; color: var(--Black); font-family: Manrope, sans-serif; font-size: 16px; font-weight: 500; line-height: 24px; text-decoration: none; background: var(--White, #fff); transition: border-color 0.35s ease, background-color 0.35s ease; } .product-volume__item--active, .product-volume__item.active, .product-volume__item.current { border-color: var(--yellow-800); } .product-pickup, .product-pickup.delivery-block_custom { margin-bottom: 0; border-radius: 16px; border: 1px solid var(--neutral-150); padding: 20px 24px; background: var(--White, #fff); box-sizing: border-box; width: 100%; max-width: 100%; } .product-pickup__head { display: flex; align-items: center; gap: 4px; width: 100%; padding: 0; border: 0; background: transparent; cursor: pointer; text-align: left; margin-bottom: 4px; opacity: 1; transition: opacity 0.35s ease; } .product-pickup__head:hover, .product-pickup__head:focus, .product-pickup__head:focus-visible { opacity: 0.7; outline: none; } .product-pickup__icon, .product-pickup__chevron { flex-shrink: 0; width: 20px; height: 20px; display: block; } .product-pickup__title { flex: 1; color: var(--Black); } .product-pickup__body { padding-left: 24px; margin-bottom: 0; color: var(--neutral-500); } .delivery-block_custom{ border-radius: 16px; border: 1px solid var(--neutral-150); padding: 20px 24px; } .delivery-block_custom > div{ display: flex; } .delivery-block_custom .text-form-info{ padding-left: 5px !important; } .delivery-block_custom .text-form-info span{ color: var(--Black); } .delivery-block_custom-text{ padding: 0; } .ordered-block__title { color: var(--Black); font-family: 'Manrope', sans-serif; font-size: 24px !important; font-weight: 700; line-height: 32px !important; text-align: left; margin: 0 0 24px; } .product-action { max-width: 448px; width: 100%; flex: 0 1 448px; flex-basis: 448px; } .share.hover-block.top{ display: none; } .share.hover-block.top svg{ width: 20px; height: 20px; } .article__title{ color: var(--neutral-400); font-family: Manrope, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; } .article__value{ color: var(--neutral-400); font-family: Manrope, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; } /* ≤991: скрываем десктопный topheader (дублируется в mobile-detail-title) */ @media (max-width: 991px) { .custom_product-topheader { display: none; } } /* перенес из aspro style.css */ /* Figma: зазор до футера даёт .main-catalog-wrapper (80px), не padding карточки */ .catalog_detail.element_3 { padding-bottom: 0; } .detail img { max-width: 100%; margin: auto; max-height: 100%; } .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; } .votes_block.nstar > div { display: inline-block; vertical-align: middle; } .blog-info__rating--top-info { display: flex; align-items: center; } .votes_block.nstar { margin: 0px -2px 0px; font-size: 0px; } .svg { top: -1px; display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: middle; min-width: auto; min-height: auto; position: relative; background-repeat: no-repeat; background-position: center center; } svg .sscls-1 { fill-opacity: 0; } svg .cls-1, svg .cls-2, svg .sscls-1, svg .sscls-2, svg .nspcls-1, svg .cccls-1 { fill: #ccc; fill-rule: evenodd; } .votes_block.nstar .ratings .item-rating svg { width: 20px; height: 20px; } .custom_product-topheader .custom_product-topheader_left { display: flex; gap: 24px; align-items: center; } .votes_block.nstar .ratings .item-rating { display: inline-block; } .votes_block.nstar .ratings .inner_rating > span { font-size: 14px; vertical-align: middle; margin-left: 9px; line-height: 20px; } /*likes*/ .like_icons:not(.static) { position: absolute; top: 0px; right: 0px; z-index: 53; } .like_icons span { display: block; background: #fff; background: var(--black_bg_black); opacity: 0; visibility: hidden; transition: opacity 0.35s ease; margin: 0px 0px 4px; overflow: hidden; text-align: center; } .like_icons span.like-text { display: inline; background: transparent; } .like_icons span.added { opacity: 0.6; visibility: visible; } .catalog_item:not(.touch):hover .image_wrapper_block .like_icons span, .catalog_item.hover .image_wrapper_block .like_icons span, .hot-wrapper-items .like_icons span { opacity: 1; visibility: visible; } .like_icons span i:not(.svg) { width: 30px; height: 30px; display: block; background: url("/local/templates/aspro_max/images/icons_wish.png") 0px 0px no-repeat; } .like_icons.block span .svg { width: 32px; height: 32px; display: block; line-height: 32px; } .like_icons.block span .svg svg { display: inline-block; vertical-align: middle; /*width:14px;height:13px;*/ } .like_icons.block.lg span .svg{ height: 36px; width: 36px; } .like_icons.block.lg span .svg.svg-inline-fw{ top: 1px; } .like_icons .wish_item i { background-position: 5px -16px; } .like_icons .compare_item i { background-position: -18px -17px; } .like_icons .wish_item.added i { background-position: 5px -44px; } .like_icons .compare_item.added i { background-position: -18px -45px; } .like_icons span:hover { cursor: pointer; /*background-color:#e3e3e3;*/ } html:not(.bx-touch) .like_icons .wish_item:hover i { background-position: 5px -72px; } html:not(.bx-touch) .like_icons .compare_item:hover i { background-position: -18px -73px; } html:not(.bx-touch) .like_icons .wish_item.added:hover i { background-position: 5px -44px; } html:not(.bx-touch) .like_icons .compare_item.added:hover i { background-position: -18px -45px; } .like_icons span:not(:hover) i.svg path { fill: #999; } .like_icons span:hover i.svg path, .like_icons span.in i.svg path { fill: #fff; } .item_slider .like_icons span i { width: 34px; height: 34px; background-image: none; position: relative; } .item_slider .like_icons span i:before { content: ""; position: absolute; top: 50%; left: 50%; margin: -15px 0px 0px -15px; width: 30px; height: 30px; background: url("/local/templates/aspro_max/images/icons_wish.png") 5px -16px no-repeat; } .item_slider .like_icons .wish_item i:before { background-position: 5px -16px; } html:not(.bx-touch) .item_slider .like_icons .wish_item:hover i:before { background-position: 5px -72px; } .item_slider .like_icons .wish_item.added i:before, html:not(.bx-touch) .item_slider .like_icons .wish_item.added:hover i:before { background-position: 5px -44px; } .item_slider .like_icons .compare_item i:before { background-position: -18px -17px; } html:not(.bx-touch) .item_slider .like_icons .compare_item:hover i:before { background-position: -18px -73px; } .item_slider .like_icons .compare_item.added i:before, html:not(.bx-touch) .item_slider .like_icons .compare_item.added:hover i:before { background-position: -18px -45px; } .catalog_item_wrapp:hover .like_icons span { opacity: 1; visibility: visible; } .like_icons.list { margin: 0px; padding: 0px; bottom: -10px; top: auto; left: 30px; right: 30px; } .like_icons.list > div { display: inline-block; vertical-align: top; } .like_icons.list > div span { opacity: 1; visibility: visible; } .like_icons.list > div span.btn:not(:hover):not(.added) { border-color: #eee; border-color: var(--stroke_black); } .like_icons.list:not(.icons) > div span .svg { padding: 0px 8px 0px 0px; left: -2px; } .like_icons.list.icons { font-size: 0px; } .like_icons.list.icons > div span { margin-bottom: 0px; width: 36px; height: 32px; padding-left: 0px; padding-right: 0px; text-align: center; font-size: 0px; } .like_icons.list.icons .like-text { display: none; } .like_icons.list.icons.long > div span { height: 36px; line-height: 36px; padding: 0px; } .like_icons.list.table-icons > div { padding-right: 8px; } .like_icons.list.table-icons > div:last-of-type { padding-right: 0px; } .item_main_info .like_icons span { opacity: 1; visibility: visible; } .mobile-detail-title { display: none; } .product-view--type2 .product-info > .flexbox .product-detail-gallery { order: 1; flex: 0 0 448px; padding: 0; width: 448px; max-width: 448px; } .properties { margin: 0px 0px; } .props_list tr td:first-child { text-align: left; padding-left: 0px; } .catalog_detail .props_list td { position: relative; font-size: 16px; width: 200px; } .catalog_detail .props_list { /*width: 100%;*/ margin: 0px 0px 0px; color: #555; } .nbg.props_list td { white-space: nowrap; } .nbg.props_list td.char_value { text-align: left; background: none; } body .wrapper_inner, body .maxwidth-theme, .wrapper_inner.wide_page .product-view--type2 .product-info { max-width: var(--ContentWidth); } .wrapper_inner, .maxwidth-theme { padding: 0px 30px; margin: 0 auto; background: #fff; float: none; } .props_list td > span, .props_list td .props_item > span, .props_list td > .txt { background: #fff; } .wrapper_inner, .maxwidth-theme { padding: 0; } .spec-name .hint { position: static; display: inline-flex; align-items: center; flex-shrink: 0; width: 20px; height: 20px; margin-left: 0; } .spec-name .hint .icon { position: static; display: block; width: 20px; height: 20px; } .spec-name .hint .icon i, .hint .icon i { font-size: 0 !important; text-indent: -9999px; border: 0 !important; display: block !important; position: static !important; left: auto !important; top: auto !important; padding: 0 !important; height: 20px !important; width: 20px !important; line-height: 0 !important; border-radius: 0 !important; background: url("/local/templates/maslomart/assets/img/svg/catalog/help_hint.svg") center / 20px 20px no-repeat; cursor: pointer; } .spec-name .hint .tooltip { left: 0; top: 22px; } @media (min-width: 992px) { .product-view--side-left { float: left; } } @media (min-width: 992px) { .product-view--side-left, .product-view--side-right { width: 100%; } } @media (max-width: 991px) { .content-description { display: block; } body .sticky-sidebar-custom:not(.product-bottom__side) { display: none; } body .sticky-sidebar-custom-mobile { display: block; margin-bottom: 20px; } body .product-bottom__side.sticky-sidebar-custom { display: block; position: static; width: 100%; max-width: 100%; flex: 1 1 100%; margin-left: 0; } } @media (max-width: 991px) { body .pops .items .item .name { height: 0; } body .owl-item { min-width: 160px; width: 100%; } } .product-specs { width: 100%; max-width: none; font-family: Manrope, sans-serif; font-size: 14px; line-height: 20px; } .spec-row { display: flex; align-items: flex-start; width: 100%; padding: 0; gap: 4px; box-sizing: border-box; min-height: 20px; } .spec-name { position: relative; flex: 0 1 auto; display: inline-flex; align-items: center; flex-wrap: wrap; gap: 4px; max-width: 216px; white-space: nowrap; color: var(--neutral-500); background: var(--White); z-index: 2; padding-right: 0; font-family: Manrope, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; } .spec-value { flex: 0 0 216px; width: 216px; max-width: 216px; font-family: Manrope, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; white-space: normal; color: var(--Black); background: var(--White); z-index: 2; padding-left: 0; box-sizing: border-box; } .spec-value a { color: var(--Black); text-decoration: none; border-bottom: 1px solid transparent; } .spec-value a:hover { border-bottom-color: var(--neutral-300); } .spec-dots { flex: 1 1 auto; position: relative; height: 16px; min-width: 16px; align-self: center; } .spec-dots::before { content: ""; position: absolute; left: 0; right: 0; top: 50%; border-bottom: 1px dotted var(--neutral-300); } .space-name--with-hint { padding-right: 4px; } h2 { font-size: 24px; font-weight: 700; line-height: 32px; margin-bottom: 24px; color: var(--Black); } .title-specs { font-family: Manrope, sans-serif; font-size: 16px; font-weight: 600; line-height: 24px; margin: 0 0 12px; color: var(--Black); } .products-spec-wrapper { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; margin-bottom: 0; width: 100%; } .products-spec-wrapper:not(.products-spec-wrapper--column) { flex-direction: row; flex-wrap: wrap; gap: 16px; } .products-spec-wrapper .js-offers-prop { display: flex; flex-direction: column; gap: 12px; flex: 1 1 0; min-width: 0; width: 100%; } .products-spec-wrapper .product-specs + .product-specs { margin-bottom: 0; } .spec-report-issue { appearance: none; -webkit-appearance: none; /* Figma outline 36px — без вертикального padding, иначе +border = 38 */ padding: 0 16px; border: 1px solid var(--neutral-200); border-radius: 12px; cursor: pointer; width: fit-content; white-space: nowrap; text-align: center; display: inline-flex; align-items: center; justify-content: center; font-family: Manrope, sans-serif; font-size: 14px; font-weight: 500; line-height: 20px; color: var(--Black); background: var(--White); box-sizing: border-box; height: 36px; min-height: 36px; margin-bottom: 0; transition: background-color 0.35s ease, border-color 0.35s ease, color 0.35s ease; } .spec-report-issue:hover { background: var(--neutral-100); border-color: var(--neutral-200); color: var(--Black); } .btn { font-size: 11px; font-weight: normal; text-transform: uppercase; text-decoration: none; margin: 0px; border: 1px solid; letter-spacing: 0; border-radius: 3px; padding: 12px 21px 11px; overflow: hidden; transition: background-color 0.35s ease; } .has-ripple { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0,0,0); transform: translate3d(0, 0, 0); } .btn.btn-default.white:not(.grey) { color: var(--yellow-800) !important; border: 1px solid var(--yellow-800); background: #ffffff; } .btn.btn-default { background-color: var(--yellow-800); border-color: var(--yellow-800); color: #ffffff; } .properties__title.properties__item--inline.js-prop-title, .properties__value.properties__item--inline.js-prop-value { font-size: 14px; line-height: 20px; font-weight: 400; font-family: Manrope; } .properties__value.properties__item--inline.js-prop-value{ color: var(--neutral-800) } .properties__title.properties__item--inline.js-prop-title { color: var(--neutral-500) } .product-info--type2 .product-chars { /* Заполняет свободное место между галереей и buy-card; не фиксируем 448. Без !important на flex — иначе нельзя flex-basis:100% в диапазоне 992–1419 */ max-width: none; flex: 1 1 0; flex-basis: 0; min-width: 0; width: auto; padding: 0 !important; padding-right: 0 !important; } .product-view--type2 .product-info.product-info--type2 > .flexbox > .product-main, .product-main { margin-left: 0 !important; flex: 1 1 auto !important; min-width: 0; max-width: none !important; padding-left: 0 !important; } .product-main > .flexbox.flexbox--row { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: flex-start; gap: 16px; width: 100%; } /* * 768–991: галерея уже на всю ширину (mm_main), а chars|action * с flex-basis 448px не помещаются → spec-value (216px) наезжает на buy-card. * Стекаем колонки до desktop (≥992). */ @media (max-width: 991px) { .product-main > .flexbox, .product-main > .flexbox.flexbox--row, .product-main > .flexbox.flexbox--row.align-items-normal { flex-direction: column !important; flex-wrap: nowrap !important; align-items: stretch !important; } .product-chars, .product-info--type2 .product-chars, .product-view--type2 .product-info--type2 .product-chars { order: 1 !important; width: 100% !important; max-width: 100% !important; flex: 0 0 auto !important; flex-basis: auto !important; } .product-action, .product-view--type2 .product-action { order: 2 !important; width: 100% !important; max-width: 100% !important; flex: 0 0 auto !important; flex-basis: auto !important; /* Боковой гуттер уже у .content_wrap (16px) — не дублируем */ padding: 8px 0 0; box-sizing: border-box; } /* Как на мобиле: buy / disclaimer / pickup одной ширины (Figma 9658:85341–85365) Разделитель — только .product-mobile-divider; pb 16 — Figma 85365 */ .product-after-buy { gap: 0; padding-left: 0; padding-right: 0; padding-bottom: 16px; border-bottom: 0; } .product-after-buy__disclaimer { order: 1; width: 100%; max-width: 100%; margin: 0; padding: 8px 0 16px; box-sizing: border-box; color: var(--neutral-500); font-family: Manrope, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; } .product-after-buy__pickup, .product-pickup, .product-pickup.delivery-block_custom { order: 2; width: 100%; max-width: 100%; margin-bottom: 0; padding: 20px 16px; box-sizing: border-box; } .shadowed-block { width: 100%; max-width: 100%; box-sizing: border-box; padding: 20px 16px; } .catalog_detail.element_3 .shadowed-block { margin-bottom: 16px; } /* Figma mobile: краткие хар-ки скрыты, остаются теги */ .product-main .products-spec-wrapper.products-spec-wrapper--column, .product-chars .products-spec-wrapper--column { display: none; } .product-info--type2 .product-chars { right: 0; } .js-offers-prop-bottom { margin-bottom: 20px; } } .product-info-headnote__brand .brand__picture img, .brand-detail-info .brand-detail-info__image img { max-width: 70px; } .product-info-headnote__brand .brand__picture, .brand-detail-info .brand-detail-info__image > a { padding: 5px; background: #fff; display: inline-block; border-radius: 4px; } .brand-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 0; align-items: flex-start; align-content: flex-start; } .brand-tag { display: inline-flex; align-items: center; justify-content: center; gap: 4px; /* Figma 36px: padding по вертикали 0 — иначе line-height 20 + pad + border = 38 */ padding: 0 16px; height: 36px; min-height: 36px; border-radius: 12px; border: 1px solid var(--neutral-200); font-family: Manrope, sans-serif; font-size: 14px; font-weight: 500; line-height: 20px; color: var(--neutral-700); text-decoration: none; background: var(--White); white-space: nowrap; box-sizing: border-box; transition: background-color 0.35s ease, border-color 0.35s ease, color 0.35s ease; } .brand-tag:hover { background: var(--neutral-100); border-color: var(--neutral-200); color: var(--neutral-700); } .products-spec-wrapper--column { display: flex; flex-direction: column; gap: 12px; width: 100%; margin-bottom: 24px; } .products-spec-wrapper--column .product-specs + .product-specs { margin-top: 0; } .brand-detail .brand-tags { margin-bottom: 0; } .like_icons .item-action span { align-content: center; } .product-view.product-view--type2 .textTitleH1 { display: none; } .slider-pops { margin-bottom: 20px; } /* Не форсируем 216px: Owl считает ширину из контейнера; min-width обрезает последнюю карточку */ .catalog_detail .catalog-section-grid--slider.owl-carousel .owl-item { min-width: 0; width: auto; } body .items.grid-pops { display: none; } body .pops .slider-pops { display: block!important; } .content.detail-text-wrap { max-width: 912px; width: 100%; } .ordered-block:has(.reviews-title__wrapper) { max-width: none; width: 100%; } /* Колонка top (описание+хар-ки+help) → отзывы на всю ширину. * Sticky help ограничен .product-bottom__top — не наплывает на отзывы. */ .product-bottom { display: flex; flex-direction: column; align-items: stretch; row-gap: 40px; width: 100%; } .product-bottom__top { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: flex-start; column-gap: 16px; width: 100%; } .product-bottom__content { flex: 1 1 0; min-width: 0; max-width: 912px; width: 100%; display: flex; flex-direction: column; gap: 40px; } .product-bottom__main { width: 100%; min-width: 0; } .product-bottom__side { flex: 0 0 448px; width: 448px; max-width: 448px; position: sticky; top: 24px; align-self: flex-start; margin-left: auto; } .product-bottom__chars { width: 100%; min-width: 0; } .product-bottom__reviews { width: 100%; min-width: 0; } /* Aspro .ordered-block { margin: 50px 0 } раздувает блок отзывов и зазор до футера. Вертикаль: row-gap у .product-bottom / gap у .product-bottom__content. */ .product-bottom__reviews .ordered-block, .product-bottom__reviews .ordered-block.EXTENDED { margin-top: 0; margin-bottom: 0; } .product-bottom__main > h2, .product-bottom__chars > h2 { color: var(--Black); font-family: Manrope, sans-serif; font-size: 24px; font-weight: 700; line-height: 32px; } /* Figma: описание — 16px под H2; характеристики — 24px под H2 */ .product-bottom__main > h2 { margin: 0 0 16px; } .product-bottom__chars > h2 { margin: 0 0 24px; } .product-after-buy { display: flex; flex-direction: column; /* Figma desktop: ~8px между pickup и disclaimer справа */ gap: 8px; width: 100%; max-width: 100%; box-sizing: border-box; padding-left: 0; padding-right: 0; margin-bottom: 0; } /* Aspro: .info_item > div:not(.main_item_wrapper) { padding: 0 25px } — сдвигает pickup/disclaimer относительно buy-card 448 */ body .catalog_detail.element_3 .product-action .info_item > div.product-after-buy, body .catalog_detail.element_3 .info_item > div.product-after-buy { padding-left: 0; padding-right: 0; width: 100%; max-width: 100%; box-sizing: border-box; } .catalog_detail.element_3 .product-after-buy .product-pickup, .catalog_detail.element_3 .product-after-buy .product-after-buy__disclaimer { width: 100%; max-width: 100%; box-sizing: border-box; } /* Figma: 24px между нижней границей buy-card и pickup */ .catalog_detail.element_3 .shadowed-block { margin-bottom: 24px; } /* Desktop: pickup first, then disclaimer */ .product-after-buy__disclaimer { order: 2; margin: 0; width: 100%; max-width: 100%; box-sizing: border-box; } /* Сброс Aspro .product-info--type2 .price_txt.filed { margin: 42px 0 -12px } */ body .catalog_detail.element_3 .product-info--type2 .product-after-buy__disclaimer.price_txt, body .catalog_detail.element_3 .product-info--type2 .product-after-buy__disclaimer.price_txt.filed, .catalog_detail.element_3 .product-after-buy__disclaimer.price_txt, .catalog_detail.element_3 .product-after-buy__disclaimer.price_txt.filed, .catalog_detail.element_3 .product-after-buy .price_txt { margin: 0; color: var(--neutral-500); font-family: Manrope, sans-serif; font-size: 12px; font-weight: 500; line-height: 16px; } .product-after-buy__pickup { order: 1; width: 100%; max-width: 100%; box-sizing: border-box; margin-bottom: 0; } /* ≤991: disclaimer → pickup */ @media (max-width: 991px) { .product-after-buy__disclaimer { order: 1; } .product-after-buy__pickup, .product-pickup { order: 2; } } .product-mobile-divider { display: none; } .product-bottom__chars .products-spec-wrapper { max-width: 912px; width: 100%; flex-direction: row; flex-wrap: wrap; gap: 16px; margin-bottom: 32px; } .product-bottom__chars .products-spec-wrapper > .js-offers-prop { flex: 0 1 448px; max-width: 448px; width: 100%; min-width: 0; } .help-form{ border-radius: 16px; background: var(--neutral-070); padding: 24px; max-width: 448px; width: 100%; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; gap: 20px; } .help-form__icon { width: 48px; height: 48px; border-radius: 80px; background: rgba(76, 188, 111, 0.10); margin: 0; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .help-form__icon img, .help-form > img{ width: 24px; height: 24px; display: block; margin: 0; padding: 0; background: transparent; border-radius: 0; } .help-form .title{ color: var(--Black); text-align: center; font-family: 'Manrope', sans-serif; font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; margin: 0; } .help-form .desc{ color: var(--Black); text-align: center; font-family: 'Manrope', sans-serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; margin: 0; } .help-form .help-form__text { width: 100%; display: flex; flex-direction: column; gap: 8px; } .help-form button, .help-form .button{ margin-bottom: 0; border-radius: 12px; background: var(--White); width: 100%; border: 0; color: var(--Black); font-family: 'Manrope', sans-serif; font-size: 16px; font-style: normal; font-weight: 500; line-height: 24px; padding: 12px 24px; min-height: 48px; box-sizing: border-box; cursor: pointer; text-transform: none; letter-spacing: 0; display: inline-flex; align-items: center; justify-content: center; transition: background-color 0.35s ease, color 0.35s ease; } .help-form button:hover, .help-form .button:hover { background: var(--neutral-100); color: var(--Black); } .content-description { display: block; width: 100%; max-width: 912px; } .content-description__main { width: 100%; max-width: 912px; } /* Старый help внутри описания (из кэша ViewTarget) — оставляем только sticky справа */ .content-description .help-form, .content-description .sticky-sidebar-custom, .content-description .left_block.product-side, .product-bottom__main .help-form, .product-bottom__main .sticky-sidebar-custom { display: none !important; } .sticky-sidebar-custom { margin-left: auto; flex-shrink: 0; } .sticky-sidebar-custom-mobile { display: none; } body .actions img { width: unset !important; max-width: unset; } body .pops .items .buttons { gap: 0; } @media (max-width: 991px) { body .pops .items .actions { top: 8px; right: 9px; } } .detail-text-wrap { max-height: 96px; overflow: hidden; } .read_all_btn, .actions_detail__label { color: var(--Black); font-family: Manrope, sans-serif; font-size: 16px; font-weight: 500; line-height: 24px; display: block; } .desc-block--collapsed { max-height: unset; } .content-description__main, .js-desc { margin-bottom: 16px; } .actions_detail { display: inline-flex; gap: 14px; align-items: center; justify-content: flex-start; min-height: 24px; margin-bottom: 0; padding: 0; border: 0; background: transparent; cursor: pointer; color: var(--Black); font: inherit; line-height: 24px; } .actions_detail::after { content: ""; display: block; width: 12px; height: 12px; flex-shrink: 0; background: url("/local/templates/maslomart/assets/img/svg/catalog/chevron_down_24.svg") center / 12px 12px no-repeat; transform: rotate(0deg); transform-origin: 50% 50%; transition: transform 0.35s ease; } .actions_detail--expanded::after { transform: rotate(180deg); } /* Figma 9658:48416: «Отзывы» отдельно; звёзды слева + кнопка справа — строкой ниже */ .product-bottom__reviews .ordered-block.EXTENDED { display: grid; grid-template-columns: 1fr auto; column-gap: 24px; row-gap: 24px; align-items: start; } .product-bottom__reviews .ordered-block.EXTENDED .reviews-title__wrapper { display: contents; } .product-bottom__reviews .ordered-block.EXTENDED .reviews-title__wrapper .ordered-block__title { grid-column: 1 / -1; grid-row: 1; margin: 0; } /* Счётчик отзывов рядом с H2: отступ и размер как у заголовка */ .product-bottom__reviews .ordered-block.EXTENDED .ordered-block__title .element-count-wrapper { display: inline; margin-left: 8px; font-size: inherit; } .product-bottom__reviews .ordered-block.EXTENDED .ordered-block__title .element-count { position: static; top: auto; display: inline; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; vertical-align: baseline; font-family: Manrope, sans-serif; font-size: 24px; font-weight: 700; line-height: 32px; color: var(--neutral-500); } .product-bottom__reviews .ordered-block.EXTENDED .reviews-title__wrapper .right_reviews_info { display: contents; } .product-bottom__reviews .ordered-block.EXTENDED .reviews-title__wrapper .rating-wrapper { grid-column: 1; grid-row: 2; display: flex; align-items: center; flex: 0 0 auto; width: max-content; max-width: 100%; margin: 0; gap: 8px; align-self: center; } .product-bottom__reviews .ordered-block.EXTENDED .reviews-title__wrapper .rating-wrapper .votes_block { margin: 0; } .product-bottom__reviews .ordered-block.EXTENDED .reviews-title__wrapper .rating-wrapper .rating-value { margin: 0; font-family: Manrope, sans-serif; font-size: 14px; font-weight: 500; line-height: 20px; color: var(--Black); } /* Layout сетки; вид/hover — общие .button.yellow (main.css, 0.35s) */ .product-bottom__reviews .ordered-block.EXTENDED .reviews-title__wrapper .show-comment.button { grid-column: 2; grid-row: 2; margin-left: 0; align-self: start; text-transform: none; letter-spacing: 0; box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; } .product-bottom__reviews .ordered-block.EXTENDED #reviews_content { grid-column: 1 / -1; grid-row: 3; } /* * Есть отзывы: * — row-gap 16: рейтинг → «Фотографии покупателей» → галерея → селект * — внутри .blog-comments gap 8: селект → карточка (меньше) * gallery через contents, чтобы заголовок и карусель были отдельными рядами сетки */ .product-bottom__reviews .ordered-block.EXTENDED:not(:has(.empty-reviews)) { row-gap: 16px; } .product-bottom__reviews .ordered-block.EXTENDED:not(:has(.empty-reviews)) .reviews-title__wrapper .ordered-block__title { grid-column: 1; grid-row: 1; } .product-bottom__reviews .ordered-block.EXTENDED:not(:has(.empty-reviews)) .reviews-title__wrapper .show-comment.button { grid-column: 2; grid-row: 1; align-self: center; } .product-bottom__reviews .ordered-block.EXTENDED:not(:has(.empty-reviews)) .reviews-title__wrapper .rating-wrapper { grid-column: 1 / -1; grid-row: 2; align-self: start; } .product-bottom__reviews .ordered-block.EXTENDED:not(:has(.empty-reviews)) #reviews_content, .product-bottom__reviews .ordered-block.EXTENDED:not(:has(.empty-reviews)) #reviews_content > .comments-block, .product-bottom__reviews .ordered-block.EXTENDED:not(:has(.empty-reviews)) .reviews-gallery-block { display: contents; } /* * Bitrix/Aspro-обёртки между .comments-block и галереей/селектом — иначе display:contents * обрывается, title+carousel+select не участвуют в row-gap сетки EXTENDED. */ .product-bottom__reviews .ordered-block.EXTENDED:not(:has(.empty-reviews)) .bx_soc_comments_div, .product-bottom__reviews .ordered-block.EXTENDED:not(:has(.empty-reviews)) .bx-catalog-tab-section-container, .product-bottom__reviews .ordered-block.EXTENDED:not(:has(.empty-reviews)) .bx-catalog-tab-body-container, .product-bottom__reviews .ordered-block.EXTENDED:not(:has(.empty-reviews)) .bx-catalog-tab-container, .product-bottom__reviews .ordered-block.EXTENDED:not(:has(.empty-reviews)) [id$="BLOG_cont"], .product-bottom__reviews .ordered-block.EXTENDED:not(:has(.empty-reviews)) [id^="bx-cat-soc-comments-blg_"], .product-bottom__reviews .ordered-block.EXTENDED:not(:has(.empty-reviews)) [id^="comp_"]:has(.reviews-gallery-block, .blog-comments) { display: contents; } /* Обёртка скрытого ul.nav-tabs: при contents у section-container даёт пустой ряд + лишний row-gap */ .product-bottom__reviews .ordered-block.EXTENDED:not(:has(.empty-reviews)) .bx-catalog-tab-section-container > div:has(.bx-catalog-tab-list1), .product-bottom__reviews .ordered-block.EXTENDED:not(:has(.empty-reviews)) .bx-catalog-tab-list1 { display: none; } /* short-nav: visibility:hidden при position:static всё равно занимает место (~34px под фото) */ .product-bottom__reviews .reviews-gallery-block .owl-carousel > .owl-nav { position: absolute; margin-top: 0; top: 50%; transform: translateY(-50%); left: 0; right: 0; display: flex; justify-content: space-between; pointer-events: none; z-index: 1; } .product-bottom__reviews .reviews-gallery-block .owl-carousel > .owl-nav > button { pointer-events: auto; } .product-bottom__reviews .ordered-block.EXTENDED:not(:has(.empty-reviews)) #reviews_content > .line-after { display: none; } .product-bottom__reviews .ordered-block.EXTENDED:not(:has(.empty-reviews)) .reviews-gallery-block .reviews-gallery-title, .product-bottom__reviews .ordered-block.EXTENDED:not(:has(.empty-reviews)) .reviews-gallery-block .owl-carousel, .product-bottom__reviews .ordered-block.EXTENDED:not(:has(.empty-reviews)) #reviews_sort_continer, .product-bottom__reviews .ordered-block.EXTENDED:not(:has(.empty-reviews)) .blog-comments { grid-column: 1 / -1; } .product-bottom__reviews .ordered-block.EXTENDED:not(:has(.empty-reviews)) .blog-comments { display: flex; flex-direction: column; align-items: stretch; /* gap 0: между карточками — margin-bottom 16 у .mm-review-card (catalog/style.css) */ gap: 0; width: 100%; min-width: 0; } /* После AJAX-сортировки селект в #reviews_sort_continer (сосед сетки): 16 − 8 = 8px до карточек */ .product-bottom__reviews .ordered-block.EXTENDED:not(:has(.empty-reviews)) #reviews_sort_continer:has(.reviews_sort) { margin-bottom: -8px; } /* Пустое (Figma 9658:49137): .reviews-empty целиком слева, кнопка справа на линии со звёздами */ .product-bottom__reviews .ordered-block.EXTENDED:has(.empty-reviews) #reviews_content, .product-bottom__reviews .ordered-block.EXTENDED:has(.empty-reviews) #reviews_content > .comments-block, .product-bottom__reviews .ordered-block.EXTENDED:has(.empty-reviews) #reviews_content .blog-comments { display: contents; } .product-bottom__reviews .ordered-block.EXTENDED:has(.empty-reviews) .reviews-empty { grid-column: 1; grid-row: 2; display: flex; flex-direction: column; align-items: flex-start; gap: 16px; min-width: 0; } .product-bottom__reviews .ordered-block.EXTENDED:has(.empty-reviews) .reviews-title__wrapper .show-comment.button { grid-column: 2; grid-row: 2; align-self: start; } .product-bottom__reviews .ordered-block.EXTENDED:has(.empty-reviews) #form_comment_0 { grid-column: 1 / -1; grid-row: 3; } /* Пустые обёртки / якоря Bitrix не участвуют в gap. * #reviews_sort_continer: :not(:has(.reviews_sort)) — надёжнее :empty (пробелы/текст не дают второй row-gap). */ .product-bottom__reviews #reviews_sort_continer:empty, .product-bottom__reviews #reviews_sort_continer:not(:has(.reviews_sort)), .product-bottom__reviews [id^="new_comment_cont_"]:empty, .product-bottom__reviews [id^="err_comment_"]:empty, .product-bottom__reviews [id^="new_comment_"]:empty, .product-bottom__reviews .blog-comments > a[name="comments"], .product-bottom__reviews .blog-comments > a[name="0"], .product-bottom__reviews .blog-comments > .blog-add-comment { display: none; } /* Только row-gap/gap сетки: без legacy margin у title / owl / селекта */ .product-bottom__reviews .reviews-gallery-block { margin-top: 0; margin-bottom: 0; } .product-bottom__reviews .reviews-gallery-block .reviews-gallery-title { margin-top: 0; margin-bottom: 0; } .product-bottom__reviews .reviews-gallery-block .owl-carousel, .product-bottom__reviews .reviews-gallery-block .owl-carousel.owl-theme.owl-bg-nav .owl-stage-outer { margin-top: 0; margin-bottom: 0; } .product-bottom__reviews .EXTENDED .reviews_sort { margin-top: 0; margin-bottom: 16px; } .product-bottom__reviews .EXTENDED .reviews_sort .filter-panel { padding-top: 0; padding-bottom: 0; } .reviews-empty-rating { display: flex; align-items: center; gap: 0; margin-bottom: 0; } .reviews-empty-rating .item-rating, .reviews-empty-rating .item-rating .svg, .reviews-empty-rating .item-rating img, .reviews-empty-rating .item-rating svg { width: 24px !important; height: 24px !important; display: block; } .EXTENDED .alert-empty, .ordered-block.EXTENDED .alert-empty, #reviews_content .alert-empty { border: 0 !important; border-radius: 0 !important; background: transparent !important; padding: 0 !important; margin: 0; box-shadow: none !important; display: flex; flex-direction: column; gap: 8px; align-items: flex-start; text-align: left; } .EXTENDED .reviews-empty__title, .reviews-empty__title { font-family: Manrope, sans-serif; font-size: 16px; font-weight: 600; line-height: 24px; color: var(--Black); } .EXTENDED .reviews-empty__text, .reviews-empty__text { font-family: Manrope, sans-serif; font-size: 16px; font-weight: 400; line-height: 24px; color: var(--neutral-500); } .actions_detail .svg, .actions_detail svg { width: 12px; height: 12px; } .product-detail-gallery { max-width: 448px; } .product-view--type2 .product-info > .flexbox { width: 100% !important; max-width: 100%; gap: 16px; align-items: flex-start; } .product-view--type2 .product-info > .flexbox .product-detail-gallery { max-width: 448px; width: 448px; flex: 0 0 448px; order: 1; padding: 0; } .product-view--type2 .product-info.product-info--type2 > .flexbox .product-detail-gallery__slider, .product-view--type2 .product-info.product-info--type2 > .flexbox .product-detail-gallery__slider.horizontal.big, .product-container .product-detail-gallery__slider.horizontal { max-width: 448px; width: 100%; } .product-container .product-detail-gallery__item.product-detail-gallery__item--big, .product-container .product-detail-gallery__item.product-detail-gallery__item--middle { width: 448px; height: 448px; max-width: 100%; } .product-action { max-width: 448px; width: 100%; flex: 0 1 448px; flex-basis: 448px; } .product-chars { max-width: none; min-width: 0; padding: 0; } /* * Desktop ≥992: галерея и buy-card по 448px как в Figma. * Перебиваем Aspro (slider max-width:377px, wrap ≤1199). */ @media (min-width: 992px) { .product-view--type2 .product-info > .flexbox, .content_wrap .product-view--type2 .product-info > .flexbox { flex-wrap: nowrap; justify-content: flex-start; align-items: flex-start; gap: 16px; } .product-view--type2 .product-info > .flexbox .product-detail-gallery, .content_wrap .product-view--type2 .product-info > .flexbox .product-detail-gallery { flex: 0 0 448px; width: 448px; max-width: 448px; min-width: 0; order: 1; padding: 0; } .product-view--type2 .product-info.product-info--type2 > .flexbox .product-detail-gallery__slider, .product-view--type2 .product-info.product-info--type2 > .flexbox .product-detail-gallery__slider.horizontal.big, .product-container .product-detail-gallery__slider.horizontal { max-width: 448px; width: 100%; } /* Figma Img 448×448, картинка 400×400 с padding 24 */ .product-container .product-detail-gallery__item.product-detail-gallery__item--big, .product-container .product-detail-gallery__item.product-detail-gallery__item--middle { width: 448px; height: 448px; max-width: 100%; padding: 24px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; } .product-container .product-detail-gallery__item.product-detail-gallery__item--big .product-detail-gallery__link, .product-container .product-detail-gallery__item.product-detail-gallery__item--middle .product-detail-gallery__link { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } .product-container .product-detail-gallery__item.product-detail-gallery__item--big img, .product-container .product-detail-gallery__item.product-detail-gallery__item--middle img, .product-container .product-detail-gallery__picture { width: auto; height: auto; max-width: 100%; max-height: 100%; object-fit: contain; } /* Пустой блок миниатюр раздувает высоту галереи */ .product-detail-gallery__thmb-container:not(:has(img, .product-detail-gallery__thmb, .product-detail-gallery__item--thmb)) { display: none; } /* Disclaimer + «Нашли ошибку» под галереей */ .product-view--type2 .text-additional.product-gallery__disclaimer, .catalog_detail.element_3 .product-gallery__disclaimer { display: block; } .product-gallery__error { margin-bottom: 0; } /* Figma: крошки → H1 = 12px (вместо margin-top у заголовка) */ body:has(.catalog_detail.element_3) .catalog-page-head__breadcrumbs { margin-bottom: 12px; } body:has(.catalog_detail.element_3) .catalog-page-head .lead_text { margin-top: 0; } /* Figma: H1 → meta = 24px (перебиваем .new_link { margin-bottom: 40px }) */ body:has(.catalog_detail.element_3) .catalog-page-head__inner.new_link, body:has(.catalog_detail.element_3) .catalog-page-head__inner { margin-bottom: 24px; } /* mm_main: .product-container { padding-top: 4px } давал +4 к зазору H1→meta */ .product-container.catalog_detail.element_3 { padding-top: 0; } /* Figma: «Отзывы» → контент = 24px (перебиваем .EXTENDED … 15px) */ .catalog_detail.element_3 .EXTENDED .reviews-title__wrapper, .product-bottom__reviews .EXTENDED .reviews-title__wrapper, .EXTENDED .reviews-title__wrapper { margin-bottom: 24px; } /* Figma: линия → контент героя 32px; контент → нижняя линия 64px (перебиваем mm_main padding 35/35) */ .wrapper_inner.wide_page .product-view--type2 .product-info.product-info--type2, body .main-catalog-wrapper .product-view--type2 .product-info.product-info--type2 { padding-top: 32px; padding-bottom: 64px; } /* Figma: нижняя линия героя → «С этим товаром покупают» = 64px (вместо mm_main +50/−50 на bottom-info) */ .catalog_detail.element_3 .bottom-info-wrapper, .product-container.catalog_detail .bottom-info-wrapper { margin-top: 64px; } .catalog_detail.element_3 .bottom-info-wrapper .bottom-info, .product-container.catalog_detail .bottom-info-wrapper .bottom-info, .product-view--type2 .bottom-info-wrapper .bottom-info { margin-top: 0; } /* Aspro .ordered-block { margin-top/bottom: 50px } — вертикаль только вниз */ /* Figma: карточки → описание = 56px; заголовок блока → сетка = 32px */ .catalog_detail.element_3 .ordered-block.goods { margin-top: 0; margin-bottom: 56px; } .catalog_detail.element_3 .ordered-block.goods .ordered-block__title { margin-bottom: 32px; } .product-view--type2 .product-info > .flexbox > div:not(.product-detail-gallery) { max-width: none; padding-top: 0; } .product-view--type2 .product-info.product-info--type2 > .flexbox > .product-main, body .product-view--type2 .product-info.product-info--type2 > .flexbox > .product-main { flex: 1 1 0; flex-basis: 0; min-width: 0; max-width: none; margin-left: 0; padding-left: 0; } .product-main > .flexbox.flexbox--row { width: 100%; gap: 16px; flex-wrap: nowrap; } .product-info--type2 .product-chars, .product-chars { max-width: none; flex: 1 1 0; min-width: 0; } .product-action, .product-view--type2 .product-action { flex: 0 0 448px; flex-basis: 448px; max-width: 448px; width: 448px; min-width: 0; } .spec-value { flex: 0 1 216px; width: auto; max-width: 216px; min-width: 120px; } /* Figma buy-card: без строки бонусов */ .catalog_detail.element_3 .shadowed-block .rs-bonus-system-block, .catalog_detail.element_3 .shadowed-block .lb_bonus { display: none; } } /* * Исключение: 992–1419 — хар-ки вниз, цена рядом с галереей * (брейкпоинт как у шапки; не полный мобильный стейт). * display: contents — gallery / chars / action становятся детьми внешнего flex. */ @media (min-width: 992px) and (max-width: 1419px) { .product-view--type2 .product-info > .flexbox > .product-main, .product-view--type2 .product-info > .flexbox > .product-main > .flexbox, .product-view--type2 .product-info > .flexbox > .product-main > .flexbox.flexbox--row { display: contents; } .product-view--type2 .product-info > .flexbox, .content_wrap .product-view--type2 .product-info > .flexbox { flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap: 16px; } /* Перебить mm_main ≤1199: gallery 100% / max-width 300 у соседей */ .product-view--type2 .product-info > .flexbox .product-detail-gallery, .content_wrap .product-view--type2 .product-info > .flexbox .product-detail-gallery { flex: 0 0 448px; width: 448px; max-width: 448px; order: 1; padding: 0; } .product-view--type2 .product-info > .flexbox > div:not(.product-detail-gallery):not(.product-mobile-divider) { max-width: none; padding-top: 0; } .product-action, .product-view--type2 .product-action { flex: 0 0 448px; flex-basis: 448px; width: 448px; max-width: 448px; min-width: 0; order: 2; margin-left: auto; } /* flex-basis 100% — новая строка; ширина как у галереи/buy-card */ .product-chars, .product-info--type2 .product-chars, .product-view--type2 .product-info--type2 .product-chars { flex: 1 1 100%; flex-basis: 100%; width: 100%; max-width: 448px; min-width: 0; order: 3; } } /* Mobile product card — контентный брейкпоинт ≤991 */ @media (max-width: 991px) { .catalog-page-head h1, .catalog-page-head .lead_text, #pagetitle { display: none !important; } .product-view--type2 .product-info > .flexbox > div:not(.product-detail-gallery):not(.product-mobile-divider), .product-view--type2 .product-info > .flexbox > .mobile-detail-title, .product-view--type2 .product-info > .flexbox > .product-main { max-width: 100% !important; } .product-view--type2 .product-info > .flexbox > .product-main { padding-top: 0 !important; } /* Aspro mm_main: .product-info-wrapper { border-bottom } + divider = две линии */ body .catalog_detail.element_3 .product-view--type2 .product-info-wrapper, body .product-container .product-view--type2 .product-info-wrapper, body .product-view--type2 .product-info-wrapper { border-top: 0; border-bottom: 0; } /* Figma 9658:85370: px 16, py 24; линия через ::after. Селектор сильнее Aspro ≤1199: …> div:not(.gallery){ padding-top:40px } — иначе сверху 40+24 и зазор раздувается */ body .product-view--type2 .product-info > .flexbox > .product-mobile-divider, .product-mobile-divider { display: block; order: 4; width: 100%; max-width: 100%; align-self: stretch; height: auto; margin: 0; padding: 24px 0; border: 0; background: transparent; flex-shrink: 0; box-sizing: border-box; } body .product-view--type2 .product-info > .flexbox > .product-mobile-divider::after, .product-mobile-divider::after { content: ""; display: block; width: 100%; height: 1px; background: var(--neutral-150); } /* Aspro mm_main: .bottom-info { margin-top: -50px } съедал отступ под линией на 768–991 */ .catalog_detail.element_3 .bottom-info-wrapper, .product-container.catalog_detail .bottom-info-wrapper, .product-view--type2 .bottom-info-wrapper { margin-top: 0; } .catalog_detail.element_3 .bottom-info-wrapper .bottom-info, .product-container.catalog_detail .bottom-info-wrapper .bottom-info, .product-view--type2 .bottom-info-wrapper .bottom-info { margin-top: 0; } /* Figma 9658:85373: заголовок «С этим товаром…» pt 16 */ .catalog_detail.element_3 .ordered-block.goods { margin-top: 0; margin-bottom: 24px; } .catalog_detail.element_3 .ordered-block.goods .ordered-block__title { margin-bottom: 8px; padding: 6px 0 0; box-sizing: border-box; font-size: 20px; font-weight: 700; line-height: 28px; } .mobile-detail-title { display: block; order: 2; width: 100% !important; max-width: 100% !important; box-sizing: border-box; /* .content_wrap уже даёт 16px по бокам */ padding: 8px 0 0 !important; overflow: visible; } .product-view--type2 .product-info > .flexbox > .mobile-detail-title { width: 100% !important; max-width: 100% !important; padding: 8px 0 0 !important; padding-top: 8px !important; box-sizing: border-box; } .mobile-detail-title h2 { font-family: Manrope, sans-serif; font-size: 20px; font-weight: 700; line-height: 28px; margin: 0 0 12px; color: var(--Black); } .mobile-detail-title .product-info-headnote__article { margin-bottom: 12px; } .mobile-detail-title .article, .mobile-detail-title .article__title, .mobile-detail-title .article__value { color: var(--neutral-400); font-size: 14px; line-height: 20px; } .mobile-detail-title .rever-rat-ee { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 40px; width: 100%; max-width: 100%; box-sizing: border-box; } .mobile-detail-title .rating { margin: 0; display: flex; align-items: center; min-width: 0; flex: 1 1 auto; } .mobile-detail-title .votes_block.nstar .ratings .inner_rating { display: inline-flex; align-items: center; flex-wrap: nowrap; gap: 8px; } .mobile-detail-title .votes_block.nstar .ratings .inner_rating > span { margin-left: 0; white-space: nowrap; color: var(--Black); font-size: 14px; line-height: 20px; } .mobile-detail-title .product-info-headnote__toolbar { display: flex; align-items: center; justify-content: flex-end; gap: 0; flex: 0 0 auto; flex-shrink: 0; margin: 0; margin-right: -8px; /* компенсируем padding 8px у hit-area */ overflow: visible; } /* Мобилка: только иконки, без подписей; hit-area 40×40 */ .mobile-detail-title .product-topheader__action, .mobile-detail-title .product-topheader__share { width: 40px; height: 40px; flex: 0 0 40px; padding: 8px; box-sizing: border-box; margin: 0; gap: 0; } .mobile-detail-title .product-topheader__action-text { display: none; } .mobile-detail-title .product-topheader__action .catalog-card__action-icon, .mobile-detail-title .product-topheader__share .catalog-card__action-icon { width: 24px; height: 24px; } .product-view--type2 .product-info > .flexbox { flex-direction: column; width: 100% !important; max-width: 100%; } .wrapper_inner.wide_page .product-view--type2 .product-info.product-info--type2, body .main-catalog-wrapper .product-view--type2 .product-info { padding: 0 !important; width: 100%; max-width: 100%; } .product-view--type2 .product-info > .flexbox .product-detail-gallery { order: 1; width: 100%; max-width: 100%; flex: 1 1 auto; padding: 8px 0; box-sizing: border-box; } .product-view--type2 .product-info > .flexbox .product-detail-gallery .product-detail-gallery__container, .product-detail-gallery .product-detail-gallery__container { width: 100%; max-width: 100%; box-sizing: border-box; } /* mm_main даёт слайдеру max-width: 300/450 без центрирования — тянем на 100% */ body .product-container .product-detail-gallery .product-detail-gallery__slider, body .product-container .product-detail-gallery .product-detail-gallery__slider.horizontal, body .product-container .product-detail-gallery .product-detail-gallery__slider.big, .product-view--type2 .product-info .product-detail-gallery__slider { width: 100%; max-width: 100%; max-height: none; margin-left: auto; margin-right: auto; box-sizing: border-box; } /* Центрируем слайд в .owl-item (в main.css у .owl-item display:flex) */ .product-detail-gallery .owl-carousel .owl-stage { display: flex; align-items: center; } .product-detail-gallery .owl-carousel .owl-item { display: flex; justify-content: center; align-items: center; float: none; } body .product-container .product-detail-gallery .product-detail-gallery__item.product-detail-gallery__item--big, body .product-container .product-detail-gallery .product-detail-gallery__item.product-detail-gallery__item--middle, body .product-container .big .product-detail-gallery__item { width: 100%; max-width: 328px; height: auto; line-height: normal; aspect-ratio: 1 / 1; margin: 0 auto; display: flex; align-items: center; justify-content: center; box-sizing: border-box; } .product-container .product-detail-gallery__item.product-detail-gallery__item--big .product-detail-gallery__link, .product-container .product-detail-gallery__item.product-detail-gallery__item--middle .product-detail-gallery__link, .product-container .product-detail-gallery__item > a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } body .product-container .product-detail-gallery .product-detail-gallery__item img, body .product-container .product-detail-gallery .product-detail-gallery__picture, .product-detail-gallery .owl-carousel .owl-item img.product-detail-gallery__picture { display: block; width: auto; max-width: 296px; max-height: 296px; margin: 0 auto; object-fit: contain; } .product-main { order: 3 !important; width: 100%; padding-top: 0 !important; } .product-main > .flexbox, .product-main > .flexbox.flexbox--row, .product-main > .flexbox.flexbox--row.align-items-normal { display: flex !important; flex-direction: column !important; flex-wrap: nowrap !important; align-items: stretch !important; gap: 0 !important; width: 100% !important; } .product-chars, .product-info--type2 .product-chars, .product-view--type2 .product-info--type2 .product-chars { order: 1 !important; max-width: 100% !important; width: 100% !important; flex: 0 0 auto !important; flex-basis: auto !important; min-width: 0 !important; padding: 8px 0 0 !important; box-sizing: border-box; } .product-chars .products-spec-wrapper--column { display: none; } .product-volume { margin-bottom: 8px; padding-bottom: 16px; } .product-volume__title { margin-bottom: 8px; } .product-volume__item { min-width: 40px; width: 40px; height: 40px; padding: 10px; font-size: 14px; font-weight: 500; line-height: 20px; } .brand-tags { margin-bottom: 0; padding-bottom: 16px; width: 100%; } .products-spec-wrapper--column { margin-bottom: 0; } /* Figma mobile: теги height 28 */ .brand-tag { padding: 0 12px; height: 28px; min-height: 28px; border: 1px solid var(--neutral-200); border-radius: 12px; background: var(--White); font-weight: 500; line-height: 20px; } .product-action, .product-view--type2 .product-action { order: 2 !important; max-width: 100% !important; width: 100% !important; flex: 0 0 auto !important; flex-basis: auto !important; min-width: 0 !important; padding: 8px 0 0; box-sizing: border-box; } .shadowed-block { padding: 20px 16px; border-radius: 16px; display: flex; flex-direction: column; gap: 20px; } .catalog_detail.element_3 .rs-bonus-system-block, .shadowed-block .rs-bonus-system-block, .shadowed-block .lb_bonus { display: none !important; } .catalog_detail.element_3 .prices_block { gap: 4px; } .price_matrix_wrapper .price span { font-size: 24px; line-height: 32px; } .product-buy__actions { flex-direction: column; gap: 8px; } .product-buy--in-cart .product-buy__actions { flex-direction: column; } .product-buy--in-cart .custom_buy-button, .custom_buy-button, .custom_buy-service { width: 100%; } .product-gallery__error, .product-gallery__disclaimer { display: none; } /* Figma 9658:85341/85363/85365: buy pb 16 → disclaimer py 8 → pickup pt 8 Итого: карточка→текст 24px, текст→самовывоз 16px */ .catalog_detail.element_3 .shadowed-block { margin-bottom: 16px; } /* Mobile: disclaimer → pickup; Figma 9658:85365 pb 16 перед линией */ .product-after-buy { gap: 0; padding-bottom: 0; border-bottom: 0; } /* Снизу 16px = Figma py-8 дисклеймера + pt-8 обёртки самовывоза; margin:0 — глушим Aspro margin-bottom:-12px */ .product-after-buy__disclaimer, body .catalog_detail.element_3 .product-info--type2 .product-after-buy__disclaimer.price_txt, body .catalog_detail.element_3 .product-info--type2 .product-after-buy__disclaimer.price_txt.filed, .catalog_detail.element_3 .product-after-buy__disclaimer.price_txt, .catalog_detail.element_3 .product-after-buy__disclaimer.price_txt.filed { order: 1; margin: 0; padding: 8px 0 16px; color: var(--neutral-500); font-family: Manrope, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; } .product-after-buy__pickup, .product-pickup, .product-pickup.delivery-block_custom { order: 2; margin: 0; padding: 20px 16px; } .product-pickup__body { padding-left: 24px; } .product-bottom { flex-direction: column; flex-wrap: nowrap; align-items: stretch; column-gap: 0; row-gap: 0; gap: 0; padding: 0; } .catalog_detail.element_3 { padding-bottom: 0; } /* contents: дети участвуют в order родителя — описание → хар-ки → help → отзывы */ .product-bottom__top, .product-bottom__content { display: contents; } .product-bottom__main { order: 1; max-width: 100%; padding: 0; box-sizing: border-box; } .product-bottom__main > h2, .product-bottom__chars > h2 { font-size: 20px; line-height: 28px; margin: 8px 0 12px; } .product-bottom__chars { order: 2; max-width: 100%; padding: 0; box-sizing: border-box; } .product-bottom__side { order: 3; width: 100%; max-width: 100%; flex: none; /* Figma 9658:85386→85467: 24px после хар-к; 85467 py 8 снизу; + margin 24 = 40px до заголовка «Отзывы» (с pt 8 у reviews) */ margin-bottom: 24px; padding: 24px 0 8px; box-sizing: border-box; position: static; margin-left: 0; } /* Figma 9658:85475: pt 8 / pb 40; боковой гуттер — у .content_wrap */ .product-bottom__reviews { order: 4; padding: 8px 0 0; box-sizing: border-box; } .content-description { display: block; padding: 0; max-width: 100%; } .content-description__main { max-width: 100%; } .read_all_btn, .actions_detail__label { font-size: 14px; font-weight: 500; line-height: 20px; } .help-form { max-width: 100%; margin-top: 0; padding: 20px 16px; gap: 20px; } .help-form .title { font-size: 14px; font-weight: 600; line-height: 20px; } .help-form .desc { font-size: 14px; line-height: 20px; } .help-form button, .help-form .button { font-size: 14px; font-weight: 500; line-height: 20px; padding: 8px 20px; min-height: 36px; max-height: none; height: auto; } .reviews-title__wrapper { flex-direction: column; align-items: stretch; gap: 12px; padding: 0; margin-bottom: 12px; display: contents !important; } .product-bottom__reviews .ordered-block.EXTENDED, .product-bottom__reviews .ordered-block { display: flex; flex-direction: column; gap: 12px; margin: 0 !important; /* сброс Aspro 50px — лишний зазор до футера */ } /* С отзывами: рейтинг → «Фотографии…» → галерея → селект — единый gap 16 (как desktop row-gap) */ .product-bottom__reviews .ordered-block.EXTENDED:not(:has(.empty-reviews)) { gap: 16px; } .product-bottom__reviews .reviews-title__wrapper { display: contents; } .product-bottom__reviews .reviews-title__wrapper .right_reviews_info { display: contents; } .reviews-title__wrapper .ordered-block__title, .product-bottom__reviews .ordered-block__title { order: 1; font-size: 20px !important; line-height: 28px !important; margin: 0; grid-column: auto; grid-row: auto; } .product-bottom__reviews .ordered-block.EXTENDED .ordered-block__title .element-count { font-size: 20px; line-height: 28px; } .product-bottom__reviews .ordered-block.EXTENDED .reviews-title__wrapper .rating-wrapper { order: 2; grid-column: auto; grid-row: auto; align-self: flex-start; } /* Пустое (Figma 9658:85475): H2 → звёзды+текст → кнопка; gap секции 12 */ .product-bottom__reviews .ordered-block.EXTENDED:has(.empty-reviews) .reviews-title__wrapper .rating-wrapper { display: none; } .product-bottom__reviews .ordered-block.EXTENDED:has(.empty-reviews) #reviews_content, .product-bottom__reviews .ordered-block.EXTENDED:has(.empty-reviews) #reviews_content > .comments-block, .product-bottom__reviews .ordered-block.EXTENDED:has(.empty-reviews) #reviews_content .blog-comments { display: contents; } .product-bottom__reviews .ordered-block.EXTENDED:has(.empty-reviews) .reviews-empty { order: 2; display: flex; flex-direction: column; align-items: flex-start; gap: 16px; width: 100%; grid-column: auto; grid-row: auto; } .product-bottom__reviews .reviews-title__wrapper .show-comment.button { order: 3; width: 100%; margin-left: 0; /* + gap 12 у EXTENDED = 24px до карточек (как desktop row-gap) */ margin-bottom: 12px; grid-column: auto; grid-row: auto; } .product-bottom__reviews .ordered-block.EXTENDED:has(.empty-reviews) .show-comment.button { order: 3; margin-bottom: 0; } /* С отзывами: только gap 16 между блоками стека, без margin-bottom у кнопки */ .product-bottom__reviews .ordered-block.EXTENDED:not(:has(.empty-reviews)) .show-comment.button { margin-bottom: 0; } /* Верхняя галерея; карусели внутри .blog-comment сбрасываем ниже */ .product-bottom__reviews .ordered-block.EXTENDED:not(:has(.empty-reviews)) .reviews-gallery-title { order: 4; } .product-bottom__reviews .ordered-block.EXTENDED:not(:has(.empty-reviews)) .reviews-gallery-block .owl-carousel { order: 5; } .product-bottom__reviews .ordered-block.EXTENDED:not(:has(.empty-reviews)) .blog-comment .owl-carousel { order: unset; } .product-bottom__reviews .ordered-block.EXTENDED:not(:has(.empty-reviews)) #reviews_sort_continer:has(.reviews_sort) { order: 6; } .product-bottom__reviews .ordered-block.EXTENDED:not(:has(.empty-reviews)) .blog-comments { order: 7; } .product-bottom__reviews #reviews_content, .product-bottom__reviews .blog-comments { order: 4; grid-column: auto; grid-row: auto; width: 100%; max-width: 100%; min-width: 0; box-sizing: border-box; } .product-bottom__reviews .ordered-block.EXTENDED:has(.empty-reviews) #form_comment_0 { order: 4; grid-column: auto; grid-row: auto; width: 100%; } .products-spec-wrapper, .spec-report-issue { margin-left: 0; margin-right: 0; } .spec-row { width: 100%; max-width: 100%; min-width: 0; } /* База: flex 0 0 216px — на узком экране раздувает страницу (~+50px скролл) */ .spec-name { max-width: 50%; min-width: 0; flex: 0 1 auto; } .spec-value { flex: 1 1 auto; width: auto; max-width: 50%; min-width: 0; } .EXTENDED .reviews-empty__title, .reviews-empty__title { font-size: 14px; font-weight: 600; line-height: 20px; } .EXTENDED .reviews-empty__text, .reviews-empty__text { font-size: 14px; font-weight: 400; line-height: 20px; color: var(--neutral-500); } body .pops { padding: 0 0 0 16px; } } /* 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/assets/css/owl/owl.theme.default.css?17939015131380*/ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ /* * Default theme - Owl Carousel CSS File */ .owl-theme .owl-nav { margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme .owl-nav [class*='owl-'] { color: #FFF; font-size: 14px; margin: 5px; padding: 4px 7px; background: #D6D6D6; display: inline-block; cursor: pointer; border-radius: 3px; } .owl-theme .owl-nav [class*='owl-']:hover { background: #869791; color: #FFF; text-decoration: none; } .owl-theme .owl-nav .disabled { opacity: 0.5; cursor: default; } .owl-theme .owl-nav.disabled + .owl-dots { margin-top: 10px; } .owl-theme .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline; } .owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #D6D6D6; display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; border-radius: 30px; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #869791; } /* End */ /* Start:/local/templates/maslomart/assets/css/drop.css?17939015132611*/ .drop-zone { display: block; min-height: 120px; width: 100%; } .drop-zone__wrapper:hover, .drop-zone.dragover{ background: var(--theme-base-opacity-color); border: 1px solid hsla( var(--dark_light-wtheme-hue), var(--dark_light-wtheme-saturation), var(--dark_light-wtheme-lightness), 0.35 ); transition: all 0.3s ease; } .drop-zone__image { position: relative; overflow: hidden; padding-bottom: 100%; } .drop-zone__image img { object-fit: cover; width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .drop-zone__wrapper-input{ height: 100%; width: 100%; position: absolute; z-index: 1; opacity: 0; cursor: pointer; } .drop-zone__image-close { width: 50px; height: 50px; position: absolute; right: 0; z-index: 1; } .drop-zone__image-icon{ background-image: url('/local/templates/maslomart/assets/css/../img/svg/close-drop.svg'); background-position: 4px 4px; background-repeat: no-repeat; background-color: rgba(0, 0, 0, 0.35); height: 16px; width: 16px; opacity: 1; position: absolute; right: 8px; top: 8px; z-index: 1; box-shadow: none; cursor: pointer; } .drop-zone__image-icon:hover { background-color: rgba(0, 0, 0, 0.5); } .drop-zone__wrapper{ display: flex; justify-content: center; align-items: center; height: 120px; position: relative; padding: 28px; margin: -1px; } .drop-zone__wrapper-text { position: relative; padding-left: 19px; overflow: hidden; text-overflow: ellipsis; } .drop-zone__wrapper-text:before { content: ""; position: absolute; top: 3px; left: 0; width: 9px; height: 18px; background: url(/bitrix/templates/aspro_max/images/svg/content_icons.svg) -118px -117px no-repeat; background-position: var(--light,-118px -117px) var(--dark,-128px -117px); } .drop-zone__wrapper-text span{ color: var(--fill_dark_light_hover); } .drop-zone__images{ --repeat_colum: 5; display: grid; grid-template-columns: repeat(var(--repeat_colum),1fr); gap: 16px; padding: 28px; } .drop_zone__images-input{ opacity: 0; position: absolute; visibility: hidden; z-index: -1; } @media (max-width: 1124px) { .drop-zone__images{ --repeat_colum: 4; } } @media (max-width: 768px) { .drop-zone__images{ --repeat_colum: 3; } } @media (max-width: 501px) { .drop-zone__images{ --repeat_colum: 2; } } @media (max-width: 320px) { .drop-zone__images{ --repeat_colum: 1; } } /* End */ /* /local/templates/maslomart/components/bitrix/catalog/mm_main/style.css?179390151363500 */ /* /local/templates/maslomart/components/bitrix/catalog.element/main3/style.css?179390151392641 */ /* /local/templates/maslomart/assets/css/owl/owl.carousel.css?17939015134744 */ /* /local/templates/maslomart/assets/css/owl/owl.theme.default.css?17939015131380 */ /* /local/templates/maslomart/assets/css/drop.css?17939015132611 */