/* inputs */
/* categories navigation */
/* compare products */
/* page structure */
/* mechanics and animations */
/* --- components ---- */
/* no image icon */
/* basic dropdowns (dropdowns from init.js) */
/* miniboxes */
/* waiting circle */
/* newsletter */
/* header */
/* stepper */
/* tables */
/* tooltips */
/* tooltips and modals */
/* ---- pages ---- */
/* product list */
/* product details */
/* message bars and texts */
/* cart */
/* editing order stuff */
/* Other */
.dialog {
width: 100%;
margin: auto 0 0 0;
max-width: 100%;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.dialog.middle {
width: fit-content;
margin: auto;
max-width: none;
border-radius: 10px;
}
body:has(dialog[open]) {
overflow: hidden;
}
.technical-break {
margin: 48px 32px 0 32px;
flex-direction: column;
gap: 32px;
}
.technical-break .content {
display: flex;
gap: 32px;
align-items: center;
margin-bottom: 32px;
}
.technical-break .content__info {
margin: 0;
text-align: center;
max-width: 520px;
}
.technical-break .content img {
align-items: center;
}
.technical-break .content__mobile {
display: block;
width: 400px;
height: 400px;
}
.technical-break__image {
display: none;
}
.cookie-message-opener {
bottom: 20px;
left: 10px;
}
.cookie-container-background {
align-items: flex-end;
}
.cookie-container {
max-width: none;
border-radius: 12px 12px 0 0;
}
/* inputs */
/* categories navigation */
/* compare products */
/* page structure */
/* mechanics and animations */
/* --- components ---- */
/* no image icon */
/* basic dropdowns (dropdowns from init.js) */
/* miniboxes */
/* waiting circle */
/* newsletter */
/* header */
/* stepper */
/* tables */
/* tooltips */
/* tooltips and modals */
/* ---- pages ---- */
/* product list */
/* product details */
/* message bars and texts */
/* cart */
/* editing order stuff */
/* Other */
.header-top-bar {
justify-content: flex-end;
padding: 8px 32px;
}
.header-top-bar__side:first-child {
display: none;
}
.header:not(.fixed) {
border-bottom: 1px solid #E7E7E7;
}
.header.sticky .header__main {
grid-template-columns: auto auto minmax(0, 1fr) auto;
}
.header.sticky .header__logo {
grid-column: 2;
margin: 0 0 0 32px;
}
.header.sticky .header__menu {
grid-row: 1;
grid-column: 1;
}
.header.sticky .header__search:not(.header__categories-search) {
grid-row: 1;
grid-column: 3;
margin: 8px auto;
}
.header.sticky .header-client-area {
grid-column: 4;
}
.header.sticky .header-client-area__btn {
min-width: unset;
}
.header.sticky .header-client-area__btn-text, .header.sticky .header-client-area__btn-price {
display: none;
}
.header:not(.closed) .header__logo {
padding-left: 0;
}
.header:not(.closed) .header-client-area {
padding-right: 0;
}
.header__main {
padding: 8px 32px;
}
.header__main.closed {
flex-direction: row-reverse;
justify-content: flex-end;
}
.header__main.closed .header__logo {
flex-grow: 1;
display: flex;
justify-content: center;
}
.header__main.closed .header__logo a {
width: fit-content;
}
.header__main.closed .header-nav__list > li:first-child .header-nav__btn {
padding-left: 24px;
}
.header__menu {
width: fit-content;
display: block;
grid-row: 2;
grid-column: 1;
cursor: pointer;
}
.header__search:not(.header__categories-search) {
grid-row: 2;
grid-column: 1/3;
max-width: calc(100% - 64px);
margin: 8px 0 16px auto;
}
.header .header-nav {
display: none;
}
.header .header-nav__list {
flex-direction: column;
align-items: flex-start;
padding-bottom: 8px;
border-bottom: 1px solid rgba(231, 231, 231, 0.91);
}
.header .header-nav__list > li {
width: 100%;
}
.header .header-nav__list > li:first-child .header-nav__btn {
padding: 8px 24px;
}
.header .header-nav__btn {
padding: 8px 24px;
justify-content: space-between;
font-weight: 500;
}
.header .header-nav__btn:hover {
border-color: transparent;
}
.header .header-nav__btn-icon {
display: none;
}
.header .header-nav__btn::after, .header .header-nav__btn::before {
display: none;
}
.header .header-nav__mobile-icon {
display: block;
transform: rotate(-90deg);
padding: 4px;
}
.header .header-menu__content {
border-top: 1px solid rgba(231, 231, 231, 0.91);
max-width: 100%;
flex-grow: 1;
display: flex;
flex-direction: column;
}
.header .header-menu__contact {
padding: 16px 24px 8px;
}
.header .header-menu__item {
display: flex;
align-items: center;
font-size: 14px;
font-weight: 500;
line-height: 20px;
color: #232323;
margin-bottom: 4px;
}
.header .header-menu__item svg {
margin-right: 8px;
}
.header .header-menu__item.text {
font-weight: 400;
}
.header .header-menu__item.supervisor {
font-family: Inter;
font-size: 14px;
font-weight: 600;
line-height: 20px;
text-align: left;
cursor: pointer;
}
.header .header-menu__box-supervisor {
margin-top: 16px;
display: flex;
flex-direction: column;
gap: 8px;
}
.header .header-menu__content {
width: 360px;
}
/* inputs */
/* categories navigation */
/* compare products */
/* page structure */
/* mechanics and animations */
/* --- components ---- */
/* no image icon */
/* basic dropdowns (dropdowns from init.js) */
/* miniboxes */
/* waiting circle */
/* newsletter */
/* header */
/* stepper */
/* tables */
/* tooltips */
/* tooltips and modals */
/* ---- pages ---- */
/* product list */
/* product details */
/* message bars and texts */
/* cart */
/* editing order stuff */
/* Other */
@media screen and (max-width: 1439px) {
.footer {
padding: 32px;
}
.footer__main, .footer__main.more-columns {
grid-template-columns: repeat(3, minmax(215px, 1fr));
}
.footer__section.contact-section {
grid-column: auto;
grid-row: auto;
justify-self: unset;
}
}
/* inputs */
/* categories navigation */
/* compare products */
/* page structure */
/* mechanics and animations */
/* --- components ---- */
/* no image icon */
/* basic dropdowns (dropdowns from init.js) */
/* miniboxes */
/* waiting circle */
/* newsletter */
/* header */
/* stepper */
/* tables */
/* tooltips */
/* tooltips and modals */
/* ---- pages ---- */
/* product list */
/* product details */
/* message bars and texts */
/* cart */
/* editing order stuff */
/* Other */
.companies {
padding: 0 32px;
}
.companies__prev, .companies__next {
visibility: hidden;
}
.companies__swiper {
overflow-x: visible;
}
/* inputs */
/* categories navigation */
/* compare products */
/* page structure */
/* mechanics and animations */
/* --- components ---- */
/* no image icon */
/* basic dropdowns (dropdowns from init.js) */
/* miniboxes */
/* waiting circle */
/* newsletter */
/* header */
/* stepper */
/* tables */
/* tooltips */
/* tooltips and modals */
/* ---- pages ---- */
/* product list */
/* product details */
/* message bars and texts */
/* cart */
/* editing order stuff */
/* Other */
.comparison {
width: 100%;
}
.comparison__wrapper {
padding: 0 32px;
}
.comparison__header {
padding: 0 12px 20px 0;
}
.comparison .swiper {
overflow: hidden !important;
}
.comparison .top-info .table__row {
display: flex;
}
.comparison .top-info .comparer__table-attribute-name,
.comparison .gradient,
.comparison .full-row__empty {
display: none !important;
}
.comparison .table__row {
display: block;
}
.comparison .table__row-cell {
flex: 1 0 33.33%;
}
.comparer__table-attribute-name {
align-items: center;
font-weight: 500;
border-right: 0;
}
.comparer__sticky-header {
padding: 0 32px;
}
.comparer__slider-button-prev, .comparer__slider-button-next {
display: none;
}
.button[aria-label=notify-about-availability] .button__text {
max-width: unset;
}
/* inputs */
/* categories navigation */
/* compare products */
/* page structure */
/* mechanics and animations */
/* --- components ---- */
/* no image icon */
/* basic dropdowns (dropdowns from init.js) */
/* miniboxes */
/* waiting circle */
/* newsletter */
/* header */
/* stepper */
/* tables */
/* tooltips */
/* tooltips and modals */
/* ---- pages ---- */
/* product list */
/* product details */
/* message bars and texts */
/* cart */
/* editing order stuff */
/* Other */
.comparison__bar {
padding: 16px 32px;
}
/* inputs */
/* categories navigation */
/* compare products */
/* page structure */
/* mechanics and animations */
/* --- components ---- */
/* no image icon */
/* basic dropdowns (dropdowns from init.js) */
/* miniboxes */
/* waiting circle */
/* newsletter */
/* header */
/* stepper */
/* tables */
/* tooltips */
/* tooltips and modals */
/* ---- pages ---- */
/* product list */
/* product details */
/* message bars and texts */
/* cart */
/* editing order stuff */
/* Other */
.check-deliveries.dialog.middle {
max-width: 520px;
}
/* inputs */
/* categories navigation */
/* compare products */
/* page structure */
/* mechanics and animations */
/* --- components ---- */
/* no image icon */
/* basic dropdowns (dropdowns from init.js) */
/* miniboxes */
/* waiting circle */
/* newsletter */
/* header */
/* stepper */
/* tables */
/* tooltips */
/* tooltips and modals */
/* ---- pages ---- */
/* product list */
/* product details */
/* message bars and texts */
/* cart */
/* editing order stuff */
/* Other */
.product-presentation {
margin: 30px 32px;
}
.product-presentation__top-section {
display: grid;
grid-template-columns: 55% auto;
grid-template-rows: auto auto;
gap: 20px;
}
.product-presentation__top-section.table-view {
display: flex;
flex-direction: column;
}
.product-presentation__top-section.table-view .gallery-container {
order: 2;
}
.product-presentation__top-section.table-view .product-name-container {
order: 1;
}
.product-presentation__top-section.table-view .main-content-container {
order: 3;
}
.product-presentation__top-section .gallery-container {
grid-column: 1/2;
grid-row: 2/3;
}
.product-presentation__top-section .product-name-container {
grid-column: 1/3;
grid-row: 1/2;
}
.product-presentation__top-section .main-content-container {
grid-column: 2/3;
grid-row: 2/3;
}
.product-presentation__top-section .main-content-container.simple-product .main-content-container__attributes {
display: none;
}
.product-presentation__top-section .main-content-container .buttons-container {
display: flex;
justify-content: space-between;
flex-direction: column;
}
.product-label {
margin: 0;
}
@media screen and (max-width: 1350px) {
.product-label__details .name-container .name {
max-width: 700px !important;
}
}
@media screen and (max-width: 1050px) {
.product-label__details .name-container .name {
max-width: 600px !important;
}
}
@media screen and (max-width: 930px) {
.product-label__details .name-container .name {
max-width: 500px !important;
}
}
@media screen and (max-width: 850px) {
.product-label__details .name-container .name {
max-width: 400px !important;
}
}
.reviews-container__content {
margin: 0;
}
.reviews-container__content .review {
grid-template-columns: 40% 1fr;
}
.reviews-container__content .no-reviews {
flex-direction: row;
align-items: center;
gap: 12px;
}
.reviews-container__header {
justify-content: space-between;
flex-direction: column;
}
.reviews-container__header .review-overall {
flex-direction: row;
}
.reviews-container__header .review-overall .stars {
gap: 8px;
}
.reviews-container__header .reviews-summary {
flex: auto;
}
.sets-container .sets-details {
display: flex;
width: 100%;
flex-direction: column;
gap: 0;
}
.sets-container .sets-details .sets {
margin: 16px 0;
}
.sets-container .sets-details .sets__price-details {
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.sets-container .sets-details .sets__price-details .primary-action-button {
width: fit-content;
}
.related-container .related-details .related {
margin: 16px 0;
}
.no-reviews-js {
align-items: center;
}
.add-review {
max-width: none;
}
.product-navigation .product-label {
margin: 0;
}
.downloads .attachements {
display: block;
}
/* inputs */
/* categories navigation */
/* compare products */
/* page structure */
/* mechanics and animations */
/* --- components ---- */
/* no image icon */
/* basic dropdowns (dropdowns from init.js) */
/* miniboxes */
/* waiting circle */
/* newsletter */
/* header */
/* stepper */
/* tables */
/* tooltips */
/* tooltips and modals */
/* ---- pages ---- */
/* product list */
/* product details */
/* message bars and texts */
/* cart */
/* editing order stuff */
/* Other */
.categories-map__categories {
column-gap: 0;
}
.categories-map .category {
width: 33.3333333333%;
padding: 25px 15px;
}
.categories-map .category__name {
margin-top: 15px;
}
/* inputs */
/* categories navigation */
/* compare products */
/* page structure */
/* mechanics and animations */
/* --- components ---- */
/* no image icon */
/* basic dropdowns (dropdowns from init.js) */
/* miniboxes */
/* waiting circle */
/* newsletter */
/* header */
/* stepper */
/* tables */
/* tooltips */
/* tooltips and modals */
/* ---- pages ---- */
/* product list */
/* product details */
/* message bars and texts */
/* cart */
/* editing order stuff */
/* Other */
.wishlist-popup.dialog.middle {
width: 520px;
}
/* inputs */
/* categories navigation */
/* compare products */
/* page structure */
/* mechanics and animations */
/* --- components ---- */
/* no image icon */
/* basic dropdowns (dropdowns from init.js) */
/* miniboxes */
/* waiting circle */
/* newsletter */
/* header */
/* stepper */
/* tables */
/* tooltips */
/* tooltips and modals */
/* ---- pages ---- */
/* product list */
/* product details */
/* message bars and texts */
/* cart */
/* editing order stuff */
/* Other */
.card-product__image {
height: 234px;
}
/* inputs */
/* categories navigation */
/* compare products */
/* page structure */
/* mechanics and animations */
/* --- components ---- */
/* no image icon */
/* basic dropdowns (dropdowns from init.js) */
/* miniboxes */
/* waiting circle */
/* newsletter */
/* header */
/* stepper */
/* tables */
/* tooltips */
/* tooltips and modals */
/* ---- pages ---- */
/* product list */
/* product details */
/* message bars and texts */
/* cart */
/* editing order stuff */
/* Other */
.textElement {
padding: 32px 32px;
}
/* inputs */
/* categories navigation */
/* compare products */
/* page structure */
/* mechanics and animations */
/* --- components ---- */
/* no image icon */
/* basic dropdowns (dropdowns from init.js) */
/* miniboxes */
/* waiting circle */
/* newsletter */
/* header */
/* stepper */
/* tables */
/* tooltips */
/* tooltips and modals */
/* ---- pages ---- */
/* product list */
/* product details */
/* message bars and texts */
/* cart */
/* editing order stuff */
/* Other */
.blog-container {
width: 709px;
}
.blog-container__title {
margin-bottom: 30px;
}
.blog-container__title h1 {
font-family: Inter;
font-size: 24px;
font-weight: 500;
line-height: 32px;
text-align: left;
}
.blog-container__list {
grid-template-columns: repeat(2, calc((100% - 24px) / 2));
}
/* inputs */
/* categories navigation */
/* compare products */
/* page structure */
/* mechanics and animations */
/* --- components ---- */
/* no image icon */
/* basic dropdowns (dropdowns from init.js) */
/* miniboxes */
/* waiting circle */
/* newsletter */
/* header */
/* stepper */
/* tables */
/* tooltips */
/* tooltips and modals */
/* ---- pages ---- */
/* product list */
/* product details */
/* message bars and texts */
/* cart */
/* editing order stuff */
/* Other */
.blog-post__main {
flex-direction: column;
padding: 0 32px 32px 32px;
}
.blog-post__article {
width: 100%;
}
.blog-post__sidebar {
width: 100%;
align-items: center;
gap: 0;
}
.blog-post__all-articles {
font-family: Inter;
font-size: 16px;
font-weight: 600;
line-height: 20px;
text-align: left;
}
.sidebar__header {
padding-left: 0;
padding-right: 0;
font-family: Inter;
font-size: 24px;
font-weight: 500;
line-height: 32px;
text-align: left;
}
.sidebar .blog-post__all-articles {
display: none;
}
.sidebar__next-article, .sidebar__latests-posts {
border: none;
}
.sidebar__next-article .blog-item {
flex-direction: row;
align-items: stretch;
justify-content: normal;
padding: 0;
}
.sidebar__next-article .blog-item__title {
margin: 0;
}
.sidebar__next-article .blog-item__read {
flex-direction: row;
}
.sidebar__next-article .blog-item__read-top {
align-items: center;
width: fit-content;
}
.sidebar__next-article .blog-item__read-bottom-time {
display: none;
}
.sidebar__next-article .blog-item__read-bottom-button {
margin-left: auto;
}
.sidebar__next-article .blog-item__right-section {
justify-content: space-evenly;
padding: 0 20px;
min-width: 66%;
}
.sidebar__next-article .blog-item__right-section-wrapper {
display: flex;
gap: 8px;
align-items: center;
}
.sidebar__next-article .blog-item__right-section-wrapper span {
display: block;
}
.sidebar__next-article .blog-item__img {
display: flex;
justify-content: start;
align-items: center;
}
.sidebar__next-article .blog-item > a {
max-width: 28%;
min-width: 28%;
display: flex;
align-items: center;
}
.sidebar__latests-posts .blog-item {
padding: 0;
}
.sidebar__latests-posts .blog-item__wrapper {
gap: 16px;
}
.sidebar__latests-posts .blog-item__title {
display: block;
font-family: Inter;
font-size: 18px;
font-weight: 600;
line-height: 24px;
text-align: left;
white-space: nowrap;
}
.sidebar__latests-posts .blog-item__content {
display: block;
height: 3lh;
-webkit-line-clamp: 3;
font-family: Inter;
font-size: 14px;
font-weight: 400;
line-height: 20px;
text-align: left;
margin-bottom: 8px;
}
.sidebar__latests-posts .blog-item__read {
display: flex;
position: relative;
flex-direction: row;
justify-content: space-between;
}
.sidebar__latests-posts .blog-item__read-top {
flex-direction: column;
row-gap: 16px;
}
.sidebar__latests-posts .blog-item__read-top-tags {
width: 100%;
order: 1;
}
.sidebar__latests-posts .blog-item__read-top time {
order: 2;
position: relative;
bottom: 2px;
}
.sidebar__latests-posts .blog-item__read-bottom {
justify-content: end;
align-items: end;
}
.sidebar__latests-posts .blog-item__read-bottom-time {
display: none;
}
.sidebar__latests-posts .blog-item__read-bottom-button {
position: absolute;
}
.sidebar__latests-posts .swiper {
display: flex;
width: 100%;
}
.sidebar__latests-posts .swiper-slide {
width: 33%;
}
.sidebar__latests-posts .swiper-wrapper {
flex-direction: row;
}
.sidebar > div {
width: 100%;
padding: 0;
}
/* inputs */
/* categories navigation */
/* compare products */
/* page structure */
/* mechanics and animations */
/* --- components ---- */
/* no image icon */
/* basic dropdowns (dropdowns from init.js) */
/* miniboxes */
/* waiting circle */
/* newsletter */
/* header */
/* stepper */
/* tables */
/* tooltips */
/* tooltips and modals */
/* ---- pages ---- */
/* product list */
/* product details */
/* message bars and texts */
/* cart */
/* editing order stuff */
/* Other */
.customer-container {
display: block;
}
.customer-container-menu > ul {
border: none;
}
.side-menu {
display: none;
}
.customer-submenu {
margin: 0 !important;
}
@media screen and (max-width: 1069px) {
.toggle-waybill-details .waybill-details__row {
grid-template-columns: repeat(2, minmax(150px, 1fr));
}
}
@media screen and (max-width: 1069px) {
.order-details__row {
grid-template-columns: repeat(2, minmax(150px, 1fr));
}
}
@media screen and (max-width: 885px) {
.options .dropdown.details,
.dropdown-wrapper .dropdown.details {
right: auto;
left: 0;
}
}
@media screen and (max-width: 999px) {
.order {
flex-direction: column;
}
}
/* inputs */
/* categories navigation */
/* compare products */
/* page structure */
/* mechanics and animations */
/* --- components ---- */
/* no image icon */
/* basic dropdowns (dropdowns from init.js) */
/* miniboxes */
/* waiting circle */
/* newsletter */
/* header */
/* stepper */
/* tables */
/* tooltips */
/* tooltips and modals */
/* ---- pages ---- */
/* product list */
/* product details */
/* message bars and texts */
/* cart */
/* editing order stuff */
/* Other */
.formal-content {
margin: 0 32px;
}
/* inputs */
/* categories navigation */
/* compare products */
/* page structure */
/* mechanics and animations */
/* --- components ---- */
/* no image icon */
/* basic dropdowns (dropdowns from init.js) */
/* miniboxes */
/* waiting circle */
/* newsletter */
/* header */
/* stepper */
/* tables */
/* tooltips */
/* tooltips and modals */
/* ---- pages ---- */
/* product list */
/* product details */
/* message bars and texts */
/* cart */
/* editing order stuff */
/* Other */
.lookbook {
padding: 0 32px 32px 32px;
}
.lookbook__item-product {
padding: 8px;
width: 250px;
}
.lookbook__item-product.middle {
left: -117px !important;
right: auto !important;
}
/* inputs */
/* categories navigation */
/* compare products */
/* page structure */
/* mechanics and animations */
/* --- components ---- */
/* no image icon */
/* basic dropdowns (dropdowns from init.js) */
/* miniboxes */
/* waiting circle */
/* newsletter */
/* header */
/* stepper */
/* tables */
/* tooltips */
/* tooltips and modals */
/* ---- pages ---- */
/* product list */
/* product details */
/* message bars and texts */
/* cart */
/* editing order stuff */
/* Other */
@media screen and (max-width: 475px) {
.reminder-container {
margin: 24px 16px 236px 16px;
padding: 24px;
width: auto;
}
}
/* inputs */
/* categories navigation */
/* compare products */
/* page structure */
/* mechanics and animations */
/* --- components ---- */
/* no image icon */
/* basic dropdowns (dropdowns from init.js) */
/* miniboxes */
/* waiting circle */
/* newsletter */
/* header */
/* stepper */
/* tables */
/* tooltips */
/* tooltips and modals */
/* ---- pages ---- */
/* product list */
/* product details */
/* message bars and texts */
/* cart */
/* editing order stuff */
/* Other */
.search-advanced-container {
padding: 0 32px;
}
.search-advanced-container__search {
width: 100%;
margin-bottom: 24px;
}
.search-advanced-container__find-by {
margin-bottom: 32px;
}
.search-advanced-container__price div {
margin-bottom: 8px;
}
.search-advanced-container__checkboxes {
width: 100%;
}
.search-advanced-container__checkboxes-two-columns:nth-child(2n+1) {
grid-column: initial;
}
/* inputs */
/* categories navigation */
/* compare products */
/* page structure */
/* mechanics and animations */
/* --- components ---- */
/* no image icon */
/* basic dropdowns (dropdowns from init.js) */
/* miniboxes */
/* waiting circle */
/* newsletter */
/* header */
/* stepper */
/* tables */
/* tooltips */
/* tooltips and modals */
/* ---- pages ---- */
/* product list */
/* product details */
/* message bars and texts */
/* cart */
/* editing order stuff */
/* Other */
.reportContent-popup {
width: fit-content;
padding: 0 32px 32px;
}
.reportContent-popup .inputs-container-js {
height: 500px;
overflow: auto;
padding-right: 24px;
}
/* inputs */
/* categories navigation */
/* compare products */
/* page structure */
/* mechanics and animations */
/* --- components ---- */
/* no image icon */
/* basic dropdowns (dropdowns from init.js) */
/* miniboxes */
/* waiting circle */
/* newsletter */
/* header */
/* stepper */
/* tables */
/* tooltips */
/* tooltips and modals */
/* ---- pages ---- */
/* product list */
/* product details */
/* message bars and texts */
/* cart */
/* editing order stuff */
/* Other */
.mainBanner {
padding: 0 32px;
}
.mainBanner__slide-desktop {
display: none;
}
.mainBanner__slide-tablet {
display: block;
}
.mainBanner__slide-container {
left: 24px;
}
.mainBanner__slide-container-box {
padding: 20px;
max-width: 60%;
}
.mainBanner__slide-container-box h1 {
font-family: Inter;
font-size: 24px;
font-weight: 500;
line-height: 32px;
text-align: left;
}
.mainBanner__slide-container-box h3 {
margin-bottom: 16px;
-webkit-line-clamp: 2;
}
.mainBanner__slide-placeholder.desktop {
display: none;
}
.mainBanner__slide-placeholder.tablet {
display: inline;
}
.mainBanner__prev, .mainBanner__next {
visibility: hidden;
}
/* inputs */
/* categories navigation */
/* compare products */
/* page structure */
/* mechanics and animations */
/* --- components ---- */
/* no image icon */
/* basic dropdowns (dropdowns from init.js) */
/* miniboxes */
/* waiting circle */
/* newsletter */
/* header */
/* stepper */
/* tables */
/* tooltips */
/* tooltips and modals */
/* ---- pages ---- */
/* product list */
/* product details */
/* message bars and texts */
/* cart */
/* editing order stuff */
/* Other */
.newsSection {
padding: 0 32px;
}
.newsSection__container::before {
visibility: hidden;
}
.newsSection__container::after {
visibility: hidden;
}
.newsSection__arrows {
visibility: hidden;
}
/* inputs */
/* categories navigation */
/* compare products */
/* page structure */
/* mechanics and animations */
/* --- components ---- */
/* no image icon */
/* basic dropdowns (dropdowns from init.js) */
/* miniboxes */
/* waiting circle */
/* newsletter */
/* header */
/* stepper */
/* tables */
/* tooltips */
/* tooltips and modals */
/* ---- pages ---- */
/* product list */
/* product details */
/* message bars and texts */
/* cart */
/* editing order stuff */
/* Other */
.news {
padding: 0 32px;
}
.news__swiper {
overflow-x: visible;
}
.news__arrows {
visibility: hidden;
}
/* inputs */
/* categories navigation */
/* compare products */
/* page structure */
/* mechanics and animations */
/* --- components ---- */
/* no image icon */
/* basic dropdowns (dropdowns from init.js) */
/* miniboxes */
/* waiting circle */
/* newsletter */
/* header */
/* stepper */
/* tables */
/* tooltips */
/* tooltips and modals */
/* ---- pages ---- */
/* product list */
/* product details */
/* message bars and texts */
/* cart */
/* editing order stuff */
/* Other */
.newsletter {
padding: 32px 32px;
min-height: 332px;
}
.newsletter__container {
grid-template-rows: min-content auto;
grid-template-areas: "h h" "c f" "c f";
}
.newsletter__container-title div h3 {
font-family: Inter;
font-size: 24px;
font-weight: 500;
line-height: 32px;
text-align: left;
}
.newsletter__container-title div p {
display: none;
}
.newsletter__container-content {
padding: 8px 0;
}
.newsletter__container-content-icons {
grid-template-columns: 100%;
}
.newsletter__container-form {
padding: 0;
row-gap: 16px;
}
.newsletter__container-form-info {
display: block;
}
.newsletter__container-form p {
order: 1;
}
.newsletter__container-form p:first-child {
width: 100%;
order: 1;
}
.newsletter__container-form div {
order: 1;
}
.newsletter__container-form div:first-child {
order: 1;
width: 100%;
}
.newsletter__container-form button {
min-width: 100%;
max-width: 100%;
}
/* inputs */
/* categories navigation */
/* compare products */
/* page structure */
/* mechanics and animations */
/* --- components ---- */
/* no image icon */
/* basic dropdowns (dropdowns from init.js) */
/* miniboxes */
/* waiting circle */
/* newsletter */
/* header */
/* stepper */
/* tables */
/* tooltips */
/* tooltips and modals */
/* ---- pages ---- */
/* product list */
/* product details */
/* message bars and texts */
/* cart */
/* editing order stuff */
/* Other */
.infographicBanner {
padding: 0 32px;
}
.infographicBanner__slide-container {
flex-direction: row;
align-items: start;
column-gap: 16px;
}
.infographicBanner__slide-container-text h3 {
margin-bottom: 8px;
}
.infographicBanner__slide-container-text h3, .infographicBanner__slide-container-text p {
text-align: left;
}
.infographicBanner__prev, .infographicBanner__next {
visibility: hidden;
}
/* inputs */
/* categories navigation */
/* compare products */
/* page structure */
/* mechanics and animations */
/* --- components ---- */
/* no image icon */
/* basic dropdowns (dropdowns from init.js) */
/* miniboxes */
/* waiting circle */
/* newsletter */
/* header */
/* stepper */
/* tables */
/* tooltips */
/* tooltips and modals */
/* ---- pages ---- */
/* product list */
/* product details */
/* message bars and texts */
/* cart */
/* editing order stuff */
/* Other */
.products-page__main-container {
margin: 30px;
}
.products-page__main-container .left {
display: none;
width: 100%;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1000;
}
.products-page__main-container .categories-and-filters-container {
width: 360px;
height: 100%;
background-color: #FFFFFF;
overflow-y: auto;
}
.products-page__main-container .filters-menu-background {
background-color: rgba(46, 46, 46, 0.2);
position: fixed;
top: 0;
left: 360px;
right: 0;
bottom: 0;
cursor: pointer;
}
.products-page__main-container .right {
width: 100%;
}
.categories-and-filters-header {
display: flex;
justify-content: space-between;
background-color: #FFFFFF;
padding: 15px;
}
.categories-and-filters-header__title {
font-size: 18px;
font-weight: 600;
line-height: 24px;
}
.categories-and-filters-header svg {
width: 24px;
height: 24px;
fill: #959595;
cursor: pointer;
}
.categories {
border: none;
}
.categories__title {
padding-bottom: 15px;
border-bottom: 1px solid #D5D5D5;
}
.filters {
border: none;
}
.sorting-and-views__filter-and-sorting {
display: inline-flex;
gap: 15px;
}
.sorting-and-views__toggle-filters-menu {
display: inline-flex;
padding: 8px 24px;
background: #FFFFFF;
}
.sorting-and-views__toggle-filters-menu svg {
width: 15px;
height: 15px;
fill: #004d8a;
}