html .product.wd-cat .wd-entities-title {
font-family: var(--wd-entities-title-font, inherit) !important;
}
@media (max-width: 768px) {
.wd-cats-element .wd-carousel-wrap {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 12px 6px !important;
transform: none !important;
height: auto !important;
width: auto !important;
}
.wd-cats-element .wd-carousel-item {
width: auto !important;
max-width: none !important;
margin: 0 !important;
flex: none !important;
padding: 0 !important;
}
.wd-cats-element .wd-cat-content,
.wd-cats-element .wd-cat-thumb {
margin-bottom: 6px !important;
}
.wd-cats-element .wd-carousel-inner,
.wd-cats-element .wd-carousel-container {
overflow: visible !important;
}
.wd-cats-element .wd-btn-arrow,
.wd-cats-element .wd-nav-arrows,
.wd-cats-element .wd-carousel-pagin {
display: none !important;
}
.wd-cats-element .wd-cat-thumb,
.wd-cats-element .category-image-wrapp {
max-width: 76% !important;
margin-left: auto !important;
margin-right: auto !important;
}
.wd-cats-element .wd-cat-inner {
text-align: center;
}
.wd-cats-element .wd-carousel-item:last-child:nth-child(odd) {
grid-column: 1 / -1 !important;
justify-self: center;
width: calc(50% - 3px) !important;
}
.v5hero {
display: none !important;
}
.v5hero .v5hero__slide {
background-image: none !important;
}
.wd-cats-element .wd-entities-title {
font-size: 15px !important;
line-height: 1.3 !important;
-webkit-hyphens: manual;
hyphens: manual;
overflow-wrap: normal;
text-wrap: balance;
}
}
@media (max-width: 360px) {
.wd-cats-element .wd-entities-title {
font-size: 14px !important;
}
}
@media (max-width: 768px) and (orientation: landscape) and (max-height: 500px) {
.wd-cats-element .wd-carousel-wrap {
grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)) !important;
gap: 8px 6px !important;
}
.wd-cats-element .wd-carousel-item:last-child:nth-child(odd) {
grid-column: auto !important;
justify-self: stretch;
width: auto !important;
}
.wd-cats-element .wd-cat-thumb,
.wd-cats-element .category-image-wrapp {
max-width: min(76%, 110px) !important;
}
}
@media (orientation: landscape) and (max-height: 500px) and (max-width: 1024px) {
.v5hero {
display: none !important;
}
.v5hero .v5hero__slide {
background-image: none !important;
}
}