/* Jet Cache: https://torus-stroi.ua/catalog/view/theme/default/js/vendor/swiper/swiper-bundle.min.css */ /** * Swiper 11.2.10 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2025 Vladimir Kharlampidi * * Released under the MIT License * * Released on: June 28, 2025 */ :root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* Jet Cache: https://torus-stroi.ua/catalog/view/theme/default/css/custom.css?v=20260237-8 */ .cities__wrapper { display: flex; flex-direction: row; gap: 10px; } .cities__wrapper button { flex: 1; } .field__error--red { color: #c0392b; font-size: 0.8rem; margin-top: 0.25rem; } .item-product__body { position: relative; justify-content: flex-end; } /* Назва товару в карточці: збільшений розмір шрифту */ .item-product__title .ellipsis { font-size: 14px !important; font-weight: 400 !important; } /* Підсвічування обов'язкових полів при помилці валідації (як у відгуках) */ .input--error, .textarea--error { border-color: #e74c3c !important; box-shadow: 0 0 0 1px #e74c3c; } .input--error:focus, .textarea--error:focus { border-color: #e74c3c !important; box-shadow: 0 0 0 2px rgba(231, 76, 60, 0.2); } .select--error .select__title { border-color: #e74c3c !important; box-shadow: 0 0 0 1px #e74c3c; } /* Попередження про невалідний купон */ .aside-cart__promo-error, .aside-cart__promo-error--red { color: #c0392b; font-size: 0.8rem; margin-top: 0.25rem; width: 100%; } /* Якщо картинка лише одна — не показувати стрілки вліво/вправо у слайдері товару */ .hero-product__slider:not(.is-overflow) .splide__arrow { display: none !important; } /* Блок бонусів завжди справа, навіть якщо блок знижки відсутній */ .hero-product__bonuses { margin-left: auto; } /* Блок actions (бонусы + обране) завжди в правому верхньому кутку картки товару */ .item-product__actions { margin-left: auto; } .cart-popup__item { margin-bottom: 5px; } /* Попап кошика: щоб кнопка видалення не "вилазила" за межі карточки */ @media (min-width: 48em) { .popup--cart .cart-popup__item.item-cart { width: 100%; max-width: 100%; box-sizing: border-box; overflow: hidden; } .popup--cart .cart-popup__item.item-cart { display: flex; align-items: center; gap: 0.75rem; } .popup--cart .cart-popup__item.item-cart > * { min-width: 0; /* дозволяє стискати контент у flex */ } .popup--cart .item-cart__body { flex: 1 1 auto; min-width: 0; } .popup--cart .item-cart__title { min-width: 0; } .popup--cart .item-cart__title > a { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; word-break: break-word; } .popup--cart .item-cart__image, .popup--cart .item-cart__counter { flex: 0 0 auto; } .popup--cart .item-cart__price { flex: 0 0 auto; white-space: nowrap; } .popup--cart .item-cart__remove { flex: 0 0 2.25rem; width: 2.25rem; height: 2.25rem; box-sizing: border-box; } } /* Бонусы в кошику — більший розмір, в один рядок (!important перебиває app.css) */ .item-cart__bonuses { font-size: 1.25rem !important; display: flex; align-items: center; gap: 0.25rem; white-space: nowrap; } .item-cart__bonuses span { display: inline !important; font-size: 1.2rem !important; } .cart-success.--active { opacity: 1; pointer-events: auto; transform: translateX(-50%) translateY(0); } /* Банер на головній: для широкоформатних зображень прибрати пусте місце над і під фото */ .banners-home__image { aspect-ratio: unset !important; height: auto !important; } .banners-home__image img.ibg { width: 100%; height: auto; object-fit: unset; display: block; } /* Меню на головній — збільшений розмір тексту в кнопках */ .menu-home__items .menu-home__item { font-size: 1.65rem; } /* Категорії на головній — текст +25%, іконки +15% */ .categories-home__slider .categories-home__label, .catalog__slider .categories-home__label { font-size: 1.2rem !important; /* 1.125 * 1.25 */ } .categories-home__slider .categories-home__image, .catalog__slider .categories-home__image { max-width: 10.421875rem !important; /* 9.0625 * 1.15 */ max-height: 7.403125rem !important; /* 6.4375 * 1.15 */ } /* Мобільна версія (max-width: 47.99875em) */ @media (max-width: 47.99875em) { /* Відступи статусу/коду товару тільки на мобільній версії */ .hero-product__header .hero-product__accent-label { margin-top: 60px; } .hero-product__header .hero-product__accent-label + .hero-product__header-label { margin-top: 60px; } .hero-product__header .hero-product__header-label.--status { margin-top: 20px; } .hero-product__header .hero-product__header-label.--status + .hero-product__header-label { margin-top: 20px; } .menu-home__items .menu-home__item { font-size: 1rem; padding-left: 5px; padding-right: 5px; } .categories-home__slider .splide__list, .catalog__slider .splide__list { align-items: stretch; } .categories-home__slider .splide__slide .categories-home__item, .catalog__slider .splide__slide .categories-home__item { display: flex; flex-direction: column; align-items: center; flex: 1; min-height: 0; width: 100%; } .categories-home__slider .splide__slide .categories-home__label, .catalog__slider .splide__slide .categories-home__label { flex-shrink: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-align: center; line-height: 1.2; } .categories-home__slider .splide__slide .categories-home__image, .catalog__slider .splide__slide .categories-home__image { flex-shrink: 0; } .categories-home__slider .categories-home__label, .catalog__slider .categories-home__label { font-size: 1.09375rem !important; /* 0.875 * 1.25 */ padding-left: 5px; padding-right: 5px; } .categories-home__slider .categories-home__image, .catalog__slider .categories-home__image { max-width: 10.421875rem !important; max-height: 7.403125rem !important; } .banners-home__image { aspect-ratio: unset !important; height: auto !important; min-height: 0; } .banners-home__image .mobile { display: block !important; width: 100%; height: auto; object-fit: unset; object-position: center; } .banners-home__image .pc { display: none !important; } /* recom-product: менші відступи між блоками по висоті */ .recom-product__body { gap: 0.5rem !important; } .recom-product { row-gap: 0.5rem !important; /* display: flex !important; */ } /* Product hero: у мобайлі ставимо кнопку покупки вище quick-actions */ .hero-product__actions { flex-direction: column; align-items: stretch; --hero-product-button-up: 12px; /* змініть значення за потреби */ --hero-product-button-height: 52px; /* мобільна висота кнопки для тесту */ } .hero-product__actions > .hero-product__button { width: 100%; max-width: none; margin-top: calc(-1 * var(--hero-product-button-up)); min-height: var(--hero-product-button-height) !important; height: var(--hero-product-button-height) !important; padding-top: 0 !important; padding-bottom: 0 !important; } } /* Дуже малий екран — категорії: текст +25%, іконки +15% */ @media (max-width: 37.49875em) { .categories-home__slider .categories-home__label, .catalog__slider .categories-home__label { font-size: 0.78125rem !important; /* 0.625 * 1.25 */ padding-left: 5px; padding-right: 5px; } .categories-home__slider .categories-home__image, .catalog__slider .categories-home__image { width: 3.234375rem !important; /* 2.8125 * 1.15 */ height: 3.234375rem !important; } } /* Автокомпліт пошуку в шапці — стилі у фірмовій стилістиці сайту */ ul.search-autocomplete.dropdown-menu { background-color: #ffffff; border-radius: 8px; border: 1px solid rgba(0, 0, 0, 0.08); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15); padding: 6px 0; margin-top: 6px; max-height: 22rem; overflow-y: auto; z-index: 2100; } /* Автокомпліт пошуку: завжди "приклеєний" до поля пошуку, а не десь посеред сторінки */ form#search.header__search { position: relative; } form#search.header__search > ul.search-autocomplete.dropdown-menu { position: absolute !important; top: calc(100% + 6px) !important; left: 0 !important; right: 0 !important; width: 100% !important; margin-top: 0 !important; /* top already has spacing */ z-index: 9999 !important; } ul.search-autocomplete.dropdown-menu > li > a { display: flex; align-items: center; padding: 8px 16px; font-size: 0.875rem; line-height: 1.3; color: #222222; white-space: normal; } ul.search-autocomplete.dropdown-menu > li > a:hover, ul.search-autocomplete.dropdown-menu > li > a:focus { background-color: #f5f7fb; color: #000000; text-decoration: none; } /* Рейтинг: 5 зірок + кількість відгуків у дужках (впритул до останньої зірки, по центру по висоті) */ .rating__items { margin-top: 4px; } .rating-wrap { display: flex; align-items: center; gap: 0; } .item-product .rating-wrap .rating { flex-grow: 0 !important; } .rating__count { font-size: 0.75rem; margin-left: 0.25rem; } /* На ПК напис «грн.» у ціні картки товару — нежирний */ @media (min-width: 992px) { .item-product__price .price .small { font-weight: normal; } } @media (max-width: 600px) { .recom-product__body { gap: 0.5rem !important; } .categories-menu__content, .pc-menu__content { max-height: calc(100% - 150px); } .categories-home__label { /* word-break: auto-phrase !important; */ -webkit-line-clamp: unset !important; /* all: revert; */ word-break: normal !important; overflow-wrap: anywhere; hyphens: auto; } .item-news--why-us .item-news__body { word-break: auto-phrase !important; } h3.item-news__title { display: flex; align-items: center; align-content: center; min-height: 30px; text-align: center; justify-content: center; word-break: normal !important; overflow-wrap: anywhere; hyphens: auto; } .recom-product { row-gap: 0.5rem !important; display: flex !important; } .recom-product__price { white-space: nowrap; } .recom-product { display: flex !important; } } /* Мобільна версія: гарантуємо видимість назв категорій у меню */ @media (max-width: 47.99875em) { .categories-menu .header__catalog-menu li a { color: #1e1e1e !important; font-size: 0.9375rem; display: flex; align-items: center; gap: 0.625rem; white-space: normal; } } /* Мобільні попапи авторизації: запобігаємо автозуму інпутів на iOS/Android */ @media (max-width: 47.99875em) { .popup--auth .field__input, .popup--auth .pass__input, .popup--auth input[type="text"], .popup--auth input[type="tel"], .popup--auth input[type="password"] { font-size: 16px !important; } } /* pc-menu: ширина body як у меню, без бокового скролу */ .pc-menu__body { width: 100%; min-width: 0; overflow-x: hidden; box-sizing: border-box; } .pc-menu__content { overflow-x: hidden; } .pc-menu .header__catalog-menu { width: 100%; max-width: 100%; left: 0; right: 0; box-sizing: border-box; } /* Типографіка HTML-описів (товари, бренди, теги, категорії, статті/новини) */ /* Базовий контейнер з текстовим контентом */ .text { font-size: 1rem; line-height: 1.6; color: #1e1e1e; } /* Заголовки усередині .text і у верхньому рівні опису бренду (manufacturer) */ .text h1, .text h2, .text h3, .text h4, .text h5, .text h6, .catalog__main > h1, .catalog__main > h2, .catalog__main > h3, .catalog__main > h4, .catalog__main > h5, .catalog__main > h6 { font-weight: 700; line-height: 1.25; margin: 1.5rem 0 0.75rem; } .text h1, .catalog__main > h1 { font-size: 2rem; } .text h2, .catalog__main > h2 { font-size: 1.5rem; } .text h3, .catalog__main > h3 { font-size: 1.25rem; } .text h4, .catalog__main > h4 { font-size: 1.125rem; } .text h5, .catalog__main > h5 { font-size: 1rem; } .text h6, .catalog__main > h6 { font-size: 0.875rem; text-transform: uppercase; letter-spacing: 0.04em; } /* Абзаци, списки, блок-цитати та інші блокові елементи */ .text p, .text ul, .text ol, .text dl, .text blockquote, .text pre, .text table, .catalog__main > p, .catalog__main > ul, .catalog__main > ol, .catalog__main > dl, .catalog__main > blockquote, .catalog__main > pre, .catalog__main > table { margin: 0 0 1rem; } .text p:last-child, .text ul:last-child, .text ol:last-child, .text dl:last-child, .text blockquote:last-child, .text pre:last-child, .text table:last-child, .catalog__main > p:last-child, .catalog__main > ul:last-child, .catalog__main > ol:last-child, .catalog__main > dl:last-child, .catalog__main > blockquote:last-child, .catalog__main > pre:last-child, .catalog__main > table:last-child { margin-bottom: 0; } /* Списки */ .text ul, .text ol, .catalog__main > ul, .catalog__main > ol { padding-left: 1.5rem; } .text ul { list-style-type: disc !important; } /* Деякі reset-стилі можуть прибирати маркери через display/list-style у li */ .text ul > li { display: list-item !important; list-style: disc !important; list-style-position: outside !important; } .text ul > li::marker { color: #2d9b4a !important; } /* Опис/доставка товару: підсилюємо проти app.min.css */ .info-product__decs.text ul { list-style: disc !important; padding-left: 1.5rem !important; } .info-product__decs.text ul > li { display: list-item !important; list-style: disc !important; list-style-position: outside !important; } .info-product__decs.text ul > li::marker { color: #2d9b4a !important; } ul li::marker { color: #2d9b4a !important; } /* Блог-статті: підсилюємо списки проти можливих reset-стилів */ .article__text.text ul { list-style: disc !important; padding-left: 1.5rem !important; } .article__text.text ul > li { display: list-item !important; list-style: disc !important; list-style-position: outside !important; } .article__text.text ul > li::marker { color: #2d9b4a !important; } .text ol { list-style-type: decimal; } .text ul ul, .text ul ol, .text ol ul, .text ol ol { margin-top: 0.25rem; margin-bottom: 0.25rem; } /* Описові списки */ .text dl, .catalog__main > dl { padding-left: 0; } .text dt, .catalog__main > dl > dt { font-weight: 700; margin-top: 0.5rem; } .text dd, .catalog__main > dl > dd { margin-left: 0; margin-bottom: 0.5rem; } /* Блок-цитати */ .text blockquote, .catalog__main > blockquote { border-left: 3px solid #e0d9cf; padding-left: 1rem; color: #555; font-style: italic; } /* Код */ .text code, .catalog__main > code { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; font-size: 0.875em; background-color: #f5f5f5; padding: 0.1em 0.3em; border-radius: 3px; } .text pre, .catalog__main > pre { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; font-size: 0.875em; background-color: #f5f5f5; padding: 0.75rem 1rem; border-radius: 4px; overflow-x: auto; } .text pre code, .catalog__main > pre > code { padding: 0; background: transparent; } /* Таблиці */ .text table, .catalog__main > table { width: 100%; border-collapse: collapse; border-spacing: 0; } .text th, .text td, .catalog__main > table th, .catalog__main > table td { padding: 0.5rem 0.75rem; border: 1px solid #e0d9cf; text-align: left; vertical-align: top; } .text thead th, .catalog__main > table thead th { background-color: #f7f4f0; font-weight: 700; } .text tbody tr:nth-child(even), .catalog__main > table tbody tr:nth-child(even) { background-color: #faf8f5; } /* Над- та підрядкові індекси */ .text sub, .text sup, .catalog__main > sub, .catalog__main > sup { font-size: 0.75em; line-height: 0; position: relative; vertical-align: baseline; } .text sup, .catalog__main > sup { top: -0.4em; } .text sub, .catalog__main > sub { bottom: -0.2em; } /* abbr, cite, q */ .text abbr[title], .catalog__main > abbr[title] { border-bottom: 1px dotted currentColor; cursor: help; } .text cite, .text q, .catalog__main > cite, .catalog__main > q { font-style: italic; } /* Посилання усередині тексту — базові стилі вже є в app.css (.text a), тут тільки hover */ .text a:hover { text-decoration-color: currentColor; } /* У rich-text інколи лінк роблять flex-контейнером, через що float на img ігнорується (img стає flex-item). Для статей блогу примусово повертаємо звичайну (inline) поведінку посилань. */ .article__text.text a { display: inline !important; } /* Обтікання картинок */ .text img.left { float: left; margin: 0 15px 15px 0; max-width: 50%; } .text img.right { float: right; margin: 0 0 15px 15px; max-width: 50%; } /* Summernote: класи обтікання (note-float-*) */ .text img.note-float-left { float: left; margin: 0 15px 15px 0; max-width: 50%; } .text img.note-float-right { float: right; margin: 0 0 15px 15px; max-width: 50%; } .text img.note-float-none { float: none; margin: 0 0 1rem 0; max-width: 100%; display: block; } /* Legacy HTML align="" атрибут */ .text img[align="left"] { float: left; margin: 0 15px 15px 0; max-width: 50%; } .text img[align="right"] { float: right; margin: 0 0 15px 15px; max-width: 50%; } /* Для опису бренду, якщо адміністратор поставить класи прямо на img */ .catalog__main > img.left { float: left; margin: 0 15px 15px 0; max-width: 50%; } .catalog__main > img.right { float: right; margin: 0 0 15px 15px; max-width: 50%; } /* Очищення обтікання в кінці текстового блоку */ .text::after, .catalog__main::after { content: ""; display: table; clear: both; } .--city-open .submenu-navbar__body { display: none !important; } .submenu-navbar__city { padding-top: 0.3125rem; display: none !important; } .--city-open .submenu-navbar__city { display: block !important; } /* Активний (поточний) варіант у властивостях товару (обʼєм/колір тощо) */ .props-product__item.--active { background-color: #cfd56b; border-color: #cfd56b; color: #1b1b1b; pointer-events: none; } .props-product__item.--active:focus, .props-product__item.--active:focus-visible { outline: 2px solid rgba(207, 213, 107, 0.55); outline-offset: 2px; } /* Сторінка статті блогу (перенесено з article.twig): помилки полів коментарів; .input--error / .textarea--error вже вище в файлі */ .field__error { color: #e74c3c; font-size: 12px; margin-top: 5px; display: block; } .item-feedback__reply-form { margin-top: 1rem; padding: 1rem; background-color: #f9f9f9; border-radius: 0.5rem; border: 1px solid #e0e0e0; } .form-reply__actions { display: flex; gap: 0.5rem; margin-top: 1rem; } .form-reply__actions .button--cancel { background-color: transparent; border-color: #ccc; color: #666; } .form-reply__actions .button--cancel:hover { background-color: #f5f5f5; } .item-feedback__answers { margin-top: 1rem; padding-left: 2rem; border-left: 2px solid #e0e0e0; } .item-feedback__answers .feedback-pr__item { margin-bottom: 0.5rem; } .item-feedback__answers .feedback-pr__item:last-child { margin-bottom: 0; } .article-category-link { color: #6c6f38; text-decoration: underline; text-decoration-color: transparent; transition: text-decoration-color 0.3s, color 0.3s; } .article-category-link:hover { color: #90944b; text-decoration-color: #90944b; } .news-home .item-news__text { font-size: 0.875rem; color: #777; line-height: 1.3; } .news-home .item-news__title { font-size: 1.125rem; font-weight: 700; line-height: 1.24; } .has-oc-admin-toolbar{padding-top:40px} #oc-admin-toolbar{position:fixed;top:0;left:0;right:0;height:38px;z-index:100001;background:#23282d;color:#f0f0f1;font:14px/38px system-ui,-apple-system,sans-serif;padding:0 14px;display:flex;align-items:center;gap:12px;box-shadow:0 1px 3px rgba(0,0,0,.35)} #oc-admin-toolbar .oc-admin-toolbar__label{opacity:.85;font-size:13px} #oc-admin-toolbar .oc-admin-toolbar__name{font-weight:600;opacity:.95;max-width:40vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #oc-admin-toolbar a{color:#04b01e;text-decoration:none;font-weight:600} #oc-admin-toolbar a:hover{color:#e90b12;text-decoration:underline} /* Jet Cache: catalog/view/javascript/jquery/swiper/css/swiper.min.css */ /** * Swiper 3.4.2 * Most modern mobile touch slider and framework with hardware accelerated transitions * * http://www.idangero.us/swiper/ * * Copyright 2017, Vladimir Kharlampidi * The iDangero.us * http://www.idangero.us/ * * Licensed under MIT * * Released on: March 10, 2017 */ .swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}} /* Jet Cache: catalog/view/javascript/jquery/swiper/css/opencart.css */ /* CSS Document */ .swiper-viewport { margin: 0 0 60px; background: #fff; z-index: 1; border: 4px solid #fff; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); width: 100%; position: relative; overflow: visible; } /* OpenCart Code */ .swiper-container { direction: ltr !important; } .swiper-pager { width: 100%; position: absolute; top: 50%; line-height: 45px; } .swiper-button-prev, .swiper-button-next { color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); transition: all .3s ease; z-index: 2; background-image: none; } .swiper-viewport .swiper-button-prev { opacity: 0.7; left: 10px; } .swiper-viewport .swiper-button-next { opacity: 0.7; right: 10px; } /* Desktop */ @media (min-width: 768px){ .swiper-viewport .swiper-button-prev { opacity: 0; left: -20px; } .swiper-viewport .swiper-button-next { opacity: 0; right: -20px; } .swiper-viewport:hover .swiper-button-prev { opacity: 0.7; left: 10px; } .swiper-viewport:hover .swiper-button-next { opacity: 0.7; right: 10px; } } .swiper-button-prev:before { width: 40px; height: 40px; font-family: FontAwesome; content: "\f053"; color: rgba(0,0,0,0.8); font-size: 40px; } .swiper-button-next:before { width: 40px; height: 40px; font-family: FontAwesome; content: "\f054"; color: rgba(0,0,0,0.8); font-size: 40px; } .swiper-pagination { bottom: -40px; left: 0; text-align: center; width: 100%; } .swiper-pagination-bullet { width: 11px; height: 11px; background: rgba(0, 0, 0, 0.5); border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3); margin: 0 5px; opacity: 1; } .swiper-pagination-bullet:hover { background: rgba(0, 0, 0, 0.7); } .swiper-pagination-bullet-active { background: rgba(0, 0, 0, 0.9); } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 0; cursor: pointer; pointer-events: auto; } /* Jet Cache: catalog/view/theme/default/css/app.min.css */ * { border: 0; margin: 0; padding: 0; } *, :after, :before { box-sizing: border-box; } :after, :before { display: inline-block; } input:focus, textarea:focus { outline: none; } * { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; } body, html { height: 100%; } body { line-height: 1; -ms-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } button, input, textarea { background-color: transparent; color: inherit; font-family: inherit; font-size: inherit; line-height: inherit; } input, textarea { width: 100%; } button, option, select { cursor: pointer; } a { color: inherit; display: inline-block; text-decoration: none; } li { list-style: none; } img { object-fit: cover; vertical-align: top; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } details summary { list-style: none; } details summary::-webkit-details-marker { display: none; } input { border-radius: 0; } input[type="search"] { -webkit-appearance: none; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } input[type="number"] { -moz-appearance: textfield; } .check-input a, .text a { text-decoration: underline; text-decoration-color: transparent; transition: text-decoration-color 0.3s; } .item-feedback__answer { text-decoration: underline; text-decoration-color: inherit; transition: text-decoration-color 0.3s; } .breadcrumbs ul li a, .field__file, .item-cart__title a, .item-product__title, .locations-header__link, .product-orders__title a { color: var(--text-color); transition: all 0.3s; } .big-rating__item, .check-input, .field__file { position: relative; } .big-rating__item input, .check-input input, .field__file input { height: 0; left: 0; position: absolute; top: 0; visibility: hidden; width: 0; } .breadcrumbs ul li a, .field__file, .item-cart__title a, .item-product__title, .locations-header__link, .product-orders__title a { transition: color 0.3s; } .logo { aspect-ratio: 80/54; width: 5rem; } .fav-btn { color: #626262; font-size: 1.5rem; transition: all 0.3s; } .fav-btn.--active { color: #6c6f38; } .fav-btn.--active:before { content: "\e912"; } .ellipsis { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .button { align-items: center; background-color: #6c6f38; border: 0.125rem solid #6c6f38; border-radius: 0.375rem; color: #fff; display: flex; font-weight: 700; gap: 1.25rem; justify-content: center; line-height: 1.25; padding: 0.875rem 1.125rem; text-align: center; transition: all 0.3s; --color: #fff; } .button svg { flex-shrink: 0; height: 0.875rem; width: 0.875rem; } .button svg path, .button:before { transition: all 0.3s; } .button--light { background-color: #cfd56b; border-color: #cfd56b; color: #1e1e1e; --color: #1e1e1e; } .button--light:before { color: #1e1e1e; } .button--border { background-color: transparent; border-color: #90944b; color: #1e1e1e; } .button--border:before { color: #1e1e1e; } .button--gray { background-color: #797878; } .button--white { background-color: #fff; border-color: #fff; color: #1e1e1e; --color: #1e1e1e; } .button--white:before { color: #1e1e1e; } .button--purple { background-color: #8a38f5; border-color: #8a38f5; } .button:disabled { background-color: #d9d9d9; border-color: #d9d9d9; color: #fff; --color: #fff; cursor: default; } .ibg { height: 100%; object-fit: cover; object-position: top left; width: 100%; } .ibg--contain { object-fit: contain; } .ibg--bottom-left { object-position: bottom left; } .input, .textarea { background-color: #fff; border: 0.0625rem solid rgba(0, 0, 0, 0.1); border-radius: 0.375rem; color: #1e1e1e; overflow: hidden; padding: 0.5625rem 0.875rem; transition: border-color 0.3s; } .input::placeholder, .textarea::placeholder { color: rgba(30, 30, 30, 0.2); } .input:not(:read-only):focus, .textarea:not(:read-only):focus { border-color: #cfd56b; } .input:read-only, .textarea:read-only { background-color: #e3e3e3; color: rgba(30, 30, 30, 0.6); } .input:read-only::placeholder, .textarea:read-only::placeholder { color: rgba(30, 30, 30, 0.6); } .textarea { border-radius: 0; min-height: 7.5rem; overflow: auto; resize: vertical; } .search { display: flex; } .search--solid { position: relative; } .search__input { font-size: 1.125rem; font-weight: 700; padding: 0.625rem 1.1875rem; } .search__input::placeholder { color: rgba(30, 30, 30, 0.5); } .search--solid .search__input { font-weight: 600; padding-right: 2.5rem; } .search__submit { font-size: 1.1875rem; margin-left: -0.75rem; min-width: 4rem; padding: 0.75rem 1.25rem; } .search--solid .search__submit { color: #e5e5e5; margin: 0; min-width: 0; padding: 0; position: absolute; right: 0.875rem; top: 50%; transform: translateY(-50%); transition: color 0.3s; } .check-input { align-items: center; cursor: pointer; display: flex; gap: 0.75rem; } .check-input a { color: #6c6f38; } .check-input__icon { align-items: center; background-color: transparent; border: 0.0625rem solid #6c6f38; border-radius: 50%; display: flex; flex-shrink: 0; height: 1.25rem; position: relative; transition: all 0.3s; width: 1.25rem; } .check-input--checkbox .check-input__icon { border-radius: 0.25rem; } .check-input__icon:before { background: url(https://torus-stroi.ua/catalog/view/theme/default/assets/img/icons/check.svg) no-repeat 50% / cover; content: ""; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; transition: all 0.3s; width: 100%; } .check-input:has(input:checked) .check-input__icon { background-color: #6c6f38; } .check-input:has(input:checked) .check-input__icon:before { opacity: 1; } .simplebar-track.simplebar-vertical { height: calc(100% - 0.625rem); left: auto; padding: 0; right: 0.3125rem; width: 0.1875rem !important; z-index: 5; } .simplebar-scrollbar:before { background-color: #6c6f38 !important; bottom: 0 !important; left: 0 !important; opacity: 1 !important; right: 0 !important; top: 0 !important; } .splide__arrow { aspect-ratio: 1/1; backdrop-filter: blur(1.44375002384375rem); background-color: hsla(0, 0%, 100%, 0.6); color: #1e1e1e; opacity: 1 !important; transition: all 0.3s !important; } .splide__arrow:disabled { cursor: default; opacity: 0.5 !important; } .splide__arrow svg { display: none !important; } .splide__arrow--prev { left: 1.25rem !important; } .splide__arrow--next { left: auto; right: 1.25rem !important; } .splide__pagination { display: flex !important; gap: 0.25rem; left: 0 !important; margin-top: 0.625rem !important; position: relative !important; top: 0 !important; transform: none !important; } .splide__pagination li { flex-shrink: 0 !important; font-size: 0; } .splide__pagination__page { background-color: rgba(30, 30, 30, 0.3) !important; border-radius: 0.125rem !important; height: 0.25rem !important; margin: 0 !important; transform: none !important; transition: all 0.3s !important; width: 0.25rem !important; } .splide__pagination__page.is-active { background-color: #6c6f38 !important; width: 0.5rem !important; } .item-product { background: #fff; border: 0.0625rem solid rgba(30, 30, 30, 0.1); border-radius: 0.75rem; display: flex; flex-direction: column; padding: 0.625rem; transition: all 0.3s; width: 100%; } .item-product--wide { padding: 1rem 0.8125rem 1.1875rem 0.1875rem; } .item-product__image { align-items: end; aspect-ratio: 304/198; position: relative; } .item-product__image, .item-product__pic { display: flex; justify-content: center; min-width: 0; } .item-product__pic { width: 100%; } .item-product__pic img { aspect-ratio: 1/1; min-width: 0; transition: all 0.3s; width: 59.210526%; } .item-product__header { align-items: start; display: flex; gap: 0.625rem; justify-content: space-between; left: 0; pointer-events: none; position: absolute; top: 0; width: 100%; } .item-product__header > * { pointer-events: all; } .item-product__tag { background-color: #e0d9cf; color: #474725; padding: 0.25rem 0.625rem; text-align: center; } .item-product__sale, .item-product__tag { border-radius: 15.9375rem; font-size: 0.6875rem; font-weight: 700; line-height: 1.2; } .item-product__sale { background-color: #6c6f38; color: #fff; padding: 0.25rem 0.375rem; } .item-product__actions { align-items: end; display: flex; flex-direction: column; gap: 0.1875rem; } .item-product__bonus { background-color: #fff; border: 0.125rem dashed #e0d9cf; border-radius: 0.375rem; color: rgba(30, 30, 30, 0.5); display: flex; flex-direction: column; font-size: 0.625rem; font-weight: 900; gap: 0.3125rem; padding: 0.1875rem 0.25rem; } .item-product__bonus span { color: #6c6f38; font-size: 1rem; font-weight: 900; } .item-product__fav:not(.--active) { opacity: 0; transition: all 0.3s; visibility: hidden; } .item-product__body { display: flex; flex-direction: column; flex-grow: 1; gap: 0.625rem; padding-top: 0.625rem; } .item-product--wide .item-product__body { padding: 1.5rem 0.4375rem 0; } .item-product__title { font-weight: 900; line-height: 1.2; } .item-product__title a { -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; display: -webkit-box; white-space: wrap; } .item-product__desc { font-size: 0.875rem; line-height: 1.2; overflow: hidden; } .item-product .rating { --star-width: 0.75rem; --star-gap: 0.25rem; flex-grow: 1; } .item-product .rating:not(:last-child) { margin-bottom: 0.3125rem; } .item-product__footer { align-items: end; display: flex; gap: 0.625rem; } .item-product__prices { display: flex; flex-grow: 1; flex-wrap: wrap; gap: 0.1875rem 0.75rem; } .item-product__price { display: flex; flex-direction: column; gap: 0.3125rem; } .item-product__price.--special { border: 0.0625rem dashed #cfd56b; border-radius: 0.375rem; padding: 0.1875rem 0.25rem; } .item-product__price .price { color: #6c6f38; font-size: 1.125rem; font-weight: 900; } .item-product__price .gray-label { color: rgba(30, 30, 30, 0.5); font-size: 0.75rem; font-weight: 900; } .item-product__price .gray-label.discount { text-decoration: line-through; } .item-product__cart-btn { align-items: center; background-color: rgba(30, 30, 30, 0.1); border-radius: 50%; display: flex; flex-shrink: 0; font-size: 1.5rem; height: 2.25rem; justify-content: center; transition: all 0.3s; width: 2.25rem; } .page__products-section:not(:last-child) { margin-bottom: 3.125rem; } .products-section__slider { margin: 0 -0.625rem; } .products-section__slider .item-product { margin: 0.625rem 0; } .products-section__slider .splide__track:before { background: linear-gradient(270deg, #fff, hsla(0, 0%, 100%, 0)); content: ""; height: 100%; pointer-events: none; position: absolute; right: 0; top: 0; width: 11.125rem; z-index: 5; } .products-section__slider .splide__slide { display: flex; padding: 0 0.625rem; } .title { font-size: 2.25rem; font-weight: 600; line-height: 1.2; } .title:not(:last-child) { margin-bottom: 1.875rem; } .more-btn { align-items: center; color: #6c6f38; display: flex; flex-direction: row-reverse; font-size: 0.875rem; gap: 0.5rem; justify-content: start; line-height: 1.3; margin-top: 0.75rem; overflow: hidden; text-overflow: ellipsis; } .more-btn span { text-decoration: underline; transition: text-decoration-color 0.3s; } .more-btn:before { flex-shrink: 0; font-size: 0.5rem; transform: rotate(90deg); } .--showmore-active .more-btn:before { transform: rotate(-90deg); } .breadcrumbs ul { flex-wrap: wrap; } .breadcrumbs ul, .breadcrumbs ul li { align-items: center; display: flex; gap: 0.3125rem; } .breadcrumbs ul li { font-size: 0.875rem; } .breadcrumbs ul li:not(:last-child) { opacity: 0.5; } .breadcrumbs ul li:not(:last-child):after { content: "/"; } .page__faq:not(:last-child) { margin-bottom: 3.125rem; } .faq-section__content { align-items: center; display: grid; gap: 1.25rem; grid-template-columns: 1fr 38.875rem; } .faq-section__image { aspect-ratio: 1/1; border-radius: 0.75rem; overflow: hidden; position: relative; } .faq-section__image:before { border: 0.375rem solid rgba(30, 30, 30, 0.1); border-radius: 0.75rem; content: ""; height: 100%; left: 0; pointer-events: none; position: absolute; top: 0; width: 100%; z-index: 2; } .faq-spoilers { align-items: start; display: grid; gap: 0.625rem 1.875rem; } .faq-spoilers__item { border-bottom: 0.125rem solid #e0d9cf; } .faq-spoilers__title { align-items: center; cursor: pointer; display: flex; font-size: 1.125rem; font-weight: 700; gap: 0.625rem; line-height: 1.3; padding: 0.625rem 1.25rem; transition: all 0.3s; } .faq-spoilers__title span { flex-grow: 1; } .faq-spoilers__icon { aspect-ratio: 1/1; background-color: rgba(30, 30, 30, 0.1); border-radius: 50%; position: relative; transition: all 0.3s; width: 2rem; } .faq-spoilers__icon:after, .faq-spoilers__icon:before { background-color: #1e1e1e; content: ""; height: 0.0625rem; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); transition: all 0.5s, background-color 0.5s; width: 1rem; } .faq-spoilers__icon:before { transform: translate(-50%, -50%) rotate(-90deg); } .--spoiler-active .faq-spoilers__icon { background-color: #e0d9cf; } .--spoiler-active .faq-spoilers__icon:before { opacity: 0; transform: translate(-50%, -50%); } .faq-spoilers__body { padding: 0 1.25rem 1.25rem; } .faq-spoilers__text { line-height: 1.3; } .page__seo:not(:last-child) { margin-bottom: 3.125rem; } .seo-section__title:not(:last-child) { margin-bottom: 1.25rem; } .seo-section__content { position: relative; } .seo-section__content:before { background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff); bottom: 0; content: ""; height: 4.6875rem; left: 0; pointer-events: none; position: absolute; transition: all 0.5s; width: 100%; } .--showmore-active .seo-section__content:before { opacity: 0; } .seo-section:has([data-fls-showmore-button][hidden]) .seo-section__content:before { opacity: 0; } .seo-section__text { line-height: 1.25; } .call-btn { align-items: center; animation: call-btn-an 1s ease infinite alternate; background-color: #cfd56b; border: 0.375rem solid #90944b; border-radius: 50%; bottom: 12.5rem; color: #fff; display: flex; font-size: 1.25rem; height: 3.875rem; justify-content: center; position: fixed; right: 1.25rem; transition: background-color 0.3s; width: 3.875rem; z-index: 50; } @keyframes call-btn-an { to { border-color: #fff; } } .categories-home__container { display: flex; flex-direction: column; } .categories-home__slider .splide__slide { display: flex; } .categories-home__slider:not(:last-child) { margin-bottom: 1.875rem; } .categories-home__item { background-color: hsla(35, 21%, 84%, 0.4); border: 0.1875rem solid #bebab5; border-radius: 0.75rem; display: flex; flex-direction: column; gap: 1.25rem; justify-content: space-between; min-width: 0; padding: 1.0625rem; position: relative; width: 100%; } .categories-home__label { display: flex; display: -webkit-box; flex-direction: column; font-size: 1.125rem; font-weight: 700; gap: 0.5rem; line-height: 1.1; transition: color 0.3s; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .categories-home__count { align-items: center; background-color: #fff; border-radius: 50%; color: #1e1e1e; display: flex; font-size: 1.25rem; height: 3.125rem; justify-content: center; min-width: 3.125rem; padding: 0.3125rem; width: max-content; } .categories-home__image { align-self: flex-end; max-height: 6.4375rem; max-width: 9.0625rem; object-fit: contain; width: 100%; } .categories-home__button { align-self: center; display: inline-block; min-width: 14.6875rem; } .item-feedback { display: flex; flex-direction: column; gap: 0.625rem; } .item-feedback__wrapper { background: #fff; border: 0.0625rem solid rgba(0, 0, 0, 0.1); border-radius: 0.375rem; display: flex; flex-direction: column; gap: 1.25rem; padding: 1.125rem; } .item-feedback__header { align-items: center; display: flex; flex-wrap: wrap; gap: 0.625rem; justify-content: space-between; } .item-feedback__name { font-size: 1.25rem; } .item-feedback__date { color: rgba(30, 30, 30, 0.5); font-size: 0.875rem; } .item-feedback__rating { --star-width: 0.9375rem; --star-gap: 0.3125rem; } .item-feedback__text { line-height: 1.3; } .item-feedback__footer { display: flex; flex-wrap: wrap; gap: 0.625rem; justify-content: space-between; } .item-feedback__answer { color: #6c6f38; line-height: 1.3; text-underline-offset: 0.3125rem; } .item-feedback__answers { border-left: 0.0625rem solid #cfd56b; padding-left: 1.1875rem; } .item-feedback__answers .item-feedback { max-width: 25.1875rem; } .item-feedback__actions { align-items: center; display: flex; gap: 1.875rem; justify-content: end; } .item-feedback__action-item { align-items: center; display: flex; gap: 0.3125rem; line-height: 1.3; } .item-feedback__action-item button { color: hsla(0, 0%, 7%, 0.5); font-size: 1.5rem; transition: color 0.3s; } .--dark .item-feedback__action-item button { color: hsla(0, 0%, 100%, 0.5); } .item-feedback__action-item button.--active.like { color: #32bc00; } .item-feedback__action-item button.--active.dislike { color: #e2102e; } .product-feedback { background: #fff; border: 0.0625rem solid rgba(30, 30, 30, 0.1); border-radius: 0.375rem; display: flex; gap: 0.625rem; padding: 0.5rem; } .product-feedback__image { flex-shrink: 0; height: 2.375rem; width: 2.375rem; } .product-feedback__body { display: flex; flex-direction: column; gap: 0.125rem; min-width: 0; } .product-feedback__title { font-weight: 900; line-height: 1.2; transition: color 0.3s; } .product-feedback__desc { font-size: 0.875rem; line-height: 1.2; } .news-home__items { display: grid; gap: 1.25rem; grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr)); } .separator { flex-grow: 1; } .def-arrows .splide__arrow--next { left: auto !important; right: 0 !important; } .def-arrows .splide__arrow--prev { left: 0 !important; } .counter { display: flex; } .counter__btn { align-items: center; background-color: #f0f0f0; display: flex; font-size: 1.5rem; justify-content: center; transition: all 0.3s; width: 3.25rem; } .counter__btn, .counter__input { flex-shrink: 0; font-weight: 600; height: 3.25rem; } .counter__input { background: #fff; border: 0.0625rem solid rgba(0, 0, 0, 0.1); font-size: 1.125rem; line-height: 1.11; text-align: center; width: 3.0625rem; } .icon-btn { align-items: center; border: 0.0625rem solid #cfd56b; border-radius: 0.375rem; color: #90944b; display: flex; height: 2.375rem; justify-content: center; padding: 0.625rem; transition: all 0.3s; width: 2.375rem; } .color-label { background-color: rgba(255, 169, 0, 0.2); border: 0.0625rem dashed #ffa900; border-radius: 0.25rem; font-size: 0.875rem; padding: 0.375rem 0.625rem; text-align: center; } .field { display: flex; flex-direction: column; gap: 0.3125rem; } .field__label { color: rgba(30, 30, 30, 0.6); font-size: 0.875rem; line-height: 1.3; } .field__label span { color: #e2102e; } .field__text { line-height: 1.2; } .field__rel-wrapper { border: 0.0625rem solid rgba(0, 0, 0, 0.1); border-radius: 0.375rem; display: flex; flex-direction: column; } .field__rel-wrapper:has(.textarea:not(:read-only):focus) { border-color: #cfd56b; } .field__rel-wrapper:has(.textarea:read-only) { background-color: #e3e3e3; color: rgba(30, 30, 30, 0.6); } .field__rel-wrapper:has(.textarea:read-only)::placeholder { color: rgba(30, 30, 30, 0.6); } .field__rel-wrapper .textarea { border: none; } .field__file { align-items: center; color: rgba(30, 30, 30, 0.6); cursor: pointer; display: flex; font-size: 0.75rem; gap: 0.25rem; line-height: 1.3; padding-bottom: 0.6875rem; padding-left: 0.6875rem; position: relative; } .field__file:before { font-size: 1rem; } .pinned-actions { background-color: #fff; border: 0.0625rem solid rgba(0, 0, 0, 0.1); border-radius: 0.625rem; bottom: calc(var(--navbar-height) + 1.25rem); display: flex; flex-direction: column; gap: 0.25rem; left: 0.625rem; padding: 0.4375rem 0.625rem 0.625rem; position: fixed; width: calc(100% - 1.25rem); z-index: 50; } .pinned-actions__body { align-items: center; background: hsla(63, 56%, 63%, 0.1); border-radius: 0.25rem; display: flex; gap: 0.625rem; padding: 0.3125rem 0.5rem; } .pinned-actions__label { flex-grow: 1; } .pinned-actions__price { font-weight: 900; } .pinned-actions__price span { font-size: 0.75rem; } .pinned-actions__button { padding: 0.375rem 0.625rem; } .locations-header__block { display: flex; flex-direction: column; gap: 0.9375rem; } .locations-header__block:not(:last-child) { margin-bottom: 1.25rem; } .locations-header__title { color: rgba(30, 30, 30, 0.5); font-weight: 600; line-height: 1.25; } .locations-header__label { align-items: center; display: flex; font-weight: 600; gap: 0.625rem; line-height: 1.25; } .locations-header__label:before { color: #6c6f38; font-size: 1.25rem; text-align: center; width: 1.5rem; } .locations-header__items { display: flex; flex-wrap: wrap; gap: 1.25rem; } .locations-header__link { font-weight: 600; line-height: 1.25; } .locations-header__button { color: #6c6f38; font-size: 1.125rem; padding: 0.6875rem 1.125rem; } .locations-header__button:before { font-size: 1.25rem; } .social { display: flex; flex-wrap: wrap; gap: 1.25rem; } .social a { background-color: #6c6f38; border-radius: 50%; color: #fff; font-size: 2.5rem; height: 2.5rem; transition: all 0.3s; width: 2.5rem; } .pass { position: relative; } .pass__input { padding-right: 2.5rem; } .pass__btn { color: rgba(30, 30, 30, 0.5); font-size: 1.5rem; position: absolute; right: 0.5625rem; top: 50%; transform: translateY(-50%); transition: all 0.3s; } .pass__btn.--active { color: #cfd56b; } .pass__btn.--active:before { content: "\e923"; } .--hidden { display: none !important; } .big-rating { gap: 1.25rem; } .big-rating, .big-rating__item { align-items: center; display: flex; flex-direction: column; } .big-rating__item { cursor: pointer; gap: 0.9375rem; line-height: 1.3; position: relative; text-align: center; } .big-rating__item:before { color: rgba(30, 30, 30, 0.2); font-size: 2.625rem; transition: all 0.3s; } .big-rating__item:has(input:checked):before, .big-rating__item:has(~ .big-rating__item > input:checked):before { color: #6c6f38; } .big-rating__body { display: grid; gap: 0.625rem; grid-template-columns: repeat(5, 1fr); } .item-order { border: 0.0625rem solid rgba(30, 30, 30, 0.1); border-radius: 0.375rem; } .item-order__body { padding: 0.625rem 1.25rem 1.25rem; } .item-order--mini .item-order__body { padding: 0 0.625rem 0.625rem; } .item-order__details { padding-bottom: 0.625rem; } .summary-orders { align-items: center; cursor: pointer; display: grid; gap: 0.625rem; grid-template-columns: auto 1fr max-content; padding: 0.625rem 1.4375rem 0.625rem 1.25rem; } .item-order--mini .summary-orders { gap: 0.3125rem; grid-template-columns: 1fr max-content; padding: 0.625rem; } .summary-orders__body { display: flex; flex-direction: column; gap: 0.625rem; } .summary-orders__info { font-size: 0.75rem; } .summary-orders__info span { font-size: 1rem; font-weight: 700; } .summary-orders__label { font-weight: 700; } .summary-orders__images { display: flex; flex-grow: 1; gap: 1.25rem; justify-content: center; transition: all 0.5s; } .item-order--mini .summary-orders__images { flex-wrap: wrap; justify-content: start; } .item-order--mini .--spoiler-active .summary-orders__images { opacity: 1; pointer-events: all; visibility: visible; } .summary-orders__image { aspect-ratio: 1/1; flex-grow: 1; max-width: 3.75rem; } .item-order--mini .summary-orders__image { max-width: 1.875rem; } .summary-orders__icon { color: #1e1e1e; font-size: 0.5rem; transition: all 0.3s; } .item-order--mini .summary-orders__icon { grid-column: 2; grid-row: 1/3; } .--spoiler-active .summary-orders__icon { transform: rotate(-180deg); } .details-orders { display: grid; gap: 1.375rem; grid-template-columns: 19.6875rem 1fr; } .item-order--mini .details-orders { grid-template-columns: 1fr; } .details-orders__buttons { border-bottom: 0.0625rem solid rgba(30, 30, 30, 0.1); border-top: 0.0625rem solid rgba(30, 30, 30, 0.1); padding: 0.625rem 0; } .item-order--mini .details-orders__buttons:not(:last-child) { margin-bottom: 0.625rem; } .details-orders__buttons:not(:last-child) { margin-bottom: 1.25rem; } .details-orders__button { padding: 0.5rem 0.625rem; width: 100%; } .details-orders__button:not(:last-child) { margin-bottom: 0.625rem; } .details-orders__info { display: flex; flex-direction: column; gap: 0.3125rem; } .item-order--mini .details-orders__info { border-bottom: 0.0625rem solid rgba(30, 30, 30, 0.1); padding-bottom: 0.625rem; } .details-orders__info:not(:last-child) { margin-bottom: 1.25rem; } .details-orders__info-title { font-weight: 700; line-height: 1.3; text-overflow: ellipsis; } .item-order--mini .details-orders__info-title { font-size: 0.875rem; } .details-orders__info-label { align-items: center; display: flex; font-weight: 600; gap: 0.3125rem; line-height: 1.25; } .item-order--mini .details-orders__info-label { font-size: 0.875rem; } .details-orders__info-label:before { color: #6c6f38; font-size: 1.125rem; } .details-orders__receiver-label { color: rgba(30, 30, 30, 0.6); font-size: 0.875rem; line-height: 1.3; } .details-orders__receiver-label:not(:last-child) { margin-bottom: 0.3125rem; } .details-orders__receiver-text { display: flex; flex-direction: column; gap: 0.3125rem; line-height: 1.3; } .item-order--mini .details-orders__products:not(:last-child) { margin-bottom: 0.625rem; } .details-orders__products:not(:last-child) { margin-bottom: 1.25rem; } .details-orders__product { border-bottom: 0.0625rem solid rgba(30, 30, 30, 0.1); padding-bottom: 0.625rem; } .details-orders__product:not(:last-child) { margin-bottom: 0.625rem; } .details-orders__summary { margin-left: auto; max-width: 20.8125rem; } .details-orders__summary-item { align-items: center; display: flex; gap: 0.625rem; justify-content: space-between; } .details-orders__summary-item:not(:last-child) { margin-bottom: 1.25rem; } .details-orders__summary-item:first-child { font-size: 0.875rem; } .details-orders__summary-item .total { font-size: 1.5rem; font-weight: 900; } .item-order--mini .details-orders__summary-item .total { font-size: 1rem; } .product-orders { align-items: center; display: grid; gap: 0.625rem 1.25rem; grid-template-columns: max-content auto 1fr max-content; } .item-order--mini .product-orders { align-items: start; gap: 0.625rem 0.8125rem; grid-template-columns: max-content 1fr max-content; } .product-orders__image { aspect-ratio: 1/1; overflow: hidden; width: 6.75rem; } .item-order--mini .product-orders__image { width: 2.5rem; } .product-orders__image img { transition: transform 0.3s; } .product-orders__body { display: flex; flex-direction: column; gap: 0.625rem; } .item-order--mini .product-orders__body { grid-column: span 2; } .product-orders__title { font-weight: 900; } .item-order--mini .product-orders__title { font-size: 0.875rem; } .product-orders__desc { font-size: 0.875rem; line-height: 1.2; } .item-order--mini .product-orders__desc { display: none; } .product-orders__article { color: rgba(30, 30, 30, 0.4); font-size: 0.875rem; } .product-orders__item-price { font-size: 0.875rem; text-align: center; white-space: nowrap; } .item-order--mini .product-orders__item-price { grid-column: 2; grid-row: 2; text-align: left; } .product-orders__price { font-size: 1.125rem; font-weight: 900; } .item-order--mini .product-orders__price { font-size: 0.875rem; grid-column: 3; grid-row: 2; } .refund-profile { display: flex; flex-direction: column; gap: 1.25rem; } .refund-profile__title { font-weight: 700; line-height: 1.25; } .refund-profile__title:not(:last-child) { margin-bottom: 0.625rem; } .refund-profile__item { display: flex; flex-direction: column; gap: 0.3125rem; } .refund-profile__label { color: rgba(30, 30, 30, 0.6); font-size: 0.875rem; } .refund-profile__product { align-items: center; display: flex; gap: 0.625rem; transition: all 0.3s; } .refund-profile__product img { aspect-ratio: 1/1; flex-shrink: 0; width: 3.75rem; } .item-cart { align-items: center; background-color: #fff; border: 0.0625rem solid rgba(30, 30, 30, 0.1); border-radius: 0.75rem; display: grid; gap: 2.5rem; grid-template-columns: max-content 1fr max-content max-content max-content; padding: 0.625rem 1.25rem 0.625rem 0.625rem; position: relative; } .item-cart__sale { background-color: #6c6f38; border-radius: 15.9375rem; color: #fff; font-size: 0.6875rem; font-weight: 700; left: 0.625rem; line-height: 1.2; padding: 0.1875rem 0.375rem; pointer-events: none; position: absolute; top: 0.625rem; z-index: 2; } .item-cart__image { aspect-ratio: 1/1; overflow: hidden; width: 6.125rem; } .item-cart__image img { transition: transform 0.3s; } .item-cart__body { display: flex; flex-direction: column; gap: 0.625rem; } .item-cart__title { font-weight: 900; line-height: 1.2; } .item-cart__desc { color: rgba(30, 30, 30, 0.4); font-size: 0.875rem; line-height: 1.2; } .item-cart__price { align-items: start; display: flex; flex-direction: column; font-size: 1.125rem; font-weight: 900; gap: 0.5625rem; } .item-cart__bonuses { border: 0.073875rem dashed #e0d9cf; border-radius: 0.2215625rem; color: #6c6f38; font-size: 1rem; font-weight: 900; padding: 0.125rem; } .item-cart__bonuses span { color: rgba(30, 30, 30, 0.5); display: block; font-size: 0.5rem; font-weight: 900; line-height: 1.22; } .item-cart__remove { align-items: center; background-color: #f0f0f0; border-radius: 50%; color: #1e1e1e; display: flex; font-size: 1.25rem; height: 2.25rem; transition: all 0.3s; width: 2.25rem; } .item-cart__remove, .pagination__list { justify-content: center; } .item-news { border-radius: 0.75rem; display: flex; flex-direction: column; overflow: hidden; position: relative; } .item-news:before { border: 0.375rem solid rgba(30, 30, 30, 0.1); border-radius: 0.75rem; content: ""; height: 100%; left: 0; pointer-events: none; position: absolute; top: 0; width: 100%; z-index: 2; } .item-news__image { aspect-ratio: 365/220; overflow: hidden; } .item-news__image img { transition: transform 0.3s; will-change: transform; } .item-news__icon { height: 2.625rem; width: 2.625rem; } .item-news__body { background-color: hsla(35, 21%, 84%, 0.4); display: flex; flex-direction: column; flex-grow: 1; gap: 1.875rem; padding: 1.875rem 1.25rem; } .item-news--why-us .item-news__body { gap: 1.375rem; padding: 1.875rem; word-break: break-all; } .item-news__title { font-size: 1.125rem; font-weight: 700; line-height: 1.24; } .item-news:not(.item-news--why-us) .item-news__title { -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; display: -webkit-box; overflow: hidden; } .item-news__text { color: #777; line-height: 1.3; } .item-news:not(.item-news--why-us) .item-news__text { -webkit-box-orient: vertical; -webkit-line-clamp: 4; line-clamp: 4; display: -webkit-box; overflow: hidden; } .feedback-pr { display: grid; gap: 0.625rem; grid-template-columns: 307fr 423fr; } .feedback-pr--col { grid-template-columns: 1fr; } .feedback-pr__title { font-size: 1.5rem; } .feedback-pr__title:not(:last-child) { margin-bottom: 1.25rem; } .feedback-pr__scroll { min-width: 0; } .feedback-pr__scroll .simplebar-track.simplebar-vertical { background-color: rgba(30, 30, 30, 0.1); height: 100% !important; left: auto; right: 0 !important; width: 0.3125rem !important; z-index: 5; } .feedback-pr__scroll .simplebar-scrollbar:before { background-color: #cfd56b !important; bottom: 0 !important; left: 0 !important; opacity: 1 !important; right: 0 !important; top: 0 !important; } .feedback-pr__item .item-feedback__rating { --star-active: url(https://torus-stroi.ua/catalog/view/theme/default/assets/img/icons/star-active-yellow.svg); } .feedback-pr__item:not(:last-child) { margin-bottom: 0.625rem; } .feedback-pr__more { margin: 0.625rem auto 0; } .aside-feedback-pr__title { align-items: center; display: flex; font-size: 1.5rem; font-weight: 900; gap: 0.3125rem; line-height: 1.2; } .aside-feedback-pr__title:not(:last-child) { margin-bottom: 0.9375rem; } .aside-feedback-pr__title span { color: #6c6f38; font-size: 0.875rem; } .aside-feedback-pr__rating-label { align-items: center; display: flex; gap: 0.3125rem; } .aside-feedback-pr__rating-label:before { color: #ffa900; } .aside-feedback-pr__rating-label:not(:last-child) { margin-bottom: 0.625rem; } .aside-feedback-pr__rating-label:before { font-size: 1.125rem; order: 4; } .aside-feedback-pr__rating-avg { font-size: 0.875rem; font-weight: 600; } .aside-feedback-pr__rating-avg span { font-size: 1.25rem; } .aside-feedback-pr__rating-count { color: rgba(30, 30, 30, 0.5); font-size: 0.875rem; } .aside-feedback-pr__rating-count span { color: #1e1e1e; } .aside-feedback-pr__rating-count:not(:last-child) { margin-bottom: 0.9375rem; } .aside-feedback-pr__body:not(:last-child) { margin-bottom: 1.25rem; } .aside-feedback-pr__item { align-items: center; display: flex; gap: 0.8125rem; } .aside-feedback-pr__item:not(:last-child) { margin-bottom: 0.625rem; } .aside-feedback-pr__rating { align-items: center; display: flex; flex-direction: row-reverse; gap: 0.4375rem; justify-content: start; } .aside-feedback-pr__rating:before { color: #ffa900; font-size: 1.125rem; } .aside-feedback-pr__line { background-color: hsla(0, 0%, 7%, 0.1); flex-grow: 1; height: 0.375rem; position: relative; transition: all 0.3s; } .aside-feedback-pr__line:before { background-color: #ffa900; content: ""; height: 100%; left: 0; position: absolute; top: 0; transition: all 0.3s; width: var(--fill, 0); } .--dark .aside-feedback-pr__line { background-color: hsla(0, 0%, 100%, 0.1); } .aside-feedback-pr__color-label { font-size: 0.875rem; padding: 0.3125rem; text-align: left; } .aside-feedback-pr__color-label:not(:last-child) { margin-bottom: 1.25rem; } .aside-feedback-pr__button { padding: 0.5rem 0.75rem; width: 100%; } .aside-feedback-pr__button:not(:last-child) { margin-bottom: 0.6875rem; } .aside-feedback-pr__green-label { align-items: center; background: hsla(63, 56%, 63%, 0.2); border-radius: 0.25rem; color: #6c6f38; display: flex; font-size: 0.875rem; gap: 0.3125rem; line-height: 1.3; overflow: hidden; padding: 0.3125rem 0.625rem; } .aside-feedback-pr__green-label svg { flex-shrink: 0; height: 1.125rem; width: 1.125rem; } .text h1, .text h2, .text h3, .text h4, .text h5, .text h6 { font-weight: 700; } .text h2 { color: #1e1e1e; font-size: 1.5rem; line-height: 1.2; } .text h2:not(:last-child) { margin-bottom: 1.25rem; } .text .button { display: inline-flex; padding: 0.5rem 1.3125rem; } .hero-home__image { display: block; } [class*="_icon-"]:before { font-family: icons; font-style: normal; font-variant: normal; font-weight: 400; line-height: 1; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: block; } ._icon-file:before { content: "\e92e"; } ._icon-comment:before { content: "\e92d"; } ._icon-download:before { content: "\e929"; } ._icon-truck:before { content: "\e92a"; } ._icon-package:before { content: "\e92b"; } ._icon-money:before { content: "\e92c"; } ._icon-plus:before { content: "\e928"; } ._icon-profile-location:before { content: "\e927"; } ._icon-gift-card:before { content: "\e925"; } ._icon-info:before { content: "\e926"; } ._icon-eye-hide:before { content: "\e923"; } ._icon-eye:before { content: "\e924"; } ._icon-exit:before { content: "\e921"; } ._icon-path:before { content: "\e922"; } ._icon-orders:before { content: "\e920"; } ._icon-pencil:before { content: "\e91f"; } ._icon-clear:before { content: "\e91e"; } ._icon-delete:before { content: "\e91d"; } ._icon-filter:before { content: "\e91b"; } ._icon-sort:before { content: "\e91c"; } ._icon-ch-down:before { content: "\e918"; } ._icon-like:before { content: "\e919"; } ._icon-dislike:before { content: "\e91a"; } ._icon-nav-catalog:before { content: "\e914"; } ._icon-nav-home:before { content: "\e917"; } ._icon-nav-cart:before { content: "\e913"; } ._icon-nav-user:before { content: "\e915"; } ._icon-nav-phone:before { content: "\e916"; } ._icon-heart-fill:before { content: "\e912"; } ._icon-location-fill:before { content: "\e911"; } ._icon-heart:before { content: "\e900"; } ._icon-ch-up:before { content: "\e901"; } ._icon-cross:before { content: "\e902"; } ._icon-location:before { content: "\e903"; } ._icon-menu:before { content: "\e904"; } ._icon-menu-thin:before { content: "\e905"; } ._icon-phone:before { content: "\e906"; } ._icon-phone-fill:before { content: "\e907"; } ._icon-search:before { content: "\e908"; } ._icon-s-fb:before { content: "\e909"; } ._icon-s-inst:before { content: "\e90a"; } ._icon-star:before { content: "\e90b"; } ._icon-s-yt:before { content: "\e90c"; } ._icon-user:before { content: "\e90d"; } ._icon-cart:before { content: "\e90e"; } ._icon-ch-left:before { content: "\e90f"; } ._icon-ch-right:before { content: "\e910"; } body { background-color: var(--bg-color); color: #1e1e1e; font-family: Lato, sans-serif; font-size: 1rem; min-width: 20rem; } [data-fls-scrolllock] body { overflow: hidden; overscroll-behavior: none; touch-action: none; } .wrapper { display: flex; flex-direction: column; min-height: 100%; overflow: clip; } .wrapper > main { flex: 1 1 auto; } .wrapper > * { min-width: 0; } [class*="__container"] { margin: 0 auto; max-width: 101.375rem; padding-left: 3.125rem; padding-right: 3.125rem; } body:after { background-color: rgba(0, 0, 0, 0.5); content: ""; height: 100%; left: 0; opacity: 0; position: fixed; top: 0; transition: all 0.3s ease 0s; visibility: hidden; width: 100%; will-change: opacity; z-index: 149; } [data-filter-open] body:after, [data-fls-menu-open] body:after { opacity: 1; visibility: visible; } .page { margin-bottom: 3.125rem; padding-top: 1.5rem; } .wrapper { padding-bottom: calc( var(--navbar-height, 0rem) + var(--pinned-height, 0rem) + 1.875rem ); } .tabs__navigation { display: flex; } .tabs__title { border: 0.0625rem solid #eee; border-radius: 0.3125rem; padding: 0.625rem 0.9375rem; } .tabs__title.--tab-active { border: 0.0625rem solid #000; } .tabs__content { border: 0.0625rem solid #eee; padding: 0.625rem 0.9375rem; } .select { min-width: 0; } .select, .select__body { position: relative; } .select__title { color: inherit; cursor: pointer; text-align: left; width: 100%; } .select__value { align-items: center; background-color: #fff; border: 0.0625rem solid rgba(0, 0, 0, 0.1); border-radius: 0.375rem; color: #1e1e1e; display: flex; gap: 0.625rem; line-height: 1.2; min-width: 0; padding: 0.5625rem 0.875rem; } .select__value > * { flex: 1 1 auto; } .select__value:after { content: "\e918"; font-family: icons; font-style: normal; font-variant: normal; font-weight: 400; line-height: 1; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; align-items: center; display: flex; font-size: 0.4375rem; justify-content: center; transition: transform 0.3s ease 0s; } .--select-open .select__value:after { transform: rotate(-180deg); } .select__value.--select-pseudo-label:before { content: attr(data-pseudo-label); opacity: 0.5; } .select--region .select__value { border: none; border-radius: 0.375rem 0.375rem 0 0; color: rgba(30, 30, 30, 0.5); font-weight: 600; gap: 0.3125rem; padding: 0.3125rem; } .select--region .select__value:before { content: "\e903"; font-family: icons; font-style: normal; font-variant: normal; font-weight: 400; line-height: 1; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .select--region .select__value:after { font-size: 0.375rem; } .--select-open.select--region .select__value { background-color: #6c6f38; color: #fff; } .--select-open.select--region .select__value:after { transform: rotate(-180deg); } .select--contacts .select__value { border: 0.125rem solid #90944b; color: #6c6f38; font-size: 1.25rem; font-weight: 600; padding: 0.3125rem 0.5rem; } .select--contacts .select__value:after { font-size: 0.4375rem; } .--select-open.select--contacts .select__value { background-color: #6c6f38; border-color: #6c6f38; border-radius: 0.375rem 0.375rem 0 0; color: #fff; } .select__content, .select__text { flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .select__input { background-color: transparent; color: #1e1e1e; height: 100%; width: 100%; } .select__input::placeholder { color: #1e1e1e; } .--select-focus .select__input::placeholder { opacity: 0.5; } .select__options { background-color: #fff; border-radius: 0.75rem; box-shadow: -0.1875rem 0.1875rem 0.75rem 0 rgba(0, 0, 0, 0.2); color: #000; left: 0; min-width: 0; overflow: hidden; position: absolute; width: 100%; } .select--contacts .select__options, .select--region .select__options { background-color: #6c6f38; border-radius: 0 0 0.375rem 0.375rem; box-shadow: none; color: #fff; top: calc(100% - 0.0625rem); } .select--profile .select__options { border-radius: 0.375rem; padding: 0.625rem; } .select--orders .select__options { background: #fff; border-radius: 0.125rem; padding: 0.25rem 0; } .select__scroll { height: var(--content-height); min-width: 0; overflow-x: hidden; overflow-y: auto; } .select--profile .select__scroll { margin: 0 -0.625rem; } .select:has([data-fls-select-scroll]) .select__scroll { max-height: 18.75rem; } .select__scroll .simplebar-vertical { height: 100% !important; right: 0.625rem !important; } .select__option { color: inherit; cursor: pointer; padding: 0.875rem 0.625rem; text-align: left; transition: all 0.3s; width: 100%; } .select__option:not(:last-child) { border-bottom: 0.0625rem solid #d9d9d9; } .select--contacts .select__option, .select--region .select__option { border: none; padding: 0.625rem; } .select--contacts .select__option { font-size: 1.125rem; } .select__option.--select-selected { background-color: #eee; } .select--profile .select__option { border: none; color: rgba(30, 30, 30, 0.7); padding: 0.625rem; } .select--orders .select__option { border-bottom: none; padding: 0.375rem 0.625rem; } .select__row { align-items: center; display: inline-flex; } .select__search:not(:last-child) { margin-bottom: 0.3125rem; } .select__search .search__input { font-size: 1rem; padding: 0.5rem 2.5rem 0.5rem 0.875rem; } .select__search .search__submit { pointer-events: none; } .--select-tag { cursor: pointer; } [data-simplebar] { align-content: flex-start; align-items: flex-start; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; position: relative; } .simplebar-wrapper { height: inherit; max-height: inherit; max-width: inherit; overflow: hidden; width: inherit; } .simplebar-mask { direction: inherit; height: auto !important; overflow: hidden; width: auto !important; z-index: 0; } .simplebar-mask, .simplebar-offset { bottom: 0; left: 0; margin: 0; padding: 0; position: absolute; right: 0; top: 0; } .simplebar-offset { box-sizing: inherit !important; direction: inherit !important; resize: none !important; -webkit-overflow-scrolling: touch; } .simplebar-content-wrapper { box-sizing: border-box !important; direction: inherit; display: block; height: 100%; max-height: 100%; max-width: 100%; overflow: auto; position: relative; scrollbar-width: none; width: auto; -ms-overflow-style: none; } .simplebar-content-wrapper::-webkit-scrollbar, .simplebar-hide-scrollbar::-webkit-scrollbar { display: none; height: 0; width: 0; } .simplebar-content:after, .simplebar-content:before { content: " "; display: table; } .simplebar-placeholder { max-height: 100%; max-width: 100%; pointer-events: none; width: 100%; } .simplebar-height-auto-observer-wrapper { box-sizing: inherit !important; flex-basis: 0; flex-grow: inherit; flex-shrink: 0; float: left; height: 100%; margin: 0; max-height: 0.0625rem; max-width: 0.0625rem; overflow: hidden; padding: 0; pointer-events: none; position: relative; width: 100%; z-index: -1; } .simplebar-height-auto-observer { box-sizing: inherit; display: block; height: 1000%; left: 0; min-height: 0.0625rem; min-width: 0.0625rem; opacity: 0; top: 0; width: 1000%; z-index: -1; } .simplebar-height-auto-observer, .simplebar-track { overflow: hidden; pointer-events: none; position: absolute; } .simplebar-track { bottom: 0; right: 0; z-index: 1; } [data-simplebar].simplebar-dragging, [data-simplebar].simplebar-dragging .simplebar-content { pointer-events: none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } [data-simplebar].simplebar-dragging .simplebar-track { pointer-events: all; } .simplebar-scrollbar { left: 0; min-height: 0.625rem; position: absolute; right: 0; } .simplebar-scrollbar:before { background: #000; border-radius: 0.4375rem; content: ""; opacity: 0; position: absolute; transition: opacity 0.2s linear 0.5s; } .simplebar-scrollbar.simplebar-visible:before { opacity: 0.5; transition-delay: 0s; transition-duration: 0s; } .simplebar-track.simplebar-vertical { top: 0; width: 0.6875rem; } .simplebar-scrollbar:before { bottom: 0.125rem; left: 0.125rem; right: 0.125rem; top: 0.125rem; } .simplebar-track.simplebar-horizontal { height: 0.6875rem; left: 0; } .simplebar-track.simplebar-horizontal .simplebar-scrollbar { bottom: 0; left: 0; min-height: 0; min-width: 0.625rem; right: auto; top: 0; width: auto; } [data-simplebar-direction="rtl"] .simplebar-track.simplebar-vertical { left: 0; right: auto; } .simplebar-dummy-scrollbar-size { direction: rtl; height: 31.25rem; opacity: 0; overflow-x: scroll; overflow-y: hidden; position: fixed; visibility: hidden; width: 31.25rem; -ms-overflow-style: scrollbar !important; } .simplebar-dummy-scrollbar-size > div { height: 200%; margin: 0.625rem 0; width: 200%; } .simplebar-hide-scrollbar { left: 0; overflow-y: scroll; position: fixed; scrollbar-width: none; visibility: hidden; -ms-overflow-style: none; } .spoilers__item { border-bottom: 0.0625rem solid var(--text-color); color: var(--text-color); display: block; padding-bottom: 0.9375rem; transition: all 0.3s; width: 100%; } .spoilers__item:not(:last-child) { margin-bottom: 0.9375rem; } .spoilers__title { align-items: center; color: var(--text-color); cursor: pointer; display: flex; font-weight: 500; gap: 1.25rem; justify-content: space-between; line-height: 1.3; text-transform: uppercase; transition: all 0.3s; --color: var(--text-color); } .spoilers__title svg { height: 1.125rem; width: 1.125rem; } .spoilers__title svg path { transition: all 0.3s; } .spoilers__title .plus-icon { height: 1rem; width: 1rem; } .spoilers__title .plus-icon:after, .spoilers__title .plus-icon:before { height: 0.125rem; } .spoilers__title.--spoiler-active .plus-icon:after, .spoilers__title.--spoiler-active .plus-icon:before { background-color: var(--text-color); } .spoilers__body { padding-top: 1.25rem; } .spoilers__body .text { font-family: Roboto, sans-serif; line-height: 1.3; } .spoilers__body .text p:not(:last-child) { margin-bottom: 0.9375rem; } .splide__container { box-sizing: border-box; position: relative; } .splide__list { backface-visibility: hidden; display: -ms-flexbox; display: flex; height: 100%; margin: 0 !important; padding: 0 !important; } .splide.is-initialized:not(.is-active) .splide__list { display: block; } .splide__pagination { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; margin: 0; pointer-events: none; } .splide__pagination li { display: inline-block; line-height: 1; list-style-type: none; margin: 0; pointer-events: auto; } .splide:not(.is-overflow) .splide__pagination { display: none; } .splide__progress__bar { width: 0; } .splide { position: relative; visibility: hidden; } .splide.is-initialized, .splide.is-rendered { visibility: visible; } .splide__slide { backface-visibility: hidden; box-sizing: border-box; -ms-flex-negative: 0; flex-shrink: 0; list-style-type: none !important; margin: 0; position: relative; } .splide__slide img { vertical-align: bottom; } .splide__spinner { animation: splide-loading 1s linear infinite; border: 0.125rem solid #999; border-left-color: transparent; border-radius: 50%; bottom: 0; contain: strict; display: inline-block; height: 1.25rem; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 1.25rem; } .splide__sr { clip: rect(0 0 0 0); border: 0; height: 0.0625rem; margin: -0.0625rem; overflow: hidden; padding: 0; position: absolute; width: 0.0625rem; } .splide__toggle.is-active .splide__toggle__play, .splide__toggle__pause { display: none; } .splide__toggle.is-active .splide__toggle__pause { display: inline; } .splide__track { overflow: hidden; position: relative; z-index: 0; } @keyframes splide-loading { 0% { transform: rotate(0); } to { transform: rotate(1turn); } } .splide__track--draggable { -webkit-touch-callout: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .splide__track--fade > .splide__list > .splide__slide { margin: 0 !important; opacity: 0; z-index: 0; } .splide__track--fade > .splide__list > .splide__slide.is-active { opacity: 1; z-index: 1; } .splide--rtl { direction: rtl; } .splide__track--ttb > .splide__list { display: block; } .splide__arrow { -ms-flex-align: center; align-items: center; background: #ccc; border: 0; border-radius: 50%; cursor: pointer; display: -ms-flexbox; display: flex; height: 2em; -ms-flex-pack: center; justify-content: center; opacity: 0.7; padding: 0; position: absolute; top: 50%; transform: translateY(-50%); width: 2em; z-index: 1; } .splide__arrow svg { fill: #000; height: 1.2em; width: 1.2em; } .splide__arrow:hover:not(:disabled) { opacity: 0.9; } .splide__arrow:disabled { opacity: 0.3; } .splide__arrow:focus-visible { outline: 0.1875rem solid #0bf; outline-offset: 0.1875rem; } .splide__arrow--prev { left: 1em; } .splide__arrow--prev svg { transform: scaleX(-1); } .splide__arrow--next { right: 1em; } .splide.is-focus-in .splide__arrow:focus { outline: 0.1875rem solid #0bf; outline-offset: 0.1875rem; } .splide__pagination { bottom: 0.5em; left: 0; padding: 0 1em; position: absolute; right: 0; z-index: 1; } .splide__pagination__page { background: #ccc; border: 0; border-radius: 50%; display: inline-block; height: 0.5rem; margin: 0.1875rem; opacity: 0.7; padding: 0; position: relative; transition: transform 0.2s linear; width: 0.5rem; } .splide__pagination__page.is-active { background: #fff; transform: scale(1.4); z-index: 1; } .splide__pagination__page:hover { cursor: pointer; opacity: 0.9; } .splide__pagination__page:focus-visible { outline: 0.1875rem solid #0bf; outline-offset: 0.1875rem; } .splide.is-focus-in .splide__pagination__page:focus { outline: 0.1875rem solid #0bf; outline-offset: 0.1875rem; } .splide__progress__bar { background: #ccc; height: 0.1875rem; } .splide__slide { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .splide__slide:focus { outline: 0; } @supports (outline-offset: -0.1875rem) { .splide__slide:focus-visible { outline: 0.1875rem solid #0bf; outline-offset: -0.1875rem; } } @supports (outline-offset: -0.1875rem) { .splide.is-focus-in .splide__slide:focus { outline: 0.1875rem solid #0bf; outline-offset: -0.1875rem; } } .splide__toggle { cursor: pointer; } .splide__toggle:focus-visible { outline: 0.1875rem solid #0bf; outline-offset: 0.1875rem; } .splide.is-focus-in .splide__toggle:focus { outline: 0.1875rem solid #0bf; outline-offset: 0.1875rem; } .splide__track--nav > .splide__list > .splide__slide { border: 0.1875rem solid transparent; cursor: pointer; } .splide__track--nav > .splide__list > .splide__slide.is-active { border: 0.1875rem solid #000; } .splide__arrows--rtl .splide__arrow--prev { left: auto; right: 1em; } .splide__arrows--rtl .splide__arrow--prev svg { transform: scaleX(1); } .splide__arrows--rtl .splide__arrow--next { left: 1em; right: auto; } .splide__arrows--rtl .splide__arrow--next svg { transform: scaleX(-1); } .splide__arrows--ttb .splide__arrow { left: 50%; transform: translate(-50%); } .splide__arrows--ttb .splide__arrow--prev { top: 1em; } .splide__arrows--ttb .splide__arrow--prev svg { transform: rotate(-90deg); } .splide__arrows--ttb .splide__arrow--next { bottom: 1em; top: auto; } .splide__arrows--ttb .splide__arrow--next svg { transform: rotate(90deg); } .splide__pagination--ttb { bottom: 0; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; left: auto; padding: 1em 0; right: 0.5em; top: 0; } .icon-menu { display: none; } .categories-menu__close, .header__menu-btn, .pc-menu__close, .submenu-navbar__back { color: var(--text-color); transition: all 0.3s; } .header { background-color: #fff; left: 0; padding: 0.6875rem 0; position: sticky; top: 0; width: 100%; z-index: 50; } .header__container { align-items: center; display: flex; gap: 1.25rem; } .header__menu-btn { font-size: 2rem; } .header__catalog { position: relative; } .header__catalog-btn { font-size: 1.125rem; } .header__catalog-menu { background-color: #fff; border-radius: 0.375rem; display: flex; flex-direction: column; gap: 0.9375rem; left: 0; opacity: 0; padding: 1.25rem; pointer-events: none; position: absolute; top: 100%; transition: all 0.3s; visibility: hidden; width: 20.25rem; } .header__catalog:hover .header__catalog-menu { opacity: 1; pointer-events: all; visibility: visible; } .header__catalog-menu li a { align-items: center; display: flex; font-weight: 500; gap: 0.625rem; line-height: 1.2; transition: all 0.3s; } .header__catalog-menu li a svg { height: 1.125rem; width: 1.125rem; } .header__catalog-menu li a svg path { transition: all 0.3s; } .header__search { flex-grow: 1; } .header__actions { align-items: center; display: flex; gap: 1.25rem; } .header__actions-item { font-size: 1.5rem; position: relative; transition: color 0.3s; } .header__actions-item span { align-items: center; background-color: red; border-radius: 0.625rem; color: #fff; display: inline-flex; font-size: 0.75rem; height: 1.25rem; justify-content: center; min-width: 1.25rem; padding: 0.125rem; position: absolute; right: -0.5rem; top: -0.5rem; } .categories-menu, .pc-menu { background-color: #fff; display: flex; flex-direction: column; height: 100%; left: 0; max-width: 20rem; padding-bottom: 1.125rem; position: fixed; top: 0; transform: translateX(-100%); transition: transform 0.3s; width: 100%; z-index: 150; } .categories-menu__header, .pc-menu__header { align-items: center; border-bottom: 0.0625rem solid rgba(30, 30, 30, 0.1); display: flex; gap: 1.25rem; justify-content: space-between; padding: 0.9375rem 1.125rem; } .categories-menu__close, .pc-menu__close { font-size: 0.9375rem; } .categories-menu__content, .pc-menu__content { min-height: 0; padding: 0 1.125rem; } .categories-menu__content .simplebar-track.simplebar-vertical, .pc-menu__content .simplebar-track.simplebar-vertical { height: 100%; } .categories-menu__body, .pc-menu__body { border-bottom: 0.0625rem solid rgba(30, 30, 30, 0.1); margin: 0 -1.125rem; padding: 1.875rem 1.125rem 1.5625rem; } .categories-menu__body:not(:last-child), .pc-menu__body:not(:last-child) { margin-bottom: 1.875rem; } .categories-menu__catalog-btn, .pc-menu__catalog-btn { font-size: 1.125rem; justify-content: start; width: 100%; } .categories-menu__catalog-btn:not(:last-child), .pc-menu__catalog-btn:not(:last-child) { margin-bottom: 1.875rem; } [data-fls-menu-open] .pc-menu { transform: none; } .pc-menu__content .simplebar-track.simplebar-vertical { height: calc(100% - 1.875rem); top: 1.875rem; } .pc-menu__list { display: flex; flex-direction: column; gap: 1.875rem; } .pc-menu__list li { font-size: 1.25rem; font-weight: 600; } .pc-menu__list li a { transition: color 0.3s; } .pc-menu__locations:not(:last-child) { margin-bottom: 1.25rem; } .pc-menu__lang { display: grid; gap: 1.25rem; grid-template-columns: repeat(2, 1fr); } .pc-menu__lang-item { background-color: transparent; border-color: rgba(0, 0, 0, 0.06); color: rgba(30, 30, 30, 0.5); flex-grow: 1; gap: 0.3125rem; padding: 0.6875rem; } .pc-menu__lang-item svg { flex-shrink: 0; height: 1.125rem; width: 1.125rem; } .pc-menu__lang-item.--active { background-color: hsla(63, 56%, 63%, 0.2); } [data-cat-menu-open] .categories-menu { transform: none; } .categories-menu__header:not(:last-child) { margin-bottom: 1.25rem; } .categories-menu .header__catalog-menu { opacity: 1; padding: 0; pointer-events: all; position: relative; visibility: visible; width: 100%; } .navbar { background-color: #fff; border: 0.0625rem solid rgba(0, 0, 0, 0.1); border-radius: 0.625rem; bottom: 0.625rem; display: grid; gap: 0.3125rem; grid-template-columns: repeat(5, 1fr); left: 0.625rem; padding: 0.5625rem 0.3125rem 1.25rem; position: fixed; width: calc(100% - 1.25rem); z-index: 50; } .navbar__item { align-items: center; display: flex; flex-direction: column; font-size: 0.75rem; font-weight: 600; gap: 0.125rem; min-width: 0; position: relative; text-align: center; } .navbar__item span { align-items: center; background-color: red; border-radius: 0.625rem; color: #fff; display: inline-flex; font-size: 0.625rem; height: 1rem; justify-content: center; left: calc(50% + 0.75rem); min-width: 1rem; padding: 0.125rem; position: absolute; top: -0.25rem; transform: translateX(-50%); } .navbar__item:before { font-size: 1.875rem; } .navbar__submenu { bottom: 100%; max-width: 15.625rem; opacity: 0; pointer-events: none; position: absolute; right: 0; transition: all 0.3s; visibility: hidden; width: 100%; } .--nav-more-open .navbar__submenu { opacity: 1; pointer-events: all; visibility: visible; } .submenu-navbar { background-color: #fff; border-radius: 0.375rem; padding: 0.875rem; z-index: 50; } .submenu-navbar__header { border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.1); display: flex; flex-direction: column; gap: 0.3125rem; padding-bottom: 0.5rem; text-align: center; } .submenu-navbar__header:not(:last-child) { margin-bottom: 0.625rem; } .submenu-navbar__title { color: #6c6f38; font-size: 1.125rem; text-align: center; } .submenu-navbar__subtitle { color: rgba(30, 30, 30, 0.5); font-size: 0.875rem; text-align: center; } .--lang-open .submenu-navbar__body { display: none; } .submenu-navbar__item { align-items: center; display: flex; font-size: 0.875rem; gap: 0.5rem; line-height: 1.2; text-align: left; transition: color 0.3s; width: 100%; } .submenu-navbar__item:not(:last-child) { margin-bottom: 0.625rem; } .submenu-navbar__item img { flex-shrink: 0; height: 1.5rem; width: 1.5rem; } .submenu-navbar__item span { flex-grow: 1; } .submenu-navbar__item:before { color: #000; font-size: 0.75rem; order: 99; } .submenu-navbar__lang { display: none; padding-top: 0.3125rem; } .--lang-open .submenu-navbar__lang { display: block; } .submenu-navbar__back { align-items: center; color: #8f8f8f; display: flex; font-size: 0.875rem; gap: 0.625rem; line-height: 1.2; overflow: hidden; } .submenu-navbar__back:not(:last-child) { margin-bottom: 0.9375rem; } .submenu-navbar__back:before { font-size: 0.625rem; } .submenu-navbar__radiobox { font-size: 0.875rem; gap: 0.375rem; } .submenu-navbar__radiobox .check-input__icon { height: 0.9375rem; width: 0.9375rem; } .submenu-navbar__radiobox:not(:last-child) { margin-bottom: 0.9375rem; } .cart-success { align-items: center; background: #fff; border: 0.125rem solid #6c6f38; border-radius: 0.375rem; color: #1e1e1e; display: flex; gap: 0.75rem; line-height: 1.2; margin-left: 1.25rem; max-width: 22.9375rem; min-height: 3rem; opacity: 0; padding: 0.3125rem 0.75rem; pointer-events: none; position: fixed; right: 1.25rem; top: 6.25rem; transform: translateX(50%); transition: all 0.3s ease; width: calc(100% - 2.5rem); z-index: 55; } .cart-success.--active { opacity: 1; transform: none; } .cart-success:before { aspect-ratio: 1/1; background: url(https://torus-stroi.ua/catalog/view/theme/default/assets/img/icons/check-circle.svg) no-repeat 50% / contain; content: ""; width: 1.21875rem; } .footer__top { background-color: #6c6f38; color: #fff; padding: 1.0625rem 0; } .footer__top .footer__container { align-items: center; display: grid; gap: 0.75rem 1.25rem; grid-template-columns: auto 1fr auto; } .footer__label { font-weight: 700; line-height: 1.3; } .footer__social { align-items: center; display: flex; flex-wrap: wrap; gap: 0.3125rem 1.25rem; justify-content: center; } .footer__social .social li a { background-color: #cfd56b; } .footer__social-label { font-weight: 600; line-height: 1.25; } .footer__bottom { padding: 1.375rem 0; position: relative; } .footer__bottom .footer__container, .footer__info { align-items: center; display: flex; gap: 0.75rem 1.25rem; } .footer__logo { flex-shrink: 0; } .footer__copy { font-size: 0.875rem; line-height: 1.3; max-width: 17.5rem; } .footer__menu { flex-grow: 1; } .footer__menu ul { display: flex; gap: 0.625rem 1.25rem; justify-content: space-between; } .footer__menu ul li { font-weight: 600; line-height: 1.66; } .footer__menu ul li a, .footer__up { transition: all 0.3s; } .footer__up { aspect-ratio: 1/1; background-color: #cfd56b; border: 0.125rem solid #6c6f38; border-radius: 50%; color: #6c6f38; flex-shrink: 0; width: 2.75rem; } .footer__up:before { transform: rotate(-90deg); } .sub-footer { display: flex; gap: 0.625rem; } .sub-footer__input { flex-grow: 1; padding: 0.53125rem 0.875rem; } .sub-footer__button { padding: 0.53125rem 0.625rem; } .item-cont-mini__link { text-decoration: underline; text-decoration-color: transparent; transition: text-decoration-color 0.3s; } .auth-popup__label a { text-decoration: underline; text-decoration-color: inherit; transition: text-decoration-color 0.3s; } .close-btn, .popup__close, .success-popup__orders { color: var(--text-color); transition: all 0.3s; } [data-fls-popup-open] body:after { opacity: 1; visibility: visible; } [data-fls-popup] { bottom: 0; left: 0; padding: 1.875rem 0.625rem; position: fixed; right: 0; top: 0; transition: visibility 0.3s ease 0s; visibility: hidden; } [data-fls-popup].popup--contacts { padding: 0; } [data-fls-popup][data-fls-popup-active] { overflow: auto; visibility: visible; z-index: 150; } [data-fls-popup-active] [data-fls-popup-body] { transform: scale(1); visibility: visible; } [data-fls-popup-wrapper] { align-items: center; display: flex; flex: 1 1 auto; flex-direction: column; justify-content: center; min-height: 100%; width: 100%; } .popup--contacts [data-fls-popup-wrapper] { justify-content: start; } [data-fls-popup-body] { background-color: #fff; max-width: 56.25rem; padding: 1.25rem; transform: scale(0); transition: transform 0.3s ease 0s, visibility 0.3s ease 0s; visibility: hidden; width: 100%; } .popup--contacts [data-fls-popup-body] { border-radius: 0 0 1.5rem 1.5rem; max-width: 100%; min-height: 32.8125rem; padding: 3.125rem 1.25rem; } .popup--auth [data-fls-popup-body] { border-radius: 0.375rem; max-width: 30.8125rem; padding: 1.25rem 1.25rem 1.875rem; } .popup--form [data-fls-popup-body] { border-radius: 0.75rem; max-width: 39.625rem; padding: 1.875rem 1.875rem 1.5rem; } .popup--success-feedback [data-fls-popup-body] { border-radius: 0.75rem; max-width: 39.625rem; padding: 3.375rem 1.875rem 1.875rem; } .popup--cart [data-fls-popup-body] { border-radius: 0.375rem; max-width: 29.9375rem; padding: 0.625rem; } .popup--contact-us [data-fls-popup-body] { border-radius: 0.75rem; max-width: 21.25rem; padding: 0; } .popup--contacts-mini [data-fls-popup-body] { border-radius: 0.75rem; max-width: 20rem; padding: 1.25rem 0.625rem; } [data-fls-popup-youtube-place] iframe { aspect-ratio: 16/9; width: 100%; } .close-btn { font-size: 0.9375rem; } .popup--cart-clear [data-fls-popup-body] { max-width: 20rem; padding: 2.5rem 1.875rem; } .popup--success [data-fls-popup-body] { max-width: 95rem; padding: 6.9375rem 1.875rem 3.5625rem; } .popup__close { font-size: 0.9375rem; position: absolute; right: 0.9375rem; top: 0.9375rem; } .popup--form .popup__close, .popup--success-feedback .popup__close { right: 1.4375rem; top: 1.4375rem; } .popup--contacts-mini .popup__close { color: #90944b; right: 0.6875rem; top: 0.8125rem; } .cart-clear-popup { align-items: center; display: flex; flex-direction: column; } .cart-clear-popup__title { font-weight: 900; line-height: 1.2; text-align: center; } .cart-clear-popup__title:not(:last-child) { margin-bottom: 1.25rem; } .cart-clear-popup__actions { display: flex; gap: 0.6875rem; } .cart-clear-popup__button { padding: 0.625rem 1.25rem; } .cart-clear-popup__button:first-child { border-color: #ff0004; } .success-popup { align-items: center; display: flex; flex-direction: column; gap: 1.9375rem; margin: 0 auto; max-width: 30.625rem; } .popup--success-feedback .success-popup { gap: 1.25rem; } .success-popup__image { height: 3.75rem; width: 3.75rem; } .popup--success[data-fls-popup-active] .success-popup__image { animation: jump-off 1s linear 0.3s forwards; } .success-popup__image:not(:last-child) { margin-bottom: 3.375rem; } .success-popup__title { font-size: 2.25rem; font-weight: 900; margin-bottom: 0 !important; text-align: center; } .popup--success-feedback .success-popup__title { font-size: 1.5rem; } .success-popup__content { display: flex; flex-direction: column; gap: 0.9375rem; } .popup--success-feedback .success-popup__content:not(:last-child) { margin-bottom: 1.875rem; } .success-popup__content p { font-size: 0.875rem; line-height: 1.42; text-align: center; } .success-popup__label { font-size: 0.875rem; } .success-popup__button { min-width: 9.375rem; } .success-popup__orders { align-items: center; color: rgba(30, 30, 30, 0.7); display: flex; gap: 0.3125rem; } .success-popup__orders:before { font-size: 1.5rem; } .success-popup__link { color: rgba(30, 30, 30, 0.5); font-size: 1rem; font-weight: 600; line-height: 1.2; text-align: center; } @keyframes jump-off { 0% { transform: none; } 40% { transform: scale(1.85); } 70% { transform: scale(1.35); } to { transform: scale(1.65); } } .contacts-popup { margin: 0 auto; max-width: 95rem; } .contacts-popup__header { display: flex; justify-content: center; position: relative; } .contacts-popup__header:not(:last-child) { margin-bottom: 5.1875rem; } .contacts-popup__header .popup__close { right: 0; top: 0.3125rem; } .contacts-popup__header .select { min-width: 13rem; } .contacts-popup__body { align-items: center; display: flex; flex-wrap: wrap; gap: 2.5rem 5.625rem; } .contacts-popup__locations { align-items: center; display: flex; flex-wrap: wrap; gap: 1.25rem 5.625rem; } .contacts-popup__locations .locations-header__label, .contacts-popup__locations .locations-header__link { font-size: 1.25rem; } .contacts-popup__locations .locations-header__button { font-size: 1.125rem; } .contacts-popup__locations .locations-header__button:before { font-size: 1.5rem; } .worktime-tabs__navigation { border-bottom: 0.0625rem solid rgba(30, 30, 30, 0.1); display: flex; flex-wrap: wrap; gap: 0.875rem; padding-bottom: 0.9375rem; } .worktime-tabs__navigation:not(:last-child) { margin-bottom: 0.9375rem; } .worktime-tabs__title { align-items: center; border: 0.0625rem solid rgba(30, 30, 30, 0.1); border-radius: 1.5rem; display: flex; font-size: 0.875rem; font-weight: 600; height: 2.5rem; justify-content: center; line-height: 1.42; min-width: 2.5rem; transition: all 0.3s; } .worktime-tabs__title.--tab-active { background-color: #cfd56b; } .worktime-tabs__label { font-size: 1.25rem; font-weight: 600; } .auth-popup__header { border-bottom: 0.0625rem solid rgba(30, 30, 30, 0.1); display: flex; justify-content: center; margin: 0 -1.25rem; padding: 0 1.25rem 1.0625rem; position: relative; } .auth-popup__header .popup__close { right: 1.25rem; top: 0.3125rem; } .auth-popup__header:not(:last-child) { margin-bottom: 1.875rem; } .auth-popup__title { display: inline-block; font-size: 1.5rem; font-weight: 900; line-height: 1.2; text-align: center; } .auth-popup__body { display: flex; flex-direction: column; gap: 0.9375rem; } .auth-popup__body:not(:last-child) { margin-bottom: 1.25rem; } .auth-popup__button { font-size: 1.125rem; padding-left: 0.3125rem; padding-right: 0.3125rem; } .auth-popup__label { color: #797878; font-size: 0.875rem; line-height: 1.2; text-align: center; } .auth-popup__label:not(:last-child) { margin-bottom: 1.25rem; } .auth-popup__or { position: relative; text-align: center; } .auth-popup__or:not(:last-child) { margin-bottom: 0.625rem; } .auth-popup__or:before { background-color: rgba(30, 30, 30, 0.1); content: ""; height: 0.0625rem; left: 0; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; } .auth-popup__or span { background-color: #fff; color: #797878; display: inline-block; font-size: 0.875rem; line-height: 1.2; padding: 0.625rem; position: relative; text-align: center; z-index: 2; } .auth-popup__social-btn { background-color: #fff; border-color: rgba(30, 30, 30, 0.1); color: #1e1e1e; font-weight: 400; gap: 0.3125rem; justify-content: center; padding: 0.4375rem 0.625rem; width: 100%; } .auth-popup__social-btn svg { height: 1.5rem; width: 1.5rem; } .auth-popup__social-btn:not(:last-child) { margin-bottom: 0.625rem; } .auth-popup__actions { align-items: center; display: flex; flex-direction: column; gap: 0.9375rem; } .auth-popup__action-item { color: rgba(30, 30, 30, 0.5); font-weight: 600; line-height: 1.2; text-align: center; transition: all 0.3s; } .form-popup { display: flex; flex-direction: column; gap: 0.9375rem; } .form-popup__title { border-bottom: 0.0625rem solid rgba(30, 30, 30, 0.1); font-size: 1.5rem; font-weight: 700; margin: 0 -1.875rem; padding: 0 0.625rem 1.875rem; text-align: center; } .form-popup__title:not(:last-child) { margin-bottom: 0.625rem; } .form-popup__field .field__input, .form-popup__field .field__textarea { font-size: 0.875rem; } .form-popup__field .field__input::placeholder, .form-popup__field .field__textarea::placeholder { color: #1e1e1e; } .form-popup__checkbox { font-size: 0.875rem; } .form-popup__checkbox a { color: #6c6f38; font-weight: 700; } .form-popup__button { border-color: #cfd56b; font-weight: 600; padding: 0.5rem 0.75rem; } .form-popup__big-rating:not(:last-child) { margin-bottom: 0.625rem; } .form-popup__cheap-footer { display: flex; gap: 1.25rem; } .form-popup__cheap-footer .form-popup__button { flex-grow: 1; } .form-popup__cheap-footer .form-popup__button:first-child { border-color: #d9d9d9; max-width: 9.125rem; } .cart-popup { display: flex; flex-direction: column; gap: 0.625rem; } .cart-popup__header { align-items: center; display: flex; gap: 0.9375rem; } .cart-popup__title { flex-grow: 1; font-size: 1.25rem; font-weight: 900; line-height: 1.2; } .cart-popup .item-cart { border-width: 0.125rem; gap: 0.5625rem; padding: 0.5rem; transition: border-color 0.3s; } .cart-popup .item-cart__image { width: 3.75rem; } .cart-popup .item-cart__body { gap: 0.3125rem; } .cart-popup .item-cart__title { font-size: 0.8125rem; } .cart-popup .item-cart__desc { font-size: 0.875rem; } .cart-popup .item-cart__counter .counter__btn, .cart-popup .item-cart__counter .counter__input { font-size: 0.875rem; height: 2.25rem; width: 2.25rem; } .cart-popup .item-cart__price { align-items: end; font-size: 0.875rem; text-align: right; } .cart-popup__button { padding: 0.5625rem 0.75rem; } .contact-us-popup { background: linear-gradient(0deg, hsla(35, 21%, 84%, 0.4), hsla(35, 21%, 84%, 0.4)), #fff; border: 0.375rem solid rgba(30, 30, 30, 0.1); border-radius: 0.75rem; padding: 1rem; } .contact-us-popup__header { align-items: start; display: flex; gap: 0.625rem; justify-content: space-between; } .contact-us-popup__header:not(:last-child) { margin-bottom: 0.4375rem; } .contact-us-popup__icon { aspect-ratio: 1/1; width: 1.6875rem; } .contact-us-popup__close { color: #90944b; } .contact-us-popup__body { display: flex; flex-direction: column; gap: 1rem; } .contact-us-popup__body:not(:last-child) { margin-bottom: 0.8125rem; } .contact-us-popup__title { font-size: 1.5rem; font-weight: 700; } .contact-us-popup__text { line-height: 1.2; } .contact-us-popup__field .field__input { font-size: 1.125rem; padding: 0.75rem 0.9375rem; } .contact-us-popup__field .field__input::placeholder { color: #1e1e1e; } .contact-us-popup__button { font-size: 1rem; padding: 0.5rem; width: 100%; } .contacts-mini { display: flex; flex-direction: column; gap: 0.625rem; } .contacts-mini__title { font-size: 1.25rem; font-weight: 900; line-height: 1.2; } .contacts-mini__call-btn { font-size: 0.75rem; gap: 0.3125rem; padding: 0.375rem 0.625rem; } .contacts-mini__close { align-self: start; font-size: 0.875rem; padding: 0.25rem 1.1875rem; } .item-cont-mini { background: hsla(35, 21%, 84%, 0.4); border: 0.1875rem solid rgba(30, 30, 30, 0.1); border-radius: 0.75rem; padding: 0.4375rem 0.75rem 0.75rem; } .item-cont-mini__main { align-items: start; display: flex; gap: 0.625rem; } .item-cont-mini__main:before { align-items: center; aspect-ratio: 1/1; background-color: #cfd56b; border-radius: 50%; color: #fff; display: flex; flex-shrink: 0; font-size: 1.0625rem; justify-content: center; order: 99; width: 2.5rem; } .item-cont-mini__main:not(:last-child) { border-bottom: 0.0625rem solid rgba(30, 30, 30, 0.1); margin-bottom: 0.5625rem; padding-bottom: 0.5625rem; } .item-cont-mini__body { display: flex; flex-direction: column; flex-grow: 1; gap: 0.5625rem; } .item-cont-mini__title { font-weight: 700; } .item-cont-mini__link { color: #6c6f38; } .item-cont-mini__link, .item-cont-mini__worktime { font-size: 0.875rem; font-weight: 700; line-height: 1.2; } .item-cont-mini__worktime { color: #474725; } .info-page__breadcrumbs:not(:last-child) { margin-bottom: 0.75rem; } .info-page__title { font-weight: 900; } .info-page__body { display: grid; gap: 1.25rem; grid-template-columns: repeat(2, 1fr); } .info-page__body:not(:last-child) { margin-bottom: 2rem; } .info-page__block { background: #f2efeb; border: 0.375rem solid rgba(30, 30, 30, 0.1); border-radius: 0.75rem; display: flex; flex-direction: column; gap: 0.9375rem; padding: 1.5rem; } .info-page__icon { aspect-ratio: 1/1; width: 2.625rem; } .info-page__block-title { font-size: 1.5rem; font-weight: 900; line-height: 1.2; } .info-page__text { font-size: 1.125rem; line-height: 1.4; } .info-page__text a { color: #6c6f38; } .info-page__button { align-self: start; } .info-page__faq .faq-section__content { align-items: start; } .rating { display: inline-block; font-size: 0; --star-gap: 0.1875rem; --star-width: 1.125rem; --star-active: url(https://torus-stroi.ua/catalog/view/theme/default/assets/img/icons/star-active.svg); --star: url(https://torus-stroi.ua/catalog/view/theme/default/assets/img/icons/star.svg); } .--dark .rating { --star: url(https://torus-stroi.ua/catalog/view/theme/default/assets/img/icons/star-light.svg); } .rating__items { align-items: flex-start; display: inline-flex; gap: var(--star-gap); } .rating__item { aspect-ratio: 1/1; background: var(--star) 0 0 / var(--star-width) no-repeat; flex: 0 0 var(--star-width); font-size: 0; height: auto; position: relative; transition: background-image 0.3s; width: var(--star-width); } .rating__item--active { background: var(--star-active) 0 0 / var(--star-width) no-repeat; } .rating__item span { aspect-ratio: 1/1; background: var(--star-active) 0 0 / var(--star-width) no-repeat; height: 100%; left: 0; position: absolute; top: 0; width: 0; } .rating__item:not(:last-child):after { content: ""; height: 100%; position: absolute; right: 0; top: 0; transform: translateX(100%); width: var(--star-gap); } [data-rating="set"] .rating__item:not(:last-child):after { cursor: pointer; } .rating__input { display: block; height: 100%; opacity: 0; width: 100%; } [data-fls-rating="set"] .rating__input { cursor: pointer; } .page__profile:not(:last-child) { margin-bottom: 6.25rem; } .profile__wrapper { display: grid; gap: 0.9375rem 1.875rem; grid-template-columns: 16.0625rem 1fr; } .profile__aside { border-right: 0.0625rem solid rgba(30, 30, 30, 0.1); } .profile__content { padding-right: 1.25rem; padding-top: 1.25rem; } .profile__menu { display: flex; flex-direction: column; gap: 1.25rem; } .profile__menu:not(:last-child) { margin-bottom: 3.125rem; } .profile__menu-item { align-items: center; color: rgba(30, 30, 30, 0.7); display: flex; gap: 0.3125rem; transition: all 0.3s; } .profile__menu-item:before { flex-shrink: 0; font-size: 1.5rem; } .profile__menu-item.--active { color: #90944b; } .profile__logout { align-items: center; color: #ff0004; display: flex; gap: 0.3125rem; transition: all 0.3s; } .profile__logout:before { flex-shrink: 0; font-size: 1.5rem; } .profile__body { min-width: 0; } .profile__title { font-weight: 900; } .profile__title:not(:last-child) { margin-bottom: 0.9375rem; } .profile__products { display: grid; gap: 0.75rem; grid-template-columns: repeat(auto-fill, minmax(13.75rem, 1fr)); } .user-profile { align-items: center; border-bottom: 0.0625rem solid rgba(30, 30, 30, 0.1); display: flex; gap: 0.625rem; padding-bottom: 0.9375rem; padding-right: 1.25rem; } .user-profile:before { color: #6c6f38; flex-shrink: 0; font-size: 1.5rem; } .user-profile__body { display: flex; flex-direction: column; flex-grow: 1; gap: 0.3125rem; } .user-profile__title { color: #6c6f38; } .user-profile__email { color: rgba(30, 30, 30, 0.5); font-size: 0.875rem; } .user-profile__icon { flex-shrink: 0; font-size: 0.5rem; transition: transform 0.3s; } .--spoiler-active .user-profile__icon { transform: rotate(-180deg); } .profile-btn { min-width: 10rem; padding: 0.5rem 0.625rem; } .data-profile__body { border: 0.0625rem solid rgba(30, 30, 30, 0.1); border-radius: 0.375rem; max-width: 28.9375rem; padding: 1.25rem; width: 100%; } .data-profile__fields { display: flex; flex-direction: column; gap: 1.25rem; } .data-profile__fields:not(:last-child) { margin-bottom: 0.9375rem; } .data-profile__field .field__label { font-weight: 600; } .data-profile__checkbox { font-size: 0.875rem; } .data-profile__button { min-width: 10rem; padding: 0.5rem 0.625rem; } .address-profile__body { min-width: 0; } .address-profile__item { border: 0.0625rem solid rgba(30, 30, 30, 0.1); border-radius: 0.375rem; display: flex; flex-direction: column; gap: 0.9375rem; padding: 1.25rem; } .address-profile__item:not(:last-child) { margin-bottom: 1.25rem; } .address-profile__button { align-self: start; } .add-address { display: flex; flex-direction: column; gap: 0.625rem; } .add-address__cols { display: grid; gap: 0.625rem; grid-template-columns: repeat(3, 1fr); } .add-address__checkbox { font-size: 0.875rem; } .bonuses-profile__items { display: grid; gap: 0.75rem 1.25rem; grid-template-columns: repeat(2, 1fr); max-width: 43.125rem; } .bonuses-profile__items:not(:last-child) { margin-bottom: 3.4375rem; } .bonuses-profile__header { align-items: end; display: flex; flex-wrap: wrap; gap: 0.3125rem 0.625rem; justify-content: space-between; } .bonuses-profile__header:not(:last-child) { margin-bottom: 0.5rem; } .bonuses-profile__title { font-size: 1.5rem; font-weight: 900; line-height: 1.2; } .bonuses-profile__label { color: #6c6f38; font-size: 1.125rem; font-weight: 700; line-height: 1.3; text-align: right; } .bonuses-profile__slider:not(:last-child) { margin-bottom: 0.75rem; } .bonuses-profile__slider .splide__slide { display: flex; } .item-bonuses { background: hsla(63, 56%, 63%, 0.4); border: 0.0625rem dashed #e0d9cf; border-radius: 0.25rem; display: flex; flex-direction: column; gap: 0.9375rem; padding: 1.25rem; } .item-bonuses--gray { background: hsla(0, 0%, 85%, 0.2); border-color: #d9d9d9; color: #797878; } .item-bonuses__title { font-weight: 700; } .item-bonuses__label { font-size: 2rem; font-weight: 700; } .orders-profile { display: flex; flex-direction: column; } .orders-profile__button { align-self: flex-end; padding: 0.6875rem 0.875rem; } .orders-profile__button:before { color: #6c6f38; } .orders-profile__button:not(:last-child) { margin-bottom: 0.3125rem; } .orders-profile__navigation { border-bottom: 0.0625rem solid rgba(30, 30, 30, 0.1); display: flex; flex-grow: 1; flex-wrap: wrap; gap: 0.3125rem 1.25rem; } .orders-profile__navigation:not(:last-child) { margin-bottom: 1.25rem; } .orders-profile__link { flex-shrink: 0; padding-bottom: 0.3125rem; position: relative; transition: all 0.3s; } .orders-profile__link:before { background-color: #90944b; content: ""; height: 0.0625rem; left: 0; opacity: 0; pointer-events: none; position: absolute; top: 100%; transition: opacity 0.3s; width: 100%; } .orders-profile__link.--active { color: #90944b; } .orders-profile__link.--active:before { opacity: 1; } .orders-profile__actions { display: flex; flex-wrap: wrap; gap: 0.625rem; justify-content: space-between; } .orders-profile__actions:not(:last-child) { margin-bottom: 1.25rem; } .orders-profile__actions .select { min-width: 14.8125rem; } .orders-profile__search { flex-grow: 1; } .orders-profile__search .search__input { font-weight: 600; } .orders-profile__item:not(:last-child) { margin-bottom: 0.625rem; } .--showmore-active [data-fls-showmore-button] span, [data-fls-showmore-button] span:last-child { display: none !important; } .--showmore-active [data-fls-showmore-button] span:last-child { display: block !important; } [data-fls-showmore-button][hidden] { display: none; } .hero-product__nav-item { text-decoration: underline; text-decoration-color: inherit; transition: text-decoration-color 0.3s; } .props-product__button, .recom-product__label a, .table-product a { color: var(--text-color); transition: all 0.3s; } .props-product__item { position: relative; } .props-product__item input { height: 0; left: 0; position: absolute; top: 0; visibility: hidden; width: 0; } .product__breadcrumbs:not(:last-child) { margin-bottom: 0.75rem; } .product__hero:not(:last-child) { margin-bottom: 0.625rem; } .hero-product { display: grid; gap: 2.5rem; grid-template-columns: 750fr 710fr; } .hero-product__image { aspect-ratio: 1/1; min-width: 0; position: relative; } .hero-product__image-header { align-items: center; display: flex; gap: 0.625rem; justify-content: space-between; padding: 1.25rem; pointer-events: none; position: relative; z-index: 2; } .hero-product__image-header > * { pointer-events: all; } .hero-product__sale { background-color: #6c6f38; border-radius: 15.9375rem; color: #fff; font-weight: 700; line-height: 1.2; padding: 0.3125rem 0.625rem; } .hero-product__bonuses { border: 0.125rem dashed #e0d9cf; border-radius: 0.375rem; color: #6c6f38; display: flex; flex-direction: column; font-size: 1.5rem; font-weight: 900; gap: 0.125rem; padding: 0.1875rem 0.25rem; } .hero-product__bonuses span { color: rgba(30, 30, 30, 0.5); font-size: 0.75rem; } .hero-product__accent-label { background: rgba(255, 247, 163, 0.4); border: 0.0625rem solid rgba(255, 172, 95, 0.4); border-radius: 0.1875rem; color: #d37217; font-size: 0.875rem; line-height: 1.2; padding: 0.3125rem; } .hero-product__slider { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .hero-product__slider .splide__track { border: 0.0625rem solid rgba(30, 30, 30, 0.1); border-radius: 0.75rem; overflow: hidden; } .hero-product__slider .splide__slide { padding: 3.4375rem; } .hero-product__slider .splide__pagination { z-index: 3; } .hero-product__body { display: grid; gap: 0.9375rem; } .hero-product__header { align-items: center; display: flex; flex-wrap: wrap; gap: 1.25rem; } .hero-product__header-label { color: rgba(30, 30, 30, 0.4); font-size: 0.875rem; line-height: 1.2; } .hero-product__title { font-weight: 900; margin-bottom: 0 !important; } .hero-product__info { display: flex; gap: 0.625rem; justify-content: space-between; } .hero-product__feedback { align-items: center; display: flex; gap: 0.625rem; } .hero-product__count { align-items: center; display: flex; font-size: 0.75rem; gap: 0.3125rem; } .hero-product__count:before { font-size: 0.875rem; } .hero-product__fav { align-items: center; display: flex; gap: 0.3125rem; line-height: 1.2; transition: all 0.3s; } .hero-product__fav:before { color: #90944b; font-size: 1.75rem; } .hero-product__fav.--active:before { content: "\e912"; } .hero-product__labels { display: flex; flex-wrap: wrap; gap: 0.625rem; } .hero-product__label { align-items: center; border: 0.0625rem solid rgba(30, 30, 30, 0.2); border-radius: 0.25rem; display: flex; font-size: 0.875rem; gap: 0.3125rem; line-height: 1.3; overflow: hidden; padding: 0.25rem 0.5625rem; } .hero-product__label img { flex-shrink: 0; height: 1.5rem; width: 1.5rem; } .hero-product__navigation { display: flex; flex-wrap: wrap; gap: 0.9375rem; } .hero-product__nav-item { color: #6c6f38; line-height: 1.3; text-underline-offset: 0.3125rem; } .hero-product__price { align-items: center; display: flex; flex-wrap: wrap; gap: 0.9375rem; } .hero-product__price-item { display: flex; flex-direction: column; gap: 0.3125rem; } .hero-product__price-item.--special { border: 0.125rem dashed #cfd56b; border-radius: 0.375rem; padding: 0.25rem 0.3125rem; } .hero-product__price-label { color: rgba(30, 30, 30, 0.5); font-size: 0.75rem; font-weight: 900; } .hero-product__price-label.--sale { text-decoration: line-through; } .hero-product__price-value { color: #6c6f38; font-size: 2rem; font-weight: 900; } .hero-product__price-value span { font-size: 0.75rem; } .hero-product__price-value.--big { font-size: 2.5rem; } .hero-product__actions { display: flex; flex-wrap: wrap; gap: 0.625rem; } .hero-product__button { flex-grow: 1; font-size: 1rem; gap: 0.3125rem; max-width: 22.125rem; padding: 0.625rem 0.9375rem; } .hero-product__button:before { font-size: 1.5rem; } .hero-product__other-actions { display: flex; flex-wrap: wrap; gap: 0.1875rem; } .hero-product__other-action { align-items: center; border: 0.09325rem solid #e1d8ce; border-radius: 0.27975rem; display: flex; flex: 0 0 3.3125rem; flex-direction: column; font-size: 0.625rem; font-weight: 600; gap: 0.125rem; padding: 0.3125rem 0.25rem; transition: all 0.3s; } .hero-product__other-action:first-child { border-color: #474725; } .hero-product__other-action img { aspect-ratio: 1/1; object-fit: contain; width: 1.125rem; } .hero-product__refund { align-items: center; background: hsla(63, 56%, 63%, 0.2); border-radius: 0.25rem; color: #6c6f38; display: flex; font-size: 0.875rem; gap: 0.3125rem; line-height: 1.3; padding: 0.3125rem 0.625rem; } .hero-product__refund:before { flex-shrink: 0; font-size: 1.5rem; } .hero-product__showmore:not(:last-child) { margin-bottom: 1.25rem; } .recom-product { align-items: center; border: 0.0625rem solid #cfd56b; border-radius: 0.75rem; display: grid; gap: 1.25rem; grid-template-columns: max-content 1fr max-content max-content; padding: 1.1875rem; } .recom-product__image { aspect-ratio: 70/75; width: 4.375rem; } .recom-product__body { display: flex; flex-direction: column; gap: 1.25rem; } .recom-product__label { font-size: 0.875rem; font-weight: 700; line-height: 1.3; } .recom-product__price { color: #6c6f38; display: flex; flex-direction: column; font-weight: 900; gap: 0.1875rem; } .recom-product__price span { color: rgba(30, 30, 30, 0.5); font-size: 0.75rem; } .recom-product__cart-btn { aspect-ratio: 1/1; background-color: #cfd56b; border-radius: 50%; flex-shrink: 0; width: 1.875rem; } .showmore-product__content { position: relative; } .showmore-product__content:after { background: linear-gradient( 180deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0.91) 90%, #fff ); bottom: 0; content: ""; height: 4.375rem; left: 0; pointer-events: none; position: absolute; transition: all 0.3s; width: 100%; } .--showmore-active .showmore-product__content:after, .showmore-product:has([data-fls-showmore-button][hidden]) .showmore-product__content:after { opacity: 0; visibility: hidden; } .showmore-product__more { margin-top: 0.625rem; } .shipping-product__title { align-items: center; display: flex; font-size: 1.25rem; font-weight: 700; gap: 0.625rem; line-height: 1.3; } .shipping-product__title:not(:last-child) { margin-bottom: 1.25rem; } .shipping-product__title:before { color: #6c6f38; flex-shrink: 0; font-size: 1.5rem; } .shipping-product__block { border-bottom: 0.0625rem solid rgba(30, 30, 30, 0.1); padding-bottom: 1.25rem; } .shipping-product__block:not(:last-child) { margin-bottom: 1.25rem; } .shipping-product__subtitle { align-items: center; display: flex; font-weight: 700; gap: 0.3125rem; line-height: 1.3; } .shipping-product__subtitle:before { color: #6c6f38; flex-shrink: 0; font-size: 1.5rem; } .shipping-product__subtitle:not(:last-child) { margin-bottom: 0.9375rem; } .shipping-product__location:not(:last-child) { margin-bottom: 0.625rem; } .shipping-product__text { line-height: 1.3; } .location-product { align-items: center; display: flex; gap: 1.25rem; } .location-product__body { display: flex; flex-direction: column; flex-grow: 1; gap: 0.3125rem; } .location-product__title { align-items: center; display: flex; font-weight: 600; gap: 0.3125rem; } .location-product__title:before { color: #6c6f38; flex-shrink: 0; font-size: 1.125rem; } .location-product__text { font-size: 0.875rem; line-height: 1.42; } .location-product__price { background-color: hsla(63, 56%, 63%, 0.5); color: #6c6f38; font-size: 0.75rem; line-height: 1.2; padding: 0.3125rem; } .downloads-product__title { align-items: center; display: flex; font-weight: 600; gap: 0.3125rem; } .downloads-product__title:not(:last-child) { margin-bottom: 0.625rem; } .downloads-product__title:before { color: #6c6f38; flex-shrink: 0; font-size: 1.5rem; } .downloads-product__body { display: flex; flex-wrap: wrap; gap: 0.6875rem; } .downloads-product__button { border: 0.125rem solid #e0d9cf; padding: 0.3125rem 1.25rem; } .props-product__title { font-size: 0.875rem; font-weight: 700; line-height: 1.2; } .props-product__title:not(:last-child) { margin-bottom: 0.625rem; } .props-product__items { display: flex; flex-wrap: wrap; gap: 0.375rem; } .props-product__item { border: 0.0625rem solid #e0d9cf; border-radius: 0.25rem; color: #1e1e1e; cursor: pointer; line-height: 1.2; padding: 0.5625rem; text-align: center; transition: all 0.3s; } .props-product__item:has(> input:checked) { border-color: #6c6f38; } .props-product__item.--color { display: flex; padding: 0.125rem; } .props-product__item.--color:before { background-color: var(--color); content: ""; height: 1.5625rem; width: 1.5625rem; } .props-product__button { color: #bcbcbc; font-size: 0.875rem; font-weight: 600; line-height: 1.2; } .--show .props-product__button > span:first-child, .props-product__button > span:last-child { display: none; } .--show .props-product__button > span:last-child { display: block; } .product__info:not(:last-child) { margin-bottom: 3.125rem; } .info-product__title { font-size: 1.5rem; font-weight: 900; line-height: 1.2; } .info-product__title:not(:last-child) { margin-bottom: 0.9375rem; } .info-product__decs { font-size: 0.875rem; line-height: 1.42; } .info-product__decs b { font-size: 1rem; } .tabs-product__navigation { border-bottom: 0.0625rem solid rgba(30, 30, 30, 0.1); display: flex; gap: 1.25rem 1.875rem; } .tabs-product__navigation:not(:last-child) { margin-bottom: 1.25rem; } .tabs-product__title { color: #ababab; font-size: 1.5rem; font-weight: 600; padding-bottom: 0.9375rem; position: relative; transition: all 0.3s; } .tabs-product__title:before { background-color: #cfd56b; bottom: -0.0625rem; content: ""; height: 0.125rem; left: 0; opacity: 0; pointer-events: none; position: absolute; transition: all 0.3s; width: 100%; } .tabs-product__title.--tab-active { color: #1e1e1e; } .tabs-product__title.--tab-active:before { opacity: 1; } .tabs-product__wrapper { display: grid; gap: 1.25rem; grid-template-columns: repeat(2, 1fr); } .tabs-product__content, .tabs-product__feedback { min-width: 0; } .table-product { border: 0.0625rem solid hsla(35, 21%, 84%, 0.4); border-collapse: separate; border-radius: 0.375rem; border-spacing: 0; display: block; overflow: hidden; } .table-product td, .table-product th { min-width: 0; padding: 0.5625rem 0.3125rem; text-align: left; width: 100%; } .table-product td:first-child, .table-product th:first-child { padding-left: 1.25rem; } .table-product td:last-child, .table-product th:last-child { padding-right: 1.25rem; text-align: right; white-space: nowrap; } .table-product td { font-size: 1.25rem; font-weight: 500; line-height: 1.6; } .table-product thead > tr > th, .table-product > tbody tr:not(:last-child) > td { border-bottom: 0.0625rem solid #dddee2; } .table-product tr:nth-child(odd) td { background-color: hsla(0, 0%, 85%, 0.4); } .table-section-pr__title { font-weight: 900; } .product__products-section:not(:last-child) { margin-bottom: 3.125rem; } .products-section__title { font-weight: 900; } .page__home { margin-bottom: 3.125rem; } .home__hero:not(:last-child), .home__menu:not(:last-child) { margin-bottom: 1.25rem; } .home__categories:not(:last-child) { margin-bottom: 3.125rem; } .home__products-section:not(:last-child) { margin-bottom: 2.6875rem; } .menu-home__items { display: flex; gap: 0.625rem 1.25rem; } .menu-home__item { align-items: center; border: 0.125rem solid #e1d8ce; border-radius: 0.375rem; color: #6c6f38; display: flex; flex-grow: 1; font-size: 1.5rem; font-weight: 600; gap: 0.125rem 0.5625rem; justify-content: center; padding: 0.1875rem 0.625rem; transition: all 0.3s; } .menu-home__item:first-child { border-color: #474725; } .menu-home__item:nth-child(2) { border-color: #a49d83; } .menu-home__item svg { flex-shrink: 0; height: 2rem; transition: all 0.3s; width: 2rem; } .menu-home__item svg path { transition: all 0.3s; } .home__banners:not(:last-child) { margin-bottom: 3.125rem; } .banners-home__image { aspect-ratio: 753/290; display: block; } .home__news:not(:last-child) { margin-bottom: 3.125rem; } .home__faq:not(:last-child), .home__seo:not(:last-child) { margin-bottom: 4.375rem; } .error__breadcrumbs:not(:last-child) { margin-bottom: 0.75rem; } .error__title { font-weight: 900; } .error__title:not(:last-child) { margin-bottom: 1.25rem; } .error__body { align-items: center; display: flex; flex-direction: column; gap: 0.9375rem; } .error__image { aspect-ratio: 1/1; max-width: 20.3125rem; width: 100%; } .error__subtitle { font-weight: 900; margin-bottom: 0 !important; text-align: center; } .error__label { font-size: 1.125rem; font-weight: 700; line-height: 1.3; text-align: center; } .error__link { min-width: 11.25rem; } .contacts__link { text-decoration: underline; text-decoration-color: transparent; transition: text-decoration-color 0.3s; } .contacts__breadcrumbs:not(:last-child) { margin-bottom: 0.75rem; } .contacts__title { font-weight: 900; } .contacts__title:not(:last-child) { margin-bottom: 1.25rem; } .contacts__wrapper { display: grid; gap: 1.25rem; grid-template-columns: repeat(2, 1fr); } .contacts__wrapper:not(:last-child) { margin-bottom: 6.25rem; } .contacts__aside { min-width: 0; } .contacts__spoilers:not(:last-child) { margin-bottom: 1.25rem; } .contacts__sp-item { background: #fafafa; border: 0.375rem solid rgba(30, 30, 30, 0.1); border-radius: 0.75rem; } .contacts__sp-item:not(:last-child) { margin-bottom: 1.25rem; } .contacts__sp-summary { cursor: pointer; display: grid; gap: 1.25rem; grid-template-columns: max-content 1fr; padding: 1.5rem; } .contacts__icon { aspect-ratio: 1/1; grid-row: span 2; object-fit: contain; width: 2.625rem; } .contacts__sp-title { font-size: 1.25rem; font-weight: 900; line-height: 1.2; } .contacts__text { font-size: 1.125rem; line-height: 1.2; } .contacts__sp-body { padding: 0 1.5rem 1.5rem 5.375rem; } .contacts__links:not(:last-child) { margin-bottom: 1.25rem; } .contacts__link { color: #6c6f38; display: block; font-size: 1.25rem; font-weight: 900; line-height: 1.45; } .contacts__worktime { display: inline-block; } .contacts__items { display: grid; gap: 1.25rem; grid-template-columns: repeat(2, 1fr); } .contacts__items .contacts__sp-item:not(:last-child) { margin-bottom: 0; } .contacts__map { aspect-ratio: 750/660; border-radius: 0.75rem; overflow: hidden; position: relative; } .contacts__map:before { background-color: #6c6f38; content: ""; height: 100%; left: 0; mix-blend-mode: color; pointer-events: none; position: absolute; top: 0; width: 100%; z-index: 2; } .banner-contacts { background: #fff; border: 0.0625rem solid rgba(0, 0, 0, 0.1); border-radius: 1.5rem; overflow: hidden; position: relative; } .banner-contacts:after { aspect-ratio: 191/500; background: url(https://torus-stroi.ua/catalog/view/theme/default/assets/img/contacts/banner/decor-2.svg) 100% 100% / contain no-repeat; bottom: 0; content: ""; height: 100%; position: absolute; right: 0; } .banner-contacts__body { background: url(https://torus-stroi.ua/catalog/view/theme/default/assets/img/contacts/banner/decor-1.webp) 100% 0 / cover no-repeat; display: flex; flex-direction: column; justify-content: center; min-height: 31.25rem; padding: 2.5rem 5.625rem; position: relative; z-index: 2; } .banner-contacts__title { color: #fff; } .banner-contacts__title:not(:last-child) { margin-bottom: 0.9375rem; } .banner-contacts__text { color: #fff; line-height: 1.2; } .banner-contacts__text:not(:last-child) { margin-bottom: 2.1875rem; } .banner-contacts__button { align-self: start; min-width: 12.75rem; } .banner-contacts__img { height: 100%; left: 0; object-position: right; position: absolute; top: 0; width: 100%; } .product-checkout__title a { color: var(--text-color); transition: all 0.3s; } .checkout__header { align-items: center; display: flex; gap: 1.875rem; } .checkout__header:not(:last-child) { margin-bottom: 1.25rem; } .checkout__title { margin-bottom: 0 !important; } .checkout__wrapper { align-items: start; display: grid; gap: 1.25rem; grid-template-columns: 1135fr 363fr; } .checkout__body { display: flex; flex-direction: column; gap: 0.625rem; } .checkout__block { border: 0.0625rem solid #e6e6e6; border-radius: 0.75rem; padding: 1rem; } .checkout__block, .checkout__size-wrapper { display: flex; flex-direction: column; gap: 0.9375rem; } .checkout__size-wrapper { max-width: 25rem; } .checkout__block-title { font-size: 1.25rem; margin-bottom: 0 !important; } .checkout__block-title span { color: #ff0004; } .checkout__field .field__input::placeholder { color: #1e1e1e; } .checkout__checkbox--ship:not(:last-child) { margin-bottom: 0.375rem; } .checkout__checkbox--not-found { font-size: 0.875rem; } .checkout__cols { display: grid; gap: 0.9375rem 0.625rem; grid-template-columns: repeat(2, 1fr); } .checkout__shipping-label:not(:last-child) { margin-bottom: 1.25rem; } .checkout__shipping-btn { min-width: 10rem; padding: 0.5rem 0.625rem; } .checkout__button { align-self: self-start; min-height: 3.375rem; min-width: 7.8125rem; } .checkout__aside { min-width: 0; } .checkout__addresses { align-self: self-start; border: 0.0625rem solid rgba(30, 30, 30, 0.1); border-radius: 0.375rem; display: inline-flex; flex-direction: column; gap: 0.625rem; padding: 0.625rem; } .aside-checkout { background-color: #fff; border: 0.0625rem solid rgba(30, 30, 30, 0.1); border-radius: 0.75rem; display: flex; flex-direction: column; gap: 2.5rem; padding: 1.1875rem; } .aside-checkout__title { font-weight: 900; line-height: 1.2; } .aside-checkout__items { border-bottom: 0.0625rem solid #e9e9e9; display: flex; flex-direction: column; gap: 2.5rem; padding-bottom: 2.5rem; } .aside-checkout__button { font-size: 1.125rem; } .product-checkout { align-items: start; display: grid; gap: 0.625rem; grid-template-columns: max-content 1fr max-content; } .product-checkout__image { align-self: center; aspect-ratio: 1/1; width: 3.125rem; } .product-checkout__body { display: flex; flex-direction: column; flex-grow: 1; gap: 0.125rem; } .product-checkout__title { font-size: 0.875rem; font-weight: 900; line-height: 1.2; } .product-checkout__info { color: rgba(30, 30, 30, 0.4); font-size: 0.875rem; line-height: 1.2; } .product-checkout__info span { color: #1e1e1e; } .product-checkout__price { font-size: 1.125rem; font-weight: 900; } .summary-checkout { display: flex; flex-direction: column; gap: 0.9375rem; } .summary-checkout__item { align-items: center; color: #797878; display: flex; font-size: 0.875rem; gap: 0.625rem; justify-content: space-between; line-height: 1.2; } .summary-checkout__item span:last-child { font-size: 1rem; font-weight: 700; } .summary-checkout__bonus { border: 0.0625rem dashed #e0d9cf; border-radius: 0.3125rem; padding: 0.125rem 0.25rem; } .summary-checkout__total { align-items: center; border-top: 0.0625rem dashed #e9e9e9; display: flex; font-size: 1.5rem; font-weight: 900; gap: 0.625rem; justify-content: space-between; padding-top: 0.9375rem; } .login-checkout { background: hsla(63, 56%, 63%, 0.2); border: 0.0625rem dashed #cfd56b; border-radius: 0.25rem; display: flex; flex-direction: column; gap: 0.875rem; padding: 0.5625rem 0.875rem; } .login-checkout__title { color: #6c6f38; font-weight: 700; line-height: 1.2; } .login-checkout__label { color: rgba(30, 30, 30, 0.6); font-size: 0.875rem; line-height: 1.3; } .login-checkout__items { display: flex; flex-wrap: wrap; gap: 0.75rem 1.25rem; } .login-checkout__radiobox { font-size: 0.875rem; } .item-categories__content li a, .item-categories__title a { color: var(--text-color); transition: all 0.3s; } .page__categories:not(:last-child) { margin-bottom: 3.125rem; } .categories { padding-top: 0.625rem; } .categories__breadcrumbs:not(:last-child) { margin-bottom: 1rem; } .categories__items { display: grid; gap: 1.25rem; grid-template-columns: repeat(4, 1fr); } .item-categories { border: 0.0625rem solid rgba(30, 30, 30, 0.1); border-radius: 0.75rem; display: flex; flex-direction: column; gap: 1.25rem; padding: 1.1875rem; } .item-categories__image { aspect-ratio: 1/1; max-width: 6.75rem; width: 100%; } .item-categories__title { font-size: 1.5rem; line-height: 1.2; } .item-categories__content li { line-height: 1.2; } .item-categories__content li:not(:last-child) { margin-bottom: 0.625rem; } .item-categories__more-btn { color: #90944b; font-size: 1rem; padding: 0.4375rem 1.625rem 0.4375rem 0; width: 100%; } .item-categories__more-btn span { text-decoration: none; } .item-categories__more-btn:before { font-size: 1rem; } .noUi-target, .noUi-target * { -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -moz-box-sizing: border-box; box-sizing: border-box; -ms-touch-action: none; touch-action: none; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; user-select: none; } .noUi-target { position: relative; } .noUi-base, .noUi-connects { height: 100%; position: relative; width: 100%; z-index: 1; } .noUi-connects { overflow: hidden; z-index: 0; } .noUi-connect, .noUi-origin { height: 100%; position: absolute; right: 0; top: 0; -ms-transform-origin: 0 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform-style: preserve-3d; transform-style: flat; width: 100%; will-change: transform; z-index: 1; } .noUi-txt-dir-rtl.noUi-horizontal .noUi-origin { left: 0; right: auto; } .noUi-vertical .noUi-origin { top: -100%; width: 0; } .noUi-horizontal .noUi-origin { height: 0; } .noUi-handle { backface-visibility: hidden; position: absolute; } .noUi-touch-area { height: 100%; width: 100%; } .noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin { transition: transform 0.3s; } .noUi-state-drag * { cursor: inherit !important; } .noUi-horizontal { height: 0.1875rem; } .noUi-horizontal .noUi-handle { cursor: pointer; height: 1.125rem; right: -1.0625rem; top: -0.4375rem; width: 1.125rem; } .noUi-horizontal .noUi-handle.noUi-handle-upper { right: 0; } .noUi-vertical .noUi-handle { bottom: -0.5625rem; cursor: pointer; height: 1.125rem; right: -0.375rem; width: 1.125rem; } .noUi-txt-dir-rtl.noUi-horizontal .noUi-handle { left: -1.0625rem; right: auto; } .noUi-target { background: rgba(30, 30, 30, 0.051); } .noUi-connects { border-radius: 0.1875rem; } .noUi-connect { background: #90944b; } .noUi-draggable { cursor: ew-resize; } .noUi-vertical .noUi-draggable { cursor: ns-resize; } .noUi-handle { background: #6c6f38; border-radius: 50%; cursor: default; } [disabled] .noUi-connect { background: #b8b8b8; } [disabled] .noUi-handle, [disabled].noUi-handle, [disabled].noUi-target { cursor: not-allowed; } .noUi-pips, .noUi-pips * { box-sizing: border-box; } .noUi-pips { color: #999; position: absolute; } .noUi-value { position: absolute; text-align: center; white-space: nowrap; } .noUi-value-sub { color: #ccc; font-size: 0.625rem; } .noUi-marker { background: #ccc; position: absolute; } .noUi-marker-large, .noUi-marker-sub { background: #aaa; } .noUi-pips-horizontal { height: 5rem; left: 0; padding: 0.625rem 0; top: 100%; width: 100%; } .noUi-value-horizontal { transform: translate(-50%, 50%); } .noUi-rtl .noUi-value-horizontal { transform: translate(50%, 50%); } .noUi-marker-horizontal.noUi-marker { height: 0.3125rem; margin-left: -0.0625rem; width: 0.125rem; } .noUi-marker-horizontal.noUi-marker-sub { height: 0.625rem; } .noUi-marker-horizontal.noUi-marker-large { height: 0.9375rem; } .noUi-pips-vertical { height: 100%; left: 100%; padding: 0 0.625rem; top: 0; } .noUi-value-vertical { padding-left: 1.5625rem; transform: translateY(-50%); } .noUi-rtl .noUi-value-vertical { transform: translateY(50%); } .noUi-marker-vertical.noUi-marker { height: 0.125rem; margin-top: -0.0625rem; width: 0.3125rem; } .noUi-marker-vertical.noUi-marker-sub { width: 0.625rem; } .noUi-marker-vertical.noUi-marker-large { width: 0.9375rem; } .noUi-tooltip { background: #fff; border: 0.0625rem solid #d9d9d9; border-radius: 0.1875rem; color: #000; display: block; padding: 0.3125rem; position: absolute; text-align: center; white-space: nowrap; } .noUi-horizontal .noUi-tooltip { bottom: 120%; left: 50%; transform: translate(-50%); } .noUi-vertical .noUi-tooltip { right: 120%; top: 50%; transform: translateY(-50%); } .noUi-horizontal .noUi-origin > .noUi-tooltip { bottom: 0.625rem; left: auto; transform: translate(50%); } .noUi-vertical .noUi-origin > .noUi-tooltip { right: 1.75rem; top: auto; transform: translateY(-1.125rem); } .top-filters__sort-button, .top-filters__sort-item { position: relative; } .top-filters__sort-button input, .top-filters__sort-item input { height: 0; left: 0; position: absolute; top: 0; visibility: hidden; width: 0; } .page__catalog { padding-top: 0.625rem; } .page__catalog:not(:last-child) { margin-bottom: 3.125rem; } .brands-catalog__slider .splide__arrow--prev { left: 0 !important; } .brands-catalog__slider .splide__arrow--next { left: auto !important; right: 0 !important; } .brands-catalog__slider:has(.splide__arrow) .splide__track { margin: 0 2.5rem; } .brands-catalog__item { display: flex; flex-direction: column; gap: 0.625rem; } .brands-catalog__link { align-items: center; display: flex; font-size: 0.875rem; font-weight: 600; gap: 0.625rem; line-height: 1.42; } .brands-catalog__link img { height: 1.5rem; width: 3.25rem; } .brands-catalog__text { font-size: 0.75rem; line-height: 1.2; } .catalog__breadcrumbs:not(:last-child) { margin-bottom: 1rem; } .catalog__slider .splide__slide { display: flex; } .catalog__slider:not(:last-child) { margin-bottom: 2.875rem; } .catalog__brands:not(:last-child) { margin-bottom: 2.75rem; } .catalog__top-filters:not(:last-child) { margin-bottom: 1.875rem; } .catalog__main:not(:last-child) { margin-bottom: 3.125rem; } .catalog__items { display: grid; gap: 1.25rem; grid-template-columns: repeat(auto-fill, minmax(12.5rem, 1fr)); } .catalog__items:not(:last-child) { margin-bottom: 4.8125rem; } .pagination { align-items: center; display: flex; flex-direction: column; gap: 3.125rem; justify-content: center; } .pagination__button { font-size: 1.125rem; min-width: 14.75rem; } .pagination__list { display: flex; flex-wrap: wrap; gap: 0.625rem; } .pagination__list li:first-child a, .pagination__list li:last-child a { background-color: #f0f0f0; } .pagination__list li a { align-items: center; border: 0.125rem solid transparent; border-radius: 50%; display: flex; font-size: 1.125rem; font-weight: 600; height: 3.5rem; justify-content: center; line-height: 1.1; transition: all 0.3s; width: 3.5rem; } .pagination__list li a.--active { border-color: #90944b; } .pagination__list li a.--disabled { opacity: 0.2; pointer-events: none; } .filter-catalog__wrapper { background-color: #fff; padding: 0.625rem; } .filter-catalog__title { align-items: center; cursor: pointer; display: flex; flex-direction: row-reverse; font-weight: 900; gap: 0.625rem; justify-content: space-between; line-height: 1.2; } .filter-catalog__title:before { align-items: center; backdrop-filter: blur(1.44375002384375rem); background-color: hsla(0, 0%, 90%, 0.6); border-radius: 50%; display: flex; height: 2rem; justify-content: center; transform: rotate(90deg); transition: all 0.5s; width: 2rem; } .filter-catalog__title.--spoiler-active:before { transform: rotate(-90deg); } .filter-catalog__close { font-size: 0.9375rem; } .filter-catalog__body { padding-top: 1rem; } .filter-catalog__block:not(:last-child) { margin-bottom: 1rem; } .block-filters__title { font-size: 0.875rem; font-weight: 700; line-height: 1.2; overflow: hidden; } .block-filters__title:not(:last-child) { margin-bottom: 0.625rem; } .block-filters__range { padding-bottom: 0.5rem; } .block-filters__checkbox:not(:last-child), .block-filters__search:not(:last-child) { margin-bottom: 0.625rem; } .block-filters__more { align-items: center; color: #90944b; display: flex; flex-direction: row-reverse; font-weight: 600; gap: 0.25rem; justify-content: start; line-height: 1.2; margin-top: 0.625rem; padding: 0.4375rem 0.625rem 0.4375rem 0; transition: all 0.3s; width: 100%; } .block-filters__more:before { font-size: 0.5625rem; } .--showmore-active .block-filters__more:before { transform: rotate(180deg); } .range-filters__inputs { display: grid; grid-template-columns: repeat(2, 1fr); } .range-filters__inputs:not(:last-child) { margin-bottom: 1.4375rem; } .range-filters__input { border: 0.125rem solid #f4f5ed; font-weight: 600; padding: 0.625rem; text-align: center; } .range-filters__input:first-child { border-radius: 0.375rem 0 0 0.375rem; } .range-filters__input:last-child { border-radius: 0 0.375rem 0.375rem 0; } .top-filters { gap: 1.25rem; justify-content: space-between; } .top-filters, .top-filters__categories, .top-filters__sort { align-items: center; display: flex; flex-wrap: wrap; } .top-filters__categories { gap: 0.625rem 1.25rem; } .top-filters__label { font-size: 0.875rem; line-height: 1.2; } .top-filters__checks { display: flex; flex-wrap: wrap; gap: 0.625rem 1.875rem; } .top-filters__checkbox { gap: 0.375rem; } .top-filters__sort { gap: 0.625rem 1.25rem; } .top-filters__sort-items { display: flex; flex-wrap: wrap; } .top-filters__sort-item { border: 0.125rem solid #f4f5ed; cursor: pointer; font-size: 0.875rem; font-weight: 600; line-height: 1.42; padding: 0.1875rem 0.4375rem; transition: all 0.3s; } .top-filters__sort-item:first-child { border-radius: 0.375rem 0 0 0.375rem; } .top-filters__sort-item:last-child { border-radius: 0 0.375rem 0.375rem 0; } .top-filters__sort-item:not(:first-child) { margin-left: -0.0625rem; } .top-filters__sort-item:has(input:checked) { background-color: #6c6f38; border-color: #6c6f38; color: #fff; cursor: default; } .top-filters__filter-btn { align-items: center; border: 0.0625rem solid #90944b; border-radius: 0.25rem; display: flex; flex-grow: 1; font-size: 0.75rem; font-weight: 600; gap: 1.25rem; justify-content: center; max-width: 18.75rem; padding: 0.4375rem 0.75rem; transition: all 0.3s; } .top-filters__filter-btn:before { color: #90944b; } .top-filters__sort-buttons { display: flex; flex-grow: 1; gap: 0.625rem; } .top-filters__sort-button { align-items: center; border: 0.0625rem solid #d9d9d9; border-radius: 0.25rem; display: flex; flex-grow: 1; font-size: 0.75rem; font-weight: 600; gap: 0.3125rem; justify-content: center; padding: 0.3125rem 0.375rem; transition: all 0.3s; } .top-filters__sort-button span { font-size: 0.625rem; } .top-filters__sort-button--name { gap: 0.1875rem; } .top-filters__sort-button:has(input:checked) { background-color: #90944b; border-color: #90944b; color: #fff; } .empty-cart__text a { text-decoration: underline; text-decoration-color: inherit; transition: text-decoration-color 0.3s; } .page__cart { padding-top: 0.625rem; } .page__cart:not(:last-child) { margin-bottom: 3.125rem; } .cart__breadcrumbs:not(:last-child) { margin-bottom: 0.625rem; } .cart__wrapper { align-items: start; display: grid; gap: 1.25rem; grid-template-columns: 1135fr 363fr; } .cart__header { align-items: center; display: flex; gap: 1.875rem; } .cart__header:not(:last-child) { margin-bottom: 1.875rem; } .cart__title { font-weight: 900; margin-bottom: 0 !important; } .cart__clear { min-width: 9.625rem; padding: 0.5rem 1.25rem; } .cart__items { padding-top: 0.5625rem; } .cart__item:not(:last-child), .cart__items:not(:last-child) { margin-bottom: 1.25rem; } .cart__button { display: inline-flex; min-width: 14.5625rem; } .cart__empty:not(:last-child) { margin-bottom: 1.25rem; } .aside-cart { background-color: #fff; border: 0.0625rem solid rgba(30, 30, 30, 0.1); border-radius: 0.75rem; display: flex; flex-direction: column; gap: 2.5rem; padding: 1.25rem; } .aside-cart__title { font-weight: 900; line-height: 1.2; } .aside-cart__promo-wrapper { display: flex; flex-direction: column; gap: 0.4375rem; } .aside-cart__checkbox { gap: 0.375rem; } .aside-cart__promo { display: flex; } .aside-cart__promo-input { border-radius: 0.375rem 0 0 0.375rem; padding: 0.5rem 0.875rem; } .aside-cart__promo-btn { border-radius: 0 0.375rem 0.375rem 0; padding: 0.5rem 0.5625rem; } .summary-comp { display: flex; flex-direction: column; gap: 2.5rem; } .summary-comp__item { align-items: center; display: flex; gap: 1.25rem; justify-content: space-between; } .summary-comp__item span { line-height: 1.2; } .summary-comp__item span:last-child { font-size: 1.125rem; font-weight: 900; text-align: right; } .summary-comp__bonuses { border: 0.125rem dashed #e0d9cf; border-radius: 0.3125rem; color: #6c6f38; font-size: 1.25rem; font-weight: 900; padding: 0.0625rem 0.25rem; text-align: center; } .empty-cart { align-items: center; background-color: #fff; border: 0.0625rem solid #cfd56b; border-radius: 0.75rem; display: flex; gap: 0.9375rem 2.5rem; min-height: 8.8125rem; padding: 0.625rem 2.5rem; } .empty-cart__body { display: flex; flex-direction: column; flex-grow: 1; gap: 0.3125rem; } .empty-cart__title { font-weight: 900; line-height: 1.2; } .empty-cart__text { color: rgba(30, 30, 30, 0.6); line-height: 1.2; } .empty-cart__text a { color: #ff0004; font-weight: 700; text-underline-offset: 0.25rem; } .empty-cart__button { flex-shrink: 0; } .article-sp__links a { text-decoration: underline; text-decoration-color: transparent; transition: text-decoration-color 0.3s; } .blog__category input { height: 0; left: 0; position: absolute; top: 0; visibility: hidden; width: 0; } .page__blog:not(:last-child) { margin-bottom: 5.625rem; } .blog__breadcrumbs:not(:last-child) { margin-bottom: 0.75rem; } .blog__title { font-weight: 900; } .blog__categories { border-bottom: 0.0625rem solid rgba(30, 30, 30, 0.1); display: flex; flex-wrap: wrap; gap: 0.625rem 2.1875rem; } .blog__categories:not(:last-child) { margin-bottom: 2.8125rem; } .blog__category { border-bottom: 0.0625rem solid transparent; cursor: pointer; gap: 0.3125rem; line-height: 1.25; margin-bottom: -0.0625rem; padding-bottom: 0.25rem; position: relative; } .blog__category, .blog__category span { align-items: center; display: flex; transition: all 0.3s; } .blog__category span { background-color: #d9d9d9; border-radius: 0.625rem; color: #1e1e1e; font-size: 0.75rem; height: 1.25rem; justify-content: center; line-height: 1.66; min-width: 1.25rem; padding: 0.1875rem; text-align: center; } .blog__category:has(> input:checked) { border-bottom-color: #90944b; color: #90944b; } .blog__category:has(> input:checked) span { background-color: #6c6f38; color: #fff; } .blog__items { display: grid; gap: 3.125rem 1.25rem; grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr)); } .blog__items:not(:last-child) { margin-bottom: 3.125rem; } .page__article:not(:last-child) { margin-bottom: 4.875rem; } .article__breadcrumbs:not(:last-child) { margin-bottom: 1.5rem; } .article__hero:not(:last-child) { margin-bottom: 1.875rem; } .article__content { display: grid; gap: 2.5rem; grid-template-columns: 425fr 995fr; } .article__content:not(:last-child) { margin-bottom: 8.25rem; } .article__footer { display: grid; gap: 1.25rem; grid-template-columns: repeat(2, 1fr); } .article__footer:not(:last-child) { margin-bottom: 3.125rem; } .article__nav-item { align-items: center; display: flex; gap: 0.625rem; } .article__nav-item:before { align-items: center; aspect-ratio: 1/1; background-color: #f0f0f0; border-radius: 50%; display: flex; font-size: 1rem; justify-content: center; transition: all 0.3s; width: 3.25rem; } .article__nav-item:last-child { flex-direction: row-reverse; justify-content: end; text-align: right; } .article__nav-body { display: flex; flex-direction: column; font-size: 0.75rem; font-weight: 700; line-height: 1.24; } .article__nav-body span { font-size: 1.125rem; transition: color 0.3s; } .article__nav-item:hover .article__nav-body span { color: #cfd56b; } .hero-article { background: #f2efeb; border-radius: 0.75rem; display: grid; gap: 2.5rem; grid-template-columns: 425fr 995fr; padding: 1.875rem; } .hero-article__image { aspect-ratio: 425/340; border-radius: 0.5625rem; min-width: 0; overflow: hidden; } .hero-article__body { display: flex; flex-direction: column; gap: 0.625rem; } .hero-article__title { font-weight: 900; line-height: 1.2; margin-bottom: 0 !important; } .hero-article__info { display: flex; flex-wrap: wrap; gap: 0.625rem 2.625rem; } .hero-article__info-item { align-items: center; color: #777; display: flex; font-size: 0.875rem; gap: 0.25rem; line-height: 1.3; } .hero-article__info-item span { color: #1e1e1e; } .hero-article__info-item img { height: 0.875rem; object-fit: contain; width: 0.875rem; } .article-sp__item { background-color: #fff; border: 0.0625rem solid #e0d9cf; border-radius: 0.75rem; transition: all 0.3s; } .article-sp__title { align-items: center; cursor: pointer; display: flex; flex-direction: row-reverse; font-size: 1.5rem; font-weight: 700; gap: 1.25rem; justify-content: space-between; line-height: 1.2; padding: 1.25rem; } .article-sp__title:before { align-items: center; aspect-ratio: 1/1; background-color: #e6e6e6; border-radius: 50%; display: flex; font-size: 0.625rem; justify-content: center; transition: all 0.3s; width: 2rem; } .article-sp__title.--spoiler-active:before { transform: rotate(-180deg); } .article-sp__body { padding: 0 1.25rem 1.25rem; } .article-sp__links { display: flex; flex-direction: column; gap: 0.625rem; } .article-sp__links a { font-size: 1.125rem; line-height: 1.2; transition: all 0.3s; } .comments-article { align-items: start; display: grid; gap: 1.25rem 1.875rem; grid-template-columns: repeat(2, 1fr); } .comments-article__button { border-color: #cfd56b; font-size: 1rem; padding: 0.5rem 1.25rem; } .comments-article__aside { border: 0.0625rem solid #e6e6e6; border-radius: 0.75rem; max-width: 39.625rem; padding: 1.875rem; } @media (max-width: 99.99875em) { .contacts__items { grid-template-columns: 1fr; } } @media (max-width: 87.49875em) { .table-product td, .table-product th { font-size: 0.875rem; } } @media (max-width: 81.24875em) and (min-width: 61.99875em) { .product-checkout { grid-template-columns: max-content 1fr; } .product-checkout__price { grid-column: 1/-1; text-align: right; } } @media (max-width: 81.24875em) and (min-width: 47.99875em) { .aside-cart__promo { flex-direction: column; } .aside-cart__promo-input { border-radius: 0.375rem 0.375rem 0 0; } .aside-cart__promo-btn { border-radius: 0 0 0.375rem 0.375rem; } } @media (max-width: 81.24875em) { .faq-section__content { grid-template-columns: repeat(2, 1fr); } .footer__menu ul { flex-wrap: wrap; justify-content: center; } } @media (max-width: 74.99875em) { .details-orders { grid-template-columns: 1fr; } .categories__items { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 68.74875em) { .feedback-pr { grid-template-columns: 1fr; } [class*="__container"] { padding-left: 1.25rem; padding-right: 1.25rem; } .orders-profile__actions { flex-direction: column; } .cart__wrapper { grid-template-columns: 1fr; } } @media (max-width: 61.99875em) and (min-width: 47.99875em) { .footer__sub { grid-column: 1; grid-row: 2; } } @media (max-width: 61.99875em) { .categories-home__label { font-size: 0.875rem; } .summary-orders__images { gap: 0.625rem; } .product-orders__image { width: 5rem; } .header__catalog { display: none; } .footer__top .footer__container { grid-template-columns: 1fr auto; } .info-page__body { grid-template-columns: 1fr; } .bonuses-profile__label { text-align: left; } .recom-product { grid-template-columns: max-content 1fr max-content; padding: 0.625rem; } .recom-product__body { grid-column: span 2; } .recom-product__price { grid-column: 2; grid-row: 2; } .recom-product__cart-btn { grid-column: 3; grid-row: 2; } .contacts__sp-summary { gap: 0.625rem; padding: 0.875rem; } .contacts__sp-body { padding: 0 0.875rem 0.875rem 3rem; } .banner-contacts__body { min-height: 10.625rem; padding: 1.25rem 1.875rem 1.25rem 0.625rem; } .checkout__wrapper { grid-template-columns: 1fr; } .blog__items { gap: 0.625rem; grid-template-columns: repeat(auto-fill, minmax(15.625rem, 1fr)); } .article__content { grid-template-columns: 1fr 1.5fr; } .hero-article { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 47.99875em) and (any-hover: none) { .icon-menu { cursor: default; } } @media (max-width: 47.99875em) { .logo { width: 2.75rem; } .fav-btn { font-size: 1rem; } .pc { display: none !important; } .item-product__price .price { font-size: 1rem; } .item-product__price .price .small { font-size: 0.375rem; } .item-product__price .gray-label { font-size: 0.6875rem; } .item-product__price .gray-label .small { font-size: 0.625rem; } .page__products-section:not(:last-child) { margin-bottom: 0.9375rem; } .products-section__slider .splide__track:before { width: 3.9375rem; } .title:not(:last-child) { margin-bottom: 0.625rem; } .title { font-size: 1.25rem; } .faq-section__content { grid-template-columns: 1fr; } .faq-spoilers__title { font-size: 1rem; padding: 0.625rem; } .faq-spoilers__body { padding: 0.625rem; } .faq-spoilers__text { font-size: 0.875rem; } .seo-section__title:not(:last-child) { margin-bottom: 1.25rem; } .call-btn { display: none; } .categories-home__slider:not(:last-child) { margin-bottom: 0.625rem; } .categories-home__item { border: 0.0625rem solid #bebab5; padding: 0.625rem; } .categories-home__count { bottom: 0.375rem; font-size: 0.875rem; height: 2.5rem; left: 0.25rem; min-width: 2.5rem; position: absolute; } .item-feedback__wrapper { gap: 0.9375rem; padding: 0.5rem; } .item-feedback__name { font-size: 1rem; } .item-feedback__answer, .item-feedback__text { font-size: 0.875rem; } .news-home__items { gap: 0.625rem; grid-template-columns: repeat(auto-fill, minmax(15.625rem, 1fr)); } .counter__btn, .counter__input { font-size: 0.875rem; height: 2.25rem; width: 2.25rem; } .color-label { text-align: left; } .big-rating__body { gap: 0.3125rem; } .item-order__body { padding: 0 0.625rem 0.625rem; } .summary-orders { gap: 0.3125rem; padding: 0.625rem; } .product-orders { gap: 0.625rem 0.8125rem; } .item-cart { gap: 0.625rem 0.9375rem; padding: 0.625rem; } .item-cart__title { font-size: 0.875rem; } .item-cart__price { font-size: 1rem; } .item-cart__bonuses { font-size: 0.875rem; } .pagination__button { font-size: 1rem; min-width: 8.5625rem; padding: 0.625rem; } .item-news--why-us .item-news__body, .item-news__body { gap: 0.625rem; padding: 0.9375rem; } .aside-feedback-pr__title { font-size: 1.25rem; } .aside-feedback-pr__button:not(:last-child) { margin-bottom: 0.9375rem; } .text h2 { font-size: 1.25rem; } .text h2:not(:last-child) { margin-bottom: 0.625rem; } .page { padding-top: 0.125rem; } .wrapper:has(.article__aside) { padding-bottom: calc( var(--navbar-height, 0rem) + var(--pinned-height, 0rem) + 4.875rem ); } .select__value { font-size: 0.875rem; } .select__options { border-radius: 0.375rem; } .select__option { font-size: 0.875rem; padding: 0.625rem; } .menu__body { height: 100%; overflow: auto; padding: 3.125rem 0.9375rem 1.875rem; } .menu__body, .menu__body:before { left: -100%; position: fixed; top: 0; transition: left 0.3s; width: 100%; } .menu__body:before { content: ""; height: 4.375rem; z-index: 2; } [data-fls-menu-open] .menu__body, [data-fls-menu-open] .menu__body:before { left: 0; } .icon-menu { display: block; height: 1.125rem; position: relative; width: 1.875rem; z-index: 5; } .icon-menu span, .icon-menu:after, .icon-menu:before { background-color: #000; content: ""; height: 0.125rem; position: absolute; right: 0; transition: all 0.3s ease 0s; width: 100%; } .icon-menu:before { top: 0; } .icon-menu:after { bottom: 0; } .icon-menu span { top: calc(50% - 0.0625rem); } [data-fls-menu-open] .icon-menu span { width: 0; } [data-fls-menu-open] .icon-menu:before { top: calc(50% - 0.0625rem); transform: rotate(-45deg); } [data-fls-menu-open] .icon-menu:after { bottom: calc(50% - 0.0625rem); transform: rotate(45deg); } .header__container { gap: 0.5rem; } .header__search .search__input { font-size: 1rem; padding: 0.4375rem 0.3125rem 0.4375rem 0.875rem; } .header__search .search__submit { display: none; } .header__actions-item { color: #8f8f8f; font-size: 1.25rem; } .footer__top { padding: 0.75rem 0; } .footer__top .footer__container { grid-template-columns: 1fr; } .footer__social { justify-self: center; } .footer__bottom { padding: 0.625rem 0; } .footer__info { align-items: start; flex-direction: column; } .popup--form [data-fls-popup-body] { padding: 1.875rem 0.625rem; } .popup--success [data-fls-popup-body] { padding: 3.375rem 1.25rem; } .popup--form .popup__close, .popup--success-feedback .popup__close { right: 0.9375rem; top: 0.9375rem; } .success-popup { gap: 0.9375rem; } .success-popup__title { font-size: 1rem; } .success-popup__label { text-align: center; } .form-popup { gap: 0.625rem; } .form-popup__title { margin: 0 -0.625rem; padding-bottom: 0.9375rem; } .form-popup__big-rating:not(:last-child), .form-popup__title:not(:last-child) { margin-bottom: 0.3125rem; } .page__profile:not(:last-child) { margin-bottom: 3.125rem; } .profile__wrapper { grid-template-columns: 1fr; } .profile__aside { border: none; } .profile__content { padding: 0.625rem; } .profile__title:not(:last-child) { margin-bottom: 0.625rem; } .user-profile { border: 0.0625rem solid rgba(0, 0, 0, 0.1); border-radius: 0.375rem; cursor: pointer; padding: 0.375rem 1.125rem 0.375rem 0.5625rem; } .data-profile__body { max-width: 100%; padding: 0.625rem; } .data-profile__fields { gap: 0.9375rem; } .address-profile__item:not(:last-child) { margin-bottom: 0.625rem; } .bonuses-profile__header:not(:last-child) { margin-bottom: 0.75rem; } .bonuses-profile__title { font-size: 1rem; } .bonuses-profile__label { font-size: 0.75rem; } .product__hero:not(:last-child) { border-bottom: 0.0625rem solid rgba(30, 30, 30, 0.1); margin-bottom: 0.9375rem; padding-bottom: 0.9375rem; } .hero-product { gap: 0; grid-template-columns: 1fr; } .hero-product__image:not(:last-child) { margin-bottom: 0.9375rem; } .hero-product__label { font-size: 0.625rem; gap: 0.1875rem; padding: 0.125rem 0.35625rem; } .hero-product__label img { height: 1rem; width: 1rem; } .hero-product__nav-item { border-bottom: 0.125rem solid transparent; color: #ababab; font-size: 0.875rem; font-weight: 700; line-height: 1.3; padding-bottom: 0.25rem; text-decoration: none; transition: border-color 0.3s; } .hero-product__nav-item.--active { border-color: #e0d9cf; color: #1e1e1e; } .hero-product__other-action { flex: 1 1 3.3125rem; font-size: 0.75rem; } .hero-product__footer:not(:last-child), .hero-product__showmore:not(:last-child) { border-bottom: 0.0625rem solid rgba(30, 30, 30, 0.1); margin-bottom: 0.9375rem; padding-bottom: 0.9375rem; } .shipping-product__text { font-size: 0.875rem; } .product__info:not(:last-child) { border-bottom: 0.0625rem solid rgba(30, 30, 30, 0.1); margin-bottom: 0.9375rem; padding-bottom: 0.9375rem; } .info-product__tabs { display: none; } .info-product__details:not(:last-child) { border-bottom: 0.0625rem solid rgba(30, 30, 30, 0.1); margin-bottom: 0.9375rem; padding-bottom: 0.9375rem; } .info-product__decs b { font-size: 0.875rem; } .tabs-product__wrapper { grid-template-columns: 1fr; } .tabs-product__showmore:not(:last-child) { border-bottom: 0.0625rem solid rgba(30, 30, 30, 0.1); margin-bottom: 0.9375rem; padding-bottom: 0.9375rem; } .tabs-product__showmore .showmore-product__content { --showmore-height: 136; } .table-product td:first-child, .table-product th:first-child { padding-left: 0.625rem; } .table-product td:last-child, .table-product th:last-child { padding-right: 0.625rem; } .product__products-section:not(:last-child) { margin-bottom: 0.9375rem; } .page__home { margin-bottom: 0; } .home__menu:not(:last-child) { margin-bottom: 0.9375rem; } .home__categories:not(:last-child), .home__hero:not(:last-child) { margin-bottom: 0.625rem; } .home__products-section:not(:last-child) { margin-bottom: 0.3125rem; } .menu-home__items { gap: 0.375rem; } .menu-home__item { flex-wrap: wrap; font-size: 1rem; padding: 0.34375rem 0.25rem; } .menu-home__item:nth-child(3) ~ .menu-home__item { display: none !important; } .menu-home__item svg { height: 0.875rem; width: 0.875rem; } .home__banners:not(:last-child) { margin-bottom: 0.9375rem; } .banners-home__image .mobile { display: none !important; } .home__news:not(:last-child) { margin-bottom: 0.625rem; } .error__title:not(:last-child), .home__faq:not(:last-child), .home__seo:not(:last-child) { margin-bottom: 1.25rem; } .contacts__breadcrumbs:not(:last-child) { margin-bottom: 0.3125rem; } .contacts__title:not(:last-child) { margin-bottom: 0.625rem; } .contacts__wrapper { grid-template-columns: 1fr; } .contacts__wrapper:not(:last-child) { margin-bottom: 1.25rem; } .contacts__icon { width: 1.5rem; } .contacts__sp-title { font-size: 1rem; } .banner-contacts__text { display: none; } .checkout__header { justify-content: space-between; } .checkout__header:not(:last-child) { margin-bottom: 0.625rem; } .checkout__block { padding: 0.625rem; } .checkout__block-title { font-size: 1rem; } .checkout__checkbox, .checkout__field .field__input, .checkout__radiobox { font-size: 0.875rem; } .aside-checkout { gap: 0.9375rem; } .aside-checkout__items { padding-bottom: 0.9375rem; } .product-checkout__price { font-size: 1rem; } .summary-checkout__total { font-size: 1.25rem; } .login-checkout { gap: 0.625rem; padding: 0.5625rem; } .page__categories:not(:last-child) { margin-bottom: 2.1875rem; } .categories__breadcrumbs:not(:last-child) { margin-bottom: 0.625rem; } .categories__items { grid-template-columns: repeat(2, 1fr); } .page__catalog:not(:last-child) { margin-bottom: 2.5rem; } .catalog__breadcrumbs:not(:last-child) { margin-bottom: 0.625rem; } .catalog__slider:not(:last-child) { margin-bottom: 1.25rem; } .catalog__brands { display: none; } .catalog__top-filters:not(:last-child) { margin-bottom: 1.25rem; } .catalog__main:not(:last-child) { margin-bottom: 2.5rem; } .pagination { gap: 1rem; } .pagination__list li a { font-size: 0.875rem; height: 2.6875rem; width: 2.6875rem; } .pagination__list li a:before { font-size: 0.75rem; } .filter-catalog { display: flex; flex-direction: column; height: 100%; max-width: 16.25rem; position: fixed; right: 0; top: 0; transform: translateX(100%); transition: transform 0.3s; width: 100%; z-index: 150; } [data-filter-open] .filter-catalog { transform: none; } .filter-catalog__wrapper { min-height: 0; overflow: auto; } .filter-catalog__title { flex-direction: row; } .filter-catalog__title:before { display: none; } .filter-catalog__body { padding-top: 1.25rem; } .block-filters__title { align-items: center; cursor: pointer; display: flex; flex-direction: row-reverse; gap: 0.625rem; justify-content: space-between; } .block-filters__title:before { color: #6c6f38; font-size: 0.5625rem; transition: transform 0.5s; } .block-filters__title.--spoiler-active:before { transform: rotate(-180deg); } .block-filters__more { border: 0.125rem solid #cfd56b; border-radius: 0.375rem; color: #1e1e1e; display: inline-block; min-width: 6.5rem; padding: 0.34375rem 0.625rem; text-align: center; width: auto; } .block-filters__more:before { display: none; } .top-filters { align-items: stretch; gap: 0.625rem; justify-content: start; } .page__cart:not(:last-child) { margin-bottom: 2.5rem; } .cart__header { justify-content: space-between; } .cart__header:not(:last-child) { margin-bottom: 0.625rem; } .cart__items { padding-top: 0; } .cart__item:not(:last-child), .cart__items:not(:last-child) { margin-bottom: 0.625rem; } .cart__button { min-width: 0; padding: 0.5625rem; } .aside-cart { gap: 0.9375rem; padding: 0.625rem; } .aside-cart__button { padding: 0.5625rem; } .summary-comp { gap: 0.9375rem; } .summary-comp__item span:last-child { font-size: 1rem; } .empty-cart { min-height: 0; padding: 0.625rem; } .page__blog:not(:last-child) { margin-bottom: 2.5rem; } .blog__breadcrumbs:not(:last-child) { margin-bottom: 0.5rem; } .blog__categories { gap: 0.625rem 1.25rem; } .blog__categories:not(:last-child) { margin-bottom: 1.25rem; } .blog__pagination .pagination__list li a { font-size: 1.125rem; } .page__article:not(:last-child) { margin-bottom: 3.75rem; } .article__hero:not(:last-child) { margin-bottom: 0; } .article__content { border: 0.0625rem solid rgba(30, 30, 30, 0.1); border-radius: 0 0 0.75rem 0.75rem; border-top: none; grid-template-columns: 1fr; padding: 0.9375rem 0.625rem 0.625rem; } .article__aside { border: 0.0625rem solid rgba(0, 0, 0, 0.1); border-radius: 0.625rem; bottom: calc(var(--navbar-height) + 1.25rem); left: 0; left: 0.625rem; position: fixed; width: 100%; width: calc(100% - 1.25rem); z-index: 50; } .article__footer:not(:last-child) { margin-bottom: 1.25rem; } .article__nav-body span { display: none; } .hero-article { background: transparent; gap: 0; grid-template-columns: 1fr; padding: 0; } .hero-article__image { border-radius: 0.5625rem 0.5625rem 0 0; } .hero-article__body { border-left: 0.0625rem solid rgba(30, 30, 30, 0.1); border-right: 0.0625rem solid rgba(30, 30, 30, 0.1); padding: 0.625rem 0.625rem 0; } .article-sp { background-color: #fff; padding: 0.625rem; } .article-sp__item { background-color: #e0d9cf; border-radius: 0.375rem; } .article-sp__item:has(.--spoiler-active) { background-color: #fff; } .article-sp__title { font-size: 1.25rem; padding: 0.25rem 1.25rem; } .article-sp__title:before { width: 1.75rem; } .article-sp__body { padding: 1.03125rem 1.25rem 1.25rem; } .comments-article { grid-template-columns: 1fr; } .comments-article__aside { display: none; } } @media (max-width: 37.49875em) { .big-rating__item { font-size: 0.625rem; } .big-rating__item:before { font-size: 1.875rem; } .item-cart { align-items: start; grid-template-columns: max-content 1fr max-content; } .item-cart__sale { font-size: 0.625rem; padding: 0.125rem 0.3125rem; } .item-cart__image { grid-column: 1; grid-row: 1; width: 3.6875rem; } .item-cart__body { grid-column: 2; grid-row: 1; } .item-cart__counter { grid-column: 1/3; grid-row: 2; } .item-cart__price { align-self: end; } .item-cart__remove { grid-column: 3; grid-row: 1; justify-self: end; } .footer__copy { font-size: 0.625rem; max-width: 5.625rem; } .footer__menu ul { flex-direction: column; } .footer__up { align-self: flex-end; font-size: 0.75rem; height: 2.125rem; width: 2.125rem; } .categories__items { gap: 0.625rem; } .item-categories { align-items: center; padding: 0.5625rem; } .item-categories__title { font-size: 1rem; text-align: center; } .item-categories__showmore { display: none; } } @media (max-width: 31.24875em) { .item-product { box-shadow: 0 0 0.625rem 0 #6c6f38; padding: 0.625rem; } .item-product__tag { font-size: 0.5rem; padding: 0.25rem 0.375rem; } .item-product__sale { font-size: 0.5625rem; padding: 0.125rem 0.25rem; } .item-product__bonus { font-size: 0.375rem; gap: 0.1875rem; padding: 0.125rem 0.1875rem; } .item-product__bonus span { font-size: 0.625rem; } .item-product--wide .item-product__body { padding: 0.625rem 0 0; } .item-product__title { font-size: 0.75rem; } .item-product__desc { display: none; } .item-product .rating { --star-width: 0.5rem; } .item-product__cart-btn { background-color: #cfd56b; font-size: 1rem; height: 1.5rem; width: 1.5rem; } .products-section__slider { margin: 0 -0.3125rem; } .products-section__slider .splide__slide { padding: 0 0.3125rem; } .page__faq:not(:last-child), .page__seo:not(:last-child) { margin-bottom: 1.25rem; } .categories-home__item { border-radius: 0.375rem; padding: 0.25rem 0.3125rem; } .categories-home__label { font-size: 0.625rem; word-break: break-all; } .categories-home__count { font-size: 0.625rem; height: 1.5rem; min-width: 1.5rem; } .categories-home__image { align-self: center; height: 2.8125rem; width: 2.8125rem; } .news-home__items:has(.item-news--why-us) { gap: 0.5rem; grid-template-columns: repeat(4, 1fr); } .summary-orders { grid-template-columns: 1fr max-content; } .summary-orders__images { flex-wrap: wrap; justify-content: start; } .item-order--mini .summary-orders__image { max-width: 2.5rem; } .summary-orders__icon { grid-column: 2; grid-row: 1/3; } .details-orders__buttons:not(:last-child) { margin-bottom: 0.625rem; } .details-orders__info { border-bottom: 0.0625rem solid rgba(30, 30, 30, 0.1); padding-bottom: 0.625rem; } .details-orders__info-label, .details-orders__info-title { font-size: 0.875rem; } .details-orders__products:not(:last-child) { margin-bottom: 0.625rem; } .details-orders__summary-item .total { font-size: 1rem; } .product-orders { align-items: start; grid-template-columns: max-content 1fr max-content; } .product-orders__body { grid-column: span 2; } .product-orders__title { font-size: 0.875rem; } .product-orders__item-price { grid-column: 2; grid-row: 2; text-align: left; } .product-orders__price { font-size: 0.875rem; grid-column: 3; grid-row: 2; } .item-news--why-us:before { border: 0.125rem solid rgba(30, 30, 30, 0.1); } .item-news__icon { height: 1.5rem; width: 1.5rem; } .item-news--why-us .item-news__body { align-items: center; border-radius: 0.375rem; padding: 0.5rem 0.25rem; } .item-news__title { font-size: 0.875rem; } .item-news--why-us .item-news__title { font-size: 0.625rem; text-align: center; } .item-news__text { font-size: 0.75rem; } .item-news--why-us .item-news__text { display: none; } .feedback-pr__item { gap: 0.75rem; } .feedback-pr__item .item-feedback__name { font-size: 0.875rem; } .aside-feedback-pr__color-label, .feedback-pr__item .item-feedback__text { font-size: 0.75rem; } [class*="__container"] { padding-left: 0.625rem; padding-right: 0.625rem; } .cart-success { font-size: 0.875rem; min-height: 2.5rem; top: 4.375rem; transform: translateY(-50%); } .cart-success.--active { transform: none; } .cart-success:before { width: 0.8125rem; } .auth-popup__label { font-size: 0.75rem; } .info-page__breadcrumbs:not(:last-child) { margin-bottom: 0.3125rem; } .info-page__body { gap: 0.625rem; } .info-page__body:not(:last-child) { margin-bottom: 0.625rem; } .info-page__block { gap: 0.375rem; padding: 0.875rem; } .info-page__icon { width: 1.5rem; } .info-page__block-title { font-size: 1rem; } .info-page__text { font-size: 0.875rem; } .profile__products { grid-template-columns: repeat(2, 1fr); } .add-address__cols, .bonuses-profile__items { grid-template-columns: 1fr; } .orders-profile__button { align-self: stretch; order: 2; } .orders-profile__button:not(:last-child) { margin-bottom: 0.625rem; } .orders-profile__navigation { order: 1; } .orders-profile__navigation:not(:last-child) { margin-bottom: 0.625rem; } .orders-profile__link { font-size: 0.875rem; } .orders-profile__actions:not(:last-child) { margin-bottom: 0.625rem; } .orders-profile__search .search__input { font-size: 0.875rem; padding: 0.5rem 1.25rem; } .orders-profile__search .search__submit { font-size: 1.5rem; min-width: 0; padding: 0.375rem; } .orders-profile__items { order: 3; } .hero-product__image-header { padding: 0.375rem 0.3125rem; } .hero-product__sale { font-size: 0.875rem; } .hero-product__bonuses { border: 0.125rem solid #6c6f38; font-size: 1rem; } .hero-product__slider .splide__slide { padding: 0; } .hero-product__header-label.--status { font-size: 0.6875rem; } .hero-product__rating { --star-width: 0.6875rem; } .hero-product__count { font-size: 0.6875rem; } .hero-product__count:before { font-size: 0.625rem; } .hero-product__fav { font-size: 0.75rem; } .hero-product__fav:before { font-size: 1.25rem; } .hero-product__price { gap: 1.25rem; } .hero-product__price-value { font-size: 1.5rem; } .hero-product__price-value.--big { font-size: 2rem; } .hero-product__actions { flex-direction: column; } .hero-product__button { max-width: 100%; padding: 0.375rem 0.625rem; } .downloads-product__button { font-size: 1rem; padding: 0.4375rem 0.25rem; } .info-product__title { font-size: 1.25rem; } .info-product__title:not(:last-child) { margin-bottom: 0.625rem; } .table-product td { font-size: 0.875rem; line-height: 1.2; } .page__home { display: flex; flex-direction: column; } .home > * { order: 5; } .home__menu { order: 3; } .home__hero { order: 2; } .home__categories { order: 1; } .home__products-section { order: 4; } .menu-home__item { display: flex; flex-direction: column; font-size: 0.75rem; } .banners-home__image { aspect-ratio: 1/1; } .banners-home__image .mobile { display: inline-block !important; } .error__image { max-width: 10.3125rem; } .error__label, .error__link { font-size: 1rem; } .error__link { min-width: 0; padding: 0.5625rem 1.1875rem; } .contacts__text { font-size: 0.875rem; font-weight: 700; } .contacts__links:not(:last-child) { margin-bottom: 0.625rem; } .contacts__link { font-size: 1rem; } .banner-contacts { border-radius: 0.375rem; } .banner-contacts:after { display: none; } .banner-contacts__button { font-size: 0.875rem; min-width: 9.1875rem; padding: 0.375rem 0.625rem; } .catalog__items:not(:last-child) { margin-bottom: 1.125rem; } .empty-cart { align-items: stretch; flex-direction: column; } .empty-cart__button { padding: 0.5625rem; } .blog__categories { align-items: start; flex-direction: column; } .blog__items:not(:last-child) { margin-bottom: 1.25rem; } .blog__pagination .pagination__list li a { height: 2.25rem; width: 2.25rem; } .article__breadcrumbs:not(:last-child) { margin-bottom: 0.3125rem; } .article__content:not(:last-child) { margin-bottom: 1.25rem; } .article__nav-item:before { width: 2.375rem; } .article__nav-body { font-size: 0.625rem; } .hero-article__info { display: grid; gap: 0.3125rem; grid-template-columns: repeat(2, 1fr); } } @media (max-width: 28.12375em) { .catalog__items { gap: 0.625rem; grid-template-columns: repeat(2, 1fr); } } @media (max-width: 24.99875em) { .item-product__pic img { width: 100%; } .summary-orders__image { max-width: 2.5rem; } .product-orders__image { width: 2.5rem; } .product-orders__desc { display: none; } .spoilers__item { padding-bottom: 0.5rem; } .spoilers__item:not(:last-child) { margin-bottom: 0.625rem; } .footer__menu ul li { font-size: 0.75rem; } .checkout__cols { grid-template-columns: 1fr; } .login-checkout__items { flex-direction: column; } .item-categories__image { max-width: 4.5rem; } .top-filters__sort-button, .top-filters__sort-buttons { flex-grow: 0; } .blog__item .item-news__text { display: none !important; } } @media (max-width: 20em) { .page__info-page:not(:last-child) { margin-bottom: 1.25rem; } .profile__title { font-size: 1.25rem; } .page__contacts:not(:last-child) { margin-bottom: 1.25rem; } .banner-contacts { padding-right: 6.25rem; } .banner-contacts__title { font-size: 1.125rem; } } @media (min-width: 20em) and (max-width: 101.375em) { .page__info-page:not(:last-child) { margin-bottom: clamp( 1.25rem, -1.36136712749375rem + 13.0568356375vw, 11.875rem ); } .profile__title { font-size: clamp(1.25rem, 1.0656682027625rem + 0.9216589862vw, 2rem); } .page__contacts:not(:last-child) { margin-bottom: clamp( 1.25rem, -3.342933947775rem + 22.9646697389vw, 19.9375rem ); } .banner-contacts { padding-right: clamp( 6.25rem, -1.9834869431625rem + 41.1674347158vw, 39.75rem ); } .banner-contacts__title { font-size: clamp(1.125rem, 0.6641705069125rem + 2.3041474654vw, 3rem); } } @media (min-width: 31.24875em) { .--spoiler-active .summary-orders__images { opacity: 0; pointer-events: none; visibility: hidden; } .add-address__field--double { grid-column: span 2; } .orders-profile__actions .select .select__value { min-height: 2.9375rem; } .menu-home__items { flex-wrap: wrap; } .banners-home__image .pc { display: inline-block !important; } } @media (min-width: 37.49875em) { .cart-popup .item-cart { grid-template-columns: max-content 1fr max-content max-content max-content; } .cart-popup .item-cart__price { min-width: 5.625rem; } } @media (min-width: 43.74875em) { .faq-spoilers--cols { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 47.99875em) and (max-width: 61.99875em) { .footer__social { grid-row: 1/3; } } @media (min-width: 47.99875em) and (max-width: 101.375em) { .menu-home__item { font-size: clamp(1rem, 0.55037352755rem + 0.936746212vw, 1.5rem); } } @media (min-width: 47.99875em) { .mobile { display: none !important; } .categories-home__slider .splide__track:before { background: linear-gradient(270deg, #fff, hsla(0, 0%, 100%, 0)); content: ""; height: 100%; pointer-events: none; position: absolute; right: 0; top: 0; width: 7.5rem; z-index: 5; } .feedback-pr__scroll { max-height: 44.375rem; padding-right: 0.625rem; } .sub-footer__input { max-width: 22.9375rem; min-width: 16.875rem; } .sub-footer__button { min-width: 10rem; } .popup--success .popup__close { right: 2.125rem; top: 2.125rem; } .profile__body { padding-top: 1.25rem; } .user-profile__icon { display: none; } .address-profile__body { max-width: 38.375rem; width: 100%; } .hero-product__body { padding-right: 1.25rem; padding-top: 1.25rem; } .hero-product__refund { margin-top: -0.625rem; } .hero-product__showmore .showmore-product__content:after { display: none; } .hero-product__shipping { border-top: 0.0625rem solid rgba(30, 30, 30, 0.1); padding-top: 1.875rem; } .info-product__details { display: none; } .banners-home__slider .splide__list { display: grid !important; gap: 1.25rem; grid-template-columns: repeat(2, 1fr); } .catalog__main { display: grid; gap: 0.9375rem; grid-template-columns: 1fr 15rem; } .block-filters__title:before { display: none; } .empty-cart__button { min-width: 14.5625rem; } .article__text, .hero-article__text { font-size: 1.125rem; } } @media (min-width: 61.99875em) { .categories-home__item { min-height: 14.8125rem; } .footer__label { max-width: 22.9375rem; } } @media (min-width: 68.74875em) { .orders-profile__search { max-width: 28.9375rem; } } @media (min-width: 74.99875em) { .item-cart__price { min-width: 10.5625rem; } } @media (min-width: 101.375em) { .page__info-page:not(:last-child) { margin-bottom: 11.875rem; } .profile__title { font-size: 2rem; } .menu-home__item { font-size: 1.5rem; } .page__contacts:not(:last-child) { margin-bottom: 19.9375rem; } .banner-contacts { padding-right: 39.75rem; } .banner-contacts__title { font-size: 3rem; } } @media (min-width: 106.24875em) { .footer__up { position: absolute; right: 1.625rem; top: 50%; transform: translateY(-50%); } } @media (any-hover: hover) { .check-input a:hover, .text a:hover { text-decoration-color: inherit; } .item-feedback__answer:hover { text-decoration-color: transparent; } .breadcrumbs ul li a:hover, .field__file:hover, .item-cart__title a:hover, .item-product__title:hover, .locations-header__link:hover, .product-orders__title a:hover { color: #6c6f38; color: #cfd56b; } .fav-btn:hover { color: #cfd56b; } .button:not(:disabled):hover { background-color: #cfd56b; border-color: #cfd56b; color: #fff; --color: #fff; } .button:not(:disabled):hover:before { color: #fff; } .button--light:not(:disabled):hover { background-color: #6c6f38; border-color: #6c6f38; } .input:not(:read-only):hover, .textarea:not(:read-only):hover { border-color: #cfd56b; } .search--solid .search__submit:hover { color: #cfd56b; } .splide__arrow:not(:disabled):hover { background-color: #cfd56b; color: #fff; } .item-product__pic:hover img { transform: scale(1.1); } .item-product__cart-btn:hover { background-color: #cfd56b; color: #6c6f38; } .item-product:hover { box-shadow: 0 0 0.625rem 0 #6c6f38; } .item-product:hover .item-product__fav:not(.--active) { opacity: 1; visibility: visible; } .more-btn:hover span { text-decoration-color: transparent; } .faq-spoilers__title:hover { color: #cfd56b; } .faq-spoilers__title:hover .faq-spoilers__icon { background-color: #cfd56b; } .faq-spoilers__title:hover .faq-spoilers__icon:after, .faq-spoilers__title:hover .faq-spoilers__icon:before { background-color: #fff; } .call-btn:hover { background-color: #90944b; } .categories-home__item:hover .categories-home__label { color: #6c6f38; } .item-feedback__action-item button.--active:hover, .item-feedback__action-item button:hover { color: var(--text-color); } .product-feedback:hover .product-feedback__title { color: #6c6f38; } .counter__btn:not(:disabled):hover, .icon-btn:hover { background-color: #cfd56b; color: #fff; } .icon-btn:hover { border-color: #cfd56b; } .field__rel-wrapper:has(.textarea:not(:read-only):hover) { border-color: #cfd56b; } .social a:hover { background-color: #cfd56b; } .pass__btn:hover { color: #cfd56b; } .big-rating__body:has(.big-rating__item:hover) .big-rating__item:before { color: rgba(30, 30, 30, 0.2); } .big-rating__item:hover:before { color: #6c6f38 !important; } .big-rating__item:has(~ .big-rating__item:hover):before { color: #6c6f38 !important; } .summary-orders:hover .summary-orders__icon { color: #90944b; } .product-orders__image:hover img { transform: scale(1.1); } .refund-profile__product:hover { color: #90944b; } .item-cart__image:hover img { transform: scale(1.1); } .item-cart__remove:hover { background-color: #cfd56b; color: #fff; } .item-news:hover .item-news__image img { transform: scale(1.1); } .select__option:hover { background: #d9d9d9; } .select--contacts .select__option:hover, .select--orders .select__option:hover, .select--region .select__option:hover { background: #cfd56b; } .spoilers__item:has(.spoilers__title:hover) { border-bottom-color: #6c6f38; } .spoilers__title:hover { border-color: #6c6f38; color: #6c6f38; --color: #e2102e; } .spoilers__title:hover .plus-icon:after, .spoilers__title:hover .plus-icon:before { background-color: #6c6f38; } .categories-menu__close:hover, .header__menu-btn:hover, .pc-menu__close:hover, .submenu-navbar__back:hover { color: #6c6f38; } .header__catalog-menu li a:hover { color: #cfd56b; --color: #90944b; } .header__actions-item:hover { color: #6c6f38; } .pc-menu__list li a:hover { color: rgba(30, 30, 30, 0.6); } .pc-menu__lang-item:hover { background-color: #cfd56b; } .submenu-navbar__item:hover { color: #cfd56b; } .footer__social .social li a:hover { background-color: #1e1e1e; } .footer__menu ul li a:hover { color: rgba(30, 30, 30, 0.6); } .footer__up:hover { background-color: #6c6f38; border-color: #cfd56b; color: #cfd56b; } .item-cont-mini__link:hover { text-decoration-color: inherit; } .auth-popup__label a:hover { text-decoration-color: transparent; } .close-btn:hover, .popup__close:hover, .success-popup__orders:hover { color: #6c6f38; } .popup--contacts-mini .popup__close:hover { color: #1e1e1e; } .worktime-tabs__title:hover { border-color: #cfd56b; } .auth-popup__action-item:hover { color: #cfd56b; } .cart-popup .item-cart:hover, .form-popup__cheap-footer .form-popup__button:first-child:hover { border-color: #cfd56b; } .contact-us-popup__close:hover { color: #1e1e1e; } [data-fls-rating="set"] .rating__items:hover .rating__item { background: var(--star-active) 0 0 / var(--star-width) no-repeat; } [data-fls-rating="set"] .rating__item:hover ~ .rating__item { background: var(--star) 0 0 / var(--star-width) no-repeat; } [data-fls-rating="set"] .rating__item:hover ~ .rating__item span { display: none; } .profile__logout:hover, .profile__menu-item:hover { color: #90944b; } .orders-profile__button:hover:before { color: #fff; } .orders-profile__link:hover { color: #90944b; } .hero-product__nav-item:hover { text-decoration-color: transparent; } .props-product__button:hover, .recom-product__label a:hover, .table-product a:hover { color: #6c6f38; } .hero-product__fav:hover { color: #90944b; } .hero-product__button:not(:disabled):hover { background-color: #e6ed7a; border-color: #e6ed7a; color: #1e1e1e; } .hero-product__button:not(:disabled):hover:before { color: #1e1e1e; } .hero-product__other-action:not(:disabled):hover { background-color: #e6ed7a; border-color: #e6ed7a; color: #1e1e1e; } .props-product__item:hover { background-color: hsla(63, 56%, 63%, 0.2); } .menu-home__item:hover { background-color: #cfd56b; color: #fff; --color: #fff; border-color: #cfd56b; } .contacts__link:hover { text-decoration-color: inherit; } .item-categories__content li a:hover, .item-categories__title a:hover, .product-checkout__title a:hover { color: #6c6f38; } .item-categories__more-btn:hover { background-color: rgba(255, 247, 163, 0.2); } .pagination__list li a:hover { background-color: #90944b; color: #fff; } .block-filters__more:hover { background-color: rgba(255, 247, 163, 0.2); } .top-filters__sort-item:not( .top-filters__sort-item:has(input:checked) ):hover { background-color: #f4f5ed; } .top-filters__filter-btn:hover { background-color: #90944b; color: #fff; } .empty-cart__text a:hover { text-decoration-color: transparent; } .article-sp__links a:hover { text-decoration-color: inherit; } .blog__category:hover { color: #90944b; } .article__nav-item:hover:before { background-color: #cfd56b; color: #fff; } .article-sp__links a:hover { color: #90944b; } } @media screen and (-ms-high-contrast: none) { .splide__slide:focus-visible { border: 0.1875rem solid #0bf; } .splide.is-focus-in .splide__slide:focus { border: 0.1875rem solid #0bf; } .splide.is-focus-in .splide__track > .splide__list > .splide__slide:focus { border-color: #0bf; } } /* Jet Cache: catalog/view/theme/default/stylesheet/jet.css */ body { opacity: 1 !important; visibility: visible !important; }