.studi-tabs-container { position: relative; }
.studi-tabs-header { 
display: flex; 
align-items: center; 
border-bottom: 1px solid #eee;
}
.studi-tabs-nav { list-style: none; display: flex; margin: 0; padding: 0; flex-direction: row;    gap: 5px;flex-wrap: wrap;}
.studi-tabs-nav li { 
padding: 15px 20px; 
cursor: pointer; 
font-weight: bold; 
transition: 0.3s; 
border-bottom: 2px solid transparent; 
text-wrap-mode: nowrap;
}
.studi-tabs-nav li.active { border-bottom-color: var(--primary_color); color: var(--primary_color); }
.studi-tabs-loader { 
position: absolute; 
top: 50%; left: 50%; 
transform: translate(-50%, -50%); 
display: none; 
z-index: 10;
font-size: 30px;
}
.studi-tabs-ajax-content { transition: opacity 0.3s;}
.studi-tabs-title { margin: 0; font-size: 24px; }
.studi-tabs-ajax-content .owl-nav {
background: transparent;
box-shadow: none;
margin: 0;
display: flex;
gap: 5px;
transform: translateY(-120%);
}
.studi-tabs-ajax-content .owl-carousel .owl-nav .owl-next, .studi-tabs-ajax-content .owl-carousel .owl-nav .owl-prev {
padding: 0;
border: 1px solid #3d3d3d20;
border-radius: 12px;
display: flex;
width: 36px;
height: 36px;
align-items: center;
justify-content: center;
}
.studi-tabs-ajax-content .products {margin: 0;} @media (max-width: 768px) {
.studi-tabs-header { flex-direction: column; align-items: flex-start; }
.studi-tabs-nav { overflow-x: auto; width: 100%; }
}
.studi-tabs-ajax-content .products-carousel.owl-carousel:not(.owl-loaded) {
display: flex;
flex-wrap: nowrap;
overflow: hidden;
}
.studi-tabs-ajax-content .products-carousel.owl-carousel:not(.owl-loaded) > * {
flex: 0 0 calc(100% / var(--studi-slider-desktop, 4));
max-width: calc(100% / var(--studi-slider-desktop, 4));
}
@media (max-width: 999px) {
.studi-tabs-ajax-content .products-carousel.owl-carousel:not(.owl-loaded) > * {
flex-basis: calc(100% / var(--studi-slider-tablet, 3));
max-width: calc(100% / var(--studi-slider-tablet, 3));
}
}
@media (max-width: 767px) {
.studi-tabs-ajax-content .products-carousel.owl-carousel:not(.owl-loaded) > * {
flex-basis: calc(100% / var(--studi-slider-mobile, 2));
max-width: calc(100% / var(--studi-slider-mobile, 2));
}
}