/* 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: rgba(255,255,255,1.00);
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: rgba(255,255,255,1.00);
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: rgba(255,255,255,1.00);
}
.sorting-and-views__toggle-filters-menu svg {
width: 15px;
height: 15px;
fill: rgba(33,90,60,1.00);
}