@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
.loader-hidden {
opacity: 0;
visibility: hidden;
}
body {
font-family: "Montserrat", sans-serif;
background-color: #fff;
color: #101828;
font-size: 16px;
line-height: 1.5;
margin: 0;
padding: 0;
}
* {
box-sizing: border-box;
}
.small-icon-button {
width: 34px;
height: 34px;
}
.small-icon-button img {
display: block;
height: 100%;
width: 100%;
padding: 5px;
cursor: pointer;
}
header {
height: 40px;
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
background-color: #fff;
border-bottom: 2px solid #005ce6;
padding: 0 15px;
position: sticky;
top: 0;
z-index: 10;
}
header #logo {
padding: 5px;
}
header #logo img {
display: block;
height: 30px;
}
header .header-container__desktop {
display: none;
}
header .header-search-container {
position: absolute;
width: 100%;
top: 40px;
left: 0;
background-color: #fff;
padding: 10px 15px;
border-bottom: 2px solid #005ce6;
z-index: 10;
display: flex;
}
header .header-search-container .searchFormPhrase-js {
border-bottom: 1px solid #005ce6;
width: 100%;
}
header .header-search-container .getSearch-js {
position: absolute;
display: none;
}
#header .headerSection__iconsMenu {
position: static;
}
.mobile-sidebar {
max-width: 300px;
width: 100%;
transform: translateX(-100%);
transition: 0.3s;
position: fixed;
top: 0;
left: 0;
height: 100vh;
overflow-y: scroll;
border-top-right-radius: 25px;
border-bottom-right-radius: 25px;
background-color: #eaecf0;
z-index: 100;
}
.mobile-sidebar.active {
transform: translateX(0) !important;
}
.mobile-sidebar__header {
display: flex;
align-items: center;
padding: 0 15px;
height: 40px;
gap: 10px;
}
.mobile-sidebar__header-logo {
padding: 5px;
}
.mobile-sidebar__header-logo img {
display: block;
height: 30px;
mix-blend-mode: multiply;
}
.mobile-sidebar__categories {
padding: 20px;
}
.mobile-sidebar__categories ul {
list-style: none;
padding: 0;
margin: 0;
}
.mobile-sidebar__categories > ul > li > ul {
height: 0;
overflow: hidden;
transition: 0.3s;
}
.mobile-sidebar__categories > ul > li > ul > li > ul:not(.mobile-sidebar__categories--noChilds) {
height: 0;
overflow: hidden;
transition: 0.3s;
}
.mobile-sidebar__categories > ul li .mobile-sidebar__category {
margin-top: 4px;
display: flex;
justify-content: space-between;
align-items: center;
gap: 10px;
border-radius: 10px;
transition: background-color 0.3s;
}
.mobile-sidebar__categories > ul li .mobile-sidebar__category:hover {
background-color: #f2f4f7;
}
.mobile-sidebar__categories > ul li .mobile-sidebar__category.selected {
background-color: #4d8bff !important;
}
.mobile-sidebar__categories > ul li .mobile-sidebar__category.selected > a {
color: #fff !important;
}
.mobile-sidebar__categories > ul li .mobile-sidebar__category.selected > .small-icon-button > img {
filter: brightness(5) !important;
}
.mobile-sidebar__categories > ul li .mobile-sidebar__category.selected:hover {
background-color: #005ce6 !important;
}
.mobile-sidebar__categories > ul li .mobile-sidebar__category.selected-last {
background-color: #005ce6 !important;
}
.mobile-sidebar__categories > ul li .mobile-sidebar__category.selected-last > a {
color: #fff !important;
}
.mobile-sidebar__categories > ul li .mobile-sidebar__category.selected-last > .small-icon-button > img {
filter: brightness(5) !important;
}
.mobile-sidebar__categories > ul li .mobile-sidebar__category.selected-last:hover {
background-color: #002d9c !important;
}
.mobile-sidebar__categories > ul li .mobile-sidebar__category.active {
background-color: #fff;
}
.mobile-sidebar__categories > ul li .mobile-sidebar__category.active + ul {
height: auto;
}
.mobile-sidebar__categories > ul li .mobile-sidebar__category > a {
padding: 10px;
}
.mobile-sidebar__categories > ul li > ul:not(.mobile-sidebar__categories--noChilds) {
padding-left: 10px;
margin-left: 10px;
position: relative;
}
.mobile-sidebar__categories > ul li > ul:not(.mobile-sidebar__categories--noChilds)::before {
position: absolute;
left: 0;
top: 4px;
content: "";
display: block;
width: 1px;
height: calc(100% - 4px);
background-color: #005ce6;
}
.mobile-sidebar__sites {
padding: 0 20px;
}
.mobile-sidebar__sites > ul {
padding: 0;
margin: 0;
text-decoration: none;
list-style: none;
}
.mobile-sidebar__sites > ul > li {
margin-bottom: 5px;
}
.mobile-sidebar__sites > ul > li > a {
padding: 10px;
display: flex;
gap: 20px;
font-weight: 600;
color: #475467;
transition: background-color 0.3s;
border-radius: 10px;
}
.mobile-sidebar__sites > ul > li > a:hover {
background-color: #f2f4f7;
}
.mobile-sidebar__sites > ul > li > a.active {
background-color: #005ce6;
color: #fff;
}
.mobile-sidebar__sites > ul > li > a.active > img {
filter: brightness(5);
}
.mobile-sidebar__sites > ul > li > a.active:hover {
background-color: #002d9c;
}
.mobile-sidebar__sites > ul > li > a.active > span .itemsCounter {
background-color: #fff;
color: #005ce6;
font-weight: 600;
}
.mobile-sidebar__sites > ul > li > a.active > span img {
filter: brightness(5);
}
.mobile-sidebar__sites > ul > li > a > span {
position: relative;
}
.mobile-sidebar__sites > ul > li > a > span .itemsCounter {
position: absolute;
height: 20px;
width: 20px;
top: -7px;
left: 17px;
border-radius: 50%;
background-color: #005ce6;
color: #fff;
text-align: center;
font-weight: 400;
font-size: 12px;
display: flex;
justify-content: center;
align-items: center;
}
.mobile-sidebar__sites > ul > li > a > span .itemsCounter .hidden {
display: none;
}
.mobile-sidebar__sites > ul > li > a > span img {
display: block;
}
.mobile-sidebar .mobile-sidebar__category__name {
font-size: 16px;
font-weight: 600;
color: #475467;
width: 100%;
}
.main-holder {
margin-top: 0px;
}
.topBanner {
display: none;
}
.banner2 .slick-track {
display: flex;
}
.banner2 .slick-track .slick-track .banner2__image {
width: 100%;
}
.productsList__filters--hiddenFilter {
display: block;
}
.productsList__filters--hiddenFilter .filter-group {
max-height: 200px;
overflow-y: auto;
}
.banner3 {
width: calc(100% - 50px);
max-width: 100%;
margin: 30px 25px;
border: 2px solid #005ce6;
border-radius: 10px;
overflow: hidden;
}
.banner3 .banner3__wrapper {
width: 100%;
position: relative;
}
.banner3 .banner3__wrapper .banner3__info {
position: absolute;
border-radius: 5px;
border: 1px solid #005ce6;
background-color: #fff;
padding: 10px 20px;
bottom: 25px;
left: 50%;
translate: -50% 0;
width: calc(100% - 105px);
}
.banner3 .banner3__wrapper .banner3__info .banner3__title {
font-size: 14px;
font-weight: 600;
color: #005ce6;
z-index: 1;
padding: 0px;
margin: 0px;
}
.banner3 .banner3__wrapper .banner3__info .banner3__title__small {
font-size: 12px;
font-weight: 400;
color: #005ce6;
z-index: 1;
padding: 0px;
margin: 0px;
}
.banner3 .slick-prev::before {
content: " ";
height: 5px;
width: 5px;
border-width: 0 2.5px 2.5px 0 !important;
border: solid #005ce6;
display: inline-block;
padding: 3px;
rotate: 135deg;
translate: 3px 0;
}
.banner3 .slick-next::before {
content: " ";
height: 5px;
width: 5px;
border-width: 0 2.5px 2.5px 0 !important;
border: solid #005ce6;
display: inline-block;
padding: 3px;
rotate: -45deg;
translate: -3px 0;
}
.banner3 .slick-dots {
display: flex;
justify-content: center;
margin: 0;
padding: 0;
gap: 3px;
list-style-type: none;
position: absolute;
bottom: 8px;
left: 50%;
translate: -50% 0;
}
.banner3 .slick-dots li {
margin: 0;
}
.banner3 .slick-dots button {
display: block;
width: 10px;
height: 10px;
border: 1px solid #005ce6;
padding: 0;
border-radius: 100%;
text-indent: -9999px;
}
.banner3 .slick-dots li.slick-active button {
background-color: #005ce6;
}
.banner3__image {
margin: 0;
}
.banner3__image img {
width: 100%;
height: 450px;
object-fit: cover;
}
.banner3 .slick-prev {
left: 10px;
}
.banner3 .slick-next {
right: 10px;
}
.banner3 .slick-prev,
.banner3 .slick-next {
font-size: 0;
line-height: 0;
position: absolute;
bottom: 25px;
display: block;
width: 36px;
height: 36px;
padding: 0;
cursor: pointer;
border: none;
outline: none;
background-color: white;
z-index: 8;
border: 1px solid #005ce6;
border-radius: 5px;
}
.recommended-product-banner {
width: calc(100% - 50px);
max-width: 100%;
margin: 30px 25px;
padding: 0;
border: 2px solid #005ce6;
border-radius: 10px;
overflow: hidden;
}
.recommended-product-banner .recommended-product-banner__image {
display: block;
height: 150px;
}
.recommended-product-banner .recommended-product-banner__image img {
width: 100%;
height: 100%;
object-fit: contain;
}
.recommended-product-banner .recommended-product-banner__info {
display: flex;
flex-direction: column;
justify-content: center;
}
.recommended-product-banner .recommended-product-banner__info .recommended-product-banner__uptitle {
font-size: 14px;
line-height: 20px;
font-style: normal;
font-weight: 600;
color: #005ce6;
text-transform: uppercase;
margin: 0;
}
.recommended-product-banner .recommended-product-banner__info .recommended-product-banner__title {
font-size: 28px;
line-height: 34px;
font-style: normal;
font-weight: 600;
color: #101828;
margin: 0;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.recommended-product-banner .recommended-product-banner__info .price {
font-size: 24px;
font-weight: 700;
line-height: 30px;
color: #005ce6;
margin-top: 10px;
}
.recommended-product-banner .slick-track {
display: flex;
}
.recommended-product-banner .slick-track .recommended-product-banner__wrapper {
align-self: center;
position: relative;
padding: 20px 20px 80px 20px;
height: 450px;
display: flex;
flex-direction: column;
justify-content: center;
}
.recommended-product-banner .slick-track .recommended-product-banner__wrapper a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.recommended-product-banner .slick-prev {
left: 20px;
}
.recommended-product-banner .slick-next {
right: 20px;
}
.recommended-product-banner .slick-prev,
.recommended-product-banner .slick-next {
font-size: 0;
line-height: 0;
position: absolute;
bottom: 20px;
display: block;
width: 36px;
height: 36px;
padding: 0;
cursor: pointer;
border: none;
outline: none;
background-color: white;
z-index: 8;
border: 1px solid #005ce6;
border-radius: 5px;
}
.recommended-product-banner .slick-prev::before {
content: " ";
height: 5px;
width: 5px;
border-width: 0 2.5px 2.5px 0 !important;
border: solid #005ce6;
display: inline-block;
padding: 3px;
rotate: 135deg;
translate: 3px 0;
}
.recommended-product-banner .slick-next::before {
content: " ";
height: 5px;
width: 5px;
border-width: 0 2.5px 2.5px 0 !important;
border: solid #005ce6;
display: inline-block;
padding: 3px;
rotate: -45deg;
translate: -3px 0;
}
.recommended-product-banner .slick-dots {
display: flex;
justify-content: center;
margin: 0;
padding: 0;
gap: 3px;
list-style-type: none;
position: absolute;
bottom: 32px;
left: 50%;
translate: -50% 0;
}
.recommended-product-banner .slick-dots li {
margin: 0;
}
.recommended-product-banner .slick-dots button {
display: block;
width: 10px;
height: 10px;
border: 1px solid #005ce6;
padding: 0;
border-radius: 100%;
text-indent: -9999px;
}
.recommended-product-banner .slick-dots li.slick-active button {
background-color: #005ce6;
}
.slider-wrapper {
padding: 50px 25px 0;
position: relative;
overflow-x: hidden;
max-width: 1000px;
background: #fff;
border-radius: 13px;
}
.slider-wrapper .icon {
position: absolute;
top: 0;
height: 100%;
width: 120px;
display: flex;
align-items: center;
}
.icon:first-child {
left: 0;
display: none;
background: linear-gradient(90deg, #fff 70%, transparent);
}
.icon:last-child {
right: 0;
justify-content: flex-end;
background: linear-gradient(-90deg, #fff 70%, transparent);
}
.icon i {
width: 55px;
height: 55px;
cursor: pointer;
font-size: 14px;
text-align: center;
line-height: 55px;
border-radius: 50%;
}
.slider-wrapper .tabs-box {
display: flex;
gap: 12px;
list-style: none;
overflow-x: hidden;
scroll-behavior: smooth;
margin: 0;
padding: 0;
}
.tabs-box.dragging {
scroll-behavior: auto;
cursor: grab;
}
.tabs-box .tab {
cursor: pointer;
font-size: 14px;
white-space: nowrap;
background: #fcfcfd;
padding: 10px 15px;
border-radius: 15px;
border: 1px solid #d0d5dd;
}
.tabs-box .tab:hover {
background: #efedfb;
}
.tabs-box.dragging .tab {
user-select: none;
pointer-events: none;
}
.tabs-box .tab.active {
color: #fff;
background: #005ce6;
border-color: transparent;
}
.slider-wrapper + .productsList {
margin-top: 0px;
}
#categories {
display: flex;
align-content: flex-start;
flex-wrap: wrap;
justify-content: flex-start;
padding: 0 25px;
gap: 20px;
}
#categories .categories-block {
border: 2px solid #005ce6;
width: calc(50% - 10px);
aspect-ratio: 1 / 1;
border-radius: 10px;
overflow: hidden;
}
#categories .categories-block_image-block {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
transition: 0.3s;
}
#categories .categories-block_image-block img {
width: 100%;
height: 100%;
object-fit: cover;
}
#categories .categories-block a {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
position: relative;
justify-content: flex-end;
}
#categories .categories-block a h4 {
font-size: 14px;
font-weight: 600;
color: #005ce6;
z-index: 1;
border: 2px solid #005ce6;
background-color: #fff;
border-radius: 10px;
padding: 10px;
margin: 10px;
transition: 0.3s;
}
#categories .categories-block:hover .categories-block_image-block {
scale: 1.1;
}
#categories .categories-block:hover h4 {
background-color: #005ce6;
color: #fff;
}
#categories .categories-block--last {
flex-grow: 2;
display: flex;
flex-direction: column;
gap: 20px;
}
#categories .categories-block--last .categories-block {
width: 100%;
aspect-ratio: auto;
height: calc(50% - 10px);
}
#short-company-description,
.short-company-description {
display: flex;
flex-direction: column;
margin: 0;
padding: 35px 25px 0;
}
#short-company-description .short-company-description__text--bold,
.short-company-description .short-company-description__text--bold {
font-weight: 600;
font-size: 24px;
line-height: 1.5;
}
#short-company-description .short-company-description__holder,
.short-company-description .short-company-description__holder {
display: flex;
justify-content: flex-start;
gap: 10px;
}
#short-company-description .short-company-description__holder .short-company-description__text--regular,
.short-company-description .short-company-description__holder .short-company-description__text--regular {
font-weight: 400;
font-size: 18px;
line-height: 1.5;
}
.product-purposes-title {
margin: 30px 25px 0px;
border-radius: 15px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
width: calc(100% - 50px);
padding: 50px 10px;
color: #fff;
font-size: 24px;
font-weight: 600;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%), url(https://demo1785.comarch-esklep.pl/usr/banner1.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
text-align: center;
}
.product-purposes {
display: flex;
flex-direction: column;
margin: 0 25px;
padding: 15px;
gap: 15px;
background-color: #eaecf0;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
}
.product-purposes__element {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 10px 5px;
border: 2px solid #005ce6;
border-radius: 10px;
color: #005ce6;
font-size: 14px;
font-weight: 600;
background-color: #fff;
transition: 0.3s;
}
.product-purposes__element:hover {
background-color: #005ce6;
color: #fff;
}
#docs {
background-color: #f2f4f7;
margin: 60px 25px 0;
border-radius: 20px;
border: 2px solid #475467;
width: calc(100% - 50px);
padding: 25px;
display: flex;
flex-direction: column;
gap: 20px;
align-self: center;
}
#docs .docs-holder {
display: flex;
flex-direction: column;
gap: 10px;
}
#docs .docs-holder .docs__text .docs__text--title .docs__text--title--standard {
font-size: 20px;
font-weight: 600;
}
#docs .docs-holder .docs__text .docs__text--description {
font-size: 16px;
font-weight: 400;
}
#docs .docs-holder a {
display: none;
}
#docs .docs__img {
width: 100%;
}
#docs .docs__img img {
width: 100%;
}
#docs a {
padding: 10px 20px;
background-color: #1d2939;
border: 2px solid #1d2939;
color: #fff;
border-radius: 10px;
transition: 0.3s;
}
#docs a:hover {
background-color: #fff;
color: #1d2939;
}
#join-newsletter {
background-color: #101828;
margin: 30px 25px 0;
border-radius: 20px;
width: calc(100% - 50px);
padding: 25px;
display: flex;
flex-direction: column;
gap: 40px;
}
#join-newsletter .join-newsletter__text {
display: flex;
flex-direction: column;
margin: 0;
gap: 5px;
width: 55%;
}
#join-newsletter .join-newsletter__text--title {
margin: 0;
display: flex;
flex-direction: column;
}
#join-newsletter .join-newsletter__text--title--standard {
font-size: 20px;
font-weight: 400;
color: #fff;
}
#join-newsletter .join-newsletter__text--title--bold {
font-size: 20px;
font-weight: 600;
color: #005ce6;
}
#join-newsletter .join-newsletter__text--description {
font-size: 12px;
font-weight: 400;
color: #fff;
margin: 0;
}
#join-newsletter .newsletter2__form {
padding: 0;
margin: 0;
width: 100%;
}
#join-newsletter .newsletter2__form .newsletter2__input-container {
max-width: none;
margin: 0;
width: 100%;
display: flex;
flex-direction: column;
gap: 0;
}
#join-newsletter .newsletter2__form .newsletter2__input-container .newsletter2__mail-helper {
font-size: 12px;
font-weight: 400;
color: #fff;
margin: 0;
}
#join-newsletter .newsletter2__form .newsletter2__input-container input[type="email"] {
width: 100%;
border-radius: 8px;
border: 1px solid #eff1f3;
padding: 10px;
font-size: 12px;
font-weight: 400;
color: #005ce6;
max-width: none;
position: relative;
}
#join-newsletter .newsletter2__form .newsletter2__input-container input[type="email"]::placeholder {
color: #98a2b3;
font-size: 12px;
}
#join-newsletter .newsletter2__form .newsletter2__input-container .checkBoxes__container input + label {
color: #eaecf0;
margin-top: 5px;
font-size: 10px;
line-height: 1.5;
font-weight: 400;
width: 100%;
padding: 0 0 0 22px;
}
#join-newsletter .newsletter2__form .newsletter2__input-container .checkBoxes__container input + label:before {
left: 0;
height: 15px;
width: 15px;
top: 50%;
transform: translateY(-50%);
}
#join-newsletter .newsletter2__form .newsletter2__input-container .checkBoxes__container input:checked + label .checkBoxes__checkIcon {
left: 2px;
top: 5px;
}
#join-newsletter .newsletter2__form .newsletter2__input-container .form__validation-required-js,
#join-newsletter .newsletter2__form .newsletter2__input-container .form__invalid-input {
margin-top: 5px;
}
#join-newsletter .newsletter2__form .newsletter2__input-container .newsletter2__btn-subscribe {
margin-top: 40px;
min-width: auto;
padding: 15px 25x;
border-radius: 10px;
background-color: #005ce6;
color: #fff;
line-height: 1;
font-size: 12px;
font-weight: 600;
height: auto;
width: auto;
text-transform: none;
align-self: flex-end;
}
.catalogs-holder {
display: flex;
flex-direction: column;
width: calc(100% - 50px);
margin: 30px 25px;
gap: 20px;
}
.catalogs-holder .catalogs__wrapper {
display: flex;
flex-direction: column;
border: 2px solid #005ce6;
border-radius: 10px;
padding: 20px;
gap: 20px;
background-color: #fff;
position: relative;
}
.catalogs-holder .catalogs__wrapper .catalogs__image {
display: flex;
justify-content: center;
margin: 0;
}
.catalogs-holder .catalogs__wrapper .catalogs__image img {
border-radius: 10px;
border: 1px solid #98a2b3;
max-width: 100%;
}
.catalogs-holder .catalogs__wrapper .catalogs__info {
display: flex;
flex-direction: column;
gap: 5px;
}
.catalogs-holder .catalogs__wrapper .catalogs__info .catalogs__title {
font-size: 16px;
font-weight: 600;
color: #005ce6;
margin: 0;
}
.catalogs-holder .catalogs__wrapper .catalogs__info .catalogs__title__small {
font-size: 12px;
font-weight: 400;
color: #1d2939;
}
.catalogs-holder .catalogs__wrapper .catalogs__info > a {
margin-top: auto;
padding: 8px 16px;
background-color: #005ce6;
color: #fff;
border-radius: 10px;
font-size: 14px;
align-self: flex-end;
}
.catalogs-holder .catalogs__wrapper_link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
body .productsList {
max-width: none;
}
body .productsList .productsList__products--top .productsList__counter--icon {
fill: #000000 !important;
opacity: 0.3 !important;
}
body .productsList .productsList__products--top .productsList__counter--icon.productsList__counter--icon-active {
fill: #0a83fc !important;
opacity: 1 !important;
}
body .productsList .productsList__products {
width: 100%;
}
body .productsList .productsList__products--container:not(.productsList__listView-js) {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
body .productsList .productsList__products--container:not(.productsList__listView-js) .product-item__placeholder {
margin-bottom: 0;
width: calc(50% - 10px);
}
body .productsList .productsList__products--container:not(.productsList__listView-js) .product-item {
width: 100%;
padding: 0;
border: none;
display: flex;
flex-direction: column;
height: 100%;
}
body .productsList .productsList__products--container:not(.productsList__listView-js) .product-item .product-item__link {
width: 100%;
height: auto !important;
aspect-ratio: 1 / 1;
margin: 0;
padding: 0;
border: 2px solid #eaecf0;
border-radius: 10px;
overflow: hidden;
}
body .productsList .productsList__products--container:not(.productsList__listView-js) .product-item .product-item__image img {
width: 100%;
aspect-ratio: 1/1;
object-fit: contain;
transition: 0.3s;
}
body .productsList .productsList__products--container:not(.productsList__listView-js) .product-item .product-item__description {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 5px;
color: #1d2939;
margin-top: 5px;
height: auto;
flex-grow: 2;
}
body .productsList .productsList__products--container:not(.productsList__listView-js) .product-item .product-item__description h2 {
height: auto;
font-size: 12px;
white-space: normal;
-webkit-line-clamp: 5;
letter-spacing: normal;
font-weight: 600;
text-align: left;
margin-bottom: auto;
}
body .productsList .productsList__products--container:not(.productsList__listView-js) .product-item .product-item__description .normalPrice {
position: static;
font-size: 14px;
font-weight: 600;
color: #005ce6;
}
body .productsList .productsList__products--container:not(.productsList__listView-js) .product-item .product-item__description .product-item__addToCart {
display: block;
opacity: 1;
visibility: visible;
font-size: 12px;
text-transform: none;
background-color: #005ce6;
color: #fff;
padding: 10px 0;
border: none;
border-radius: 20px;
width: 100%;
}
body .productsList .productsList__products--container:not(.productsList__listView-js) .product-item:hover .product-item__image img {
transform: scale(1.1);
}
body .productsList .productsList__products--container:not(.productsList__gridView-js) .product-item__placeholder {
height: auto;
}
body .productsList .productsList__products--container:not(.productsList__gridView-js) .product-item__placeholder .product-item {
width: 100%;
padding: 0;
border: none;
height: auto;
min-height: 200px;
max-height: none;
}
body .productsList .productsList__products--container:not(.productsList__gridView-js) .product-item__placeholder .product-item .product-item__link {
width: 200px;
height: auto;
aspect-ratio: 1 / 1;
margin: 0;
padding: 0;
border: 2px solid #eaecf0;
border-radius: 10px;
overflow: hidden;
}
body .productsList .productsList__products--container:not(.productsList__gridView-js) .product-item__image img {
width: 100%;
aspect-ratio: 1/1;
object-fit: contain;
max-width: none;
max-height: none;
}
body .productsList .productsList__products--container:not(.productsList__gridView-js) .product-item__description {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 15px;
color: #1d2939;
margin-top: 5px;
height: auto;
}
body .productsList .productsList__products--container:not(.productsList__gridView-js) .product-item__description h2 {
height: auto;
font-size: 14px;
white-space: normal;
-webkit-line-clamp: 2;
letter-spacing: normal;
font-weight: 600;
text-align: left;
margin: 0;
overflow: visible;
}
body .productsList .productsList__products--container:not(.productsList__gridView-js) .product-item__description .normalPrice {
position: static;
font-size: 16px;
font-weight: 600;
color: #005ce6;
}
body .productsList .productsList__products--container:not(.productsList__gridView-js) .product-item__shortDescription {
flex-basis: auto;
flex: initial;
margin: 0;
}
body .productsList .productsList__products--container:not(.productsList__gridView-js) .product-item__shortDescription-attributes {
height: auto;
display: flex;
flex-direction: column;
gap: 0px;
}
body .productsList .productsList__products--container:not(.productsList__gridView-js) .product-item__shortDescription-attributes .product-item__attr {
width: 100%;
height: auto;
flex: none;
letter-spacing: normal;
margin-right: 0;
}
body .productsList .productsList__container {
padding: 0;
margin: 0;
width: 100%;
}
body .productsList .page-padding {
padding: 0 25px;
}
footer.footer {
border-top-left-radius: 15px;
border-top-right-radius: 15px;
background-color: #eaecf0;
margin-top: -45px;
padding-top: 90px;
}
footer.footer .footer-banners .banner .banner__itemsContainer {
padding-left: 0px;
}
footer.footer .footer__section-title {
text-transform: none;
}
footer.footer .footer__link--highlight {
color: #005ce6;
font-weight: 700;
}
footer.footer .footer__copyright-wrapper {
background-color: #eaecf0;
}
footer.footer .footer__copyright-wrapper .footer__copyright {
background-color: #eaecf0;
text-align: center;
font-size: 12px;
}
footer.footer .footer__copyright-wrapper .footer__copyright p:last-child {
padding-bottom: 25px;
}
footer.footer .footer__copyright-walter {
background-color: #1d2939;
color: #fff;
font-size: 14px;
text-align: center;
padding-top: 10px;
}
footer.footer .footer__copyright-walter p {
margin: 5px 0 0 0;
}
footer.footer .footer__copyright-walter--ms {
color: #fcfcfd;
font-weight: 600;
}
footer.footer .footer__copyright-walter--walter {
color: #d0d5dd;
}
footer.footer .footer__copyright-walter--walter a {
color: #fff;
font-weight: 600;
text-decoration: underline;
}
.productDetails-prices .red-price {
color: #e10000;
}
.productDetails-prices .red-price .currency-red-price {
color: #e10000;
}
.productDetails-prices .old-price {
margin-left: 20px;
}
.popup-dialog-wrapper header {
border-bottom: none;
height: auto !important;
}
.bottomMenu {
bottom: 15px;
height: 60px;
width: auto;
left: 25px;
right: 25px;
border-radius: 30px;
background-color: #fcfcfd;
padding: 10px 14px;
justify-content: space-between;
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.45);
}
.bottomMenu .menuItem {
width: 40px;
height: 40px;
border-radius: 20px;
margin: 0;
flex: none;
}
.bottomMenu .menuItem .svgContainer {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.bottomMenu .menuItem .itemsCounter {
font-size: 12px;
width: 18px;
height: 18px;
}
.bottomMenu .menuItem.activePage {
background-color: #005ce6;
}
.bottomMenu .menuItem.activePage > div > img {
filter: brightness(5);
}
.bottomMenuBack {
height: 90px;
background-color: #1d2939;
}
.go-to-top {
display: none;
}
.breadcrumbs-wrapper {
height: auto;
}
.breadcrumbs-wrapper .page-padding {
padding: 0 25px 20px;
}
.breadcrumbs-wrapper .breadcrumbs {
display: flex;
flex-wrap: wrap;
padding: 0;
}
.breadcrumbs-wrapper .breadcrumbs .breadcrumbs__piece {
display: block;
color: #475467;
font-size: 10px;
}
.breadcrumbs-wrapper .breadcrumbs .breadcrumbs__piece a {
color: #475467;
}
.breadcrumbs-wrapper .breadcrumbs .breadcrumbs__piece.breadcrumbs__piece--previous {
margin: 0;
width: 24px;
height: 24px;
}
.breadcrumbs-wrapper .breadcrumbs .breadcrumbs__piece.breadcrumbs__piece--previous a {
padding: 0;
margin: 0;
}
.breadcrumbs-wrapper .breadcrumbs .breadcrumbs__piece.breadcrumbs__piece--last {
font-size: 24px;
line-height: 1;
color: #101828;
font-weight: 600;
white-space: normal;
}
.breadcrumbs-wrapper .breadcrumbs .last__breadcrumbs-holder {
width: 100%;
display: flex;
align-items: center;
gap: 10px;
margin-top: 10px;
}
.productDetails .productDetails-name {
display: none;
}
.productDetails .productDetails-brand {
display: none;
}
.productDetails .page-padding {
padding: 0 25px;
}
.productDetails .productDetails-info {
display: none;
}
.productDetails .productDetails-info {
border-bottom: 0;
}
.productDetails .productDetails-prices .price {
line-height: 1;
}
.productDetails .productDetails-prices {
border-bottom: 0;
margin-bottom: 0px;
}
.productDetails .productDetails-wrapper {
padding: 0;
margin: 0;
width: 100%;
}
.productDetails .productDetails-wrapper .productDetails-options {
flex-direction: column;
border-bottom: 1px solid #d0d5dd;
}
.productDetails .productDetails-wrapper .productDetails-attributes {
margin-top: 15px;
margin-bottom: -72px;
}
.productDetails .productDetails-wrapper .productDetails-attributes--quantity {
margin-bottom: 10px;
flex-direction: row;
}
.productDetails .productDetails-wrapper .productDetails-attributes--quantity .productDetails-attributes--quantity__title {
margin: 0;
display: none;
}
.productDetails .productDetails-wrapper .productDetails-attributes--quantity .productDetails-attributes--quantity__box {
justify-content: flex-end;
}
.productDetails .productDetails-wrapper .productDetails-section--fixed {
margin: 0;
padding: 0;
box-shadow: none;
width: 100%;
}
.productDetails .productDetails-wrapper .productDetails-images img {
width: calc(100% - 1px);
aspect-ratio: 1/1;
object-fit: contain;
border: 2px solid #d0d5dd;
margin: 0;
border-radius: 20px;
max-width: 100%;
max-height: none;
}
.productDetails .productDetails-wrapper .units-container {
display: none;
flex-direction: row;
}
.productDetails .productDetails-wrapper .units-container .attribute-name,
.productDetails .productDetails-wrapper .units-container .unitsContainer {
width: 50%;
margin: 0;
}
.productDetails .productDetails-wrapper .add-to-cart,
.productDetails .productDetails-wrapper .productDetails-buttons--wishList {
width: 100%;
}
.productDetails .close-gallery-button {
top: 50px;
}
.productDetails .productDetails-attributes--quantity input {
height: 50px;
}
.productDetails .button-minus-add-product {
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
.productDetails .button-plus-add-product {
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}
.productDetails .productDetails-section__header--mobileOnly {
width: 100%;
margin-left: 0;
}
.productDetails .primary-action-button {
border-radius: 20px;
background-color: #005ce6;
color: #fff;
border: 0;
font-weight: 600;
font-size: 14px;
}
.productDetails .secondary-action-button {
border-radius: 20px;
background-color: #fff;
color: #005ce6;
border: 2px solid #005ce6;
font-weight: 600;
padding: 14px;
}
.productDetails .secondary-action-button > span {
line-height: 1;
}
.productDetails .productDetails-recent--container {
display: none;
}
.productDetails .productDetails-detailsButtons {
margin-top: 10px;
}
.productDetails .productDetails-content {
position: static;
height: auto;
width: 100%;
}
.productDetails .product-details_section {
display: flex;
border-bottom: 1px solid #d0d5dd;
margin-top: 45px;
}
.productDetails .product-details_section .product-details_section--title {
padding: 10px 20px;
margin-bottom: -1px;
border-bottom: 1px solid #d0d5dd;
cursor: pointer;
}
.productDetails .product-details_section .product-details_section--title.opened {
border-bottom: 2px solid #005ce6;
font-weight: 600;
}
.productDetails .product-details_section--content {
padding: 20px 10px;
}
.productDetails .product-details_section--content * {
font-family: "Montserrat", sans-serif !important;
}
.productDetails .product-details_section--content .product-details_section--content_container {
display: none;
}
.productDetails .product-details_section--content .product-details_section--content_container.productDetails-section__content--attributes .productDetails-section__content--attributes__row {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
gap: 10px;
padding: 5px 0;
}
.productDetails .product-details_section--content .product-details_section--content_container.productDetails-section__content--attributes .productDetails-section__content--attributes__row > div:first-child {
text-transform: uppercase;
}
.productDetails .product-details_section--content .product-details_section--content_container.productDetails-section__content--attributes .productDetails-section__content--attributes__row > div:last-child {
color: #005ce6;
text-align: right;
}
.cartNewPopup .popup-dialog-wrapper {
border-radius: 20px;
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.45);
}
.cartNewPopup .popup-dialog-wrapper .product-add-info {
padding: 0 10px;
margin: 20px 0;
text-align: center;
}
.cartNewPopup .popup-dialog-wrapper .checkBoxes__container input + label::before {
border-radius: 4px !important;
top: 22px !important;
}
.cartNewPopup .popup-dialog-wrapper span.close.remember-choice {
text-decoration: underline !important;
}
.productDetails-options {
flex-direction: row !important;
justify-content: space-around;
}
.product-details_section--content {
width: 100%;
}
.cart__info {
margin-top: 0;
}
body .cartSteps {
margin-left: 25px !important;
margin-right: 25px !important;
width: calc(100% - 50px) !important;
border-bottom: 0 !important;
}
body .cartSteps .cartSteps__container {
flex-direction: column;
align-items: flex-start;
gap: 10px;
}
body .cartSteps .cartSteps__container .cartStep {
display: flex;
height: auto;
align-items: center;
gap: 10px;
}
body .cartSteps .cartSteps__container .cartStep__name {
margin-top: 0;
}
body .cartSteps .cartSteps__container .cartStep__number {
padding: 0;
}
body .cartSteps .cartSteps__container .cartStep__number svg {
fill: #fff;
}
body .cartSteps .cartSteps__container .cartSteps__line {
display: none;
}
.cartContainer {
margin-top: 0px;
width: 100% !important;
padding: 0 25px;
margin: 0 0 50px 0;
}
.cartContainer .productsList {
margin-top: 15px;
}
.cartContainer .js-1st-step-div .cart__figure img {
border: 1px solid #d0d5dd;
border-radius: 20px;
width: 100%;
aspect-ratio: 1/1;
object-fit: contain;
}
.cartContainer .js-1st-step-div .cart__details-box {
margin-top: 0;
}
.cartContainer .js-1st-step-div .cart__details-box .cart__product-name-box {
padding-bottom: 20px;
}
.cartContainer .js-1st-step-div .cart__details-box .cart__qty-box .cart__qty-container {
border-radius: 8px;
}
.cartContainer .js-1st-step-div .cart__details-box .cart__qty-box .cart__qty-col--change {
display: flex;
}
.cartContainer .js-1st-step-div .cart__details-box .cart__qty-box .cart__qty-col--input {
padding: 0 !important;
margin: 0 !important;
display: flex;
height: 25px !important;
}
.cartContainer .js-1st-step-div .cartError {
border-radius: 20px;
}
.cartContainer .stepBack--allCart span {
text-decoration: underline;
}
.cartContainer .primary-action-button {
border-radius: 20px;
background-color: #005ce6;
color: #fff;
border: 0;
font-weight: 600;
font-size: 14px;
}
.cartContainer .primary-action-button svg {
fill: #fff;
}
.cartContainer .deliveryAndPayment .deliveryMethods,
.cartContainer .deliveryAndPayment .paymentMethods {
gap: 10px;
flex-wrap: wrap;
}
.cartContainer .deliveryAndPayment .deliveryMethods .deliveryMethod__container,
.cartContainer .deliveryAndPayment .deliveryMethods .paymentMethod__container,
.cartContainer .deliveryAndPayment .paymentMethods .deliveryMethod__container,
.cartContainer .deliveryAndPayment .paymentMethods .paymentMethod__container {
border-radius: 20px;
flex-basis: calc(50% - 5px);
}
.cartContainer .js-3rd-step-div .customerData__wrapper {
margin-top: 0;
}
.cartContainer .js-3rd-step-div .customerData__wrapper .loginContainer,
.cartContainer .js-3rd-step-div .customerData__wrapper .registerContainer {
border-radius: 20px;
}
.cartContainer .js-3rd-step-div .customerData__wrapper .loginContainer input,
.cartContainer .js-3rd-step-div .customerData__wrapper .registerContainer input {
border-bottom: 1px solid #005ce6;
}
.cartContainer .js-3rd-step-div .customerData__wrapper .loginContainer .registerContainer__visitor,
.cartContainer .js-3rd-step-div .customerData__wrapper .registerContainer .registerContainer__visitor {
margin-top: 45px;
}
.cartContainer .js-3rd-step-div .customerData__wrapper .loginContainer .registerContainer__button,
.cartContainer .js-3rd-step-div .customerData__wrapper .registerContainer .registerContainer__button {
width: 100% !important;
}
.cartContainer .js-3rd-step-div .customerData__wrapper .loginContainer .registerContainer__button.secondary-action-button,
.cartContainer .js-3rd-step-div .customerData__wrapper .registerContainer .registerContainer__button.secondary-action-button {
margin-left: 0;
margin-right: 0;
border-radius: 20px;
padding: 14px;
border: 2px solid #005ce6;
color: #005ce6;
}
.cartContainer .customerData .messageAndAttachments .msgToSeller__container {
width: 100%;
}
.slider-wrapper + .productsList .productsList__products .productsList__products--container {
display: none;
}
.slider-wrapper + .productsList .productsList__products .productsList__products--container.active {
display: flex;
}
.productsList__products--container .product-item__description .productsList3__prices {
width: 100%;
position: static;
}
.productsList__products--container .product-item__description .productsList3__prices .old-and-min-price {
flex-direction: row;
justify-content: space-between;
}
.productsList__products--container .product-item__description .productsList3__prices .redPrice {
font-size: 14px !important;
font-weight: 600;
}
.see-more-products {
width: 100%;
display: flex;
justify-content: center;
}
.see-more-products > a {
text-align: center;
margin-top: 55px;
font-size: 16px;
padding: 10px 20px;
border-radius: 15px;
border: 2px solid #005ce6;
background-color: #e5f0ff;
transition: 0.3s;
}
.see-more-products > a:hover {
background-color: #005ce6;
color: #fff;
}
.configMessages.configMessages__footer {
bottom: 90px !important;
max-height: calc(100vh - 180px);
margin: 0 25px;
border-top: 0;
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.45);
border-radius: 30px;
}
.productDetails-section--right {
display: none;
}
@media screen and (min-width: 769px) {
.productsList__container .productsList__filters.searchFilters-js {
display: none !important;
}
.cartContainer {
flex-direction: column;
margin-bottom: 100px;
max-width: none;
}
.cartContainer .productsList,
.cartContainer .deliveryAndPayment,
.cartContainer .summaryDetails {
width: 100%;
padding: 0;
margin: 0;
}
.cartContainer .cartInfo {
margin-right: 0;
width: 100%;
}
.cartContainer .productsList .cart__list-item--products {
margin: 0;
padding-bottom: 15px;
margin-bottom: 15px;
}
.cartContainer .cart__figure {
margin: 0 !important;
}
.cartContainer .productsList .cart__details-box .cart__text--delete {
margin: 0 !important;
}
.cartContainer .js-1st-step-div .cart__details-box .cart__product-name-box {
padding-bottom: 30px;
}
.cartContainer .deliveryAndPayment .deliveryMethods,
.cartContainer .deliveryAndPayment .paymentMethods {
width: 100%;
}
.cartContainer .deliveryAndPayment .deliveryMethods .deliveryMethod__container,
.cartContainer .deliveryAndPayment .deliveryMethods .paymentMethod__container,
.cartContainer .deliveryAndPayment .paymentMethods .deliveryMethod__container,
.cartContainer .deliveryAndPayment .paymentMethods .paymentMethod__container {
margin: 0;
}
.configMessages.configMessages__footer {
bottom: 25px !important;
}
.productDetails-section--fixed {
position: static;
}
.productDetails-attributes--quantity__box {
width: 100%;
}
.productDetails-buttons--wishList svg {
display: none;
}
.productDetails-buttons--wishList span {
display: block;
}
.productDetails-buttons {
flex-direction: column;
gap: 10px;
}
.productDetails-options--option {
margin-bottom: 5px;
margin-right: 0;
}
.productDetails-section--innerLeft {
margin-bottom: 20px !important;
}
header.headerSection.frozenHeader {
position: sticky !important;
top: 0 !important;
}
header {
height: 100px !important;
padding: 0 40px;
position: sticky !important;
top: 0;
}
header .menu-button,
header #logo,
header .search-button {
display: none;
}
header .header-container__desktop {
display: flex;
align-items: center;
}
header .header-container__desktop .logo {
height: 65px;
}
header .header-container__desktop .logo img {
height: 100%;
}
header .header-container__desktop .short-company-description {
padding: 0 0 0 25px;
}
#short-company-description {
display: none;
}
#mobile-sidebar {
display: none;
}
#mobile-sidebar.desktop-sidebar {
margin: 0;
z-index: 0;
display: block;
transform: translateX(0);
position: static;
height: auto;
overflow-y: initial;
background-color: transparent;
max-width: 329px;
}
#mobile-sidebar.desktop-sidebar .mobile-sidebar__categories {
padding: 0;
margin: 0 20px 0px 40px;
padding-top: 10px;
}
#mobile-sidebar.desktop-sidebar .mobile-sidebar__sites {
padding: 0;
margin: 0px 20px 0 40px;
padding-bottom: 10px;
border-bottom: 1px solid #d0d5dd;
}
#mobile-sidebar.desktop-sidebar .mobile-sidebar__filters {
margin: 10px 20px 0px 40px;
padding-top: 10px;
border-top: 1px solid #d0d5dd;
}
#mobile-sidebar.desktop-sidebar .mobile-sidebar__filters .mobile-sidebar__filters-button {
margin-top: 4px;
display: flex;
justify-content: space-between;
align-items: center;
gap: 10px;
border-radius: 10px;
transition: background-color 0.3s;
background-color: #005ce6;
color: #fff;
}
#mobile-sidebar.desktop-sidebar .mobile-sidebar__filters .mobile-sidebar__filters-button > span:first-child {
font-size: 16px;
font-weight: 600;
color: #fff;
width: 100%;
padding: 10px;
}
#mobile-sidebar.desktop-sidebar .mobile-sidebar__filters .mobile-sidebar__filters-button > span:last-child {
filter: brightness(0) invert(1);
}
#mobile-sidebar.desktop-sidebar .mobile-sidebar__filters .mobile-sidebar__filters-container {
padding: 0 0px;
}
#mobile-sidebar.desktop-sidebar .productsList__filters.searchFilters-js {
width: 100%;
}
#mobile-sidebar.desktop-sidebar .productsList__filters.searchFilters-js .productsList__filters--container {
color: #1d2939;
margin: 0;
padding: 15px 0;
border: none;
width: 100%;
}
#mobile-sidebar.desktop-sidebar .productsList__filters.searchFilters-js .productsList__filters--container .productsList__title {
padding-bottom: 5px;
margin-bottom: 0;
border-bottom: 1px solid #d0d5dd;
}
#mobile-sidebar.desktop-sidebar .productsList__filters.searchFilters-js .productsList__filters--container .filter-group {
list-style-type: none;
padding: 0;
}
#mobile-sidebar.desktop-sidebar .productsList__filters.searchFilters-js .productsList__filters--container .filter-group .checkBoxes__container input + label {
width: 100%;
}
#mobile-sidebar.desktop-sidebar .productsList__filters.searchFilters-js .productsList__filters--container .productsList__filters--allFilters {
display: none;
}
#mobile-sidebar.desktop-sidebar .productsList__filters.searchFilters-js .productsList__filters--container .productsList__filters--price {
border-radius: 5px;
}
#categories {
margin: 20px 40px 0 0;
padding-right: 0;
}
.main-holder {
margin-top: 0;
display: flex;
}
.main-holder .sidebar-holder {
width: 335px;
flex-grow: 1;
flex-shrink: 0;
position: sticky;
top: 120px;
align-self: flex-start;
margin-top: 20px;
margin-bottom: 65px;
max-height: calc(100vh - 140px);
overflow-y: auto;
}
.main-holder .content-holder {
width: calc(100% - 335px);
}
.main-holder .content-holder .breadcrumbs-wrapper {
padding-top: 20px;
margin-bottom: -20px;
position: sticky;
top: 100px;
background-color: #fff;
z-index: 10;
}
.main-holder .content-holder #categories {
padding-left: 20px;
}
body .productsList {
margin: 20px 40px 0 0;
padding-left: 20px;
width: auto;
}
body .productsList .page-padding {
padding: 0;
}
body .productsList .page-padding .productsList__products {
margin: 0;
}
body .productsList .page-padding .productsList__products .productsList__products--container:not(.productsList__listView-js) .product-item__placeholder {
height: auto;
}
body .productsList .page-padding .productsList__products .productsList__products--container:not(.productsList__listView-js) .product-item__placeholder .product-item__description .product-item__shortDescription {
display: none;
}
body .productsList .page-padding .productsList__products .productsList__products--container:not(.productsList__gridView-js) .product-item__placeholder .product-item {
display: flex;
flex-wrap: nowrap;
}
body .productsList .page-padding .productsList__products .productsList__products--container:not(.productsList__gridView-js) .product-item__placeholder .product-item .product-item__link {
width: 50%;
}
body .productsList .page-padding .productsList__products .productsList__products--container:not(.productsList__gridView-js) .product-item__placeholder .product-item .product-item__description {
width: 50%;
}
.banner3 {
width: calc(100% - 60px);
margin: 20px 40px 20px 20px;
}
.slider-wrapper {
padding-left: 20px;
}
#join-newsletter {
margin-left: 20px;
margin-right: 40px;
width: calc(100% - 60px);
}
.productDetails-section--left {
width: 100% !important;
}
.recommended-product-banner {
width: calc(100% - 60px);
margin: 20px 40px 20px 20px;
}
.product-purposes-title,
.product-purposes {
margin-left: 20px;
margin-right: 40px;
width: calc(100% - 60px);
}
#docs {
margin-left: 20px;
margin-right: 40px;
width: calc(100% - 60px);
}
}
.headerBackground {
display: none !important;
}
@media screen and (min-width: 1201px) {
.product-details_section--title:first-child {
border-bottom: 2px solid #005ce6 !important;
font-weight: 600;
}
.product-details_section--title:nth-child(2) {
display: none;
}
.product-details_section--content > .product-details_section--content_container {
display: block !important;
}
.product-details_section--content > .product-details_section--content_container:first-child {
margin-bottom: 20px;
font-weight: 600;
}
body .cartSteps .cartSteps__container {
flex-direction: row;
}
.cartContainer {
flex-direction: row;
gap: 30px;
}
.cartContainer .js-1st-step-div .cart__details-box .cart__qty-box .cart__qty-col--change {
display: flex;
align-items: center;
justify-content: center;
padding: 5px !important;
}
.cartContainer .summaryDetails {
max-width: 330px;
}
header#header .header-container__desktop {
order: 1;
}
header#header .header-search-container.headerSection__searchForm {
display: block !important;
position: relative !important;
top: 0 !important;
left: 0 !important;
order: 2;
border: none;
box-shadow: none;
width: 100%;
max-width: 400px;
padding: 0;
overflow: visible;
}
header#header .header-search-container.headerSection__searchForm .searchForm__searchAutocomplete {
position: absolute;
top: calc(100% + 10px);
width: 100%;
height: auto;
border: 2px solid #005ce6;
padding: 0;
border-radius: 10px;
}
header#header .header-search-container.headerSection__searchForm .searchForm__searchAutocomplete .searchAutocomplete__product:not(:last-child) {
border-bottom: 2px solid #005ce6;
}
header#header .header-search-container.headerSection__searchForm .searchForm__searchAutocomplete .searchAutocomplete__product {
padding: 15px;
max-width: none;
width: 100%;
align-items: center;
}
header#header .header-search-container.headerSection__searchForm .searchForm__searchAutocomplete .searchAutocomplete__product .searchAutocomplete__product__names {
width: auto;
flex-grow: 2;
}
header#header .header-search-container.headerSection__searchForm .searchForm__searchAutocomplete .searchAutocomplete__product .searchAutocomplete__product__names .searchAutocomplete__product__name {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
header#header .header-search-container.headerSection__searchForm .searchForm__searchAutocomplete .searchAutocomplete__product .searchAutocomplete__product__img {
width: 50px;
height: 50px;
}
header#header .header-search-container.headerSection__searchForm .searchForm__searchAutocomplete .searchAutocomplete__product .searchAutocomplete__product__img img {
width: 100%;
height: 100%;
object-fit: contain;
}
header#header .header-search-container.headerSection__searchForm .searchFormPhrase-js {
width: 100%;
border: 2px solid #005ce6;
border-radius: 10px;
padding: 10px 15px;
height: auto;
max-width: none;
}
header#header .header-search-container.headerSection__searchForm .headerSection__searchForm__btn.header__icon.getSearch-js.enterKeyTrigger-js {
display: block;
position: absolute;
right: 0;
height: 40px;
top: 0;
}
header#header .header-search-container.headerSection__searchForm .headerSection__searchForm__btn.header__icon.getSearch-js.enterKeyTrigger-js svg {
fill: #005ce6;
}
header#header .header__icon.mobileSearchIcon.headerSection__iconsMenuItem.showSearchSection-js.small-icon-button.search-button {
display: none !important;
}
header#header .headerSection__iconsMenu {
order: 3;
}
.catalogs-holder {
flex-direction: row;
flex-wrap: wrap;
}
.catalogs-holder .catalogs__wrapper {
width: calc(50% - 10px);
}
.catalogs-holder .catalogs__wrapper .catalogs__info {
flex-grow: 2;
}
#categories .categories-block {
width: calc(100% / 3 - 14px);
}
.productsList__products--container:not(.productsList__gridView-js) {
flex-direction: row;
gap: 30px;
}
.productsList__products--container:not(.productsList__gridView-js) .product-item__placeholder {
width: calc(50% - 15px);
}
body .productsList .productsList__products--container:not(.productsList__listView-js) .product-item__placeholder {
width: calc(100% / 3 - 14px);
}
.productDetails-section--innerLeft {
position: sticky !important;
top: 204px;
align-self: flex-start;
}
.productDetails-section--innerRight,
.productDetails .product-details_section,
.productDetails .product-details_section--content {
width: 100%;
}
.productDetails .product-details_section {
padding-top: 30px;
}
.productDetails-section--left {
width: calc(58% - 24px) !important;
margin: 0 0 0 24px;
display: block;
}
.productDetails-section--innerRight {
margin-bottom: 40px;
align-self: flex-start;
}
.productDetails .product-details_section,
.productDetails .product-details_section--content {
margin-left: auto;
}
.productDetails-wrapper {
flex-direction: row;
}
.product-purposes {
flex-direction: row;
flex-wrap: wrap;
}
.product-purposes .product-purposes__element {
width: calc(50% - 7.5px);
justify-content: flex-start;
text-align: left;
padding: 10px 15px;
}
#docs {
flex-direction: row;
position: relative;
}
#docs .docs-holder {
order: 2;
width: 60%;
align-self: center;
}
#docs .docs-holder a {
display: block;
}
#docs .docs__img {
order: 1;
width: 40%;
display: flex;
align-self: center;
}
#docs > a {
display: none;
}
.banner-rec__holder {
display: flex;
margin-left: 20px;
margin-right: 40px;
}
.banner-rec__holder .banner3 {
width: calc(50% - 10px);
margin: 20px 10px 0px 0;
height: 450px;
}
.banner-rec__holder .recommended-product-banner {
width: calc(25% - 15px);
margin: 20px 0 0px 10px;
height: 450px;
}
}
@media screen and (min-width: 1201px) and (max-width: 1600px) {
.recommended-product-banner .slick-list.draggable {
height: 360px;
}
.recommended-product-banner .recommended-product-banner__image {
max-height: 125px;
}
.recommended-product-banner .recommended-product-banner__image img {
object-fit: contain;
}
}
@media screen and (min-width: 1601px) {
.catalogs-holder .catalogs__wrapper {
width: calc((100% / 3) - 14px);
}
#categories .categories-block {
width: calc(100% / 4 - 15px);
}
body .productsList .productsList__products--container:not(.productsList__listView-js) .product-item__placeholder {
width: calc(100% / 4 - 15px);
}
.product-purposes .product-purposes__element {
width: calc(25% - (45px / 4));
}
.docs-newsletter {
display: flex;
margin-left: 20px;
margin-right: 40px;
margin-top: 35px;
}
.docs-newsletter #docs {
margin: 0;
align-self: auto;
width: calc(50% - 10px);
margin: 20px 10px 0px 0;
}
.docs-newsletter #join-newsletter {
margin: 0;
align-self: auto;
width: calc(50% - 10px);
margin: 20px 0 0px 10px;
}
.banner-rec__holder .banner3 {
height: 350px;
}
.banner-rec__holder .banner3 img {
height: 350px;
}
.banner-rec__holder .recommended-product-banner {
height: 350px;
display: flex;
align-items: center;
}
.banner-rec__holder .recommended-product-banner .recommended-product-banner__wrapper {
display: flex;
gap: 20px;
height: 350px;
flex-direction: column;
align-items: center;
}
.banner-rec__holder .recommended-product-banner .recommended-product-banner__wrapper .recommended-product-banner__image {
margin: 0;
width: 100%;
}
.banner-rec__holder .recommended-product-banner .recommended-product-banner__wrapper .recommended-product-banner__info {
width: 100%;
margin: 0;
}
.banner-rec__holder .recommended-product-banner .recommended-product-banner__wrapper > a {
position: absolute;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
}
}
.breadcrumbs-wrapper--middle {
max-width: none;
}
.productDetails {
max-width: none;
background-color: transparent;
}
.banner3 a.primary-action-button.desktopLink {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border: none;
}
.banner3 a.primary-action-button.desktopLink:active {
background-color: transparent;
border: none;
}
.reg-container .active-tab {
font-weight: 700;
}
.form__input-wrapper > label {
color: #acacac;
}
.regulations .content h2 {
display: none;
}
.regulations .content .files__title,
.regulations .content h3 {
font-size: 18px;
}
.regulations .content ul,
.regulations .content ol {
color: #005ce6;
font-size: 14px;
text-decoration: underline;
}
@media screen and (min-width: 769px) {
.primary-action-button:hover {
transition: 0;
background-color: transparent;
border: none;
color: inherit;
}
}
.link-to-b2b__holder {
height: 350px;
display: flex;
flex-direction: column;
align-items: center;
width: calc(25% - 15px);
margin: 20px 0 0px 20px;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(180deg, #005CE6 0.13%, #206CFF 64.25%);
padding: 20px;
border-radius: 10px;
overflow: hidden;
align-items: start;
.b2b-button {
margin-top: auto;
width: 100%;
display: inline-flex;
align-items: center;
justify-content: space-between;
background: #FFF; /* Kolor zgodny z referencją */
color: #005ce6;
font-size: 16px;
font-weight: bold;
padding: 12px 20px;
border-radius: 6px;
text-decoration: none;
transition: background 0.3s ease;
.b2b-arrow {
content: "";
height: 5px;
width: 5px;
border-width: 0 2.5px 2.5px 0 !important;
border: solid #005ce6; /* Kolor strzałki */
display: inline-block;
padding: 3px;
rotate: -45deg;
translate: 3px 0; /* Drobna korekta położenia */
}
}
.b2b-title {
color: #FFF;
font-size: 28px;
font-style: normal;
font-weight: 600;
margin: 0;
}
.b2b-subtitle {
color: #FFF;
margin-top: 10px;
font-size: 20px;
font-style: normal;
font-weight: 200;
line-height: 30px; /* 150% */
letter-spacing: -0.4px;
}
}
.recommended-product-banner__info > .price {
display: none;
}
.recommended-product-banner .recommended-product-banner__info .recommended-product-banner__title {
font-size: 22px;
line-height: 30px;
}
@media screen and (max-width: 1733px) {
.link-to-b2b__holder  {
.b2b-title {
font-size: 24px;
}
.b2b-subtitle {
font-size: 18px;
}
}
}
@media screen and (max-width: 1600px) {
.link-to-b2b__holder  {
height: 450px;
}
}
@media screen and (max-width: 1200px) {
.link-to-b2b__holder  {
height: auto;
width: calc(100% - 60px);
margin: 20px 40px 20px 20px;
}
}
@media screen and (max-width: 768px) {
.link-to-b2b__holder  {
width: calc(100% - 50px);
max-width: 100%;
margin: 30px 25px;
}
}