.rsps { margin: 16px 0 28px; }
.rsps-tabs {
display: flex;
gap: 10px;
align-items: center;
margin-bottom: 14px;
flex-wrap: wrap;
}
.rsps-tab {
border: 0;
background: transparent;
padding: 10px 14px;
border-radius: 999px;
cursor: pointer;
font-weight: 700;
opacity: 0.65;
font-size: 12px
}
.rsps-tab.is-active {
opacity: 1;
background: #0f0f0f;
color: #fff;
}
.rsps-swiper { position: relative; }
.rsps-slide {
height: auto;
display: flex;           
}
.rsps-card {
position: relative;
display: flex;            
flex-direction: column;
width: 100%;
text-decoration: none;
color: inherit;
border-radius: 18px;
background: #f5f5f5;
padding: 16px;
box-sizing: border-box;
height: 335px;      
}
.rsps-badge {
position: absolute;
top: 10px;
left: 10px;
background: #f5f5f5;
color: #000;
font-weight: 800;
font-size: 12px;
padding: 6px 10px;
border-radius: 10px;
z-index: 2;
}
.rsps-img {
background: #fff;
border-radius: 14px;
padding: 14px;
height: 190px; 
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
@media (max-width: 640px){
.rsps-img{ height: 160px; }
}
@media (max-width: 767px) {
.rsps-tab {font-size: 12px!important;}
}
.rsps-img img { 
width: 100% !important;
height: 100% !important;
object-fit: contain;
object-position: center;
display:block;
}
.rsps-title {
margin-top: 12px;
font-weight: 800;
color: #0F0F10;
line-height: 1.2;
min-height: 44px;
text-align: center;
}
.rsps-price {
margin-top: 0;     
padding-top: 10px;
color: #fff;
font-weight: 800;
text-align: center;
}
.rsps-oos {
position: absolute;
left: 50%;
bottom: 6px;
transform: translateX(-50%);
background: #6b6b6b;
color: #fff;
font-weight: 800;
padding: 10px 16px;
border-radius: 999px;
font-size: 12px;
}
.rsps-nav {
display: flex;
gap: 10px;
margin-top: 10px;
justify-content: flex-end;
}
.rsps-prev,
.rsps-next {
border: 0;
width: 44px;
height: 44px;
border-radius: 999px;
cursor: pointer;
font-size: 22px;
line-height: 1;
background: #0f0f0f;
color: #fff;
}
.rsps-loading {
padding: 18px;
color: #fff;
font-weight: 700;
}