.karuzela-kategorii {
display: flex;
overflow-x: auto;
gap: 16px;
padding: 10px;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
}
.karuzela-kategorii a {
flex: 0 0 auto;
width: 150px;
text-align: center;
text-decoration: none;
scroll-snap-align: start;
border: 1px solid #ddd;
border-radius: 10px;
padding: 10px;
background: #fff;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
transition: transform 0.3s;
color: #000;
}
.karuzela-kategorii a:hover {
transform: scale(1.05);
}
.karuzela-kategorii img {
width: 100%;
height: auto;
display: block;
margin: 0 auto 8px;
border-radius: 8px;
}
Koszyk