.owl-carousel .owl-nav button {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: white !important;
width: 40px;
height: 40px;
border-radius: 50%;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease;
z-index: 10;
}
.owl-carousel .owl-nav button:hover {
background: #f3f4f6 !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.owl-carousel .owl-nav .owl-prev {
left: -20px;
}
.owl-carousel .owl-nav .owl-next {
right: -20px;
}
.owl-carousel .owl-nav button i,
.owl-carousel .owl-nav button svg {
color: #374151;
font-size: 18px;
display: block;
} @media (max-width: 640px) {
.owl-carousel .owl-nav {
display: none;
}
} .owl-carousel .item {
height: 100%;
} .category-carousel .owl-stage {
display: flex;
align-items: stretch;
}
.category-carousel .owl-item {
display: flex;
height: auto;
}
.category-carousel .item {
display: flex;
width: 100%;
}
.category-carousel .item>a {
display: flex;
width: 100%;
}
.category-carousel .item>a>div {
width: 100%;
min-height: 300px; display: flex;
flex-direction: column;
justify-content: flex-end; }