ul.product-slider {
direction: ltr;
list-style: none;
}
ul.product-slider ul.slick-dots {
justify-content: center;
align-items: center;
}
.product-slider li.product-slider__slide {
padding: 10px;
background-color: #fff;
margin: 0 10px;
min-height: 380px;
position: relative;
}
.product-slider li.product-slider__slide p {
margin-bottom: 5px;
line-height: 1.2;
}
.product-slider li.product-slider__slide p.product-slider__cat {
min-height: 30px;
}
.product-slider li.product-slider__slide .product-slider__sku {
direction: rtl;
}
.product-slider li.product-slider__slide p.product-slider__color {
display: flex;
align-items: center;
justify-content: center;
direction: rtl;
}
.product-slider a.slick-slide {
display: inline-block;
text-align: center;
border-radius: 10px;
padding: 10px 10px 10px 10px;
box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 50%);
background-color: #FFFFFF;
margin: 10px;
}
.product-slider li.product-slider__slide p.product-slider__color img {
max-width: 30px;
margin: 0 10px;
height:unset;
}
.product-slider .product-slider__cat {
font-size: 12px;
line-height: 1.2;
}
.product-slider li.product-slider__slide h4 {
font-family: "Rubik", Sans-serif;
margin-top: 20px;
color: #000000;
font-weight: 600;
font-size: 14px;
line-height: 1.5;
color: #cd2a28;
}
.product-slider li.product-slider__slide img {
width: 100%;
height: 200px;
object-fit: contain;
}
.product-slider li.product-slider__slide .product-slider__extra {
position: absolute;
left: 0;
bottom: 0;
display: block;
width: 100%;
}
.slick-dots li button::before {
font-size: 24px;
}
.product-slider a {
outline: none;
border: none;
}
.product-slider button.slick-arrow {
color: #000000;
border-color: #000000;
font-size:22px;
line-height: 1;
}
.product-slider button.slick-arrow.slick-prev {
left: auto !important;
right: -30px;
}
.product-slider button.slick-arrow.slick-next {
right: auto;
left: -30px;
}
.slick-arrow::before {
display: none;
}
@media (max-width: 1024px) {
.product-slider {
margin: 0 auto;
}
.product-slider button.slick-arrow {
font-size:40px;
z-index: 999;
}
.product-slider button.slick-arrow.slick-prev {
right: 20px;
left: auto;
}
.product-slider button.slick-arrow.slick-next {
right: auto;
left: 20px;
}
}