* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.slider-container {
max-width: 1300px;
margin: 0 auto;
}
.desktop-slider {
display: flex;
gap: 7px;
}
.main-slider {
flex: 3;
}
.side-images {
flex: 1;
display: flex;
flex-direction: column;
gap: 7px;
}
.side-images a {
display: block;
height: calc(50% – 3.5px);
overflow: hidden;
}
.side-images img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.3s ease;
}
.side-images a:hover img {
transform: scale(1.05);
}
.slider {
position: relative;
overflow: hidden;
border-radius: 3px;
box-shadow: 0 4px 3px rgba(0, 0, 0, 0.1);
}
.slider-track {
display: flex;
transition: transform 0.5s ease;
}
.slider-slide {
min-width: 100%;
position: relative;
}
.slider-slide a {
display: block;
width: 100%;
height: 100%;
}
.slider-slide img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
@media (max-width: 768px) {
.desktop-slider {
display: none;
}
.mobile-slider {
display: block;
overflow-x: hidden;
position: relative;
width: 100%;
aspect-ratio: 4 / 2;
}
.mobile-slider .slider-track {
display: flex;
white-space: nowrap;
}
.mobile-slider .slider-slide {
flex: 0 0 100%;
white-space: normal;
}
}
@media (min-width: 769px) {
.mobile-slider {
display: none;
}
.main-slider .slider-track {
height: 400px;
}
}

LANGSUNG KIRIM

SELALU PROMO

BISA COD

DIJAMIN ORI

Produk Tazakka Herba Itu
DIJAMIN ORIGINAL
KUALITAS EKSTRAK
BERSERTIFIKAT HALAL MUI
BERIZIN EDAR BPOM
BANYAK PROMONYA

HERBTZK10

KODE VOUCHER

Kunjungi Juga Toko
Marketplace
Tazakka Herba Official