/* Bundle post: desktop, header-modern(992), menu-fix(992), footer, product-cards, home-products */ @media(max-width:767px){.product-thumb .caption .price .price-discount{position:absolute;right:10px;color:#fff;background:red;font-size:18px;font-weight:500;line-height:1.5;margin:0 auto;padding:1px 6px;border:none;border-right:none;top:10px;border-radius:100% !important}}@media(min-width:768px){.product-thumb .caption .price .price-discount{position:absolute;left:10px;color:#fff;background:red;font-size:18px;font-weight:500;line-height:1.5;margin:0 auto;padding:1px 6px;border:none;border-right:none;top:10px;border-radius:100% !important}}header #logo{margin:0 auto}.list-unstyled.product-price{display:block !important;margin:0 !important;padding:0 !important;list-style:none !important}.list-unstyled.product-price li{display:inline-block !important;margin:0 !important;padding:0 !important;vertical-align:baseline !important}.list-unstyled.product-price li h2{display:inline-block !important;margin:0 !important;padding:0 !important;vertical-align:baseline !important}.product-thumb .price,.product-thumb .caption .price{white-space:nowrap !important;display:block !important;line-height:1.5 !important;text-align:center !important;width:100% !important}.product-price,.price{white-space:nowrap !important;display:inline-block !important;line-height:1.5 !important}.product-thumb .price .price-old,.product-thumb .caption .price .price-old,.product-price .price-old,#product-product .product-price .price-old,.product-price li .price-old,.price .price-old,.price-old{color:#000 !important;text-decoration:line-through !important;font-size:1em !important;font-weight:bold !important;margin-right:10px !important;display:inline-block !important;white-space:nowrap !important;vertical-align:baseline !important}.product-thumb .price .price-new,.product-thumb .caption .price .price-new,.product-price .price-new,.product-price li h2.price-new,.price .price-new,.price-new{color:#e30016 !important;font-size:1.4em !important;font-weight:700 !important;margin-right:0 !important;display:inline-block !important;white-space:nowrap !important;vertical-align:baseline !important}#product-product .product-price .price-new{color:#e30016 !important;font-size:1.6em !important;font-weight:700 !important}.product-price li .price-old{margin-right:7px}.product-price li h2.price-new{font-size:32px !important}#product-compare .price-new{color:#e30016 !important;font-size:1.15em !important;font-weight:600 !important}#product-compare .price-old{text-decoration:line-through !important;color:#000 !important;margin-right:10px}#checkout-cart .table td.price .price-new{color:#e30016 !important;font-size:1.15em !important;font-weight:600 !important}#checkout-cart .table td.price .price-old{color:#000 !important;text-decoration:line-through !important;margin-right:10px;font-size:1em !important}#account-wishlist .table td.price .price-new{color:#e30016 !important;font-size:1.15em !important;font-weight:600 !important}#account-wishlist .table td.price .price-old{color:#000 !important;text-decoration:line-through !important;margin-right:10px;font-size:1em !important}@media (max-width:767px){.product-thumb .price .price-old,.product-thumb .caption .price .price-old,.price-old{font-size:0.8em !important;font-weight:bold !important;margin-right:8px !important;display:inline-block !important}.product-thumb .price .price-new,.product-thumb .caption .price .price-new,.price-new{font-size:1.25em !important;font-weight:700 !important;margin-right:0 !important;display:inline-block !important}.product-thumb .caption .price{font-size:17px !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:5px !important}.product-thumb .caption .price .price-old{display:block !important;margin:0 !important;order:1 !important}.product-thumb .caption .price .price-new{display:block !important;margin:0 !important;order:2 !important;font-size:1.35em !important;font-weight:700 !important}#product-product .product-price{display:block !important;margin:15px 0 !important;white-space:nowrap !important;text-align:left !important}#product-product .product-price h2:not(.price-new){display:block !important;margin:0 !important;padding:0 !important;text-align:left !important;font-size:1.3em !important}#product-product .product-price .price-old{display:inline-block !important;margin:0 10px 0 0 !important;padding:0 !important;vertical-align:baseline !important;font-size:1.1em !important}#product-product .product-price .price-new{display:inline-block !important;margin:0 !important;padding:0 !important;vertical-align:baseline !important;font-size:1.6em !important;font-weight:700 !important}#product-product .product-price .price-tax,#product-product .product-price .price-points,#product-product .product-price .price-discount-item{display:block !important;margin-top:5px !important;font-size:0.9em !important;color:#666 !important;white-space:normal !important;text-align:left !important}#checkout-cart .table td.price .price-new{font-size:1.1em !important}#checkout-cart .table td.price .price-old{font-size:0.95em !important}#account-wishlist .table td.price .price-new{font-size:1.1em !important}#account-wishlist .table td.price .price-old{font-size:0.95em !important}}.price-discount-product{position:absolute;top:10%;right:20px;z-index:999;background:red;color:#fff;padding:2px 10px}header #search{margin-bottom:0}header #logo a{color:var(--white)}header #logo a strong{margin-left:10px;font-size:16px;font-weight:600;line-height:1}header #logo img{max-height:58px}header .header-inline{}header .header-inline .header-inline-block{display:contents;align-items:center;justify-content:end;padding-right:20px}header .header-inline .header-inline-block.header-telephone a{display:flex;align-items:center;justify-content:center;color:var(--white);background:#3e3e3e;border:1px solid #adadad;font-size:16px;line-height:1.5;padding:3px;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;-ms-transition:All 0.5s ease;transition:All 0.5s ease}header .header-inline .header-inline-block.header-telephone.show a{padding:0;border:none}header .header-inline .header-inline-block.header-telephone a:hover{background:var(--black);color:var(--green)}header .header-inline .header-inline-block.header-telephone .dropdown-menu.show{margin:0px -64px;padding:0;border:1px solid var(--white)}header .header-inline .header-inline-block svg{font-size:32px;line-height:1;color:var(--white);margin:0 auto}.top_menu_left ul li a,.top_menu_right ul li a{cursor:pointer;color:var(--header-button-text)}.top_menu_left ul li a:hover,.top_menu_right ul li a:hover{color:var(--header-button-text--hover)}#top .dropdown-item{font-size:16px;font-weight:400;line-height:1.6}#content{min-height:600px;margin:0 auto;padding:0}#top{background-color:var(--light-gray);margin:0 auto;padding:0;min-height:40px;font-size:14px;line-height:1;border:1px solid #e2e1e1}#top .header-inline-block{text-align:center;display:flex;align-items:center;justify-content:center}#logo-name{width:180px;color:var(--dark-gray);padding:13px}#logo-name a{color:#636363}#top #cart{margin:0 auto;max-width:188px}body.fixed #top #cart{margin:0 auto;position:relative;right:4px;top:4px;z-index:99999;width:250px;border:1px solid var(--white)}.top_menu_left,.top_menu_right{display:inline-flex;align-items:center;justify-content:center}.top_menu_left ul,.top_menu_right ul{display:inline-flex;align-items:center;justify-content:center;margin:0 auto}.top_menu_left ul li,.top_menu_right ul li{float:left;margin:0 8px}.top_menu_left ul li a svg,.top_menu_right ul li a svg{font-size:20px;line-height:1;color:var(--header-button-icon);-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;-ms-transition:All 0.5s ease;transition:All 0.5s ease}.top_menu_left ul li a svg:hover,.top_menu_right ul li a svg:hover{color:var(--header-button-icon--hover)}.thumbnail a>img,.thumbnail>img{max-height:353px}#mainmenu{}.mainmenu-ul{list-style-type:none;margin:0 auto;padding:0;display:flex;justify-content:center;flex-wrap:wrap}.mainmenu-ul .show-all-link a{font-weight:bold !important;margin:0 auto 6px auto !important;display:block;font-size:15px !important}.mainmenu-ul li{position:relative;float:none;margin:0 auto;z-index:10000002;padding:0;font-size:14px;line-height:1.5}.mainmenu-ul>li{margin:0 auto;padding:8px 4px}.mainmenu-ul li a{position:relative;color:var(--white);font-weight:normal}.mainmenu-ul li a:hover{text-decoration:none}.mainmenu-ul .inner-block li a{position:relative;color:#000);font-size:14px;font-weight:300;line-height:1.5;margin:2px auto;width:100%}.mainmenu-ul-li a:after{content:"";position:absolute;left:0;bottom:-4px;width:50%;margin-left:25%;height:2px;background:var(--white);opacity:0;filter:alpha(opacity=0);-ms-filter:"alpha(opacity=0)";-khtml-opacity:0;-moz-opacity:0;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;-ms-transition:All 0.5s ease;transition:All 0.5s ease}.mainmenu-ul .inner-block li{width:100%}.mainmenu-ul .inner-block li a{-webkit-transition:All 0.25s ease;-moz-transition:All 0.25s ease;-o-transition:All 0.25s ease;-ms-transition:All 0.25s ease;transition:All 0.25s ease}.mainmenu-ul .inner-block li a:hover{text-decoration:underline}.mainmenu-ul .inner-block li a:after{display:none !important}.mainmenu-ul-li a:hover::after{opacity:1;filter:alpha(opacity=100);-ms-filter:"alpha(opacity=100)";-khtml-opacity:1;-moz-opacity:1}.mainmenu-ul li{list-style-type:none}.mainmenu-ul li.expanded-level-1{}.mainmenu-ul li.expanded-level-1.showed{background:var(--dark-gray-with-opacity)}.mainmenu-ul li.expanded-level-1>ul{position:absolute;left:0;top:36px;background:var(--dark-gray-with-opacity);border:1px solid var(--black);color:#fff;width:600px;height:auto;min-width:600px;padding:6px 16px;opacity:0;filter:alpha(opacity=0);-ms-filter:"alpha(opacity=0)";-khtml-opacity:0;-moz-opacity:0;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;-ms-transition:All 0.5s ease;transition:All 0.5s ease}.mainmenu-ul li.expanded-level-1>ul>.inner-block{display:block !important;-webkit-columns:240px auto;-moz-columns:240px auto;columns:300px auto;-webkit-column-gap:20px;-moz-column-gap:20px;column-gap:20px;overflow:auto;padding:16px;-webkit-column-width:200px;-moz-column-width:200px;column-width:200px;-webkit-column-count:3;-moz-column-count:3;column-count:2;-webkit-column-gap:30px;-moz-column-gap:30px;column-gap:30px;-webkit-column-rule:1px solid #ccc;-moz-column-rule:1px solid #ccc;column-rule:1px solid #ccc}.mainmenu-ul-li-ul-li-ul.ui-accordion a:hover{text-decoration:underline !important}.mainmenu-ul li.expanded-level-1.showed>ul{z-index:9999;opacity:1;filter:alpha(opacity=100);-ms-filter:"alpha(opacity=100)";-khtml-opacity:1;-moz-opacity:1}.mainmenu-ul li a>img{width:32px;height:auto;max-height:32px;margin:4px 6px}.mainmenu-ul-li-ul .main-link{width:100%;margin:0 auto 8px auto;text-align:center}.mainmenu-ul li.expanded-level-2{position:relative;list-style-type:none;break-inside:avoid}.mainmenu-ul .expanded-level-2-all-link a{font-weight:bold !important;margin-bottom:8px !important;display:block}.mainmenu-ul li.expanded-level-2>ul{overflow:hidden;display:none;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;-ms-transition:All 0.5s ease;transition:All 0.5s ease}.mainmenu-ul li.expanded-level-2.expanded>ul{}.mainmenu-ul li.expanded-level-2>a:before{display:none !important}.mainmenu-ul li.expanded-level-2{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.mainmenu-ul li.expanded-level-2>a{flex:1;min-width:0}.mainmenu-ul li.expanded-level-2>.submenu-toggle{display:flex !important;align-items:center;justify-content:center;width:18px;height:18px;min-width:18px;margin-left:8px;cursor:pointer;z-index:10;opacity:1 !important;visibility:visible !important;background:#e0e0e0;border-radius:50%;-webkit-transition:background 0.2s ease,transform 0.2s ease;-moz-transition:background 0.2s ease,transform 0.2s ease;transition:background 0.2s ease,transform 0.2s ease}.mainmenu-ul li.expanded-level-2>.submenu-toggle:hover{background:#d0d0d0;transform:scale(1.1)}.mainmenu-ul li.expanded-level-2>.submenu-toggle:before{content:"▼";font-size:8px;line-height:1;color:#e30016;-webkit-transition:transform 0.3s ease;-moz-transition:transform 0.3s ease;transition:transform 0.3s ease}.mainmenu-ul li.expanded-level-2.expanded>.submenu-toggle:before{transform:rotate(180deg)}.mainmenu-ul li.expanded-level-2>ul{width:100%;padding-left:15px;margin-top:5px}.mainmenu-ul-li-ul-li{}.mainmenu-ul-li-ul-li-ul-li>a{background:transparent;border:none;text-decoration:none !important;padding-left:20px}.mainmenu-ul-li-ul-li-ul-li>a.ui-state-active{background:transparent !important;border:none !important}.mainmenu-ul-li-ul-li-ul-li>a span{display:none !important}.mainmenu-ul-li-ul-li>a span{font-size:14px;line-height:1.4;font-weight:500}#mainpage_categories{max-width:100%;margin:32px auto 0 auto}.mainpage_categories__item{position:relative;padding:0}.mainpage_categories__item:before{-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;-ms-transition:All 0.5s ease;transition:All 0.5s ease}.mainpage_categories__item:hover:before{cursor:pointer;content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:#fff24}.mainpage_categories__item img{}.mainpage_categories__item__body{}.mainpage_categories__item a{color:var(--light-gray);-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;-ms-transition:All 0.5s ease;transition:All 0.5s ease}.mainpage_categories__item a:hover{color:var(--white)}.mainpage_categories__item a strong{position:absolute;left:40px;top:40px;font-size:32px;line-height:1.3;font-weight:bold;color:inherit}.wrapmoreblockbutt{display:flex;align-items:center;justify-content:center;margin:2px 15px}.wrapmoreblockbutt a{border:1px solid red;background:transparent;color:#000;padding:10px 25px;transition:.4s;text-decoration:none}body .product-thumb .caption .price .price-discount{font-size:10px;border-radius:0% !important}body .product-thumb .availability-item.active{font-size:14px}body .product-thumb .availability-item{font-size:14px !important}.wrapmoreblockbutt a:hover{background-color:red;color:#fff;text-decoration:none}#mainpage_aboutus{padding:12px;color:var(--white);font-size:16px;line-height:1.6;background:var(--dark-gray)}#mainpage_aboutus h2{color:var(--white);text-align:center;font-weight:bold;margin:0 auto 32px auto}.mainpage_aboutus-inner{padding:24px}.mainpage_aboutus-inner ul{padding:0}.mainpage_aboutus-inner ul li{line-height:1.6}#mainpage_products_modules{padding:0px 0px 0px 5px;text-indent:-12px;margin:40px auto;text-align:center;max-width:900px}#mainpage_products_modules ul{list-style-type:none;padding:0;display:flex;flex-direction:row;align-items:baseline;justify-content:center}#mainpage_products_modules ul li{display:block;margin:0 16px}#mainpage_products_modules ul li a{position:relative;color:var(--gray);font-size:21px;line-height:1.4;font-weight:normal;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;-ms-transition:All 0.5s ease;transition:All 0.5s ease}#mainpage_products_modules ul li a:hover,#mainpage_products_modules ul li a.active{color:var(--white)}#mainpage_products_modules ul li a.active:after{content:"";position:absolute;left:0;bottom:-8px;width:50%;margin-left:25%;height:4px;background:var(--white)}#tab-description img{width:auto !important;height:auto !important;display:inline-block !important;max-width:100%}#product-compare thead{border-top:1px solid #dee2e6;background-color:#fff}#product-compare table td{color:#000}.btn-danger:hover,.btn-danger:active,.btn-danger.active,.btn-danger.disabled,.btn-danger[disabled]{box-shadow:none}.btn-danger:hover{color:#fff;background-color:#c82333;border-color:#bd2130}.btn-danger{color:#fff;text-shadow:none;background-color:#da4f49;background-image:none;background-repeat:repeat-x;border-color:#bd362f #bd362f #802420;border:none;font-size:15px;line-height:1.4;padding:10px 22px;max-width:260px}.blogwrapblock .mainpage_categories__item img{width:100%;height:100%;border-top:4px solid #fff;border-left:4px solid #fff;border-right:4px solid #fff;border-bottom:4px solid #fff}.blogwrapblock .mainpage_categories__item:nth-of-type(1) img,.blogwrapblock .mainpage_categories__item:nth-of-type(2) img,.blogwrapblock .mainpage_categories__item:nth-of-type(3) img{border-top:8px solid #fff}.blogwrapblock .mySwiperLine1,.blogwrapblock .mySwiperLine2,.blogwrapblock .mySwiperLine3{overflow:hidden;background:#fff !important}.blogwrapblock .mainpage_categories__item:first-of-type img,.blogwrapblock .mainpage_categories__item:nth-of-type(3n+1) img{border-left:8px solid #fff}.blogwrapblock .mainpage_categories__item::before{content:"";background:rgba(0,0,0,.5);position:absolute;top:8px;left:4px;width:calc(100% - 8px);height:calc(100% - 12px);z-index:1}.blogwrapblock .mainpage_categories__item img{position:relative;display:inline-block}.blogwrapblock .mainpage_categories__item:nth-of-type(1)::before{content:"";background:rgba(0,0,0,.5);position:absolute;top:8px;left:8px;width:calc(100% - 12px);height:calc(100% - 12px);z-index:1}.blogwrapblock .mainpage_categories__item:hover::before{cursor:pointer;content:"";position:absolute;top:8px;left:4px;width:calc(100% - 8px);height:calc(100% - 12px);background:#fff24}#preorder-box,#boc_order{z-index:999999}#preorder-box.fade.show,#boc_order.fade.show,#boc_success.fade.show{opacity:1}body .live-search{border:1px solid #000}@media(max-width:425px){body .breadcrumb>li a{white-space:break-spaces}body .breadcrumb>li{padding:0px 0px 0px 5px}body .breadcrumb>li{padding-bottom:7px}}.desc-mob{display:none}@media(max-width:992px){.live-search{overflow:scroll;height:calc(100vh - 90px);margin-top:40px}.desc-mob{display:flex;align-items:center;justify-content:flex-end;padding:0px}.btn__icon-mobile{cursor:pointer;display:flex}.btn__icon-mobile.activebtnmobile .icon--grid-view{display:block}.btn__icon-mobile.activebtnmobile .icon--cards-view-tablet{display:none}.products-wrapper.activewrapmobile>div.product-layout{flex:0 0 50%;max-width:50%}body .products-wrapper.activewrapmobile .product-thumb .caption .title a{font-size:12px}.products-wrapper.activewrapmobile .product-thumb .caption .title{min-height:35px}.products-wrapper.activewrapmobile .product-thumb .availability-item{width:100%;flex:0 0 100%;max-width:100%;font-size:12px;padding-right:0px}.products-wrapper.activewrapmobile .product-thumb .button-group button.button-shop{font-size:12px}.products-wrapper.activewrapmobile .product-model{}.desc-mob svg{width:20px;height:20px}.btn__icon-mobile{cursor:pointer}.desc-mob .icon--grid-view{display:none}body .live-search .result-text{position:relative;bottom:-20px;width:100%;text-align:center;display:flex;align-items:center;justify-content:center}.product-thumb .description{display:none}body .product-thumb .button-group,body .product-thumb .button-group-absolute{opacity:1;display:flex}body .product-thumb .button-group>button:nth-child(2){display:flex !important}body .product-thumb .button-group{position:relative !important;width:100% !important;flex-wrap:nowrap !important;gap:5px !important;margin:0 !important;padding:0 5px !important;box-sizing:border-box !important}body .product-thumb .button-group .button-shop{flex:1 1 100% !important;min-width:0 !important;font-size:11px !important;padding:8px 4px !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;width:100% !important;max-width:100% !important}body .product-thumb .owl-carousel,body .product-thumb .swiper-container,body .product-thumb .slider,body .product-thumb .owl-nav,body .product-thumb .owl-dots,body .product-thumb .swiper-pagination,body .product-thumb .swiper-button-next,body .product-thumb .swiper-button-prev{display:none !important}body .product-thumb{padding:12px 0 !important;margin-bottom:15px !important}body .product-thumb .caption{padding:0 10px !important;min-height:auto !important}body .product-thumb .caption .title{padding:0 10px !important;margin:5px auto !important;min-height:auto !important}body .container{padding-left:10px !important;padding-right:10px !important}body .headercatalog,body h1.prodzag{font-size:24px !important;margin-bottom:15px !important}body .modzag{margin-top:20px !important;margin-bottom:15px !important}}body .live-search .btn-primary{color:#000;width:auto;height:auto;text-shadow:none;padding:6px 5px 6px 5px;text-align:center;display:flex !important;align-items:center;justify-content:center;background-color:#eee;background-image:none;background-repeat:repeat-x;border-color:#3e3e3e #333 #1f1f1f;margin-left:10px}.product-thumb{position:relative;border:none;margin-bottom:20px;padding:24px 0px;overflow:auto;background:var(--product-grid-bg);border:1px solid var(--gray-border);-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;-ms-transition:All 0.5s ease;transition:All 0.5s ease}.product-thumb:hover{border-radius:14px !important;border-color:var(--light-gray-border)}.product-thumb .image{margin-top:12px}.product-thumb .caption{min-height:90px;padding:0}.product-thumb .caption .title{padding:0 20px;font-weight:bold;text-align:center;margin:8px auto;min-height:44px}.product-thumb .caption .title a{color:var(--product-title);font-size:16px;font-weight:300;line-height:1.42;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;-ms-transition:All 0.5s ease;transition:All 0.5s ease}.product-thumb .caption .title a:hover{color:var(--product-title--hover)}.product-thumb .caption .description{padding:0 20px;font-size:14px;font-weight:300;line-height:1.4;color:var(--light-gray);margin:0px auto 18px auto}.product-thumb .caption .rating{}.product-thumb .caption .price{text-align:center !important;font-size:16px;line-height:1.5;margin:0 auto 16px auto;color:var(--white);font-weight:bold}.product-thumb .availability{margin:0 auto 16px auto;text-align:center;font-size:16px;line-height:1.4;color:var(--white);font-weight:500}.product-thumb .availability-label{color:var(--white)}.product-thumb .availability-item.active{color:var(--availability-active)}.product-thumb .availability-item:not(.active){color:var(--availability-unactive);text-decoration:line-through}.product-thumb .caption p{margin:12px auto;color:#a2a2a2;font-size:13px;line-height:1.4}.product-thumb .button-group{background:transparent;border:none;display:flex}.product-thumb .button-group button{border:none;background:transparent;color:#545454;line-height:38px;text-transform:none;font-size:14px;font-weight:400}.product-thumb .button-group button:hover{background-color:transparent}.product-thumb .button-group button.button-shop{color:var(--white);background:var(--dark-gray);border:1px solid var(--gray-border);margin:0 2px;display:flex;align-items:center;justify-content:center;width:100%;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;-ms-transition:All 0.5s ease;transition:All 0.5s ease}.product-thumb .button-group button.button-shop.active{z-index:99999;color:var(--dark-gray);background:var(--white);border:1px solid var(--white)}.product-thumb .button-group button.button-shop:hover{color:var(--white);background:var(--black)}.product-thumb .button-group button.button-shop svg{display:none !important}.product-layout.product-list .product-thumb .button-group button.button-not-available{margin:0 2px;max-width:200px;float:right}.product-thumb .button-group button.button-not-available{max-width:100%}.product-thumb .button-group-absolute{position:absolute;right:10px;top:10px}.product-thumb .button-group-absolute button{float:left;border:none;background:transparent;font-size:20px;line-height:1;color:var(--button-icon);-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;-ms-transition:All 0.5s ease;transition:All 0.5s ease}.product-thumb .button-group-absolute button:hover{color:var(--button-icon--hover)}.product-thumb .product-manufacturer-absolute{-moz-display:flex;-o-display:flex;-webkit-display:flex;display:flex;position:absolute;left:10px;top:10px;color:var(--white);font-size:12px;font-weight:500;line-height:1}.product-thumb .product-manufacturer-absolute img{width:auto;height:32px;max-width:220px}.product-thumb .product-model{position:relative;-moz-display:flex;-o-display:flex;display:flex;align-items:center;justify-content:center;margin:8px auto 16px auto;padding:0 8px;color:var(--white);font-size:13px;line-height:1;font-weight:bold}.product-thumb .product-model:before,.product-thumb .product-model:after{content:"";position:absolute;height:1px;width:20%;top:6px}.product-thumb .product-model:before{left:5%}.product-thumb .product-model:after{right:5%}#product-product{}#product-product .availability{margin:0 auto 16px auto}#product-product .availability-item{line-height:2}#product-product .availability-item.active{color:#fff}#product-product .availability-item.not-active{color:#555}#product-product .availability-item svg{font-size:18px;line-height:1;margin-right:8px}#product-product .availability-item.active svg{color:var(--green)}#product-product .availability-item.not-active svg{color:var(--red)}#product-category{}#product-category .subcategories-wrapper{justify-content:center}#product-category .subcategories-wrapper .subcategories-item{max-width:540px}#product-category .subcategories-wrapper .subcategories-item a{color:var(--dark-gray);background:var(--light-gray);border:1px solid var(--white);font-size:14px;font-weight:400;line-height:1.8;padding:7px 11px;display:block;width:100%;margin:2px auto;text-align:center;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;-ms-transition:All 0.5s ease;transition:All 0.5s ease}#product-category .subcategories-wrapper .subcategories-item a:hover{text-decoration:none;color:var(--white);background:var(--black)}button#list-view,button#grid-view{border:1px solid var(--dark-gray)}.btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active{color:var(--white)}#product-category .filters-wrapper{margin:16px auto 40px auto}#product-category .filters-wrapper .filters-block{margin-left:auto;margin-right:auto}#product-category .filters-wrapper .filters-block .form-group{margin:0 auto;align-items:center}#product-category .filters-wrapper .filters-block .form-group label{color:var(--text-input-border);background:var(--dark-gray);border:none;font-size:14px;line-height:1;height:auto;margin:0 8px 0 auto;width:40%;text-align:center}#product-category .filters-wrapper .filters-block.layout-block{}#product-category .filters-wrapper .filters-block.sort-block{}#product-category .filters-wrapper .filters-block.limit-block{}#product-category .products-wrapper{}.mainpage-products-module .product-layout .caption .description{min-height:60px}.breadcrumb{background-color:transparent;border:none;margin:10px auto;font-size:10px;line-height:1.5;padding-left:15px;padding-right:15px}.breadcrumb>li{text-shadow:none}.breadcrumb>li:after{display:none;top:2px;right:-2px;width:8px;height:8px}.breadcrumb>li a{color:#333;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;-ms-transition:All 0.5s ease;transition:All 0.5s ease}.breadcrumb>li:not(:last-child) a:hover{color:#000}.breadcrumb>li:last-child:after{display:none !important}.breadcrumb>li:last-child a{cursor:default}.breadcrumb>li:last-child a:hover{}.accordionjs{position:relative;margin:0;padding:0;list-style:none;margin-top:10px;margin-bottom:20px}.accordionjs .acc_section{border:1px solid #ccc;position:relative;z-index:10;margin-top:-1px;overflow:hidden}.accordionjs .acc_section .acc_head{position:relative;background:#fff;padding:10px;display:block;cursor:pointer}.accordionjs .acc_section .acc_head h3{line-height:1;margin:5px 0}.accordionjs .acc_section .acc_content{padding:10px}.accordionjs .acc_section:first-of-type,.accordionjs .acc_section:first-of-type .acc_head{border-top-left-radius:3px;border-top-right-radius:3px}.accordionjs .acc_section:last-of-type,.accordionjs .acc_section:last-of-type .acc_content{border-bottom-left-radius:3px;border-bottom-right-radius:3px}.accordionjs .acc_section.acc_active>.acc_content{display:block}.accordionjs .acc_section.acc_active>.acc_head{background:#F9F9F9;border-bottom:1px solid #ccc}.owl-carousel{position:relative}.owl-carousel .owl-nav{display:none;text-align:center}.owl-carousel .owl-nav button.owl-prev,.owl-carousel .owl-nav button.owl-next{font-size:58px;color:var(--gray);margin:0 12px;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;-ms-transition:All 0.5s ease;transition:All 0.5s ease}.owl-carousel .owl-nav button.owl-prev:hover,.owl-carousel .owl-nav button.owl-next:hover{color:var(--white)}.owl-carousel .owl-nav button.owl-prev{}.owl-carousel .owl-nav button.owl-next{}.owl-carousel .owl-dots{text-align:center}.owl-carousel .owl-dots .owl-dot{background:var(--gray);width:16px;height:16px;margin:0 2px;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;-ms-transition:All 0.5s ease;transition:All 0.5s ease}.owl-carousel .owl-dots .owl-dot:hover,.owl-carousel .owl-dots .owl-dot.active{background:var(--white)}.mfp-bg.mfp-ready{background:rgba(0,0,0,0.8) !important;opacity:1 !important}#smca-modal-body .modal-heading{color:var(--white);background:var(--dark-gray)}#smca-modal-body{background:var(--white);max-width:860px;border:1px solid var(--gray)}#smca-modal-body .modal-body{background:var(--light-gray)}#smca-modal-body .modal-body .product-table-cart>.product-table-body>.product-table-body-row>.name img{border:1px solid var(--white);padding:2px}#smca-modal-body>.modal-footer{position:relative;display:flex;text-align:center;padding:10px 20px;align-items:center;justify-content:center;background:#EDEDED}#smca-modal-body .modal-body .totals>div{border:1px solid #bbb;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;display:inline-block;font-size:14px;padding:7px 10px 6px;position:relative;text-align:center;font-family:Open Sans,sans-serif;color:#333}#smca-modal-body .modal-body .totals>div{border:1px solid var(--dark-gray);color:var(--dark-gray);background:var(--white)}#smca-modal-body .modal-body .product-table-cart>.product-table-body>.product-table-body-row>.name>.name-right{display:inline-block;vertical-align:middle;padding:0 0 0 10px;width:230px}#smca-modal-body .modal-body .product-table-cart>.product-table-body>.product-table-body-row>.name>.name-right a{font-family:Open Sans,sans-serif;color:#444;font-size:13px;line-height:1.2;font-weight:normal;text-decoration:none;display:block;margin-bottom:5px}#smca-modal-body>.modal-footer>input.save-button-bottom{background:var(--dark-gray)}#smca-modal-body>.modal-footer>input.save-button-bottom:hover{background:var(--black)}#smca-modal-body .modal-body .totals>div>#total-order strong{font-weight:bold}#smca-modal-body .modal-close{width:auto;height:auto;font-size:24px;background:transparent;color:var(--light-gray);right:14px;top:0;opacity:1;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;-ms-transition:All 0.5s ease;transition:All 0.5s ease}#smca-modal-body .modal-close:hover{color:var(--white)}.live-search ul li .product-add-cart{float:right;padding:0}.live-search .btn-primary{color:var(--white);width:auto;height:auto;text-shadow:none;padding:6px 5px 6px 8px;text-align:center;display:flex !important;align-items:center;justify-content:center;background-color:var(--dark-gray);background-image:linear-gradient(to bottom,#484848,#151515);background-repeat:repeat-x;border-color:#3e3e3e #333 #1f1f1f}.product-layout .v-view{font-size:32px;line-height:1.3;color:var(--black);background:var(--white);border:1px solid var(--black);-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;-ms-transition:All 0.5s ease;transition:All 0.5s ease}.product-layout .v-view:hover{color:var(--white);background:var(--black);border:1px solid var(--white)}.ui-widget-header{border:none;background:var(--dark-gray);color:var(--white);font-weight:normal;padding:0;height:0}.ui-dialog-titlebar-close:after{content:'x';color:var(--black);margin:-10px -4px;position:absolute}.ui-dialog-titlebar-close{width:26px;height:26px;position:absolute;right:6px;top:6px;background:var(--light-gray);border:1px solid var(--white);-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;-ms-transition:All 0.5s ease;transition:All 0.5s ease}.ui-dialog-titlebar-close:hover{background:var(--white)}#modal-login-form{}#modal-register-form{}#modal-login-form .modal-content,#modal-register-form .modal-content{color:var(--white);background:var(--dark-gray);border:1px solid var(--light-gray-border)}#modal-login-form .modal-header,#modal-register-form .modal-header{position:relative;padding:8px}#modal-login-form .modal-header .modal-title,#modal-register-form .modal-header .modal-title{color:var(--white);background:var(--modal-form-title);text-align:center;width:100%;font-size:16px;line-height:1.5}#modal-login-form .modal-body,#modal-register-form .modal-body{background:var(--modal-form-body)}#modal-login-form button,#modal-login-form button:focus,#modal-login-form button:active,#modal-register-form button,#modal-register-form button:focus,#modal-register-form button:active{color:var(--dark-gray);background:var(--light-yellow);border:1px solid var(--white);font-size:16px;line-height:1.4;padding:10px 22px;text-shadow:none;width:100%;display:flex;align-items:center;justify-content:center;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;-ms-transition:All 0.5s ease;transition:All 0.5s ease}#modal-login-form button,#modal-login-form button:focus,#modal-login-form button:active{max-width:160px;margin:24px auto}#modal-register-form button,#modal-register-form button:focus,#modal-register-form button:active{max-width:240px;margin:0 auto 12px auto}#modal-login-form button:hover,#modal-register-form button:hover{background:var(--yellow)}#modal-login-form a,#modal-register-form a{cursor:pointer;color:var(--white) !important;font-size:12px !important;line-height:1.5 !important;border-bottom:none !important;margin:0 12px !important}#modal-login-form a:hover,#modal-register-form a:hover{text-decoration:underline}#modal-register-form .checkbox{margin:24px auto 16px auto;font-size:12px}#modal-register-form .checkbox input{cursor:pointer;width:24px;min-height:24px}#modal-register-form .checkbox a{text-align:center}#modal-login-form .popuplogin-row{margin:24px auto 0 auto}#modal-register-form .popupregister-row{margin:8px auto 0 auto}#modal-login-form .popuplogin-row:first-child,#modal-register-form .popupregister-row:first-child{margin-top:0}#modal-login-form .popuplogin-row-icon,#modal-register-form .popupregister-row-icon{font-size:16px;line-height:1;width:100%;height:auto;display:flex;align-items:center;justify-content:center;color:var(--dark-gray);background:var(--light-gray);border:none}#modal-login-form .popuplogin-row-input,#modal-register-form .popupregister-row-input{padding:0}#modal-login-form .popuplogin-row-input input,#modal-register-form .popupregister-row-input input{background:var(--white);padding:18px 12px}#modal-login-form .input-group-addon,#modal-login-form .input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}#modal-login-form .close,#modal-register-form .close{z-index:999;position:absolute;background:var(--white);color:var(--black);font-size:19px;width:18px !important;height:18px !important;padding:0 0 !important;font-weight:500;display:flex;align-items:center;justify-content:center}#modal-login-form .close{top:-21px;right:4px}#modal-register-form .close{top:2px;right:2px}.header-socials-login{}.header-socials-login .socials-auth-wrapper{display:flex;-moz-display:flex;-o-display:flex;-webkit-display:flex}.header-socials-login .socials-auth-wrapper .socials-auth-item a{background:var(--light-gray);border:1px solid var(--gray);width:30px;height:40px;padding:0 20px;margin:0 1px;display:inline-flex;align-items:center;justify-content:center;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;-ms-transition:All 0.5s ease;transition:All 0.5s ease}.header-socials-login .socials-auth-wrapper .socials-auth-item a:hover{background:var(--white)}.header-socials-login .socials-auth-wrapper .socials-auth-item a svg{font-size:20px}.header-socials-login .socials-auth-wrapper .socials-auth-item.site a svg{color:var(--header-button-icon)}.header-socials-login .socials-auth-wrapper .socials-auth-item.google a svg{color:#ffbf00}.header-socials-login .socials-auth-wrapper .socials-auth-item.yandex a svg{color:#f70000}.product-wrapper .nav-tabs{margin-top:24px}.product-images-additional{padding:2px}.thumbelina-but.vert.bottom{bottom:-1px;width:102px}.thumbelina-but.vert.top{top:-1px;width:102px}.product-images-additional .thumbnails.thumbelina{width:100%}.thumbelina li{padding:0}.image-additional{cursor:pointer;max-width:100%}.thumbnails .image-additional{float:left;margin-left:0}.product-images{position:relative}.product-images img{max-width:100%}.product-images>button{position:absolute;z-index:99;right:38px;top:-10px}.product-images>button:first-of-type{right:0}.product-images-additional{}.product-images-additional .thumbnails{width:80px}body .top_menu_right ul li a:hover,body .top_menu_right ul li a:active,body .top_menu_right ul li a:focus,body .top_menu_right ul li a:visited{color:#000}.top_menu_left ul li a:hover svg,.top_menu_right ul li a:hover svg,.header-socials-login .socials-auth-wrapper .socials-auth-item.site a:hover svg{color:#000}#top{padding:4px 0px;position:relative;z-index:999999}.owl-theme .owl-nav [class*="owl-"]:hover{background:transparent !important}.mainpage_categories__item{position:relative}.mainpage_categories__item:before{content:"";background:rgba(0,0,0,.5);position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.mainpage_categories__item a strong{z-index:2}body header,body header .header-inline,body footer{border-radius:12px;background-color:#292929 !important}.main-page-bg-black{color:#fff;background-color:#292929;padding:0px 0px 0px 0}#common-home #content{padding:0px !important}.main-page-bg-black h1,.main-page-bg-black h2{color:#fff !important}.mainpage_categories__item:hover a{width:100%;height:100%;display:inline-block;z-index:9;position:relative}.filters-wrapper .filters-block .form-group label{color:#000;background:transparent;border:none}.filters-wrapper .filters-block .form-group label{border:none;font-size:14px;line-height:1;height:auto;margin:0 8px 0 auto;width:40%;text-align:center}.tweet_iframe_widget{width:100px !important}#scroll-to-top{color:red !important}@media (min-width:768px){.mySwiperLine1,.mySwiperLine2,.mySwiperLine3{width:100%;height:auto;min-height:250px}}@media (max-width:767px){body .mainpage_categories__item{-ms-flex:0 0 100%;flex:0 0 100%;flex-shrink:0;max-width:100%}.wrapfooter .doublecol.footertel{width:100%}body #cart>.btn{box-shadow:none}.parent>span.prrtcat{position:relative;display:inline-block;width:100%;font-size:18px}.icon-str{display:inline-block;font-size:16px;width:1.3em;height:1.3em}}body a:focus,body a:hover,body a:hover{color:#000}.mainpage-products-module .owl-stage-outer{min-height:477px}body header .header-inline .header-inline-block.header-telephone a:hover{background-color:transparent}.mainpage_categories__item img{width:100%;height:100%;border-top:4px solid #292929;border-left:4px solid #292929;border-right:4px solid #292929;border-bottom:4px solid #292929}.mainpage_categories__item:first-of-type img,.mainpage_categories__item:nth-of-type(3n + 1) img{border-left:8px solid #292929}.mainpage_categories__item:nth-of-type(1) img,.mainpage_categories__item:nth-of-type(2) img,.mainpage_categories__item:nth-of-type(3) img{border-top:8px solid #292929}.mainpage_categories__item:nth-of-type(7) img,.mainpage_categories__item:nth-of-type(8) img,.mainpage_categories__item:nth-of-type(9) img{border-bottom:8px solid #292929}#mainpage_categories .mainpage_categories__item:nth-of-type(3n) img{border-right:8px solid #292929}.row.products-wrapper{clear:both;min-height:600px}.swal2-modal .swal2-html-container{text-align-last:center}.owl-item .product-thumb .availability-item{float:left}.owl-item .product-thumb .button-group,.owl-item .product-thumb .button-group-absolute,.owl-item .product-thumb .availability{opacity:1;display:flex}.button-group-absolute{width:60px}.socsetimob{padding:20px}.titlesoc{font-weight:600;padding-bottom:15px}.wrapsocsetimob{display:flex;align-items:center;flex-wrap:wrap}.mobile_menu_container .wrapsocsetimob img{max-width:30px}.mobile_menu_container ul li .wrapsocsetimob a{padding:5px}body #content{padding:0 25px}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.tsvg,.dsvg{width:40px;padding:2px 10px;border:1px solid #000}.slider{color:#fff}.slider .swiper-container{width:100%;height:80%;padding-left:5px;padding-right:5px;padding-top:5px;padding-bottom:5px}.slider__flex{display:flex;align-items:flex-start;justify-content:center}.slider__col{display:flex;flex-direction:column;width:150px;margin-right:32px}.slider__prev,.slider__next{cursor:pointer;text-align:center;font-size:14px;height:48px;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.slider__prev:focus,.slider__next:focus{outline:none}.slider__thumbs{height:calc(500px - 96px)}.slider__thumbs .slider__image{transition:0.25s;-webkit-filter:grayscale(100%);filter:grayscale(100%);opacity:0.5}.slider__thumbs .slider__image{box-shadow:0 0 5px rgb(35 31 32 / 8%);border-radius:4px;border:1px solid #fff;padding:5px}.slider__thumbs .swiper-slide-thumb-active .slider__image{box-shadow:0 0 5px rgb(35 31 32 / 8%);border-radius:4px;border:1px solid #000}.slider__thumbs .slider__image:hover{opacity:1}.slider__thumbs .slider__image:hover{box-shadow:0 0 5px rgb(35 31 32 / 8%);border-radius:4px;border:1px solid #000}.slider__thumbs .swiper-slide-thumb-active .slider__image{-webkit-filter:grayscale(0%);filter:grayscale(0%);opacity:1}.slider__images{height:500px}.slider__images .slider__image img{transition:3s}.slider__images .slider__image:hover img{transform:scale(1.1)}.slider__image{width:100%;height:100%;border-radius:30px;overflow:hidden}.slider__image img{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}@media (max-width:767.98px){.tsvg{transform:rotate(-90deg)}.slider__image img{display:block;width:auto;height:auto;-o-object-fit:cover;object-fit:unset;max-width:100%}.slider__thumbs .slider__image{height:auto}.slider__thumbs .swiper-slide-thumb-active .slider__image{height:auto}.slider{padding:0px;padding-bottom:20px}.product-images-additional-main{padding:0px !important}.product-wrapper{padding:0px !important}.lastblockprod{padding:0px !important}.slider__flex{flex-direction:column-reverse}.slider__col{flex-direction:row;align-items:center;margin-right:0;margin-top:24px;width:100%}.slider__images{width:100%}.slider__thumbs{height:auto;width:calc(100% - 90px);margin:0 10px}.slider__prev,.slider__next{height:auto;width:32px}.slider__images{height:auto}}.textmodel{font-size:16px;color:#000;font-weight:600;margin-bottom:10px;width:100%}.wrap-prostick{border:1px solid #eee;padding:20px 15px}.nav.nav-tabs{text-indent:-15px;min-height:100px;margin-bottom:22px}.modcartb .oc3oc-product-btn{display:none}.slider__image:hover{cursor:pointer}.lview h2{text-align:center;margin:0px 10px 19px;font-weight:600}@media(min-width:992px){.mainmenu-ul .inner-block li a{display:inline-flex;align-items:center}.mainmenu-ul li.expanded-level-2>.submenu-toggle{display:flex !important;opacity:1 !important;visibility:visible !important}body .mainmenu-ul li.expanded-level-1:nth-child(5)>ul,body .mainmenu-ul li.expanded-level-1:nth-child(6)>ul,body .mainmenu-ul li.expanded-level-1:nth-child(7)>ul,body .mainmenu-ul li.expanded-level-1:nth-child(8)>ul,body .mainmenu-ul li.expanded-level-1:nth-child(9)>ul,body .mainmenu-ul li.expanded-level-1:nth-child(10)>ul{left:auto;right:0}}body .mainmenu-ul li.expanded-level-1>ul{left:-250px !important;right:auto !important}body .mainmenu-ul li.expanded-level-1:first-child>ul,body .mainmenu-ul li.expanded-level-1:nth-child(2)>ul{border-radius:14px !important;left:0 !important}body .mainmenu-ul li.expanded-level-1:last-child>ul{left:auto !important;right:0px !important}@media(max-width:1366px){header{overflow:visible !important;z-index:10000002 !important}header .header-inline{overflow:visible !important}header .header-inline-row{overflow:visible !important}.menublock{overflow:visible !important;position:relative;z-index:10000002 !important}#mainmenu{position:relative;z-index:10000002 !important}.mainmenu-ul{position:relative;z-index:10000002 !important}.mainmenu-ul li{z-index:10000002 !important}.mainmenu-ul li.expanded-level-1.showed>ul{z-index:10000002 !important}.mainmenu-ul li.expanded-level-1>ul{z-index:10000002 !important}#column-left,#column-right{z-index:1 !important}}@media(max-width:1249px){body .mainmenu-ul li.expanded-level-1:nth-child(6)>ul,body .mainmenu-ul li.expanded-level-1:nth-child(7)>ul,body .mainmenu-ul li.expanded-level-1:nth-child(8)>ul,body .mainmenu-ul li.expanded-level-1:nth-child(9)>ul,body .mainmenu-ul li.expanded-level-1:nth-child(10)>ul{left:auto !important;right:0 !important}}@media(max-width:992px){.panelfix{position:fixed;z-index:990;width:100%;top:-100px;left:0px;background:#eee;padding-left:10px;padding-right:10px;box-shadow:rgba(0,0,0,0.16) 0px 10px 36px 0px,rgba(0,0,0,0.06) 0px 0px 0px 1px;transition:all 0.5s ease-out}.panelfix.n_active{top:50px;transition:all 0.5s ease-out}.panelfix.n_active .wrappanelfix{padding-top:5px;padding-bottom:5px}.panelfix.n_active .oc3oc-product-btn>button{height:30px;padding:0px 20px;background-color:red;color:#fff !important;line-height:20px;border:1px solid red !important;opacity:0.7}.panelfix.n_active .oc3oc-product-btn>button:hover{opacity:1}.wrappanelfix .titlename{display:none}.wrappanelfix .product-quantity{min-width:90px;margin-left:14px;margin-right:14px;float:left;height:30px}.panelfix.n_active .product-quantity .bt_minus,.panelfix.n_active .product-quantity .bt_plus,.panelfix.n_active .product-quantity .quantity{height:30px;width:30px;padding:0;border:0;margin:0;background:transparent;cursor:pointer;outline:0}.wrappanelfix .modcartb>div>button{height:30px;padding:0px 30px;background-color:red;color:#fff !important;line-height:20px;border:1px solid red !important;opacity:0.7}.wrappanelfix .modcartb>div>button:hover{opacity:1}}@media(min-width:993px){.panelfix{position:fixed;z-index:990;width:100%;bottom:-100px;left:0px;background:#eee;padding-left:10px;padding-right:10px;box-shadow:rgba(0,0,0,0.16) 0px 10px 36px 0px,rgba(0,0,0,0.06) 0px 0px 0px 1px;transition:all 0.5s ease-out}.panelfix.n_active{bottom:0;transition:all 0.5s ease-out}.panelfix.n_active .oc3oc-product-btn>button{background-color:red;color:#fff !important;line-height:20px;border:1px solid red !important;opacity:0.7}.panelfix.n_active .oc3oc-product-btn>button:hover{opacity:1}.wrappanelfix .modcartb>div>button{background-color:red;color:#fff !important;border:1px solid red !important;opacity:0.7}.wrappanelfix .modcartb>div>button:hover{opacity:1}}header .header-inline-row{display:flex;align-items:center;justify-content:flex-start}header .menublock{flex:1 1 auto;margin-left:0}header .header-telephone{width:120px;display:flex;justify-content:flex-end;margin-left:auto;margin-right:70px}header .header-inline .header-inline-block.header-telephone{display:flex !important;margin-right:55px !important;margin-block:auto}#mainmenu{}.mainmenu-ul{margin:0;padding-left:0;display:flex;justify-content:flex-start;flex-wrap:wrap;padding-left:20px}.mainmenu-ul li{float:none}header .menublock{justify-content:flex-start !important}#mainmenu{}#mainmenu .mainmenu-ul{justify-content:flex-start !important;margin-left:0 !important;padding-left:0 !important}.mainmenu-ul>li{margin:0 6px 0 0 !important}@media (min-width:1400px){body .container{max-width:1680px}}.panelfix.n_active{display:block}.wrappanelfix{padding-top:7px;padding-bottom:7px}.wrappanelfix #button-cart{width:auto}.wrappanelfix .oc3oc-product-btn{margin-bottom:0px}.wrappanelfix .wrap-cart-block{margin-bottom:0px}.wrappanelfix .modcartb>div{padding-bottom:0px;padding-right:0px}.wrappanelfix>.container{display:flex;display:flex;align-items:center;justify-content:space-between}.wrappanelfix .modcartb{margin-top:3px}body .wrappanelfix .titlename .headercatalog{font-size:16px !important;text-align:left;margin:0px}.simplecheckout-cart .quantity input.form-control{width:50px !important}.simplecheckout-cart .quantity button{padding:2px;width:30px;height:27.5px}.simplecheckout-cart .quantity .input-group-btn{margin-right:5px;margin-left:5px;width:30px}.simplecheckout-cart .quantity>.input-group{display:flex;flex-wrap:nowrap}.wrap-content-more{max-height:350px;height:350px;position:relative;overflow:hidden;padding-bottom:8rem;transition:all .3s ease-in-out}body .pagination{justify-content:center}body .seomore_div{margin-bottom:20px}body .ad-category-description{padding-left:0px;margin-top:20px;margin-bottom:30px}.wrap-content-more.Opened{max-height:unset;height:auto;padding-bottom:1rem;transition:.3s}.content-more{position:absolute;bottom:3rem;left:0;margin-top:25px;z-index:3;border:1px solid red;background:transparent;color:#fff;padding:10px 25px;border-radius:0px}.wrapdescript-category .content-more{color:red}.wrapdescript-category{-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease}.content-more{color:#fff}.content-more.Opened{margin:0 auto;position:relative;color:#fff;background:red;bottom:1rem;display:block}.content-more span:last-child{display:none}.main-page-bg-black a{color:#fff}.main-page-bg-black a:hover{color:#fff}.content-more.Opened span:last-child{display:inline}.content-more.Opened span:first-child{display:none}.content-more:hover{color:#fff;background:red}.wrap-content-more:not(.Opened)::after{position:absolute;bottom:0;left:0;height:100%;width:100%;content:"";background:linear-gradient(to top,rgba(41,41,41,1) 30%,rgba(41,41,41,0) 70% );pointer-events:none}.wrapdescript-category .wrap-content-more:not(.Opened)::after{background:linear-gradient(to top,rgba(255,255,255,1) 30%,rgba(255,255,255,0) 70% )}@media (min-width: 992px) { /** * Современная шапка десктоп — премиальный стиль (2024–2025) * Минимализм, чёткая иерархия, аккуратный акцент на «Скидки» * Вдохновение: Away, ColourPop, Gymshark */ @media (min-width: 992px) { /* ═══ Верхняя панель #top — тёплый премиальный вид ═══ */ #top { background: linear-gradient(180deg, #fafaf9 0%, #f5f4f2 100%) !important; border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important; min-height: 42px !important; padding: 0 !important; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02) !important; } #top .container.header-inline { max-width: 100%; padding-left: 24px; padding-right: 24px; } #top .row.header-inline-row { min-height: 42px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; } /* ═══ Навигация — элегантная типографика ═══ */ #top .top_menu_left { padding: 0 !important; flex: 1; } #top .top_menu_left .top-nav-list { display: flex !important; flex-wrap: nowrap !important; align-items: center !important; gap: 6px 18px !important; margin: 0 !important; padding: 8px 0 !important; list-style: none !important; } #top .top_menu_left .top-nav-list li { margin: 0 !important; } #top .top_menu_left .top-nav-link { font-size: 13px !important; font-weight: 500 !important; color: #4a4a4a !important; text-decoration: none !important; transition: color 0.2s ease, opacity 0.2s ease !important; white-space: nowrap; letter-spacing: 0.01em; } #top .top_menu_left .top-nav-link:hover { color: #1a1a1a !important; } /* «Скидки» — аккуратный pill-бейдж вместо кричащего текста */ #top .top_menu_left .top-nav-link--sale { display: inline-flex !important; align-items: center !important; gap: 6px !important; padding: 5px 14px !important; border-radius: 20px !important; font-weight: 600 !important; font-size: 13px !important; letter-spacing: 0.02em !important; color: #fff !important; background: linear-gradient(135deg, #e30016 0%, #c41e3a 100%) !important; box-shadow: 0 2px 6px rgba(227, 0, 22, 0.25) !important; transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease !important; } #top .top_menu_left .top-nav-link--sale:hover { color: #fff !important; background: linear-gradient(135deg, #cc0014 0%, #a81a32 100%) !important; box-shadow: 0 3px 10px rgba(227, 0, 22, 0.35) !important; transform: translateY(-1px) !important; text-decoration: none !important; } /* Опционально: иконка процента перед «Скидки» (если добавить в разметку) */ #top .top_menu_left .top-nav-link--sale .top-nav-sale-icon { opacity: 0.9; font-size: 11px; } /* ═══ Иконки справа — один блок, сдвинут влево ═══ */ #top .wrap-item-flex { display: flex !important; align-items: center !important; gap: 2px !important; padding: 4px 8px !important; background: rgba(0, 0, 0, 0.03) !important; border-radius: 12px !important; margin-right: 24px !important; } #top .wrap-item-flex .top_menu_right ul, #top .wrap-item-flex .top-bar-search-phone, #top .wrap-item-flex .header-icons-container { display: flex !important; align-items: center !important; gap: 2px !important; } #top .wrap-item-flex .top_menu_right ul li a, #top .wrap-item-flex .top-bar-search-phone a, #top .wrap-item-flex .header-icons-container a, #top .wrap-item-flex .header-icons-container .btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 34px !important; height: 34px !important; min-width: 34px !important; padding: 0 !important; color: #5a5a5a !important; border-radius: 10px !important; transition: background 0.2s ease, color 0.2s ease !important; } #top .wrap-item-flex .top_menu_right ul li a:hover, #top .wrap-item-flex .top-bar-search-phone a:hover, #top .wrap-item-flex .header-icons-container a:hover { background: rgba(0, 0, 0, 0.05) !important; color: #1a1a1a !important; } #top .wrap-item-flex .header-icons-container .cart-button { color: #5a5a5a !important; } #top .wrap-item-flex .header-icons-container .cart-button:hover { background: rgba(0, 0, 0, 0.05) !important; color: #1a1a1a !important; } #top .wrap-item-flex .header-icons-container .cart-button .fa-shopping-cart { color: inherit !important; } /* Иконки Font Awesome — единый размер в панели */ #top .wrap-item-flex .fa, #top .wrap-item-flex .fas, #top .wrap-item-flex .far { font-size: 15px !important; } /* Иконка поиска — красная и больше остальных */ #top .wrap-item-flex .top-bar-search-phone .searchicondesc, #top .wrap-item-flex .top-bar-search-phone .searchicondesc i, #top .wrap-item-flex .top-bar-search-phone .searchicondesc svg { color: #e30016 !important; fill: #e30016 !important; font-size: 1.3em !important; } #top .wrap-item-flex .top-bar-search-phone .searchicondesc:hover, #top .wrap-item-flex .top-bar-search-phone .searchicondesc:hover i, #top .wrap-item-flex .top-bar-search-phone .searchicondesc:hover svg { color: #cc0014 !important; fill: #cc0014 !important; } /* ═══ Скрыть иконки поиска и телефона в серой полоске ═══ */ body header .header-inline .header-inline-block.header-telephone { display: none !important; } /* #search position: relative — только ≥1600px; 992–1599: выезжающая панель в header-tablet-fix (fixed, не relative). */ /* ═══ Серая полоска — фиксированная ширина ═══ */ body header .header-inline { max-width: 1440px !important; margin-left: auto !important; margin-right: auto !important; overflow: visible !important; } /* ═══ Категории по центру, в одну строчку ═══ */ body header .header-inline .header-inline-row { position: relative !important; display: flex !important; justify-content: flex-start !important; align-items: center !important; min-height: 60px !important; overflow: visible !important; } body header .header-inline .header-inline-block.logoblock { flex: 0 0 auto !important; z-index: 1 !important; } body header .header-inline .header-inline-block.menublock { position: absolute !important; left: 50% !important; top: 50% !important; transform: translate(-50%, -50%) !important; z-index: 10050 !important; display: flex !important; justify-content: center !important; white-space: nowrap !important; overflow: visible !important; } body header .header-inline .header-inline-block.menublock #mainmenu, body header .header-inline .header-inline-block.menublock .mainmenu-ul { justify-content: center !important; display: flex !important; flex-wrap: nowrap !important; } body header .header-inline .header-inline-block.menublock .mainmenu-ul li { float: none !important; flex-shrink: 0 !important; } body header { overflow: visible !important; max-height: none !important; } body header .header-inline, body header .header-inline .header-inline-row { max-height: none !important; } body header .header-inline .header-inline-block.menublock #mainmenu { overflow: visible !important; } body header .header-inline .header-inline-block.menublock .mainmenu-ul { overflow: visible !important; } body header .mainmenu-ul li.expanded-level-1 > ul, body header .mainmenu-ul li.expanded-level-1.showed > ul { z-index: 100000 !important; } } /* Широкий десктоп: поиск в потоке — автодополнение привязано к #search */ @media (min-width: 1600px) { body header .header-inline-block-search #search.header-search-input { position: relative !important; display: flex !important; flex-wrap: nowrap !important; align-items: stretch !important; } } } @media (min-width: 992px) { @media (min-width:992px){body .mainmenu-ul li.expanded-level-1>ul{width:420px !important;min-width:260px !important;max-height:calc(100vh - 100px) !important;overflow-y:auto !important;overflow-x:hidden !important;max-width:calc(100vw - 24px) !important;scrollbar-width:none !important;-ms-overflow-style:none !important}body .mainmenu-ul li.expanded-level-1>ul::-webkit-scrollbar{display:none !important}body .mainmenu-ul li.expanded-level-1>ul>.inner-block{display:flex !important;flex-direction:column !important;flex-wrap:nowrap !important;max-height:calc(100vh - 180px) !important;overflow-y:auto !important;overflow-x:hidden !important;scrollbar-width:none !important;-ms-overflow-style:none !important}body .mainmenu-ul li.expanded-level-1>ul>.inner-block::-webkit-scrollbar{display:none !important}body .mainmenu-ul li.expanded-level-2{flex-shrink:0 !important}body .mainmenu-ul li.expanded-level-2>.submenu-toggle{width:32px !important;height:32px !important;min-width:32px !important;margin-left:10px !important;display:flex !important;align-items:center !important;justify-content:center !important;cursor:pointer !important;background:#e0e0e0 !important;border:none !important;border-radius:50% !important;box-shadow:0 1px 2px rgba(0,0,0,0.08) !important}body .mainmenu-ul li.expanded-level-2>.submenu-toggle:before{content:"\f078" !important;font-family:"Font Awesome 5 Free" !important;font-weight:600 !important;font-size:11px !important;color:#c00 !important}body .mainmenu-ul li.expanded-level-2.expanded>.submenu-toggle:before{transform:rotate(180deg)}} } /* ===== Footer — стиль Адам и Ева (red #e30016, dark #292929) ===== */ footer { padding: 0; border-top: 2px solid var(--red, #e30016); letter-spacing: 0.02em; background: var(--dark-gray, #292929) !important; } .footer-main { padding: 40px 0 36px; } .footer-top { display: flex; flex-wrap: wrap; gap: 40px 36px; align-items: flex-start; } /* --- Бренд + CTA (блок слева) --- */ .footer-brand { flex: 0 0 auto; min-width: 240px; max-width: 300px; padding-right: 24px; border-right: 1px solid rgba(255, 255, 255, 0.1); } .footer-logo-link { display: block; margin-bottom: 20px; } .footer-logo-img { display: block; max-width: 140px; height: auto; border-radius: 0; } .footer-cta { flex-direction: column; gap: 12px; } .footer-phone-main { display: inline-block; font-size: 19px; font-weight: 700; color: #fff !important; text-decoration: none !important; transition: color 0.2s ease, opacity 0.2s ease; position: relative; padding-left: 28px; } .footer-phone-main::before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 18px; height: 18px; background: var(--red, #e30016); border-radius: 50%; opacity: 0.9; } .footer-phone-main:hover { color: var(--red, #e30016) !important; } .footer-phone-main:hover::before { opacity: 1; box-shadow: 0 0 8px rgba(227, 0, 22, 0.5); } .footer-email { font-size: 14px; color: rgba(255, 255, 255, 0.8) !important; text-decoration: none !important; transition: color 0.2s ease; } .footer-email:hover { color: var(--red, #e30016) !important; } .footer-socials { flex-wrap: wrap; gap: 10px; margin-top: 8px; } .footer-social-icon { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 12px; background: rgba(255, 255, 255, 0.08); color: #fff !important; text-decoration: none !important; transition: background 0.25s ease, color 0.25s ease, transform 0.2s ease; border: 1px solid rgba(255, 255, 255, 0.12); } .footer-social-icon:hover { background: var(--red, #e30016); border-color: var(--red, #e30016); transform: translateY(-2px); color: #fff !important; box-shadow: 0 4px 12px rgba(227, 0, 22, 0.35); } .footer-social-icon i { font-size: 18px; } /* --- Навигация — колонки --- */ .footer-nav { display: flex; flex-wrap: wrap; flex: 1 1 auto; gap: 28px 40px; min-width: 0; align-items: flex-start; justify-content: center; } .footer-col { flex: 1 1 150px; min-width: 150px; max-width: 200px; } .footer-col-contacts { max-width: 220px; } .footer-col-stores { max-width: 260px; min-width: 180px; } /* Триггер аккордеона (мобильный) — min 48px touch target (PageSpeed) */ .footer-col-trigger { display: none; width: 100%; min-height: 48px; padding: 16px 0; margin-bottom: 4px; background: none; border: none; border-bottom: 1px solid rgba(255, 255, 255, 0.1); color: #fff; font-size: 16px; font-weight: 600; text-align: left; cursor: pointer; align-items: center; justify-content: space-between; gap: 12px; transition: color 0.2s ease; font-family: inherit; } .footer-col-trigger:hover { color: var(--red, #e30016); } .footer-col-trigger i { font-size: 12px; transition: transform 0.25s ease; color: rgba(255, 255, 255, 0.7); } .footer-col-trigger[aria-expanded="true"], .footer-col-trigger.is-expanded { color: var(--red, #e30016); } .footer-col-trigger[aria-expanded="true"] i, .footer-col-trigger.is-expanded i { transform: rotate(180deg); color: var(--red, #e30016); } /* Каталог: ссылка + кнопка раскрытия */ .footer-col-trigger-catalog { display: flex; align-items: center; justify-content: space-between; gap: 12px; } .footer-col-trigger-link { color: inherit; text-decoration: none !important; pointer-events: auto; } .footer-col-trigger-link:hover { color: var(--red, #e30016); } .footer-col-trigger-btn { background: none; border: none; min-width: 48px; min-height: 48px; padding: 12px; margin: -8px -8px -8px 0; cursor: pointer; color: rgba(255, 255, 255, 0.7); } .footer-col-trigger-btn:hover { color: var(--red, #e30016); } /* Скрываем дублирующий заголовок — используется trigger */ .footer-col-title { display: none !important; } .footer-col-content { display: block; } .footer-list { list-style: none; margin: 0; padding: 0; } .footer-list li { margin: 0; padding: 0; } .footer-list li + li { margin-top: 4px; } .footer-list a { display: inline-block; min-height: 48px; padding: 12px 0; line-height: 1.4; font-size: 14px; line-height: 1.55; color: rgba(255, 255, 255, 0.8) !important; text-decoration: none !important; transition: color 0.2s ease, padding-left 0.2s ease; word-break: break-word; overflow-wrap: break-word; max-width: 100%; } .footer-list a:hover { color: var(--red, #e30016) !important; padding-left: 4px; } /* Длинные ссылки не выходят за границы */ .footer-list a { word-wrap: break-word; overflow-wrap: break-word; max-width: 100%; } /* Длинные ссылки — перенос, без overflow */ .footer-list a { word-break: break-word; overflow-wrap: break-word; max-width: 100%; } .footer-col-content h3, .footer-col-content h4 { margin: 0 0 14px; font-size: 15px; font-weight: 600; color: #fff; padding-bottom: 10px; border-bottom: 2px solid rgba(227, 0, 22, 0.4); display: inline-block; } .footer-list-phones a { white-space: nowrap; } .footer-stores-title { margin: 20px 0 10px; font-size: 14px; font-weight: 600; color: #fff; padding-bottom: 8px; border-bottom: 1px solid rgba(255, 255, 255, 0.08); display: block; } .footer-list-stores a { font-size: 13px; line-height: 1.6; white-space: normal; } /* Длинные ссылки — перенос, без горизонтального overflow */ .footer-list a { word-break: break-word; overflow-wrap: break-word; max-width: 100%; } .footer-list-tracking { margin-top: 14px; padding-top: 14px; border-top: 1px solid rgba(255, 255, 255, 0.08); } /* --- Desktop: колонки всегда видны, по центру (1200px+) --- */ @media (min-width: 1200px) { .footer-phone-main::before { display: none; } .footer-phone-main { padding-left: 0; } .footer-col-trigger { display: block !important; pointer-events: none; cursor: default; border: none; padding: 0 0 14px; margin-bottom: 6px; font-size: 16px; font-weight: 600; color: #fff; border-bottom: 2px solid rgba(227, 0, 22, 0.4); width: fit-content; } .footer-col-trigger:hover { color: #fff; } .footer-col-trigger i { display: none; } .footer-col-content { display: block !important; max-height: none !important; overflow: visible !important; } .footer-col-content h3, .footer-col-content h4 { display: none; } } /* --- Tablet (992–1199px): без горизонтального скролла --- */ @media (min-width: 992px) and (max-width: 1199px) { footer, .wrappower { overflow-x: hidden; max-width: 100%; } footer .container, .wrappower .container { max-width: 100%; overflow-x: hidden; } .footer-list a { word-break: break-word; overflow-wrap: break-word; } } /* --- Mobile + планшет: accordion, колонки свёрнуты (до 1199px) --- */ @media (max-width: 1199px) { footer { border-top-width: 3px; overflow-x: hidden; max-width: 100%; } footer .container { max-width: 100% !important; overflow-x: hidden; } .footer-main { padding: 28px 0 24px; } .footer-top { flex-direction: column; gap: 0; } .footer-brand { max-width: 100%; text-align: center; margin-bottom: 28px; padding-bottom: 28px; padding-right: 0; border-right: none; border-bottom: 1px solid rgba(255, 255, 255, 0.12); display: flex; flex-direction: column; align-items: center; } .footer-logo-link { display: flex; justify-content: center; margin-bottom: 20px; } .footer-logo-img { max-width: 110px; } .footer-cta { align-items: center; width: 100%; } .footer-phone-main { padding-left: 0; text-align: center; display: block; } .footer-phone-main::before { display: none; } .footer-email { text-align: center; } .footer-socials { justify-content: center; } .footer-nav { width: 100%; flex-direction: column; gap: 0; } .footer-col { flex: none; min-width: 100%; max-width: 100%; } .footer-col-trigger { display: flex !important; align-items: center; justify-content: center; text-align: center; pointer-events: auto; cursor: pointer; border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding: 16px 36px; position: relative; } .footer-col-trigger span, .footer-col-trigger .footer-col-trigger-link { flex: 0 0 auto; } .footer-col-trigger i, .footer-col-trigger .footer-col-trigger-btn { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); } /* Свёрнуто по умолчанию — плавное разворачивание по клику */ footer .footer-nav .footer-col .footer-col-content { max-height: 0 !important; overflow: hidden !important; opacity: 0; transition: max-height 0.4s ease-out, opacity 0.3s ease; } footer .footer-col-trigger[aria-expanded="true"] + .footer-col-content, footer .footer-col-trigger.is-expanded + .footer-col-content { max-height: 1000px !important; overflow: visible !important; opacity: 1; } /* Текст по центру в раскрытом содержимом */ .footer-col-content { padding: 12px 20px 20px; text-align: center; } .footer-col-content .footer-list { display: flex; flex-direction: column; align-items: center; } .footer-col-content .footer-list a { text-align: center; } .footer-col-content .footer-list a:hover { padding-left: 0; /* сохраняем центрирование при наведении */ } .footer-list li + li { margin-top: 12px; } .footer-list-stores a { font-size: 14px; } /* Перенос длинных ссылок, чтобы не вызывать overflow */ .footer-col-content .footer-list a { word-wrap: break-word; overflow-wrap: break-word; max-width: 100%; } /* wrappower (копирайт, баннер) — без горизонтального overflow */ .wrappower { max-width: 100%; overflow-x: hidden; box-sizing: border-box; } } /* Мобильное выезжающее меню (бургер): «Скидки» между Каталог и информационными ссылками */ @keyframes mobileMenuSalePulse { 0%, 100% { opacity: 1; color: #e30016; text-shadow: 0 0 0 rgba(227, 0, 22, 0); transform: scale(1); } 50% { opacity: 0.82; color: #ff3344; text-shadow: 0 0 12px rgba(227, 0, 22, 0.5); transform: scale(1.03); } } @media (max-width: 767px) { body .mobile_menu_container .mobile-menu-sale { border-bottom: 1px solid #eee; } body .mobile_menu_container .mobile-menu-sale__link { display: block; padding: 14px 15px 14px 18px; font-weight: 600; font-size: 15px; text-decoration: none; color: #e30016; line-height: 1.35; } body .mobile_menu_container .mobile-menu-sale__link:hover, body .mobile_menu_container .mobile-menu-sale__link:focus { background: rgba(227, 0, 22, 0.07); color: #c40012; } body .mobile_menu_container .mobile-menu-sale__text { display: inline-block; animation: mobileMenuSalePulse 2s ease-in-out infinite; } } @media (max-width: 767px) and (prefers-reduced-motion: reduce) { body .mobile_menu_container .mobile-menu-sale__text { animation: none; text-shadow: none; transform: none; } } /** * Карточки товаров — все страницы используют home_product_card (как «Новинки, Скидки, Рекомендуем») */ /* Видео вместо картинки в карточке — autoplay muted loop */ .home-products-card__image .home-products-card__video { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; aspect-ratio: 1 !important; } .home-products-card__image { position: relative !important; aspect-ratio: 1 !important; overflow: hidden !important; background: #f5f5f5 !important; } .home-products-card__image a { display: block !important; width: 100% !important; height: 100% !important; aspect-ratio: 1 !important; } .home-products-card__image a img, .home-products-card__image a video { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; } /* home-products-card идентична модулю «Новинки» — для всех страниц с товарами */ #product-category .products-wrapper .product-layout, #product-catalog .products-wrapper .product-layout, #product-manufacturer .products-wrapper .product-layout, #product-search .products-wrapper .product-layout, #product-special .products-wrapper .product-layout { display: flex !important; flex-direction: column !important; } #product-category .product-layout .home-products-card, #product-catalog .product-layout .home-products-card, #product-manufacturer .product-layout .home-products-card, #product-search .product-layout .home-products-card, #product-special .product-layout .home-products-card { display: flex !important; flex-direction: column !important; flex: 1 !important; min-height: 0 !important; background: #fff !important; border: 1px solid #e8e8e8 !important; border-radius: 12px !important; overflow: hidden !important; } #product-category .product-layout .home-products-card .home-products-card__inner, #product-catalog .product-layout .home-products-card .home-products-card__inner, #product-manufacturer .product-layout .home-products-card .home-products-card__inner, #product-search .product-layout .home-products-card .home-products-card__inner, #product-special .product-layout .home-products-card .home-products-card__inner { flex: 1 !important; display: flex !important; flex-direction: column !important; } #product-category .product-layout .home-products-card .home-products-card__body, #product-catalog .product-layout .home-products-card .home-products-card__body, #product-manufacturer .product-layout .home-products-card .home-products-card__body, #product-search .product-layout .home-products-card .home-products-card__body, #product-special .product-layout .home-products-card .home-products-card__body { flex: 1 !important; display: flex !important; flex-direction: column !important; } #product-category .product-layout .home-products-card:hover, #product-catalog .product-layout .home-products-card:hover, #product-manufacturer .product-layout .home-products-card:hover, #product-search .product-layout .home-products-card:hover, #product-special .product-layout .home-products-card:hover { transform: translateY(-2px) !important; box-shadow: 0 8px 24px rgba(0,0,0,0.15) !important; } /* Контейнер: Bootstrap row */ #product-category .row.products-wrapper, #product-catalog .row.products-wrapper, #product-manufacturer .row.products-wrapper, #product-search .row.products-wrapper { display: flex !important; flex-wrap: wrap !important; margin-left: -15px !important; margin-right: -15px !important; } #product-category .products-wrapper .product-layout, #product-catalog .products-wrapper .product-layout, #product-manufacturer .products-wrapper .product-layout, #product-search .products-wrapper .product-layout { padding-left: 15px !important; padding-right: 15px !important; margin-bottom: 30px !important; } /* Страница поиска: 4 карточки в ряд, компактный размер */ @media (min-width: 993px) { #product-search .products-wrapper .product-layout { margin-bottom: 20px !important; } #product-search .product-layout .home-products-card { border-radius: 10px !important; } #product-search .product-layout .home-products-card .home-products-card__body { padding: 10px 12px 12px !important; } #product-search .product-layout .home-products-card .home-products-card__title { font-size: 14px !important; line-height: 1.3 !important; margin-bottom: 8px !important; min-height: 36px !important; } #product-search .product-layout .home-products-card .home-products-card__price { font-size: 14px !important; margin-bottom: 8px !important; } #product-search .product-layout .home-products-card .home-products-card__price .price-old { font-size: 12px !important; } #product-search .product-layout .home-products-card .home-products-card__availability { gap: 4px !important; margin-bottom: 8px !important; } #product-search .product-layout .home-products-card .home-products-card__availability .av { font-size: 11px !important; padding: 5px 4px !important; } #product-search .product-layout .home-products-card .home-products-card__actions .button-shop, #product-search .product-layout .home-products-card .home-products-card__actions .availability-inquiry-btn { font-size: 14px !important; padding: 8px 10px !important; line-height: 1.3 !important; } #product-search .product-layout .home-products-card .home-products-card__wishlist { width: 36px !important; height: 36px !important; top: 10px !important; right: 10px !important; } #product-search .product-layout .home-products-card .home-products-card__discount-badge { font-size: 11px !important; padding: 2px 6px !important; } } /* Карточка — как в модуле «Новинки»: белый фон, скругления 12px */ #product-category .products-wrapper .product-thumb, #product-catalog .products-wrapper .product-thumb, #product-manufacturer .products-wrapper .product-thumb, #product-search .products-wrapper .product-thumb { position: relative !important; display: flex !important; flex-direction: column !important; height: 100% !important; background: #fff !important; border: 1px solid #e8e8e8 !important; border-radius: 12px !important; overflow: hidden !important; padding: 0 !important; margin: 0 !important; transition: transform 0.2s, box-shadow 0.2s !important; } #product-category .products-wrapper .product-thumb:hover, #product-catalog .products-wrapper .product-thumb:hover, #product-manufacturer .products-wrapper .product-thumb:hover, #product-search .products-wrapper .product-thumb:hover { transform: translateY(-2px) !important; box-shadow: 0 8px 24px rgba(0,0,0,0.15) !important; position: relative !important; top: auto !important; left: auto !important; } /* Кнопки и наличие всегда видны */ #product-category .products-wrapper .product-thumb .button-group, #product-category .products-wrapper .product-thumb .button-group-absolute, #product-category .products-wrapper .product-thumb .availability, #product-catalog .products-wrapper .product-thumb .button-group, #product-catalog .products-wrapper .product-thumb .button-group-absolute, #product-catalog .products-wrapper .product-thumb .availability, #product-manufacturer .products-wrapper .product-thumb .button-group, #product-manufacturer .products-wrapper .product-thumb .button-group-absolute, #product-manufacturer .products-wrapper .product-thumb .availability, #product-search .products-wrapper .product-thumb .button-group, #product-search .products-wrapper .product-thumb .button-group-absolute, #product-search .products-wrapper .product-thumb .availability { opacity: 1 !important; display: flex !important; } /* Изображение — 1:1, светлый фон под картинкой */ #product-category .products-wrapper .product-thumb .image, #product-catalog .products-wrapper .product-thumb .image, #product-manufacturer .products-wrapper .product-thumb .image, #product-search .products-wrapper .product-thumb .image { position: relative !important; aspect-ratio: 1 !important; overflow: hidden !important; margin: 0 !important; background: #f5f5f5 !important; } #product-category .products-wrapper .product-thumb .image img, #product-catalog .products-wrapper .product-thumb .image img, #product-manufacturer .products-wrapper .product-thumb .image img, #product-search .products-wrapper .product-thumb .image img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; padding: 0 !important; } /* Тело карточки — padding 16px */ #product-category .products-wrapper .product-thumb > div:last-of-type, #product-catalog .products-wrapper .product-thumb > div:last-of-type, #product-manufacturer .products-wrapper .product-thumb > div:last-of-type, #product-search .products-wrapper .product-thumb > div:last-of-type { display: flex !important; flex-direction: column !important; flex: 1 !important; padding: 16px !important; } #product-category .products-wrapper .product-thumb .caption, #product-catalog .products-wrapper .product-thumb .caption, #product-manufacturer .products-wrapper .product-thumb .caption, #product-search .products-wrapper .product-thumb .caption { min-height: auto !important; padding: 0 !important; } #product-category .products-wrapper .product-thumb .caption .description, #product-catalog .products-wrapper .product-thumb .caption .description, #product-manufacturer .products-wrapper .product-thumb .caption .description, #product-search .products-wrapper .product-thumb .caption .description { display: none !important; } #product-category .products-wrapper .product-thumb .caption .rating, #product-catalog .products-wrapper .product-thumb .caption .rating, #product-manufacturer .products-wrapper .product-thumb .caption .rating, #product-search .products-wrapper .product-thumb .caption .rating { display: none !important; } /* Название — 17px, bold, center (как home-products-card__title) */ #product-category .products-wrapper .product-thumb .caption .title, #product-category .products-wrapper .product-thumb .caption h2.title, #product-category .products-wrapper .product-thumb .caption h4.title, #product-catalog .products-wrapper .product-thumb .caption .title, #product-catalog .products-wrapper .product-thumb .caption h2.title, #product-catalog .products-wrapper .product-thumb .caption h4.title, #product-manufacturer .products-wrapper .product-thumb .caption .title, #product-manufacturer .products-wrapper .product-thumb .caption h2.title, #product-manufacturer .products-wrapper .product-thumb .caption h4.title, #product-search .products-wrapper .product-thumb .caption .title, #product-search .products-wrapper .product-thumb .caption h2.title, #product-search .products-wrapper .product-thumb .caption h4.title { margin: 0 0 12px !important; font-size: 17px !important; line-height: 1.35 !important; font-weight: 700 !important; text-align: center !important; } #product-category .products-wrapper .product-thumb .caption .title a, #product-catalog .products-wrapper .product-thumb .caption .title a, #product-manufacturer .products-wrapper .product-thumb .caption .title a, #product-search .products-wrapper .product-thumb .caption .title a { color: #000 !important; text-decoration: none !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; text-align: center !important; } /* Артикул — компактно */ #product-category .products-wrapper .product-thumb .product-model, #product-catalog .products-wrapper .product-thumb .product-model, #product-manufacturer .products-wrapper .product-thumb .product-model, #product-search .products-wrapper .product-thumb .product-model { text-align: center !important; margin: 0 0 8px !important; font-size: 12px !important; color: #666 !important; } #product-category .products-wrapper .product-thumb .product-model::before, #product-category .products-wrapper .product-thumb .product-model::after, #product-catalog .products-wrapper .product-thumb .product-model::before, #product-catalog .products-wrapper .product-thumb .product-model::after, #product-manufacturer .products-wrapper .product-thumb .product-model::before, #product-manufacturer .products-wrapper .product-thumb .product-model::after, #product-search .products-wrapper .product-thumb .product-model::before, #product-search .products-wrapper .product-thumb .product-model::after { display: none !important; } /* Цена — 16px, center (как home-products-card__price) */ #product-category .products-wrapper .product-thumb .caption .price, #product-catalog .products-wrapper .product-thumb .caption .price, #product-manufacturer .products-wrapper .product-thumb .caption .price, #product-search .products-wrapper .product-thumb .caption .price { display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: center !important; gap: 8px !important; margin: 0 0 12px !important; font-size: 16px !important; font-weight: 600 !important; text-align: center !important; color: #000 !important; } #product-category .products-wrapper .product-thumb .caption .price .price-old, #product-catalog .products-wrapper .product-thumb .caption .price .price-old, #product-manufacturer .products-wrapper .product-thumb .caption .price .price-old, #product-search .products-wrapper .product-thumb .caption .price .price-old, #product-special .products-wrapper .product-thumb .caption .price .price-old { text-decoration: line-through !important; color: #555 !important; font-size: 14px !important; font-weight: 400 !important; margin-right: 8px !important; } #product-category .products-wrapper .product-thumb .caption .price .price-new, #product-catalog .products-wrapper .product-thumb .caption .price .price-new, #product-manufacturer .products-wrapper .product-thumb .caption .price .price-new { color: var(--red, #e30016) !important; font-weight: 600 !important; } #product-category .products-wrapper .product-thumb .caption .price .price-discount, #product-catalog .products-wrapper .product-thumb .caption .price .price-discount, #product-manufacturer .products-wrapper .product-thumb .caption .price .price-discount, #product-search .products-wrapper .product-thumb .caption .price .price-discount { margin-left: 4px !important; font-size: 13px !important; color: var(--red, #e30016) !important; font-weight: 600 !important; } /* Наличие — чипы как в home-products */ #product-category .products-wrapper .product-thumb .availability.row, #product-catalog .products-wrapper .product-thumb .availability.row, #product-manufacturer .products-wrapper .product-thumb .availability.row, #product-search .products-wrapper .product-thumb .availability.row { margin-left: 0 !important; margin-right: 0 !important; } #product-category .products-wrapper .product-thumb .availability, #product-catalog .products-wrapper .product-thumb .availability, #product-manufacturer .products-wrapper .product-thumb .availability, #product-search .products-wrapper .product-thumb .availability { display: grid !important; grid-template-columns: 1fr 1fr !important; grid-auto-rows: 1fr !important; gap: 6px !important; margin: 0 0 14px !important; padding: 0 !important; list-style: none !important; font-size: 13px !important; font-weight: 600 !important; } #product-category .products-wrapper .product-thumb .availability .availability-item, #product-category .products-wrapper .product-thumb .availability .col-4, #product-category .products-wrapper .product-thumb .availability .col-12, #product-catalog .products-wrapper .product-thumb .availability .availability-item, #product-catalog .products-wrapper .product-thumb .availability .col-4, #product-catalog .products-wrapper .product-thumb .availability .col-12, #product-manufacturer .products-wrapper .product-thumb .availability .availability-item, #product-manufacturer .products-wrapper .product-thumb .availability .col-4, #product-manufacturer .products-wrapper .product-thumb .availability .col-12, #product-search .products-wrapper .product-thumb .availability .availability-item, #product-search .products-wrapper .product-thumb .availability .col-4, #product-search .products-wrapper .product-thumb .availability .col-12 { display: flex !important; align-items: center !important; justify-content: center !important; text-align: center !important; padding: 8px 6px !important; border-radius: 12px !important; white-space: normal !important; word-break: break-word !important; min-width: 0 !important; line-height: 1.25 !important; box-sizing: border-box !important; } #product-category .products-wrapper .product-thumb .availability .availability-item.active, #product-catalog .products-wrapper .product-thumb .availability .availability-item.active, #product-manufacturer .products-wrapper .product-thumb .availability .availability-item.active, #product-search .products-wrapper .product-thumb .availability .availability-item.active { background: var(--red, #e30016) !important; color: #fff !important; text-decoration: none !important; box-shadow: 0 1px 3px rgba(227,0,22,0.3) !important; } #product-category .products-wrapper .product-thumb .availability .availability-item:not(.active), #product-catalog .products-wrapper .product-thumb .availability .availability-item:not(.active), #product-manufacturer .products-wrapper .product-thumb .availability .availability-item:not(.active), #product-search .products-wrapper .product-thumb .availability .availability-item:not(.active) { background: #555 !important; color: #fff !important; text-decoration: line-through !important; } /* Кнопка «В корзину» — 24px, как в home-products */ #product-category .products-wrapper .product-thumb .button-group, #product-catalog .products-wrapper .product-thumb .button-group, #product-manufacturer .products-wrapper .product-thumb .button-group, #product-search .products-wrapper .product-thumb .button-group { position: relative !important; margin: 0 !important; padding: 0 !important; } #product-category .products-wrapper .product-thumb .button-group .button-shop, #product-category .products-wrapper .product-thumb .button-group .availability-inquiry-btn, #product-catalog .products-wrapper .product-thumb .button-group .button-shop, #product-catalog .products-wrapper .product-thumb .button-group .availability-inquiry-btn, #product-manufacturer .products-wrapper .product-thumb .button-group .button-shop, #product-manufacturer .products-wrapper .product-thumb .button-group .availability-inquiry-btn, #product-search .products-wrapper .product-thumb .button-group .button-shop, #product-search .products-wrapper .product-thumb .button-group .availability-inquiry-btn, #product-special .products-wrapper .product-thumb .button-group .button-shop, #product-special .products-wrapper .product-thumb .button-group .availability-inquiry-btn { width: 100% !important; padding: 12px 16px !important; font-size: 24px !important; font-weight: 400 !important; line-height: 38px !important; color: #fff !important; background: #333 !important; border: 1px solid #555 !important; border-radius: 12px !important; cursor: pointer !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: background-color 0.3s, color 0.3s, border-color 0.3s !important; } #product-category .products-wrapper .product-thumb .button-group .button-shop:hover, #product-category .products-wrapper .product-thumb .button-group .availability-inquiry-btn:hover, #product-catalog .products-wrapper .product-thumb .button-group .button-shop:hover, #product-catalog .products-wrapper .product-thumb .button-group .availability-inquiry-btn:hover, #product-manufacturer .products-wrapper .product-thumb .button-group .button-shop:hover, #product-manufacturer .products-wrapper .product-thumb .button-group .availability-inquiry-btn:hover, #product-search .products-wrapper .product-thumb .button-group .button-shop:hover, #product-search .products-wrapper .product-thumb .button-group .availability-inquiry-btn:hover, #product-special .products-wrapper .product-thumb .button-group .button-shop:hover, #product-special .products-wrapper .product-thumb .button-group .availability-inquiry-btn:hover { color: #fff !important; background: #000 !important; border-color: #000 !important; } /* «Нет в наличии» — как кнопка «Купить», но не кликабельна */ #product-category .products-wrapper .product-thumb .button-group .out-of-stock-text, #product-category .products-wrapper .product-thumb .button-group .button-shop.out-of-stock-text, #product-catalog .products-wrapper .product-thumb .button-group .out-of-stock-text, #product-catalog .products-wrapper .product-thumb .button-group .button-shop.out-of-stock-text, #product-manufacturer .products-wrapper .product-thumb .button-group .out-of-stock-text, #product-manufacturer .products-wrapper .product-thumb .button-group .button-shop.out-of-stock-text, #product-search .products-wrapper .product-thumb .button-group .out-of-stock-text, #product-search .products-wrapper .product-thumb .button-group .button-shop.out-of-stock-text, #product-special .products-wrapper .product-thumb .button-group .out-of-stock-text, #product-special .products-wrapper .product-thumb .button-group .button-shop.out-of-stock-text, .mainpage-products-module .product-thumb .button-group .out-of-stock-text, .mainpage-products-module .product-thumb .button-group .button-shop.out-of-stock-text, .product-thumb .button-group .out-of-stock-text, .product-thumb .button-group .button-shop.out-of-stock-text { width: 100% !important; padding: 12px 16px !important; font-size: 24px !important; font-weight: 400 !important; line-height: 38px !important; color: #fff !important; background: #333 !important; border: 1px solid #555 !important; border-radius: 12px !important; cursor: default !important; pointer-events: none !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; } /* Избранное — glassmorphism как в home-products */ #product-category .products-wrapper .product-thumb .button-group-absolute, #product-catalog .products-wrapper .product-thumb .button-group-absolute, #product-manufacturer .products-wrapper .product-thumb .button-group-absolute, #product-search .products-wrapper .product-thumb .button-group-absolute { position: absolute !important; top: 14px !important; right: 14px !important; z-index: 3 !important; } #product-category .products-wrapper .product-thumb .button-group-absolute .button-icon, #product-catalog .products-wrapper .product-thumb .button-group-absolute .button-icon, #product-manufacturer .products-wrapper .product-thumb .button-group-absolute .button-icon, #product-search .products-wrapper .product-thumb .button-group-absolute .button-icon { width: 44px !important; height: 44px !important; display: flex !important; align-items: center !important; justify-content: center !important; background: rgba(0,0,0,0.45) !important; backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; border: 1px solid rgba(255,255,255,0.25) !important; border-radius: 12px !important; color: #fff !important; box-shadow: 0 2px 12px rgba(0,0,0,0.25) !important; transition: transform 0.2s, background 0.25s !important; } #product-category .products-wrapper .product-thumb .button-group-absolute .button-icon:hover, #product-catalog .products-wrapper .product-thumb .button-group-absolute .button-icon:hover, #product-manufacturer .products-wrapper .product-thumb .button-group-absolute .button-icon:hover, #product-search .products-wrapper .product-thumb .button-group-absolute .button-icon:hover { background: rgba(0,0,0,0.6) !important; transform: scale(1.05) !important; } #product-category .products-wrapper .product-thumb .button-group-absolute .button-icon.active, #product-catalog .products-wrapper .product-thumb .button-group-absolute .button-icon.active, #product-manufacturer .products-wrapper .product-thumb .button-group-absolute .button-icon.active, #product-search .products-wrapper .product-thumb .button-group-absolute .button-icon.active, #product-category .products-wrapper .product-thumb .button-group-absolute .button-icon.wl-add, #product-catalog .products-wrapper .product-thumb .button-group-absolute .button-icon.wl-add, #product-manufacturer .products-wrapper .product-thumb .button-group-absolute .button-icon.wl-add, #product-search .products-wrapper .product-thumb .button-group-absolute .button-icon.wl-add { background: rgba(227,0,22,0.95) !important; border-color: rgba(255,255,255,0.5) !important; color: #fff !important; box-shadow: 0 4px 16px rgba(227,0,22,0.4) !important; } /* Мобильная версия — как home-products */ @media (max-width: 767px) { #product-category .products-wrapper .product-thumb > div:last-of-type, #product-catalog .products-wrapper .product-thumb > div:last-of-type, #product-manufacturer .products-wrapper .product-thumb > div:last-of-type, #product-search .products-wrapper .product-thumb > div:last-of-type { padding: 12px !important; } #product-category .products-wrapper .product-thumb .caption .title, #product-category .products-wrapper .product-thumb .caption h2.title, #product-catalog .products-wrapper .product-thumb .caption .title, #product-catalog .products-wrapper .product-thumb .caption h2.title, #product-manufacturer .products-wrapper .product-thumb .caption .title, #product-manufacturer .products-wrapper .product-thumb .caption h2.title, #product-search .products-wrapper .product-thumb .caption .title, #product-search .products-wrapper .product-thumb .caption h2.title { font-size: 15px !important; } #product-category .products-wrapper .product-thumb .availability, #product-catalog .products-wrapper .product-thumb .availability, #product-manufacturer .products-wrapper .product-thumb .availability, #product-search .products-wrapper .product-thumb .availability { gap: 6px !important; font-size: 13px !important; } #product-category .products-wrapper .product-thumb .availability .availability-item, #product-category .products-wrapper .product-thumb .availability .col-4, #product-category .products-wrapper .product-thumb .availability .col-12, #product-catalog .products-wrapper .product-thumb .availability .availability-item, #product-catalog .products-wrapper .product-thumb .availability .col-4, #product-catalog .products-wrapper .product-thumb .availability .col-12, #product-manufacturer .products-wrapper .product-thumb .availability .availability-item, #product-manufacturer .products-wrapper .product-thumb .availability .col-4, #product-manufacturer .products-wrapper .product-thumb .availability .col-12, #product-search .products-wrapper .product-thumb .availability .availability-item, #product-search .products-wrapper .product-thumb .availability .col-4, #product-search .products-wrapper .product-thumb .availability .col-12 { padding: 8px 8px !important; font-size: 13px !important; } #product-category .products-wrapper .product-thumb .button-group .button-shop, #product-catalog .products-wrapper .product-thumb .button-group .button-shop, #product-manufacturer .products-wrapper .product-thumb .button-group .button-shop, #product-search .products-wrapper .product-thumb .button-group .button-shop, #product-special .products-wrapper .product-thumb .button-group .button-shop { font-size: 18px !important; line-height: 1.4 !important; padding: 10px 12px !important; } } /* Мобильная версия — единый стиль как на странице акций (для всех страниц с товарами) */ @media (max-width: 992px) { #product-category .filters-wrapper, #product-catalog .filters-wrapper, #product-manufacturer .filters-wrapper, #product-search .filters-wrapper, #product-special .filters-wrapper { display: flex !important; flex-wrap: wrap !important; align-items: flex-start !important; gap: 15px !important; margin: 15px 0 !important; padding: 12px 15px !important; background: #fff !important; border: 1px solid #e0e0e0 !important; border-radius: 12px !important; } #product-category .filters-wrapper .multipleSelection, #product-catalog .filters-wrapper .multipleSelection, #product-manufacturer .filters-wrapper .multipleSelection, #product-search .filters-wrapper .multipleSelection, #product-special .filters-wrapper .multipleSelection { flex: 1 1 100% !important; min-width: 0 !important; width: 100% !important; max-width: 100% !important; } #product-category .filters-wrapper .sort-block, #product-catalog .filters-wrapper .sort-block, #product-manufacturer .filters-wrapper .sort-block, #product-search .filters-wrapper .sort-block, #product-special .filters-wrapper .sort-block { flex: 1 1 100% !important; min-width: 0 !important; width: 100% !important; max-width: 100% !important; } #product-category .filters-wrapper .sort-block .form-group, #product-catalog .filters-wrapper .sort-block .form-group, #product-manufacturer .filters-wrapper .sort-block .form-group, #product-search .filters-wrapper .sort-block .form-group, #product-special .filters-wrapper .sort-block .form-group { width: 100% !important; max-width: 100% !important; } #product-category .filters-wrapper .sort-block #input-sort, #product-category .filters-wrapper .sort-block .custom-select-wrapper, #product-catalog .filters-wrapper .sort-block #input-sort, #product-catalog .filters-wrapper .sort-block .custom-select-wrapper, #product-manufacturer .filters-wrapper .sort-block #input-sort, #product-manufacturer .filters-wrapper .sort-block .custom-select-wrapper, #product-search .filters-wrapper .sort-block #input-sort, #product-search .filters-wrapper .sort-block .custom-select-wrapper, #product-special .filters-wrapper .sort-block #input-sort, #product-special .filters-wrapper .sort-block .custom-select-wrapper { width: 100% !important; min-width: 0 !important; max-width: 100% !important; } #product-category .filters-wrapper .sort-block .custom-select, #product-catalog .filters-wrapper .sort-block .custom-select, #product-manufacturer .filters-wrapper .sort-block .custom-select, #product-search .filters-wrapper .sort-block .custom-select, #product-special .filters-wrapper .sort-block .custom-select { width: 100% !important; box-sizing: border-box !important; } /* Скрыть "Сортировка:" на мобильной везде */ #product-category .filters-wrapper .sort-block label[for="input-sort"], #product-catalog .filters-wrapper .sort-block label[for="input-sort"], #product-manufacturer .filters-wrapper .sort-block label[for="input-sort"], #product-search .filters-wrapper .sort-block label[for="input-sort"], #product-special .filters-wrapper .sort-block label[for="input-sort"] { display: none !important; } } /* Переключатель вида товаров — отдельная строка, не мешает фильтрам */ @media (max-width: 992px) { .view-switcher-mobile { display: flex !important; align-items: center !important; gap: 12px !important; margin: 10px 0 16px !important; padding: 10px 15px !important; background: #fff !important; border: 1px solid #e0e0e0 !important; border-radius: 12px !important; } .view-switcher-mobile__label { font-size: 14px !important; color: #666 !important; font-weight: 500 !important; } .view-switcher-mobile__btns { display: flex !important; gap: 0 !important; border-radius: 8px !important; overflow: hidden !important; border: 1px solid #e0e0e0 !important; } .view-switcher-mobile__btn { display: flex !important; align-items: center !important; gap: 6px !important; padding: 8px 14px !important; font-size: 13px !important; background: #f5f5f5 !important; border: none !important; border-right: 1px solid #e0e0e0 !important; cursor: pointer !important; color: #666 !important; transition: background .2s, color .2s !important; } .view-switcher-mobile__btn:last-child { border-right: none !important; } .view-switcher-mobile__btn:hover { background: #eee !important; color: #333 !important; } .view-switcher-mobile__btn.activebtnmobile { background: #333 !important; color: #666 !important; border-color: #333 !important; } .view-switcher-mobile__btn svg { flex-shrink: 0 !important; } } @media (min-width: 993px) { .view-switcher-mobile { display: none !important; } } /* Переключение 2 колонки / 1 колонка на мобильной — для home-products-card */ @media (max-width: 992px) { #product-category .products-wrapper.activewrapmobile > .product-layout, #product-catalog .products-wrapper.activewrapmobile > .product-layout, #product-manufacturer .products-wrapper.activewrapmobile > .product-layout, #product-search .products-wrapper.activewrapmobile > .product-layout, #product-special .products-wrapper.activewrapmobile > .product-layout { flex: 0 0 50% !important; max-width: 50% !important; } #product-category .products-wrapper.activewrapmobile .home-products-card__title, #product-catalog .products-wrapper.activewrapmobile .home-products-card__title, #product-manufacturer .products-wrapper.activewrapmobile .home-products-card__title, #product-search .products-wrapper.activewrapmobile .home-products-card__title, #product-special .products-wrapper.activewrapmobile .home-products-card__title { font-size: 12px !important; line-height: 1.25 !important; min-height: 35px !important; } #product-category .products-wrapper.activewrapmobile .home-products-card__availability .av, #product-catalog .products-wrapper.activewrapmobile .home-products-card__availability .av, #product-manufacturer .products-wrapper.activewrapmobile .home-products-card__availability .av, #product-search .products-wrapper.activewrapmobile .home-products-card__availability .av, #product-special .products-wrapper.activewrapmobile .home-products-card__availability .av { font-size: 12px !important; padding: 6px 4px !important; } #product-category .products-wrapper.activewrapmobile .home-products-card__actions .button-shop, #product-catalog .products-wrapper.activewrapmobile .home-products-card__actions .button-shop, #product-manufacturer .products-wrapper.activewrapmobile .home-products-card__actions .button-shop, #product-search .products-wrapper.activewrapmobile .home-products-card__actions .button-shop, #product-special .products-wrapper.activewrapmobile .home-products-card__actions .button-shop { font-size: 12px !important; padding: 8px 6px !important; } } /* Дополнительные мобильные стили — контейнер и отступы как на акциях */ @media (max-width: 767px) { #product-category .products-wrapper, #product-catalog .products-wrapper, #product-manufacturer .products-wrapper, #product-search .products-wrapper, #product-special .products-wrapper { margin-left: -8px !important; margin-right: -8px !important; } #product-category .products-wrapper .product-layout, #product-catalog .products-wrapper .product-layout, #product-manufacturer .products-wrapper .product-layout, #product-search .products-wrapper .product-layout, #product-special .products-wrapper .product-layout { padding-left: 8px !important; padding-right: 8px !important; margin-bottom: 16px !important; } #product-category .products-wrapper .home-products-card, #product-catalog .products-wrapper .home-products-card, #product-manufacturer .products-wrapper .home-products-card, #product-search .products-wrapper .home-products-card, #product-special .products-wrapper .home-products-card { border-radius: 12px !important; overflow: hidden !important; } } /* Страница поиска: 4 карточки в ряд, компактный размер */ @media (min-width: 993px) { #product-search .products-wrapper .product-layout { margin-bottom: 20px !important; } #product-search .product-layout .home-products-card { border-radius: 10px !important; } #product-search .product-layout .home-products-card .home-products-card__body { padding: 10px 12px !important; } #product-search .product-layout .home-products-card .home-products-card__title { font-size: 14px !important; line-height: 1.3 !important; min-height: 36px !important; } #product-search .product-layout .home-products-card .home-products-card__price { font-size: 14px !important; margin-bottom: 8px !important; } #product-search .product-layout .home-products-card .home-products-card__availability { gap: 4px !important; margin-bottom: 10px !important; } #product-search .product-layout .home-products-card .home-products-card__availability .av { font-size: 11px !important; padding: 5px 4px !important; } #product-search .product-layout .home-products-card .home-products-card__actions .button-shop, #product-search .product-layout .home-products-card .home-products-card__actions .availability-inquiry-btn { font-size: 14px !important; padding: 8px 10px !important; line-height: 1.4 !important; } #product-search .product-layout .home-products-card .home-products-card__wishlist { width: 36px !important; height: 36px !important; top: 10px !important; right: 10px !important; } } /* Страница поиска: 4 карточки в ряд, компактный размер */ @media (min-width: 993px) { #product-search .products-wrapper .product-layout { margin-bottom: 20px !important; } #product-search .product-layout .home-products-card { border-radius: 10px !important; } #product-search .product-layout .home-products-card .home-products-card__body { padding: 10px 12px !important; } #product-search .product-layout .home-products-card .home-products-card__title { font-size: 14px !important; line-height: 1.3 !important; min-height: 36px !important; } #product-search .product-layout .home-products-card .home-products-card__price { font-size: 14px !important; margin-bottom: 8px !important; } #product-search .product-layout .home-products-card .home-products-card__availability { gap: 4px !important; margin-bottom: 10px !important; } #product-search .product-layout .home-products-card .home-products-card__availability .av { font-size: 11px !important; padding: 5px 4px !important; } #product-search .product-layout .home-products-card .home-products-card__actions .button-shop, #product-search .product-layout .home-products-card .home-products-card__actions .availability-inquiry-btn { font-size: 14px !important; padding: 8px 10px !important; line-height: 1.3 !important; } #product-search .product-layout .home-products-card .home-products-card__wishlist { width: 36px !important; height: 36px !important; top: 10px !important; right: 10px !important; } } /* «Нет в наличии» — глобально: страница товара, wishlist, compare, delivery, city */ #product-product .out-of-stock-text, #account-wishlist .out-of-stock-text, #account-wishlist .btn.out-of-stock-text, #product-compare .out-of-stock-text, #product-compare .btn.out-of-stock-text, #information-delivery .out-of-stock-text, #information-delivery .button-shop.out-of-stock-text, #information-city .out-of-stock-text, #information-city .button-shop.out-of-stock-text, .out-of-stock-text, .button-shop.out-of-stock-text, .btn.out-of-stock-text { width: 100% !important; max-width: 100% !important; padding: 12px 16px !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.5 !important; color: #fff !important; background: #333 !important; border: 1px solid #555 !important; border-radius: 12px !important; cursor: default !important; pointer-events: none !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; text-align: center !important; } /* «Уточнить наличие» — те же цвета/эффекты, что кнопка «В корзину» в .home-products-card__actions */ #product-product .availability-inquiry-btn, #account-wishlist .availability-inquiry-btn, #product-compare .availability-inquiry-btn, #information-delivery .availability-inquiry-btn, #information-city .availability-inquiry-btn { width: 100% !important; max-width: 100% !important; padding: 12px 16px !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.5 !important; color: var(--white, #fff) !important; background: var(--dark-gray, #292929) !important; border: 1px solid var(--gray-border, #5f5f5f) !important; border-radius: 12px !important; cursor: pointer !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; text-align: center !important; transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease !important; } #product-product .availability-inquiry-btn:hover, #product-product .availability-inquiry-btn:focus-visible, #account-wishlist .availability-inquiry-btn:hover, #account-wishlist .availability-inquiry-btn:focus-visible, #product-compare .availability-inquiry-btn:hover, #product-compare .availability-inquiry-btn:focus-visible, #information-delivery .availability-inquiry-btn:hover, #information-delivery .availability-inquiry-btn:focus-visible, #information-city .availability-inquiry-btn:hover, #information-city .availability-inquiry-btn:focus-visible { color: var(--white, #fff) !important; background: var(--black, #000) !important; border-color: var(--black, #000) !important; } /* Страница поиска: 4 карточки в ряд, компактный размер */ @media (min-width: 993px) { #product-search .products-wrapper .product-layout { margin-bottom: 20px !important; } #product-search .product-layout .home-products-card { border-radius: 10px !important; } #product-search .product-layout .home-products-card .home-products-card__body { padding: 10px 12px !important; } #product-search .product-layout .home-products-card .home-products-card__title { font-size: 14px !important; line-height: 1.3 !important; margin-bottom: 8px !important; } #product-search .product-layout .home-products-card .home-products-card__price { font-size: 14px !important; margin-bottom: 8px !important; } #product-search .product-layout .home-products-card .home-products-card__availability { gap: 4px !important; margin-bottom: 10px !important; } #product-search .product-layout .home-products-card .home-products-card__availability .av { font-size: 11px !important; padding: 5px 4px !important; } #product-search .product-layout .home-products-card .home-products-card__actions .button-shop, #product-search .product-layout .home-products-card .home-products-card__actions .availability-inquiry-btn { font-size: 14px !important; padding: 8px 10px !important; line-height: 1.4 !important; } #product-search .product-layout .home-products-card .home-products-card__wishlist { width: 36px !important; height: 36px !important; top: 10px !important; right: 10px !important; } } /* Страница поиска: 4 карточки в ряд, компактный размер */ @media (min-width: 993px) { #product-search .products-wrapper .product-layout { margin-bottom: 20px !important; } #product-search .product-layout .home-products-card { border-radius: 10px !important; } #product-search .product-layout .home-products-card .home-products-card__body { padding: 10px 12px !important; } #product-search .product-layout .home-products-card .home-products-card__title { font-size: 14px !important; line-height: 1.3 !important; margin-bottom: 8px !important; } #product-search .product-layout .home-products-card .home-products-card__price { font-size: 14px !important; margin-bottom: 8px !important; } #product-search .product-layout .home-products-card .home-products-card__availability { gap: 4px !important; margin-bottom: 10px !important; } #product-search .product-layout .home-products-card .home-products-card__availability .av { font-size: 11px !important; padding: 5px 4px !important; } #product-search .product-layout .home-products-card .home-products-card__actions .button-shop, #product-search .product-layout .home-products-card .home-products-card__actions .availability-inquiry-btn { font-size: 14px !important; padding: 8px 10px !important; line-height: 1.4 !important; } #product-search .product-layout .home-products-card .home-products-card__wishlist { width: 36px !important; height: 36px !important; top: 10px !important; right: 10px !important; } } /* Страница поиска: 4 карточки в ряд, компактный размер */ @media (min-width: 993px) { #product-search .products-wrapper .product-layout { margin-bottom: 20px !important; } #product-search .product-layout .home-products-card { border-radius: 10px !important; } #product-search .product-layout .home-products-card .home-products-card__body { padding: 10px 12px !important; } #product-search .product-layout .home-products-card .home-products-card__title { font-size: 14px !important; line-height: 1.3 !important; margin-bottom: 8px !important; min-height: 36px !important; } #product-search .product-layout .home-products-card .home-products-card__price { font-size: 14px !important; margin-bottom: 8px !important; } #product-search .product-layout .home-products-card .home-products-card__price .price-old { font-size: 12px !important; } #product-search .product-layout .home-products-card .home-products-card__availability { gap: 4px !important; margin-bottom: 8px !important; } #product-search .product-layout .home-products-card .home-products-card__availability .av { font-size: 11px !important; padding: 5px 4px !important; } #product-search .product-layout .home-products-card .home-products-card__actions .button-shop, #product-search .product-layout .home-products-card .home-products-card__actions .availability-inquiry-btn { font-size: 14px !important; padding: 8px 10px !important; line-height: 1.4 !important; } #product-search .product-layout .home-products-card .home-products-card__wishlist { width: 36px !important; height: 36px !important; top: 10px !important; right: 10px !important; } } /* Страница поиска: 4 карточки в ряд, компактный размер */ @media (min-width: 993px) { #product-search .products-wrapper .product-layout { margin-bottom: 20px !important; } #product-search .product-layout .home-products-card { border-radius: 10px !important; } #product-search .product-layout .home-products-card .home-products-card__body { padding: 10px 12px !important; } #product-search .product-layout .home-products-card .home-products-card__title { font-size: 14px !important; line-height: 1.3 !important; margin-bottom: 8px !important; } #product-search .product-layout .home-products-card .home-products-card__price { font-size: 14px !important; margin-bottom: 8px !important; } #product-search .product-layout .home-products-card .home-products-card__availability { gap: 4px !important; margin-bottom: 10px !important; } #product-search .product-layout .home-products-card .home-products-card__availability .av { font-size: 11px !important; padding: 5px 4px !important; } #product-search .product-layout .home-products-card .home-products-card__actions .button-shop, #product-search .product-layout .home-products-card .home-products-card__actions .availability-inquiry-btn { font-size: 14px !important; padding: 8px 10px !important; line-height: 1.3 !important; } #product-search .product-layout .home-products-card .home-products-card__wishlist { width: 36px !important; height: 36px !important; top: 10px !important; right: 10px !important; } } /* Страница поиска: 4 карточки в ряд, компактный размер */ @media (min-width: 993px) { #product-search .products-wrapper .product-layout { margin-bottom: 20px !important; } #product-search .product-layout .home-products-card { border-radius: 10px !important; } #product-search .product-layout .home-products-card .home-products-card__body { padding: 10px 12px !important; } #product-search .product-layout .home-products-card .home-products-card__title { font-size: 14px !important; line-height: 1.3 !important; min-height: 36px !important; } #product-search .product-layout .home-products-card .home-products-card__price { font-size: 14px !important; margin-bottom: 8px !important; } #product-search .product-layout .home-products-card .home-products-card__price .price-old { font-size: 12px !important; } #product-search .product-layout .home-products-card .home-products-card__availability { gap: 4px !important; margin-bottom: 8px !important; } #product-search .product-layout .home-products-card .home-products-card__availability .av { font-size: 11px !important; padding: 5px 4px !important; } #product-search .product-layout .home-products-card .home-products-card__actions .button-shop, #product-search .product-layout .home-products-card .home-products-card__actions .availability-inquiry-btn { font-size: 14px !important; padding: 8px 10px !important; line-height: 1.3 !important; } #product-search .product-layout .home-products-card .home-products-card__wishlist { width: 36px !important; height: 36px !important; top: 10px !important; right: 10px !important; } } /* Страница поиска: 4 карточки в ряд, компактный размер */ @media (min-width: 993px) { #product-search .products-wrapper .product-layout { margin-bottom: 20px !important; } #product-search .product-layout .home-products-card { border-radius: 10px !important; } #product-search .product-layout .home-products-card .home-products-card__body { padding: 10px 12px !important; } #product-search .product-layout .home-products-card .home-products-card__title { font-size: 14px !important; line-height: 1.3 !important; margin-bottom: 8px !important; } #product-search .product-layout .home-products-card .home-products-card__price { font-size: 14px !important; margin-bottom: 8px !important; } #product-search .product-layout .home-products-card .home-products-card__availability { gap: 4px !important; margin-bottom: 10px !important; } #product-search .product-layout .home-products-card .home-products-card__availability .av { font-size: 11px !important; padding: 5px 4px !important; } #product-search .product-layout .home-products-card .home-products-card__actions .button-shop, #product-search .product-layout .home-products-card .home-products-card__actions .availability-inquiry-btn { font-size: 14px !important; padding: 8px 10px !important; line-height: 1.4 !important; } #product-search .product-layout .home-products-card .home-products-card__wishlist { width: 36px !important; height: 36px !important; top: 10px !important; right: 10px !important; } } /* Модуль «Новинки, Скидки, Рекомендуем» — стиль сайта adamieva.by */ .home-products-module { --hpm-accent: var(--green); --hpm-accent-hover: var(--green-hover); --hpm-text: var(--white); --hpm-muted: var(--gray); --hpm-card-bg: var(--product-grid-bg); --hpm-border: var(--gray-border); margin: 48px 0; padding: 0 15px; width: 100%; max-width: none; background: transparent; } .home-products-tabs { display: flex; justify-content: center; align-items: center; gap: 8px; margin-bottom: 32px; flex-wrap: nowrap; white-space: nowrap; } .home-products-tab { position: relative; padding: 12px 24px; font-size: 21px; font-weight: 700; color: var(--black); background: transparent; border: none; border-radius: 0; cursor: pointer; transition: color 0.25s, background 0.25s; flex-shrink: 0; } .home-products-tab:hover { color: var(--black); } .home-products-tab.active { color: var(--white); background: var(--red); } .home-products-tab.active::after { display: none; } .home-products-panels { position: relative; } /* CLS: резерв высоты для карусели (Owl инициализируется после DOMContentLoaded) */ .home-products-module .home-products-panels { min-height: 420px; } @media (max-width: 767px) { .home-products-module .home-products-panels { min-height: 360px; } } .home-products-panel { display: none; } .home-products-panel.active { display: block; } /* Owl Carousel + fallback для контента */ .home-products-grid { position: relative; } .home-products-grid.owl-carousel .owl-item .home-products-card { width: 100%; margin: 0; display: flex; flex-direction: column; height: 100%; } /* Owl по умолчанию ставит img width:50% — переопределяем, картинка на всю область */ .home-products-module .owl-item .home-products-card__image { width: 100%; aspect-ratio: 1; overflow: hidden; } .home-products-module .owl-item .home-products-card__image img { width: 100% !important; height: 100% !important; display: block !important; object-fit: cover; } .home-products-card { background: transparent; border-radius: 4px; overflow: hidden; transition: transform 0.2s, box-shadow 0.2s; } .home-products-card:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,0.15); } .home-products-card__inner { padding: 0; } .home-products-card__image { position: relative; aspect-ratio: 1; overflow: hidden; } /* Иконка скидки — сверху слева */ .home-products-card__discount-badge { position: absolute; top: 10px; left: 10px; z-index: 2; color: var(--white); background: var(--red); font-size: 16px; font-weight: 600; line-height: 1.4; padding: 4px 10px; border-radius: 0; } .home-products-card__image img { width: 100%; height: 100%; object-fit: cover; display: block; } /* Избранное — тёмный фон для видимости сердца на любом изображении */ .home-products-card__wishlist { position: absolute; top: 14px; right: 14px; z-index: 3; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.45); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border: 1px solid rgba(255, 255, 255, 0.25); border-radius: 12px; color: #fff; cursor: pointer; transition: transform 0.2s ease, background 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.25); } .home-products-card__wishlist:hover { background: rgba(0, 0, 0, 0.6); border-color: rgba(255, 255, 255, 0.35); transform: scale(1.05); } .home-products-card__wishlist .wishlist-heart--outline { stroke: #fff; } .home-products-card__wishlist.active { background: rgba(227, 0, 22, 0.95); border-color: rgba(255, 255, 255, 0.5); color: var(--white); box-shadow: 0 4px 16px rgba(227, 0, 22, 0.4); } .home-products-card__wishlist.active:hover { background: var(--red); transform: scale(1.05); } /* Две иконки: контур (по умолчанию) и заливка (в избранном) */ .home-products-card__wishlist .wishlist-icon { position: relative; width: 22px; height: 20px; display: block; } .home-products-card__wishlist .wishlist-heart { position: absolute; top: 0; left: 0; width: 22px; height: 20px; transition: opacity 0.25s ease, transform 0.2s ease; } .home-products-card__wishlist .wishlist-heart--outline { opacity: 1; } .home-products-card__wishlist .wishlist-heart--filled { opacity: 0; fill: currentColor; } .home-products-card__wishlist.active .wishlist-heart--outline { opacity: 0; } .home-products-card__wishlist.active .wishlist-heart--filled { opacity: 1; fill: none; stroke: #fff; stroke-width: 2; } .home-products-card__body { padding: 16px; } .home-products-card__title { margin: 0 0 12px; font-size: 17px; line-height: 1.35; font-weight: 700; text-align: center; } .home-products-card__title a { color: var(--black); text-decoration: none; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-align: center; } .home-products-card__title a:hover { color: var(--black); } .home-products-card__price { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px; margin-bottom: 12px; font-size: 16px; font-weight: 600; text-align: center; } /* Цена — видимая на любом фоне */ .home-products-card__price { color: #000 !important; } .home-products-card__price .price-current { color: #000 !important; font-weight: 600 !important; } .home-products-card__price .price-new { color: var(--red) !important; font-weight: 600 !important; } .home-products-card__price .price-old { text-decoration: line-through !important; color: #555 !important; font-size: 14px !important; font-weight: 400 !important; margin-right: 8px !important; } /* Наличие в магазинах — всегда в два ряда */ .home-products-card__availability { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; margin: 0 0 14px 0; padding: 0; list-style: none; font-size: 12px; line-height: 1.2; font-weight: 600; } .home-products-card__availability .av { display: flex; align-items: center; justify-content: center; text-align: center; padding: 6px 6px; border-radius: 12px; transition: transform 0.15s, box-shadow 0.15s; white-space: normal; min-width: 0; } .home-products-card__availability .av span { color: inherit; } .home-products-card__availability .av:hover { transform: translateY(-1px); } /* В наличии: белый фон, чёрный текст */ .home-products-card__availability .av.active { background: #fff; color: #000; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); border: 1px solid #e8e8e8; } /* Нет в наличии: белый фон, перечёркнутый чёрный текст */ .home-products-card__availability .av:not(.active) { background: #fff; color: #000; text-decoration: line-through; border: 1px solid #e8e8e8; } /* Мобильная версия */ @media (max-width: 767px) { .home-products-card__availability { gap: 6px; margin: 0 0 12px 0; font-size: 13px; } .home-products-card__availability .av { padding: 8px 8px; font-size: 13px; } } /* Кнопка как в категориях */ .home-products-card__actions .button-shop, .home-products-card__actions .availability-inquiry-btn { width: 100%; padding: 12px 16px; font-size: 24px; font-weight: 400; line-height: 38px; color: var(--white); background: var(--dark-gray); border: 1px solid var(--gray-border); border-radius: 0; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease; } .home-products-card__actions .button-shop:hover, .home-products-card__actions .availability-inquiry-btn:hover { color: var(--white); background: var(--black); border-color: var(--black); } /* «Нет в наличии» — как кнопка «Купить», но не кликабельна */ .home-products-card__actions .out-of-stock-text, .home-products-card__actions .button-shop.out-of-stock-text { width: 100%; padding: 12px 16px; font-size: 24px; font-weight: 400; line-height: 38px; color: var(--white); background: var(--dark-gray); border: 1px solid var(--gray-border); border-radius: 0; cursor: default; pointer-events: none; display: inline-flex; align-items: center; justify-content: center; } /* Плитка «Загрузить ещё» — в стиле сетки товаров adamieva (product-grid-bg, красный акцент как у вкладок) */ .home-products-card--load-more-tile { cursor: default; background: var(--hpm-card-bg); border-radius: 4px; overflow: hidden; box-shadow: inset 0 0 0 1px var(--gray-border); } .home-products-card--load-more-tile:hover { transform: translateY(-3px); box-shadow: inset 0 0 0 1px var(--gray-border), 0 14px 28px rgba(0, 0, 0, 0.45); } .home-products-card__inner--load-more { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; aspect-ratio: 1; max-width: 100%; padding: 20px 16px; box-sizing: border-box; background: linear-gradient(180deg, rgba(255, 255, 255, 0.06) 0%, transparent 42%), var(--product-grid-bg); border-radius: 4px; border-top: 3px solid var(--red); } .home-products-load-more-hint { margin: 0 0 14px; padding: 0 8px; font-size: 13px; font-weight: 600; line-height: 1.35; text-align: center; color: var(--gray); letter-spacing: 0.02em; } .home-products-load-more-spinner { display: none; position: absolute; left: 50%; top: 50%; width: 40px; height: 40px; margin: -20px 0 0 -20px; border: 3px solid var(--gray-border); border-top-color: var(--green); border-radius: 50%; animation: hpm-spin 0.75s linear infinite; z-index: 2; } .home-products-card--load-more-tile.is-loading .home-products-load-more-spinner { display: block; } .home-products-card--load-more-tile.is-loading .home-products-load-more-hint, .home-products-card--load-more-tile.is-loading .btn-load-more { opacity: 0.2; pointer-events: none; } .home-products-card--load-more-tile .btn-load-more { position: relative; z-index: 1; padding: 12px 28px; font-size: 15px; font-weight: 700; letter-spacing: 0.02em; background: var(--dark-gray); color: var(--green); border: 2px solid var(--green); border-radius: 4px; cursor: pointer; transition: background 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.35); } .home-products-card--load-more-tile .btn-load-more:hover:not(:disabled) { background: var(--green); color: var(--black); border-color: var(--green); box-shadow: 0 4px 18px rgba(179, 255, 0, 0.25); } .home-products-card--load-more-tile.is-loading .btn-load-more { cursor: wait; } .home-products-special-footer { text-align: center; margin-top: 24px; margin-bottom: 16px; } .home-products-special-footer .btn-view-all { display: inline-block; padding: 14px 32px; font-size: 16px; font-weight: 700; background: transparent; color: var(--black); border: 2px solid var(--black); border-radius: 4px; text-decoration: none; transition: background 0.2s, color 0.2s, border-color 0.2s; } .home-products-special-footer .btn-view-all:hover { background: var(--red); color: var(--black); border-color: var(--red); } .home-products-loader { display: flex; justify-content: center; align-items: center; padding: 24px; } .home-products-loader .spinner { width: 36px; height: 36px; border: 3px solid var(--hpm-border); border-top-color: var(--green); border-radius: 50%; animation: hpm-spin 0.8s linear infinite; } @keyframes hpm-spin { to { transform: rotate(360deg); } } /* Плавное появление карточек при подгрузке «Загрузить ещё» (fade + подъём, лёгкий каскад) */ @keyframes hpm-card-in { from { opacity: 0; transform: translateY(16px) scale(0.97); } to { opacity: 1; transform: translateY(0) scale(1); } } .home-products-card.hpm-card-enter { animation: hpm-card-in 0.45s cubic-bezier(0.22, 0.61, 0.36, 1) both; } /* Owl: навигация для home-products */ .home-products-module .owl-home-products .owl-nav { margin-top: 16px; } /* Стрелки с классом .disabled не должны триггерить переход (иначе краевые баги Owl 2) */ .home-products-module .owl-home-products .owl-nav button.owl-prev.disabled, .home-products-module .owl-home-products .owl-nav button.owl-next.disabled, .home-products-module .owl-home-products .owl-nav .owl-prev.disabled, .home-products-module .owl-home-products .owl-nav .owl-next.disabled { pointer-events: none; cursor: default; } /* Мобильная версия */ @media (max-width: 767px) { .home-products-module { margin: 32px 0; padding: 0 12px; } .home-products-tabs { gap: 6px; margin-bottom: 24px; font-size: 16px; } .home-products-tab { padding: 10px 16px; font-size: 16px; } .home-products-card__body { padding: 12px; } .home-products-card__title { font-size: 15px; } .home-products-card__discount-badge { font-size: 14px; padding: 3px 8px; } .home-products-load-more-hint { font-size: 12px; margin-bottom: 12px; } .home-products-card__inner--load-more { padding: 16px 12px; } }