@media (max-width: 768px) {
.wd-shop-tools .v5cp-bar {
flex-wrap: wrap !important;
overflow: visible;
min-width: 0;
width: 100%;
max-width: 100%;
}
.wd-shop-tools .v5cp-bar > .v5cp-chips {
flex: 1 1 100% !important;
min-width: 0;
max-width: 100%;
}
.wd-shop-tools .v5cp-bar > .v5cp-tools {
margin-left: 0 !important;
}
.wd-shop-tools .v5cp-bar > .v5cp-chips,
.wd-shop-tools .v5ff-box {
flex-wrap: nowrap !important;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
margin-left: -10px;
margin-right: -10px;
padding-left: 10px;
padding-right: 10px;
}
.wd-shop-tools .v5cp-bar > .v5cp-chips::-webkit-scrollbar,
.wd-shop-tools .v5ff-box::-webkit-scrollbar { display: none; }
.wd-shop-tools .v5cp-bar > .v5cp-chips.v5cp-fade {
-webkit-mask-image: linear-gradient(to right, #000 calc(100% - 24px), transparent);
mask-image: linear-gradient(to right, #000 calc(100% - 24px), transparent);
}
.wd-shop-tools .v5cp-bar > .v5cp-chips.v5cp-open {
flex-wrap: wrap !important;
overflow: visible;
max-height: none;
-webkit-mask-image: none;
mask-image: none;
}
.wd-shop-tools .v5cp-bar > .v5cp-chips > *,
.wd-shop-tools .v5ff-box > * {
flex: 0 0 auto !important;
white-space: nowrap;
}
.wd-shop-tools .v5cp-bar > .v5cp-chips.v5cp-open > * {
flex: 0 1 auto !important;
max-width: 100%;
white-space: normal;
line-height: 1.25;
}
.wd-shop-tools .v5ff-box > .v5ff-t {
position: sticky;
left: 0;
z-index: 2;
background: #faf8f5;
padding-right: 6px;
}
.wd-shop-tools .v5ff-box { margin-top: 6px; }
.wd-shop-tools .v5cp-bar { margin-bottom: 10px; }
.wd-products .wd-entities-title {
max-height: none !important;
-webkit-line-clamp: 3 !important;
line-clamp: 3 !important;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
html body .wd-content-area .wd-products.wd-grid-g.wd-grid-g[class*="grid-columns-"] {
--wd-col: 3 !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
}
.wd-products .wd-entities-title {
display: -webkit-box !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 3;
line-clamp: 3;
overflow: hidden !important;
text-overflow: ellipsis;
}