.unitsandaccessories-container{position:relative;padding:40px;padding-right:0;font-family:Archivo;padding-top:0;padding-bottom:0;@media(max-width:650px){padding:0}
>.cmp-container{display:flex;flex-direction:column;gap:35px;@media screen and (max-width:650px){gap:20px}
.text{.cmp-text{display:flex;flex-direction:column;gap:13px;@media screen and (max-width:767px){gap:5px;align-items:center;padding:0 20px}
}
h2{font-size:32px;font-weight:400;color:#232426;margin:0;line-height:101%;font-family:"Playfair Display",serif !important;@media(max-width:650px){font-size:22px;text-align:center}
}
p{font-size:18px;font-weight:300;color:#323232;@media screen and (max-width:767px){font-size:14px;text-align:center}
}
}
.tabs{.cmp-tabs{display:flex;gap:30px;@media(max-width:650px){flex-direction:column;padding:0 20px;padding-right:0;row-gap:18px}
.cmp-tabs__tablist{margin:0;width:20%;display:flex;flex-direction:column;@media(max-width:650px){display:flex;justify-content:flex-start;width:100%;gap:10px;overflow-x:scroll;padding-right:20px;flex-direction:row;flex-wrap:nowrap}
.cmp-tabs__tab{font-size:18px;font-weight:400;color:#8c8e90;padding:20px;white-space:nowrap;cursor:pointer;line-height:101%;@media(max-width:650px){font-size:14px;border:1.5px solid #e6e6e8;border-radius:44px;padding:9px 16px;font-weight:500;color:#74798a;font-weight:500}
}
.cmp-tabs__tab--active{border:1px solid #e6e7eb;border-radius:12px;color:#232426;box-shadow:0 4px 12px rgba(0,0,0,0.08);font-weight:600;@media(max-width:650px){background:#e6e6e8;border-radius:44px;font-family:Archivo;box-shadow:none;font-weight:500}
}
}
.cmp-tabs__tablist::-webkit-scrollbar{display:none}
.cmp-tabs__tabpanel{width:80%;@media screen and (max-width:650px){width:100%}
.cmp-container{display:flex;gap:20px;overflow-x:auto;@media screen and (max-width:650px){gap:0}
.teaser{@media screen and (max-width:650px){margin-right:10px}
.cmp-teaser{display:flex;gap:18px;flex-direction:column;min-width:325px;width:325px;@media(max-width:767px){min-width:304px;width:304px;border:1px solid #cacbcc;border-radius:12px;padding:6px;margin-bottom:8px}
.cmp-teaser__content{order:2;@media(max-width:767px){padding:0 10px 5px;min-height:71px}
.cmp-teaser__title{font-size:20px;font-weight:600;color:#232426;line-height:132%;@media(max-width:767px){font-size:18px;color:#141517;line-height:96%;font-weight:500}
}
.cmp-teaser__description{margin-top:10px;font-size:14px;font-weight:400;color:#75787b;line-height:132%;@media(max-width:767px){font-size:12px;color:#6b6767;margin-top:6px}
}
}
.cmp-teaser__image{min-height:400px;overflow:hidden;@media(max-width:767px){max-height:356px}
div{overflow:hidden;border-radius:8px;img{min-height:400px;border-radius:8px;transition:.3s ease-in-out;&:hover{transform:scale(1.1)}
@media(max-width:767px){max-height:356px}
}
}
.img{height:400px;object-fit:cover}
}
}
}
}
.cmp-container::-webkit-scrollbar{display:none}
}
}
}
}
}
.unitsandaccessories-container .cmp-container .cmp-tabs__tab{line-height:101%}
.unitsandaccessories-container .cmp-container .text{line-height:101%}
.unitsandaccessories-container .cmp-container>:last-child>div>.cmp-teaser__image{margin-right:16px}
.unitsandaccessories-container .ua-carousel-btn-wrapper{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding-right:40px;position:absolute;right:0}
.unitsandaccessories-container .ua-trending-finishes-prev,.unitsandaccessories-container .ua-trending-finishes-next{width:64px;height:64px;border:1px solid #c3bfbf;background:#fff;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s ease}
.unitsandaccessories-container .ua-trending-finishes-prev.ua-btn-disabled,.unitsandaccessories-container .ua-trending-finishes-next.ua-btn-disabled{cursor:default;pointer-events:none;border-color:#e8e8ea;background:#fff}
.unitsandaccessories-container .ua-trending-finishes-prev.ua-btn-disabled svg,.unitsandaccessories-container .ua-trending-finishes-next.ua-btn-disabled svg{stroke:#d0d1d3}
.unitsandaccessories-container .cmp-tabs__tabpanel .cmp-container{display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;scroll-behavior:smooth;gap:20px}
.unitsandaccessories-container .cmp-tabs__tabpanel .cmp-container::-webkit-scrollbar{display:none}
@media(max-width:767px){.unitsandaccessories-container .cmp-container .cmp-teaser__description{color:#6b6767;font-size:12px}
.unitsandaccessories-container .cmp-container .cmp-teaser__title{font-size:18px}
.unitsandaccessories-container .cmp-container .cmp-tabs__tab{color:#74798a}
.ua-carousel-btn-wrapper{display:none !important}
.unitsandaccessories-container .cmp-container>:last-child>div>.cmp-teaser__image{margin-right:0}
}