.yswg-share-wrapper{ position:absolute; top:25px; right:60px; z-index:50; margin:0px !important; } .blockseewoogallery-gallery{ margin-top:0px !important; } .bests_items{ display:flex; flex-wrap:wrap; justify-content:space-between; margin-left:-12px; margin-right:-12px; } .bests_item{ text-align:center; width:16.66666666666667%; padding-left:12px; padding-right:12px; } .bests_item_icon{ display:flex; justify-content:center; } .bests_item_in{ border-radius: 18px; padding:24px; border: 2px dashed var(--main_color_opacity_50); } .bests_item_icon{ margin-bottom:16px; } .bests_item_title{ text-align: center; font-variant-numeric: lining-nums proportional-nums; font-size: 15px; font-weight: 600; line-height: 133.333%; } .section-common.bests{ padding-top:0px; } @media (max-width: 990px){ .bests_item_in{ padding-left:12px; padding-right:12px; } .bests_items{ margin-left:-6px; margin-right:-6px; } .bests_item{ margin-top:6px; margin-bottom:6px; padding-left:6px; padding-right:6px; width:33.33333333333333333%; } } @media (max-width: 540px){ .bests_item{ width:50%; } } .bs_promo_item_title, .slider_and_banners_item_title,.soc_offer_btn a, .rcp_form_light_2_title, .rcp_catalog_row.row_catalog_image .rcp_catalog_item_name, body.front-page h1, #poststuff .postbox .inside .acfe-fc-preview h1, body.front-page h2, #poststuff .postbox .inside .acfe-fc-preview h2, body.front-page h3, #poststuff .postbox .inside .acfe-fc-preview h3, .btn_centerered_wrapper .order_button, .contact_box_in .order_button, .rcp_form .littleform_item_label, .simple_section_title_wrap .order_button{ text-transform:none !important; } .slider_and_banners_item_title{ font-size:24px; } .blockseewoogallery-gallery_wrap .blockseewoogallery-thumbnail-item, .blockseewoogallery-main-gallery-in{ background-color:#fff; } .simple_section_title_wrap h1{ margin-bottom:0px; } .header-banner-slider .slick-dots, .redcoder_smart_content_wrap{ display:none !important; } body.front-page h1, #poststuff .postbox .inside .acfe-fc-preview h1{ line-height:1.2 !important; } body.front-page{ background-color:#f5f5f5; padding-top:145px; } header{ position:absolute; left:0; top:0; width:100%; height:145px; background:#e6e6e6; z-index:100; } .progress-bar, .text_wrap ul li::before, .content_blog_single_text_in ul li::before, #place_order.common_btn{ opacity:1; background-color: var(--main_color); } header.reverse_color .main_header_top .hrcp_item_con svg path, header.reverse_color .main_header_top .rcp_city_phone_main svg path, header .rcp_tool_item_wrap.woo_buttons a.tool_item_in svg path{ stroke: var(--text_color) !important; } header.reverse_color .main_header_top .hrcp_item_con.city_changer svg path, .remove_go svg path,.clear-cart-button svg path{ stroke: var(--main_color) !important; } html body header.reverse_color .city_changer_in, html body header.reverse_color .social_wrap a, .clear-cart-button{ color: var(--main_color) !important; } header .main_header_top svg:not(.filled_svg) path { stroke: none!important; } ul.products li .imagewrapper{ height:165px; } .loader_progress{ background-color: var(--main_color); } .sup_menu ul.menu{ display:flex; flex-wrap:wrap; list-style-type:none; padding:0; } .sup_menu ul li a{ padding:5px 10px; display:block; } .sup_menu ul li{ display:block; font-weight:500; margin-right:10px; border-radius:5px; position:relative; } .sup_menu ul li:hover{ background:#fff; } .sup_menu ul li.menu-item-has-children li{ margin-right:0; } .sup_menu ul li.menu-item-has-children:hover{ border-radius:5px; } .sup_menu .sup-submenu-wrapper{ display:none; position:absolute; left:0; padding-top:8px; top:100%; min-width:100%; } .sup_menu ul.sub-menu{ padding:0; background-color:#fff; box-shadow: 0px 4px 14px 0px rgba(69, 73, 85, 0.16); border-radius:5px; } .sup_menu ul li.menu-item-has-children .sup-submenu-wrapper ul li a{ padding:5px 10px; } .sup_menu ul li.menu-item-has-children .sup-submenu-wrapper ul li:hover a{ background:var(--main_color_opacity_10); } .sup_menu ul li.menu-item-has-children:hover .sup-submenu-wrapper, .sup_menu ul li.menu-item-has-children ul.sub-menu a{ display:block; } .sup_wrap{ display:flex; flex-wrap:wrap; justify-content:flex-end; } .sup_wrap div{ margin:0; } .sup_wrap div:not(:first-child){ margin-left:30px; } header .main_header_row{ align-items:center; } header .rcp_hnav_menu{ display:flex; align-items:center; } header .rcp_hnav_menu > div.main-menu-toggle{ width:auto; height:auto; color:#fff; padding:12px 20px; border-radius:10px; background:var(--extra_color); font-weight:700; position:relative; margin-right:18px; display:flex; justify-content:center; align-items:center; cursor:pointer; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Old versions of Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } header .rcp_hnav_menu > div.main-menu-toggle.menu-toggle-active{ z-index:600; } header .main-menu-toggle span{ margin:0 auto; position:relative; top:1px; transition-duration:0s; transition-delay:.2s; transition:background-color 0.3s; margin-right:10px; } header .main-menu-toggle.menu-toggle-active span{ background-color:var(--extra_color); } header .main-menu-toggle span, header .main-menu-toggle span::before, header .main-menu-toggle span::after{ background-color:#fff; width:17px; height:2px; border-radius:3px; display:block; opacity:1; } header .main-menu-toggle.menu-toggle-active span::before, header .main-menu-toggle.menu-toggle-active span::after{ margin-top:0!important; } header .main-menu-toggle span::before, header .main-menu-toggle span::after{ position:absolute; content:''; margin-top:6px; transition-property: margin, transform; transition-duration: .2s; transition-delay: .2s, 0; } header .main-menu-toggle span::before{ margin-top:-6px; } .pc_menu_overlay { background:#000; opacity: 0.2; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 500; display: none!important; } .pc_menu_overlay.overlay_active{ display: block!important; } .slider_and_banners_box .slider-controls{ position:static; padding-bottom:20px; } .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input::placeholder{ font-style:normal; } .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input { width:590px; height:48px; font-size: 14px; line-height: 100%; border:1px solid rgba(69,73,85,0.3); border-radius:10px; } @media (max-width: 1560px){ .contact_item_phone a{ font-size:17.5px; } } @media (max-width: 1550px){ .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input { width:460px; } } .dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit::before { display:none; } .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit{ background:transparent; } .dgwt-wcas-has-submit .dgwt-wcas-search-submit svg path, .slider-controls .slick-arrow svg path, .slider-controls .slick-arrow:hover svg path{ fill:var(--extra_color)!important; } .order_button{ background-color: var(--main_color); } header .main_header_wrap .order_button { padding-left:35px; background:url(../img/lcab.svg) center left 10px no-repeat; font-weight:700; text-transform:none; } header .main_header_wrap .order_button:hover{ background-image:url(../img/lcab_w.svg); } header .rcp_tool_item_wrap.woo_buttons{ margin:-15px 25px 0 0; } header .tool_item_value{ background-color:var(--main_color); right:calc(50% - 20px); } header .rcp_tool_item_wrap .tool_item_col { position:relative; width:90px; } header .tool_item a{ justify-content:center; } header .tool_item_wishlist a { display:flex; width:auto; height:auto; } header .rcp_tool_item_wrap .tool_item_col.cart_icon::after{ position:absolute; display:block; content:'Корзина'; left:calc(50% - 30px); top:100%; width:60px; } header .rcp_tool_item_wrap.woo_buttons .tool_item_col:last-child:after{ position:absolute; display:block; content:'Избранное'; left:calc(50% - 40px); top:100%; width:80px; } .rcp_main_menu_col_image::after { background: linear-gradient(90deg, var(--main_color) 0%, var(--main_color_hover) 100%); } .slider_and_banners_box{ border-radius:var(--big_border_radius); overflow:hidden; background:#fff; } .bs_promo_items_wrap{ height:100%; } .bs_promo_item_in{ min-height:334px; height:100%; } .bs_promo_clipart_wrap img{ height:150px; } .slider_and_banners_item_in, .widget_premmerce_filter_filter_widget, .bs_promo_item_in,.sortline_box, .rcp_catalog_row.row_catalog_image .standart_catalog_image_clipart_mode_center_text .rcp_catalog_item_link, .rcp_catalog_row.row_catalog_image .standart_catalog_image_clipart_mode .rcp_catalog_item_link{ background-color:#FFF; } .rcp_catalog_row.row_catalog_image .standart_catalog_image_clipart_mode .rcp_catalog_item_link, .simple_section_title_more_btn,.review_in_all .more_btn_uni{ color: var(--main_color); } .reviews .simple_section_title_more_btn, .rcp_catalog_showcase_tab .simple_section_title_more_btn{ color: var(--text_color); } .reviews .simple_section_title_more_btn svg path, .rcp_catalog_showcase_tab .simple_section_title_more_btn svg path{ stroke: var(--text_color) !important; } .rcp_form_light_2_wrap{ background-color: var(--extra_color_2); } .rcp_form.rcp_form_light_2, .section-common.rcp_form.rcp_form_light_2 .confid_box a, .section-common.rcp_form.rcp_form_light_2 .confid_box{ color:#fff; } .rcp_catalog_row.row_catalog_image .rcp_catalog_item_img img{ height:120px; } .offer_row_cur_style{ padding-top:0; } .odds_border_color_extra_color .odds_item_in{ border:none; background-color:#fff; } .odds_text{ font-weight:500; } .odds_img{ height:80px; display:flex; justify-content:center; align-items:center; } div.extra .offer_video_text_wrap{ border-radius:var(--big_border_radius); background:var(--extra_color_2); color:#fff; padding:25px; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; flex-direction:column; } div.extra .offer_video_text_wrap .odds_video_title{ color:#fff!important; } .odds_video_title{ padding-top:0; margin-top:0; opacity:1; font-size:20px; } div.extra .offer_video_text_wrap ul{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center; list-style-type:none; padding:0; } div.extra .offer_video_text_wrap ul li{ font-weight:500; padding:10px 15px; border-radius:10px; background:#727889; margin:0 5px 10px; } .rcp_catalog_showcase_tab{ display:flex; justify-content:end; } .footer_contact_phone{ font-weight:700; } body.front-page footer a.footer_contact_order{ font-weight:600; } .rcp_catalog_showcase_tab_item .products.columns-5 li{ width:20%; } ul.products li.type-product .wrapin{ padding:15px 25px 25px; } .entry-summary-product_wrap .loop_content_scu{ margin-bottom:12px; } .loop_content_scu{ font-weight:600; opacity:1; } .loop_content_scu span{ font-weight:400; opacity:0.6; } ul.products li.type-product .wrapin:hover .add-to-wishlist, ul.products li.type-product .wrapin .add-to-wishlist.added{ opacity:1; } ul.products li .imagewrapper{ padding:0; } html body .add-to-wishlist svg path, .rcp_subcategory_list_horizontal li a svg path{ stroke:var(--main_color) !important; } html body .add-to-wishlist.added svg path{ fill: var(--main_color) !important; } ul.products li .imagewrapper img{ max-height:100%; max-width:100%; } html body ul.products li .loop_content{ padding-left:0; padding-right:0; } .loop_content .stock{ color:#72B01D; font-size:14px; font-weight:600; } .loop_content .stock.out_of{ color:#f00; } ul.products li .loop_content .woocommerce-loop-product__title{ font-weight:600; margin:5px 0 15px; } .product_item_loop_prodatrlist_item{ display:flex; flex-wrap:wrap; justify-content:space-between; opacity:0.8; font-weight:300; } .product_item_loop_prodatrlist_item span:last-child{ font-weight:400; } body.front-page ul.products li .loop_content .price{ position:static; margin-top:15px; color: var(--extra_color); } html body .blocksee-quantity-loop-wrap .blocksee-quantity-wrapper { background-color:#fff; } html body .blocksee-quantity-loop-wrap .blocksee-quantity-wrapper button { color: var(--main_color); } html body .blocksee-quantity-loop-wrap .blocksee-quantity-wrapper button.blocksee-quantity-minus{ margin-top:-5px; } body.front-page input[type="text"].blocksee-loop-quantity{ font-weight:600; font-size:21px; } ul.products li.type-product .wrapin .loop_order_main, ul.products li.type-product .wrapin .add_to_cart_button, .loop_product_item_more_btn{ bottom:24px; height:auto; font-weight:800; font-size:14px; left:auto; width:max-content; background-color:var(--main_color); border-radius:10px; padding:10px 20px; right:25px; text-transform:none; } ul.products li.type-product .wrapin .loop_order_main:hover, ul.products li.type-product .wrapin .add_to_cart_button:hover, .loop_product_item_more_btn:hover { background-color: var(--main_color_hover); } .extra_2 .odds_text_box, .extra_2 .offer_video_text_wrap{ background:#fff; border-radius:var(--big_border_radius); padding:30px; } .extra_2 .odds_text_box strong{ font-weight:600; font-size:16px; display:block; } .extra_2 .odds_text_box p:first-child strong{ margin-bottom:22px; } .extra_2 .odds_text_box p:last-child strong{ font-weight:700; color:var(--extra_color_opacity_80); margin-top:25px; } .extra_2 .odds_text_box ul li::before{ mask-image:none; width:8px; height:8px; border-radius:8px; } .extra_2 .odds_text_box ul li{ padding-left:20px; } .extra_2 .offer_video_text_wrap{ color:var(--text_color); display:block; padding-bottom:10px; } .extra_2 .odds_video_title{ text-align:left; opacity:1; font-size:16px; } .extra_2 .odds_video_text ul{ padding:0; } .extra_2 .odds_video_text ul li { margin: 0 0 8px; padding-left: 39px; position: relative; list-style-type: none; } .extra_2 .odds_video_text ul li::before { background-color: var(--main_color); -webkit-mask-image: var(--ul_icon); mask-image: var(--ul_icon); mask-repeat: no-repeat; mask-position: center left; mask-size: contain; content: ''; display: block; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); width: 26px; height: 14px; } .extra_2 .odds_video_text{ font-weight:400; text-align:left; } .extra_2 .odds_item_in{ padding:20px; } .extra_2 .odds_img{ height:40px; margin-bottom:10px; } .extra_2 .odds_text{ font-size:14px; } .section-common.rcp_form.rcp_form_light_2 .littleform_row.littleform_item_one_line .littleform_item { width:33.3333333%; } .cinar a { color: var(--extra_color); } .cinar a svg path { fill: var(--extra_color) !important; } footer .confidlink a { color: var(--main_color); font-weight:600; } .contact_item_in .item_icon{ top:5px; margin-top:0; } .rcp_subcategory_list_horizontal li a{ background:#fff; font-size:16px; } .rcp_subcategory_list_horizontal li a:hover { box-shadow: 0px 2px 38px 0px var(--main_color_opacity_20); color:var(--main_color); } .tableOfContentWrap, .sp_cart_remove_checkbox input[type="checkbox"]:checked + label::before, .sp_cart_remove_checkbox input[type="checkbox"]:not(:checked) + label::before{ border: 1px solid var(--main_color_opacity_50); } .special_cart_box{ border-bottom-color: 2px solid var(--main_color); } .sp_cartitem_qty_btn{ color: var(--main_color_opacity_60); } body .sp_cart_col_qty_input{ background-color:var(--main_color_opacity_08); } .sp_cartitem_qty_btn svg path { stroke: var(--main_color_opacity_80) !important; } .entry-summary-product_wrap, .contact_sub_wrap{ padding:20px; border-radius:var(--big_border_radius); background-color:#fff; } .rcp_main_menu{ position: absolute; top:100%; height:0; display:none; background:#fff; border-radius:var(--big_border_radius); padding:20px 0; } .rcp_main_menu.active{ display:block; height:auto; width:330px; top:100%; margin-top:15px; z-index:600; } ul.main_categories_list, ul.sub_categories_list{ margin:0; padding:0; list-style-type:none; } ul.main_categories_list .sub_categories_list_wrap{ display:none; position:absolute; left:100%; top:-20px; overflow-x:hidden; background:transparent; width:max-content; width:380px; padding:0 10px; } ul.main_categories_list .sub_categories_list_wrap_in{ max-height:380px; overflow-y:auto; overflow-x:hidden; background:#fff; border-radius:var(--big_border_radius); } ul.main_categories_list ul.sub_categories_list{ width:max-content; width:360px; padding:20px 0; } ul.main_categories_list li.has_subcat{ position:relative; } ul.main_categories_list a{ display:block; padding:5px 45px 5px 65px; color:#2C302E; font-size:15px; font-weight:500; position:relative; } ul.main_categories_list a:hover{ color:#000; background-color:rgba(0,0,0,0.06) } ul.main_categories_list a span.true_links_img{ position:absolute; left:20px; top:2px; width:30px; height:30px; } ul.main_categories_list li.has_subcat > a::after{ display:block; content:''; position:absolute; height:20px; width:20px; right:15px; top:7px; background:url(../img/subcat.svg) center/contain no-repeat; } ul.main_categories_list li.has_subcat:hover .sub_categories_list_wrap, ul.main_categories_list li.has_subcat .sub_categories_list_wrap:hover{ display:block; } ul.sub_categories_list a{ padding:5px 25px 5px 45px; } ul.sub_categories_list a::before{ display:block; content:''; position:absolute; height:7px; width:7px; left:25px; top:13px; border-radius:20px; background-color:var(--main_color); } .direct_word{ background:#fff; border-radius:30px; padding:55px 70px; box-shadow:0 4px 16px rgba(69,73,85,0.08); color:#595959; } .direct_title{ font-weight:700; font-size:24px; line-height:32px; padding-left:50px; margin-bottom:25px; background:url(../img/direct_title.svg) left center/contain no-repeat; } .direct_word .odds_header .odds_col_text { padding-right:calc(var(--bs-gutter-x) * .5); padding-left:50px; } header{ z-index:200; } .main_header.for_menu,.sortline_box{ z-index:100; } .main_header_top{ z-index:300; } .order_button.second_color, .order_button.order_button_second_color { background-color: var(--main_color); } .order_button.second_color:hover, .order_button.order_button_second_color:hover { background-color: var(--main_color_hover); } .odds_video_thumb img{ object-position: top center; } .review_img img{ width:100%; height:auto; max-height:140px; object-fit:cover; border-radius:var(--button_border_radius); } .review_img{ margin-bottom:12px; float:left; margin-right:24px; width:90px; } @media (max-width: 1310px){ .rcp_oppening_hours{ display:none !important; } } @media (min-width: 990px){ body.front-page .entry-summary-product .archive_title_h1{ font-size:24px; } } @media (max-width: 1610px){ .bs_promo_item_title,.slider_and_banners_item_title{ font-size:21px; } } @media (max-width: 1550px){ .bs_promo_item_in{ padding:25px; } .extra_2 .odds_header .col-lg-6:not(.odds_col_text){ display:flex; flex-direction:column; justify-content:space-between; } .sup_wrap div:not(:first-child) { margin-left: 10px; } } @media (max-width: 1460px){ .odds_item_in{ padding:15px; font-size:14px; } .rcp_catalog_showcase_tab_item .products.columns-5 li{ width:25%; } .contact_wrap_left{ padding-right:calc(var(--bs-gutter-x) * .5); } .sup_menu ul li{ padding:5px; } .sup_wrap{ align-items:center; } header .city_phone{ flex-direction:column; } .cover_image.image_mode_text_size .odds_video_thumb{ height: 336px; } } @media (max-width: 1350px){ .sup_menu ul li{ margin-right:0; } .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input{ width:230px; } .bs_promo_clipart_wrap{ padding:0; } .slider_and_banners_box .slider-controls{ left:0; } .rcp_catalog_row.row_catalog_image .standart_catalog_image_clipart_mode_center_text .rcp_catalog_item_link{ height:100%; } .offer_row_cur_style{ justify-content:center; } .extra .odds_row_qty_3 .odds_item{ width: 33.333333333333333333%; } .extra_2 .odds_item_in{ padding:15px; } .contact_item_phone a{ font-size:17px; } .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input::placeholder{ font-size:12px; } } @media (max-width: 1300px){ .contact_item { width: 100%; } } @media (max-width: 1240px) and (min-width: 1090px){ .main_category_all ul.products li.type-product { width:50%; } } @media (max-width: 990px){ header{ height:auto; min-height:auto; } body.front-page{ padding-top:0; } .direct_word{ padding:30px; } .direct_word .odds_header .odds_col_text{ padding-left:calc(var(--bs-gutter-x) * .5); } .header_mobile_contact_item a{ background-color:var(--main_color_opacity_10); } .header_mobile_contact_item a svg path{ fill:var(--main_color) !important; } .mobile_menu_in_func_item_icon svg path, .mobile_function_panel .tool_item_in svg path{ stroke: var(--main_color); } .menu-toggle span,.menu-toggle span::before,.menu-toggle span::after, .main-menu-toggle span,.main-menu-toggle span::before,.main-menu-toggle span::after, .order_button,.mobile_function_panel .tool_item_info{ background-color: var(--main_color); } .mobile_function_panel .tool_item_title{ color: var(--main_color); } .menu-toggle-active span{ background-color: rgba(0,0,0,0); } .catalog_mobile_menu ul li a,.mobile_menu ul li a{ border-bottom: 1px solid var(--main_color_opacity_10); } .mobile_tool{ box-shadow: 0px 4px 10px 0px var(--main_color_opacity_20); } .mobile_menu_in_func_item_icon{ border: 1px solid var(--main_color_opacity_40); } .rcp_catalog_showcase_tab_item .products.columns-5 li{ width:100%; } ul.products li .loop_content .price{ padding:0; } .blocksee-quantity-loop-wrap, ul.products li .loop_content .price { right:calc(50% - 47px); bottom:70px; } ul.products li .loop_content { padding-bottom:90px; } .product .loop_content_scu{ margin-bottom:12px; } } @media (max-width: 540px) { .odds_row_qty_3 .odds_item { width: 100%!important; } } @media (min-width: 990px) { /* body.front-page ul.products li .loop_content .price{ bottom:90px; }*/ ul.products li.type-product{ margin-bottom:24px; } body.front-page .blocksee-quantity-loop-wrap{ bottom:78px; bottom:25px; }/* .rcp_catalog_showcase_tab_item .products.columns-5 li{ width:20%; } html body ul.products li .loop_content { padding-left:15px; padding-right:15px; }*/ html body ul.products li .loop_content .woocommerce-loop-product__title{ font-size:16px; } html body ul.products li .loop_content .price { padding:0; font-size:20px; font-weight:800; color:var(--extra_color); } .blocksee-quantity-loop-wrap{ right: 15px; right:auto; left:25px; } html body ul.products li .loop_content{ padding-bottom:120px; padding-bottom:55px; } html body ul.products li .imagewrapper { height: 120px; } } .slick-dots li:only-child{ display:none; } .woocommerce-pagination .page-numbers li .page-numbers:hover{ background-color:var(--extra_color_2); color:#fff !important; } .h2.woo-extra-title{ font-size:27px; } .contact .item_label, .catalog_mobile_menu ul li a, .mobile_menu ul li a, .rcp_subcategory_list_horizontal li a, .simple_section_title_more_btn, .modal-title, .cart_data_wrap label, .footer_title, .checkout_section_title, .clear-cart-button, .remove-product, .cart-items-buttons .common_btn, .common_btn, .fancy-modal-cart-title, .redcoder-cartsname, .before_add_to_cart_button_wrap .single_add_to_cart_button, .order_button, .redcod-tabs ul.redcod-tab-links span, body.front-page h2, #poststuff .postbox .inside .acfe-fc-preview h2, .h2, .rsp_filters_group_redcoder_vertical .button-filter-submit{ text-transform:none !important; } @media (max-width: 990px) { header{ display:none !important; } } .redcod-tab-content ul li{ width:100%; max-width:100%; } .text_wrap::after { content: ''; display: block; position: absolute; bottom: 0px; left: 0px; width: 100%; transition: all 0.5s; height: 120px; background: linear-gradient(0deg, #f5f5f5 19.64%, #f5f5f5 19.65%, rgba(255, 255, 255, 0.10) 100%); } .rcp_hnav_menu_wrap{ position:relative; } .content_blog_single_text a, .content_blog_single_text h3 a{ text-decoration:underline; color:var(--main_color) !important; } .direct_title{ background-image:none !important; padding-left:0px !important; } #header-banner-container{ margin-top:30px !important; } .rcp_subcategory_list_horizontal li a{ padding-top:6px; padding-bottom:6px; } .cityList_special{ display:flex; flex-wrap:wrap; } .cityList_special a{ background:#fff; margin-bottom:12px; transition: all .3s ease; margin-right:12px; font-size: 16px; border-radius: var(--button_border_radius); padding: 16px 16px 16px 22px; } .cityList_special a:hover{ background-color:var(--main_color); color:#fff; } .redcoder_editable_box_main_text_in #search-insider{ text-transform:none !important; padding-left:12px !important; } .odds_header_special{ align-items:center; } .special_banner_in{ background-color:#fff; display:flex; align-items:center; width:100%; padding:24px 35px 24px 55px; border-radius: var(--big_border_radius); } .special_banner_in_row{ display:flex; width:100%; align-items:center; justify-content:space-between; } .special_banner_in_title{ font-size: 36px; margin-bottom:24px; font-weight: 700; line-height: normal; } .special_banner_in_item{ font-size: 16px; margin-right:16px; font-weight: 700; line-height: normal; border-radius: 10px; margin-top:5px; margin-bottom:5px; padding:10px; background: #E9E8ED; box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25); } .special_banner_in_info_items{ display:flex; padding-right:110px; flex-wrap:wrap; } @media (max-width:1940px){ .special_banner_in_info_items { padding-right: 45px; } } @media (max-width: 1690px) { .special_banner_in_info_items { padding-right: 24px; } .special_banner_in { padding: 24px 25px 24px 35px; } } @media (max-width: 1620px) { .special_banner_in_item { font-size: 14px; } .special_banner_in_title { font-size: 32px; } } @media (max-width: 1490px) { .special_banner_in_info_items { padding-right: 12px; } .special_banner_in_img img{ max-width:220px; } .odds_item_in { padding: 15px 20px 15px; } .odds_header.odds_header_special .odds_col_text h2:first-of-type{ margin-bottom:5px; } .odds_header.odds_header_special .odds_img { margin-bottom: 10px; } .odds_header.odds_header_special .odds_item_in { padding: 15px 15px 15px; } .special_banner_in_item{ padding: 8px; } } @media (max-width: 1400px) { .special_banner_in_img img { max-width: 200px; } } @media (min-width: 1320px) and (max-width: 1640px) { .rcp_catalog_row.row_catalog_image .standart_catalog_image_clipart_mode_center_text .rcp_catalog_item_name { font-size: 14px; } .rcp_catalog_row.row_catalog_image{ margin:0 -6px; } .rcp_catalog_row.row_catalog_image .rcp_catalog_item { padding-left: 6px; padding-right: 6px; margin-bottom:12px; } .rcp_catalog_row.row_catalog_image .rcp_catalog_item_info{ padding-top:4px; padding-bottom:12px; } .rcp_catalog_row.row_catalog_image .rcp_catalog_item_img img { height: 110px; } } @media (min-width:1320px){ .rcp_catalog_row.row_catalog_image .rcp_catalog_item { width: 16.66666666666%; } .rcp_catalog_row.row_catalog_image.row-count-noequal-row > div.rcp_catalog_item:last-of-type { width: 33.3333333333333%; } } @media (max-width:990px){ .special_banner_in_info_items{ padding-right:0px; } .special_banner_in_title { font-size: 24px; } .special_banner_in_img img{ width:180px; } .special_banner_in{ padding:24px; } .rcp_catalog_row.row_catalog_image .rcp_catalog_item{ width:50%; } .rcp_catalog_row.row_catalog_image.row-count-noequal-row > div.rcp_catalog_item:last-of-type { width: 100%; } .rcp_catalog_row.row_catalog_image .standart_catalog_image_clipart_mode_center_text .rcp_catalog_item_img{ padding-top:8px; padding-bottom:4px; } .rcp_catalog_row.row_catalog_image .standart_catalog_image_clipart_mode_center_text .rcp_catalog_item_info{ padding-top: 5px; padding-bottom: 15px; } .rcp_catalog_row.row_catalog_image .standart_catalog_image_clipart_mode_center_text .rcp_catalog_item_info .rcp_catalog_item_name{ font-size:14px; line-height:1.2; } .rcp_catalog_row{ margin-left:-7px; margin-right:-7px; } .rcp_catalog_row.row_catalog_image .rcp_catalog_item{ margin-bottom:14px; padding-left:7px; padding-right:7px; } .main_header_top{ display:none !important; } header.full_white_menu_header { position:relative; min-height:1px !important; display:block !important; } header.full_white_menu_header .rcp_hnav_menu > div, header.full_white_menu_header .rcp_hnav_menu_wrap{ width:100%; } header.full_white_menu_header .main_header .rcp_hcol{ display:none !important; } header.full_white_menu_header .rcp_hnav_menu > div.main-menu-toggle{ display:none !important; } header.full_white_menu_header .main_header{ display:block; } header.full_white_menu_header .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input { width: 100%; } } @media (max-width:490px){ .rcp_catalog_row.row_catalog_image .rcp_catalog_item_img img{ height:100px; } .special_banner_in_title{ padding-right:110px; margin-bottom:35px; font-size:24px; } .special_banner_in_img{ position:absolute; right:15px; top:12px; } .special_banner_in_img img { width: 120px; } .special_banner_in { position:relative; } } @media (max-width:390px){ .special_banner_in_title{ font-size:22px; } } ul.products li.type-product .blocksee-quantity-loop-wrap { display:none; } ul.products li.type-product .order_button.second_color.order_button_transparent{ width:55%; bottom: 24px; font-weight: 800; height:42px; font-size: 14px; line-height:1; border:2px solid var(--main_color); color:var(--main_color) !important; padding: 10px 0px; left:25px; position:absolute; } ul.products li.type-product .order_button.second_color.order_button_transparent:hover{ color:#fff !important; background-color:var(--main_color); } ul.products li.type-product .wrapin .add_to_cart_button { padding:0px !important; height:42px !important; width:70px; display:flex; align-items:center; justify-content:center; } ul.products li.type-product .wrapin .add_to_cart_button .btn_text, ul.products li.type-product .wrapin .add_to_cart_button svg{ height:22px; width:22px; } @media (max-width:490px){ ul.products li.type-product .order_button.second_color.order_button_transparent{ width:180px; } } .common_btn{ background-color: var(--main_color); } .common_btn:hover{ background-color: var(--main_color_hover); } .sharethis-inline-share-buttons1{ display:none; } .fake-discount-savings-label-mobile{ display:none; } @media (max-width:990px) and (min-width: 540px){ .rcp_catalog_showcase_tab_item .products.columns-5{ margin-left:-4px; margin-right:-4px; } .rcp_catalog_showcase_tab_item .products.columns-5 li{ width:50%; padding-left:4px; padding-right:4px; } .fake-discount-savings-label-mobile{ display:inline; } .fake-discount-savings-label{ display:none; } ul.products li.type-product .order_button.second_color.order_button_transparent { width: 50%; } } @media (max-width:540px) and (min-width: 365px){ ul.products li.type-product{ margin-bottom:8px; } .fake-discount-savings-label-mobile{ display:inline; } .fake-discount-savings-label{ display:none; } ul.products li .loop_content{ padding-bottom:60px; } html body ul.products li .imagewrapper{ height:130px !important; } .add-to-wishlist{ top:0px; right:0px; } .rcp_catalog_showcase_tab_item .products.columns-5{ margin-left:-4px; margin-right:-4px; } .main_category_all ul.products li.type-product, .rcp_catalog_showcase_tab_item .products.columns-5 li{ width:50%; padding-left:4px; padding-right:4px; } .fake-discount-container{ padding:5px; } ul.products li.type-product .wrapin{ padding-left:10px; padding-right:10px; padding-bottom:15px; } .product_item_loop_prodatrlist_item{ font-size:12px; font-weight:400; } ul.products li .loop_content .woocommerce-loop-product__title{ margin-bottom:8px; } ul.products li .loop_content .price{ font-size:16px; } ul.products li.type-product .order_button.second_color.order_button_transparent, ul.products li .loop_content .woocommerce-loop-product__title, .fake-discount-container{ font-size:12px; } .fake-discount-badge, .fake-original-price{ font-size:14px !important; } ul.products li.type-product .order_button.second_color.order_button_transparent{ left:12px; width:50%; } ul.products li.type-product .loop_content_scu{ font-size:11px; } ul.products li.type-product .wrapin .add_to_cart_button .lds-ellipsis{ width:50px; } ul.products li.type-product .wrapin .add_to_cart_button{ width:50px; right:12px; } } @media (max-width:540px) and (min-width: 430px){ ul.products li.type-product .order_button.second_color.order_button_transparent{ width:55%; } } @media (max-width:990px){ .section-common.rcp_form.rcp_form_light_2 .littleform_row.littleform_item_one_line .littleform_item { width: 100%; } .subcategories_page.rcp_catalog_row.main_category_all { margin:0px; padding:0px 0 32px; } .blocksee-quantity-wrapper-before-wrap .price bdi, .blocksee-quantity-wrapper-before-wrap .woocommerce-variation-price bdi, .blocksee-quantity-wrapper-before-wrap .woocommerce-Price-unit { font-size: 16px; } .before_add_to_cart_button_wrap .order_wrap_box{ padding-left:12px; } .before_add_to_cart_button_wrap .single_add_to_cart_button, .before_add_to_cart_button_wrap .order_wrap_box{ width:50%; margin-top:0px; } .product-container-tabs{ padding:24px 0px; } body.front-page .rcp_catalog h1{ margin-top:0px; } body.front-page h1, #poststuff .postbox .inside .acfe-fc-preview h1 { font-size: 19px; } .blockseewoogallery-gallery_wrap { height: auto !important; } .slick-slide img{ margin-top:0px !important; } .blockseewoogallery-thumbnails .slick-list.draggable .slick-slide img{ width:90% !important; } .blockseewoogallery-gallery_wrap .blockseewoogallery-thumbnail-item{ height: 96px !important; } .blockseewoogallery-gallery_wrap .blockseewoogallery-thumbnails{ margin-top:5px; } .column_width_equal .product_page_custom_left { margin-bottom: 12px; } } .rcp_form_light_2 .privacy-consent__checkbox a, .rcp_form_light_2 .privacy-consent__text a{ color:#fff !important; } .sup_menu_wrap{ display:flex; flex-wrap:wrap; align-items:center; } .sup_menu_wrap .city_changer{ margin-right:24px; } /* Контейнер для категорий */ .popular-categories .btn_centerered_wrapper{ margin-top:24px; } .section-common.popular_category{ padding:24px 0px; } .popular-categories { margin: 0px 0; } .popular-categories h3 { margin-bottom: 20px; font-size: 24px; font-weight: 600; color: #333; } /* Убираем стандартные стили списка */ .popular-categories ul { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 12px; } /* Стили для карточек категорий */ .popular-categories li { flex: 1 1 auto; min-width: 200px; max-width: 300px; } .popular-categories li a { display: block; padding: 15px 18px; background-color: #e8e9ea; border-radius: 8px; text-decoration: none; color: #333; font-size: 14px; font-weight: 500; text-align: center; transition: all 0.3s ease; border: 1px solid transparent; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* Эффекты при наведении */ .popular-categories li a:hover { background-color: #e8e8e8; color: #000; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); } .section-common.rcp_form.rcp_form_light_2 .littleform_row.littleform_item_one_line.littleform_item_one_50 .littleform_item.littleform_item_last{ width:100%; } .section-common.rcp_form.rcp_form_light_2 .littleform_row.littleform_item_one_line.littleform_item_one_50 .littleform_item{ width:50%; } /* Responsive дизайн */ @media (max-width: 1200px) { .popular-categories li { min-width: 180px; max-width: 250px; } } @media (max-width: 990px) { .section-common.rcp_form.rcp_form_light_2 .littleform_row.littleform_item_one_line.littleform_item_one_50 .littleform_item{ width:100%; } } @media (max-width: 768px) { .popular-categories ul { gap: 8px; } .section-common.rcp_form{ padding:24px 0px; } .popular-categories li { min-width: 150px; max-width: none; flex: 1 1 calc(50% - 4px); } .popular-categories li a { padding: 12px 15px; font-size: 13px; } } @media (max-width: 480px) { .popular-categories li { flex: 1 1 100%; max-width: none; } .popular-categories li a { padding: 15px 20px; font-size: 14px; } } /* Альтернативный вариант с Grid */ .popular-categories-grid ul { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; } /* Дополнительные стили для более точного соответствия скриншоту */ .popular-categories-exact li a { background-color: #ebebeb; border-radius: 6px; padding: 12px 16px; font-size: 13px; font-weight: 400; color: #444; } .popular-categories-exact li a:hover { background-color: #ddd; } .city_changer{ position:relative; } /* Плашка подтверждения города */ .city-confirm-popup { position: absolute; top: calc(100% + 10px); left: 0; background: white; border-radius: 8px; padding: 16px; box-shadow: 0 4px 24px rgba(0, 0, 0, 0.15); min-width: 280px; z-index: 1000; } /* Стрелка плашки */ .city-confirm-popup::before { content: ''; position: absolute; top: -6px; left: 30px; width: 12px; height: 12px; background: white; transform: rotate(45deg); box-shadow: -2px -2px 4px rgba(0, 0, 0, 0.05); } /* Текст "Ваш город ... ?" */ .city-confirm-text { font-size: 14px; color: #000; margin-bottom: 12px; white-space: nowrap; } /* Контейнер кнопок */ .city-confirm-buttons { display: flex; gap: 8px; } /* Базовые стили кнопок */ .city-confirm-btn { flex: 1; cursor:pointer; padding: 10px 16px; display:block; border: none; border-radius: 6px; font-size: 12px; font-weight:500; color: white; transition: opacity 0.2s ease; font-family: inherit; } .city-confirm-btn:hover { opacity: 0.9; } /* Кнопка "Все верно" */ .city-confirm-btn.confirm { background: #fc8507; } /* Кнопка "Сменить город" */ .city-confirm-btn.change { background: #454955; } /* Мобильная версия попапа подтверждения города. До 31.08.2026 стояла bottom:90px — прямо над нижней панелью каталога/корзины и виджетом чата, там же, где и они. Три чужих слоя в одной зоне большого пальца. Перенесена наверх: там её не с чем делить, и это то же место, где о городе спрашивают крупные магазины (город — ярлык у шапки, не решение на весь экран). */ /* Плашка города. История: до 31.08.2026 висела fixed внизу (bottom:90px), над нижней панелью каталога и виджетом чата; в тот день перенесена наверх (top:12px) — и там закрыла собой кнопку «Назад», появившуюся вечером вместо хлебных крошек. Оба раза беда одна и та же: плавающий слой поверх чужого места. Поэтому плашка больше не плавает вовсе — она обычный блок в самом верху страницы: занимает свою полосу, ничего не перекрывает и исчезает по кнопке, по кнопке «Сменить город» или сама через 6 секунд (js/script.js). */ .city-confirm-popup-mobile { display: none; position: static; margin: 0; background: #fff; border-bottom: 1px solid rgba(69, 73, 85, 0.12); padding: 10px 16px; width: 100%; max-width: none; font-size: 13px; } .city-confirm-text-mobile { margin-bottom: 8px; color: #333; font-weight: 500; line-height: 1.3; } .city-confirm-buttons-mobile { display: flex; gap: 8px; } .city-confirm-btn-mobile { padding: 6px 12px; border: none; border-radius: 4px; font-size: 12px; font-weight:500; cursor: pointer; text-decoration: none; text-align: center; transition: opacity 0.2s; flex: 1; min-width: 0; } .city-confirm-btn-mobile:hover { opacity: 0.8; } .city-confirm-btn-mobile.confirm { background: #fc8507; color: #fff; } .city-confirm-btn-mobile.change { background: #454955; color: #fff; } body .sp_cart_col_title_wrap span.sp_cart_img { width: 94px; height: 94px; background: #ffffff; border: 1px solid var(--main_color_opacity_50); } body .sp_cart_img img { width: 90%; height: 90%; } svg.red-icon-color path { fill: #ff423d; } .custom-dashboard-navigation ul { gap: 10px 0; } .custom-dashboard-navigation { margin: 0 auto; max-width: 1300px; } .custom-dashboard-navigation ul li:hover { transform: scale(1.05); } /* Скрываем десктопную версию на мобильных */ @media (max-width: 990px) { .city-confirm-popup:not(.city-confirm-popup-mobile) { display: none !important; } .city-confirm-popup-mobile { display: block; } body .sp_cart_col_title_wrap span.sp_cart_img { width: 64px; height: 64px; } body .sp_cart_img img { width: 85%; height: 85%; } } /* Скрываем мобильную версию на десктопе */ @media (min-width: 991px) { .city-confirm-popup-mobile { display: none !important; } } /* Первый экран карточки товара на телефоне — версия 2, 31.08.2026. Первая версия (тем же днём) переставляла form.cart перед галереей через flex order — Анна забраковала: «нет, так неудачно». Образец — Wildberries: фото → цена, а кнопки «Купить сейчас» / «В корзину» прибиты к низу экрана и не двигаются при скролле карточки вообще. Здесь так же: HTML-порядок не трогаем (фото и так идёт первым), а form.cart (цена, количество, три кнопки) переводим в position:fixed над нижней панелью .mobile_function_panel (её высота 80px, css/header.css:1778) — виден сразу и не уезжает никуда, пока не уйдёшь с карточки. */ @media (max-width: 990px) { /* Название было в размер обычного h1 — правка 13px оказалась мельче хлебных крошек и мелкой для чтения в очках (Анна, тем же вечером): «не может быть меньше хлебных крошек, сделай как минимум как хлебные крошки». Хлебные крошки — 15px (blocks_style.css), ставим ровно 15px. */ /* Название убрано с первого экрана целиком — её решение 31.08.2026: «название "Кровать металлическая одноярусная" вообще сверху убери, оно там некрасиво смотрится». Именно СПРЯТАНО, а не удалено из разметки: h1 остаётся в HTML и его по-прежнему читают поисковики, иначе страница потеряет заголовок в выдаче. Человек на телефоне понимает, что за товар, по фотографии — она теперь во весь экран. */ .woo_h1.archive_title_h1.inside_h1 { position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0 !important; overflow: hidden !important; clip-path: inset(50%) !important; white-space: nowrap !important; } /* Убрано целиком по её следующей правке того же вечера (см. ниже) — код товара наверху не нужен вовсе, а не просто светлый. Оставлено строкой, чтобы не потерять источник цифры 0.6, если код товара вернут в другом месте карточки. */ .entry-summary-product_wrap .loop_content_scu span { opacity: 0.75 !important; } /* Цена была 28px обычным цветом текста — Анна: «прям очень мелкая, надо выделить, сделать крупнее на 100%, ярче». Первая попытка (56px) сломала вёрстку — проверено настоящим скриншотом (Chrome headless, 390×844, см. ретроспективу): пробел между «4» и «590» в разметке «4 590 ₽» обычный, не неразрывный, и на 56px строка «4 590 ₽» переставала помещаться в 358px (390 − padding 32) рядом со счётчиком количества и переносилась на две строки; кроме того, селектор без разбора попадал и на зачёркнутую старую цену внутри .fake-original-price — она раздувалась вместе с новой, и получалась каша из четырёх огромных цифр. Правки: количество ушло на отдельную строку под ценой (весь ряд теперь только её), у цены явный nowrap, зачёркнутая цена явно исключена и оставлена мелкой. 40px вместо 56 — заведомо влезающий размер после проверки скриншотом, это не 100%, а ≈43%; выше пробовать только после повторной проверки скриншотом, не на глаз. Правка того же вечера по её замечаниям: цену чуть меньше (40 → 34px), зачёркнутую чуть крупнее (16 → 19px), а счётчик количества вернуть в ОДНУ строку справа от цены, не под ней — «и тогда у нас вот этот блок будет чуть-чуть поменьше». В строку они теперь помещаются именно потому, что цена стала 34px: на 40px не помещались, это и было причиной, по которой счётчик уезжал вниз. */ .blocksee-quantity-all-wrap { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; gap: 10px !important; width: 100% !important; } .blocksee-quantity-all-wrap .blocksee-quantity-wrapper { flex: 0 0 auto !important; margin: 0 !important; } .blocksee-quantity-wrapper-before-wrap .price > .woocommerce-Price-amount.amount bdi, .blocksee-quantity-wrapper-before-wrap .woocommerce-variation-price > .woocommerce-Price-amount.amount bdi { font-size: 34px !important; line-height: 1.15 !important; color: #fc8507 !important; white-space: nowrap !important; } .blocksee-quantity-wrapper-before-wrap .price .fake-original-price bdi { font-size: 19px !important; color: inherit !important; white-space: nowrap !important; } form.cart { position: fixed; left: 0; right: 0; bottom: 80px; z-index: 450; margin: 0; background: #fff; padding: 10px 16px; box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.12); display: flex; flex-direction: column; gap: 8px; } form.cart .blocksee-quantity-all-wrap { margin: 0; } form.cart .blocksee-quantity-wrapper-before-wrap { margin: 0; } form.cart .before_add_to_cart_button_wrap { display: flex; gap: 8px; flex-wrap: wrap; } /* «Быстрый заказ» и корзина — одной высоты со «Счётом для юр лица» (46px) и не шире его: её правка 31.08.2026. Было 58px, из-за чего нижний блок занимал лишнюю полосу экрана. Ширину делят поровну и вместе не выходят за ширину кнопки счёта — она задаёт габарит. */ form.cart .before_add_to_cart_button_wrap .single_add_to_cart_button, form.cart .before_add_to_cart_button_wrap .order_wrap_box { flex: 1 1 0 !important; min-width: 0 !important; height: 46px !important; } form.cart .before_add_to_cart_button_wrap .order_wrap_box a, form.cart .before_add_to_cart_button_wrap .single_add_to_cart_button { width: 100% !important; height: 46px !important; min-height: 46px !important; line-height: 1.2 !important; padding-top: 0 !important; padding-bottom: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; } form.cart .sprut-invoice-open { width: 100%; } /* Форма ушла в fixed и не занимает место в потоке — освобождаем ей ровно столько же места ниже характеристик, чтобы она не легла поверх вкладок «Описание/Характеристики/Доставка». */ .entry-summary-product_wrap { padding-bottom: 270px; } } /* Первый экран карточки — третий раунд правок того же вечера, 31.08.2026. Анна прислала скриншот версии 3 и разобрала первый экран построчно: поиск занимает треть экрана и не нужен здесь, хлебные крошки — скрыть, «Код товара» четвёртой строкой наверху не нужен, он же дублируется ещё раз ниже — убрать оба, а освободившееся место отдать фото и сделать его крупнее. Всё scoped на body.single-product, чтобы не тронуть поиск, хлебные крошки и код товара в каталоге и на остальном сайте — там их никто не трогал. */ @media (max-width: 990px) { /* Поисковая строка в шапке — конкретно видимая в хедере (id sds-2 в разметке dgwt-wcas), не модальный оверлей поиска (id sds-1, другой родитель .rcp_hsearch_form): его не трогаем, чтобы не сломать поиск по иконке лупы, если она есть на этой же странице. */ body.single-product .rcp_hnav_menu .rcp_hsearch_form_in { display: none !important; } /* Хлебные крошки. */ body.single-product .bread_main_wrap { display: none !important; } /* Белая полоса под логотипом: .main_header держит min-height 65px (header.css:580) и после того, как из неё убрали поиск, осталась пустой белой лентой на треть первого экрана. На карточке товара в ней больше ничего нет (проверено CDP: единственный потомок — .main_header_row с обнулившимся по высоте меню), поэтому убираем целиком. Меню каталога на телефоне живёт в нижней панели .mobile_function_panel и от этого не страдает. */ body.single-product .main_header { display: none !important; } /* Стрелка «Назад» вместо убранных хлебных крошек — разметку печатает mu-плагин sprut-mobile-back.php. На десктопе не нужна: там крошки на месте. */ /* Кнопка «Назад»: уже, и с воздухом до фотографии — её правка 31.08.2026 («сделай её поуже, чтобы не прилипала к фотографии, чтобы был воздух между фото и кнопкой»). */ .sprut-back-wrap { padding: 10px 16px 14px; } /* Кнопка заметнее (её правка того же вечера: «сделай кнопочку назад чуть более выделенной»). Была серым текстом со стрелкой — стала кнопкой с обводкой и подложкой в фирменном оранжевом, тем же, что у «Счёт для юр лица». Ниже, чем сплошная заливка: «Назад» не должна спорить взглядом с «Быстрый заказ» и корзиной. */ /* 11.09.2026 её слова: "слишком много места занимают [Назад + В наличии рядом], убери фразу назад, сделай просто стрелочку побольше такую кликабельную, убери рамочку". Текст и рамка сняты в разметке (sprut-mobile-back.php) и здесь; осталась только стрелка, кликабельная зона держится на 44px минимум (правило проекта для пальцевых целей), а не на видимом размере значка. */ .sprut-back { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; color: #fc8507; text-decoration: none; padding: 0; border: none; border-radius: 8px; background: transparent; } .sprut-back svg { width: 28px; height: 28px; } .sprut-back svg { flex: 0 0 auto; } /* «Код товара» — обе строки: та, что сразу под названием, и дубль внутри .entry-summary-product_wrap перед характеристиками. */ body.single-product .loop_content_scu { display: none !important; } /* Фото — крупнее: боковые отступы галереи убраны (было 12px слева и справа, custom.css .product_page_custom_left), плюс место, которое раньше занимали поиск/крошки/код товара, само освобождается для фото — оно в потоке идёт сразу за ним. */ body.single-product .product_page_custom_left { padding-left: 0 !important; padding-right: 0 !important; } /* Фото крупнее (её повторная просьба того же вечера). Главный кадр галереи ограничен высотой 426px — снимаем потолок и даём ему всю ширину экрана; пропорции держит сама картинка (object-fit: contain), поэтому кровать не растянется. */ body.single-product .product_page_custom_image_wrap, body.single-product .blockseewoogallery-gallery_wrap, body.single-product .blockseewoogallery-main-gallery, body.single-product .blockseewoogallery-main-gallery .slick-slide > div { max-height: none !important; } /* И жёсткая высота 360px оттуда же, из «Дополнительных стилей» админки: фото внутри стало 445px и вылезало за свой блок — наезжало на кнопку «Назад» над собой, из-за чего кнопки на экране просто не было видно, хотя в разметке она есть. Высоту считает содержимое. */ body.single-product .blockseewoogallery-gallery_wrap, body.single-product .blockseewoogallery-main-gallery { height: auto !important; } body.single-product .blockseewoogallery-main-gallery img { width: 100% !important; height: auto !important; max-height: none !important; object-fit: contain !important; } /* Две миниатюры в ряд вместо трёх (её решение 31.08.2026: «в галерее две карточки снизу, чтобы по две мотались»). Само число задаёт карусель — плагин blocksee-woocommerce-gallery, script.js, ветка responsive для экранов < 768/480 (правлено 3 → 2 в тот же вечер, бэкап script.js.bak-2026-08-31-2310). Но одной правки числа мало: дорожка карусели в этой теме — display:flex, а слайды идут с flex-shrink по умолчанию, поэтому ужимались обратно (заданная ширина 172px, фактическая 108px — видно только через CDP, на глаз читается как «плагин не сработал»). Запрещаем сжатие. */ body.single-product .blockseewoogallery-thumbnails .slick-slide { flex: 0 0 auto !important; } } /* Стрелка «Назад» — только на телефоне: на десктопе хлебные крошки на месте и второй навигации там не нужно. */ @media (min-width: 991px) { .sprut-back-wrap { display: none !important; } } /* Карточка товара на телефоне — правки 31.08.2026, поздний вечер. Все — по её замечаниям с живого экрана, каждое подписано её словами. */ @media (max-width: 990px) { /* 1. Стрелки по бокам главного фото переехали целиком в mu-плагин deploy/site/sprut-gallery-arrows.php (01.09.2026). Здесь они были белыми кружками 38px — «так уже не делают, и эти кружки закрывают сам товар» (её слова того же дня); стали тонкими скобочками. Заодно там же чинится вторая половина беды: плагин галереи печатает стрелки только у товаров, где больше четырёх фото, поэтому на промышленной мебели их не было вовсе. Правила не продублированы здесь намеренно — чтобы правды не стало две; файл темы в git не лежит, mu-плагин лежит. */ /* 2. «Смотреть все характеристики» — «вот здесь вообще не нужна эта надпись». Сам список характеристик остаётся. */ body.single-product .pra_item_row_link { display: none !important; } /* 3. Плашка «-10% Выгода 510 ₽» — «вот здесь оторвана идёт -10%, это тоже убери». Зачёркнутая старая цена рядом с новой остаётся, скидка по-прежнему видна человеку. */ body.single-product .fake-discount-container-wrap { display: none !important; } /* 4. Текст темнее примерно на 20% — «сам шрифт сделай чуть-чуть темнее, слишком светлый, буквально на 20% темнее». Базовый цвет текста карточки rgb(46,54,57); подписи характеристик шли светлее (rgb(72,72,72)) и описание с прозрачностью 0.9. Приводим к одному уверенному тону. */ body.single-product .entry-summary-product_wrap, body.single-product .prodatrlist .attr_left span, body.single-product .prodatrlist .attr_right span { color: #23282b !important; opacity: 1 !important; } body.single-product .redcod-tab-content { color: #23282b !important; } /* 5. Вкладки «Описание / Характеристики / Доставка и оплата» — шрифт 15px вместо 12px: «он тут слишком мелкий». */ body.single-product .redcod-tab-links span { font-size: 15px !important; } body.single-product .redcod-tab-links li:not(.redcod-active) span { color: rgba(69, 73, 85, 0.85) !important; } /* 6. Белое место внизу блока — «очень много белого места, сократи». Это запас, который мы держим под прибитую к низу форму с ценой и кнопками. Кнопки стали 46px вместо 58px, значит и запас нужен меньше: 270 → 200px. Меньше нельзя — форма ляжет поверх вкладок. */ body.single-product .entry-summary-product_wrap { padding-bottom: 200px !important; } } /* ============================================================================ ТИПОГРАФИКА МОБИЛЬНОЙ ВЕРСИИ sever24.ru — одна шкала и два тона на весь сайт. Заведено 01.09.2026 по её словам: «делаем везде, шрифт увеличиваем — понятно, что не только в кроватях», «непонятно, почему у тебя размер шрифта везде… как будто бы он разный, он же должен одинаковый быть везде. Подключи веб-дизайнера». Она права дважды. За вечер я расставил по карточке три разных серых (#15191c, #4a4f54, #3f4448) и кегли по месту — это ровно то, что канон веб-дизайнера называет «система расползлась». Дальше правила берутся не с потолка, а из четырёх переменных ниже, и любой новый размер обязан быть ступенью этой шкалы, а не новым числом. ШКАЛА (backend/agents/knowledge/web-design.md, §3.1: геометрическая прогрессия, коэффициент 1,125 — мажорная секунда, для плотных страниц): 15 → 17 → 19 → 21 → 24 px, шаги 1,13 / 1,12 / 1,11 / 1,14 — все внутри коридора 1,05–1,40, который проверяет прибор дизайнера. Интерлиньяж (§3.2: отношение обратно пропорционально кеглю): 1,5 на мелком, 1,25 на крупном. ТОНА (§3.5, контраст считается формулой WCAG, порог AA 4,5:1): --sever-text #15191c — 17,7:1 на белом. Всё, что человек читает. --sever-text-2 #4a4f54 — 8,3:1 на белом. Второстепенное: неактивные вкладки, подписи, подвал. Ровно один второстепенный тон, а не три. Третьего серого нет и не заводится: если понадобился — значит, у надписи нет роли, а не оттенка. ЧЕГО ЗДЕСЬ НЕТ. Оранжевый и зелёный сайта не трогаются: это его фирменные цвета, а не тон текста. Токены дашборда СПРУТа (static/design-tokens.css) сюда не переносятся — это другой продукт с другой палитрой; общая у них только математика, по которой цифры получены. ========================================================================== */ :root { --sever-text: #15191c; --sever-text-2: #4a4f54; --sever-t-sm: 15px; --sever-lh-sm: 22px; --sever-t-base: 17px; --sever-lh-base: 26px; --sever-t-md: 19px; --sever-lh-md: 26px; --sever-t-lg: 21px; --sever-lh-lg: 28px; } @media (max-width: 990px) { /* --- 1. Карточка товара -------------------------------------------- */ /* Пустое поле под окном характеристик. Запас под прибитую к низу форму заказа держали padding-bottom В СЕРЕДИНЕ страницы — это не работает: form.cart здесь position:fixed, она висит над страницей всегда и накрывает то, что под ней проезжает, на любой высоте прокрутки. Замер 01.09.2026: список характеристик кончался на 955px, вкладки начинались на 1214px — 198px белого поля ни за чем. Место запасу нужно только в конце документа (см. пункт 3 ниже). */ body.single-product .entry-summary-product_wrap { padding-bottom: 0 !important; } /* Характеристики — один селектор на оба места разом: короткий список на первом экране и вкладка «Характеристики». Разметка там одна. */ body.single-product .prodatrlist .attr_left span, body.single-product .prodatrlist .attr_right span { font-size: var(--sever-t-base) !important; line-height: var(--sever-lh-base) !important; color: var(--sever-text) !important; } /* Текст вкладок «Описание» и «Доставка и оплата». Её слова: «прям сильно мелко, надо напрягаться» — было 14px. */ body.single-product .redcod-tab-content p, body.single-product .redcod-tab-content li, body.single-product .redcod-tab-content td { font-size: var(--sever-t-base) !important; line-height: var(--sever-lh-base) !important; color: var(--sever-text) !important; } /* Подзаголовки внутри вкладок: после пункта выше «Стандартная доставка:» оказался МЕЛЬЧЕ своего текста. Ступень вверх по той же шкале. */ body.single-product .redcod-tab-content h3 { font-size: var(--sever-t-md) !important; line-height: var(--sever-lh-md) !important; color: var(--sever-text) !important; opacity: 1 !important; } /* Ярлыки вкладок. Активная — основным тоном, неактивные — вторым; какая выбрана, показывает тёмная полоса под строкой, а не бледность букв. */ body.single-product .redcod-tab-links span { font-size: var(--sever-t-sm) !important; } body.single-product .redcod-tab-links li:not(.redcod-active) span { color: var(--sever-text-2) !important; } body.single-product .redcod-tab-links li.redcod-active span { color: var(--sever-text) !important; } /* Убрано по её прямым словам 31.08.2026: «Смотреть все характеристики» — «вот здесь вообще не нужна эта надпись»; плашка «-10% Выгода» — «вот здесь оторвана идёт -10%, это тоже убери». Сам список и зачёркнутая старая цена остаются. */ body.single-product .pra_item_row_link, body.single-product .fake-discount-container-wrap, body.single-product .loop_content_scu { display: none !important; } /* --- 2. Плитка товара в каталоге ------------------------------------ */ /* Её слова: «делаем везде, не только в кроватях». Каталог человек листает ПЕРВЫМ, до карточки, а кегли там были самыми мелкими на сайте: название 12px, характеристики 12px, цена 12px, код товара 11px. Приводим к той же шкале: цена — ступень «19», название и характеристики — «15». Крупнее делать нельзя: в плитке две колонки по 175px, и на 17px название перестаёт помещаться в три строки (проверено замером, а не на глаз). */ .woocommerce-loop-product__title { font-size: var(--sever-t-sm) !important; line-height: var(--sever-lh-sm) !important; color: var(--sever-text) !important; } .product_item_loop_prodatrlist_item, .product_item_loop_prodatrlist_item span { font-size: var(--sever-t-sm) !important; line-height: var(--sever-lh-sm) !important; color: var(--sever-text) !important; } /* Цена плитки. Зачёркнутая старая цена намеренно исключена отдельным селектором и оставлена мелкой: 31.08.2026 общий `.price bdi` раздул её наравне с настоящей ценой, и на экране была каша из четырёх чисел. */ li.product > .wrapin .price > .woocommerce-Price-amount.amount, li.product > .wrapin .price > .woocommerce-Price-amount.amount bdi { font-size: var(--sever-t-md) !important; line-height: var(--sever-lh-md) !important; color: var(--sever-text) !important; } .loop_content_scu, .loop_content_scu span { font-size: var(--sever-t-sm) !important; color: var(--sever-text-2) !important; opacity: 1 !important; } /* Подписи кнопок плитки — «Быстрый заказ» 12px и «Счёт для юр лица» 11px. Цвет кнопок не трогаем: оранжевый — фирменный. */ li.product .order_button, li.product .sprut-invoice-open, li.product .sprut-invoice-open span { font-size: var(--sever-t-sm) !important; } /* Сортировка и «Показать на странице» — те же 12px. */ .sort_m_label, .mobile_sort select, .woocommerce-products-per-page-form select { font-size: var(--sever-t-sm) !important; color: var(--sever-text) !important; } /* --- 3. Общее по сайту ---------------------------------------------- */ /* Второстепенный текст подвала: было #707171 (4,6:1 — ниже порога AA для мелкого кегля), стало 8,3:1. Не сужено на карточку товара намеренно: подвал один на весь сайт, и разный тон на разных страницах — это ровно та беда, о которой она и говорит. */ .setable_footer_description, .setable_footer_oppening_hours_label, .setable_footer_oppening_hours_value, .region_alert, .copyright { color: var(--sever-text-2) !important; font-size: var(--sever-t-sm) !important; line-height: var(--sever-lh-sm) !important; } /* Запас под прибитую форму заказа — там, где он действительно нужен: в конце документа. До этой правки нижние ссылки подвала и копирайт на карточке товара не докручивались вовсе (замер: нижняя ссылка 635px при верхней границе формы 584px). 240px = 844 − 584 от низа экрана минус 29px собственных отступов подвала; проверено замером, первая попытка «ровно высота формы, 180px» его не прошла. Только на карточке товара: на остальных страницах прибитой формы нет. */ body.single-product footer.footer { padding-bottom: 240px !important; } } /* Хвост шкалы: «Быстрый заказ» на плитке каталога. Кнопка осталась 12px, потому что её размер задан НЕ в этом файле, а инлайновым блоком из «Дополнительных стилей» админки: селектор `ul.products li.type-product .wrapin a.order_button.second_color.order_button_transparent` с !important в медиа-запросе max-width:1090px. Инлайновый