.cmp-trending-finishes{position:relative;padding-right:0;margin:0 auto;font-family:Arial,Helvetica,sans-serif;line-height:1.5;color:#232426;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.cmp-trending-finishes *,.cmp-trending-finishes *::before,.cmp-trending-finishes *::after{box-sizing:border-box;font-family:inherit}
.cmp-trending-finishes a,.cmp-trending-finishes a:hover,.cmp-trending-finishes a:focus,.cmp-trending-finishes a:visited{text-decoration:none;color:inherit;outline:0}
.cmp-trending-finishes button{font-family:Archivo;line-height:101%;color:#8c8e90;font-size:18px}
.cmp-trending-finishes h2,.cmp-trending-finishes h4,.cmp-trending-finishes p{font-family:Archivo}
.cmp-trending-finishes img{border:0;max-width:100%}
.cmp-trending-finishes__header{display:flex;justify-content:space-between;align-items:flex-start;padding-right:40px}
.cmp-trending-finishes__header-text{display:flex;flex-direction:column;gap:6px}
.cmp-trending-finishes__title{font-size:32px;font-weight:500;color:#232426;margin:0;font-family:Archivo;line-height:101%}
.cmp-trending-finishes__subtitle{font-size:18px;font-weight:300;color:#323232;margin:0;font-family:Archivo;line-height:100%}
.cmp-trending-finishes__arrows{display:flex;gap:20px;flex-shrink:0}
.cmp-trending-finishes__arrow{width:64px;height:64px;border:1px solid #ddd;background:#fff;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s ease;color:#232426}
.cmp-trending-finishes__arrow:hover{background:#f3f3f3}
.cmp-trending-finishes__arrow svg{width:20px;height:20px}
.cmp-trending-finishes__body{display:flex;gap:30px;margin-top:40px}
.cmp-trending-finishes__tabs{min-width:225px;display:flex;flex-direction:column;gap:12px}
.cmp-trending-finishes__tab{font-family:inherit;font-weight:600;color:#8c8e90;padding:18px 20px;border:0;background:0;text-align:left;cursor:pointer;border-radius:12px;transition:all .2s ease}
.cmp-trending-finishes__tab:hover{color:#555}
.cmp-trending-finishes__tab--active{border:1px solid #e6e7eb;color:#232426 !important;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,0.08)}
.cmp-trending-finishes__sliders{width:calc(100% - 250px);overflow:hidden}
.cmp-trending-finishes__slider{display:none;grid-template-rows:repeat(2,auto);grid-auto-flow:column;grid-auto-columns:250px;gap:20px;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px;margin-right:16px;max-width:1800px;margin:0 auto}
.cmp-trending-finishes__slider::-webkit-scrollbar{display:none}
.cmp-trending-finishes__slider--active{display:grid}
.cmp-trending-finishes__card-visual{position:relative;overflow:hidden}
.cmp-trending-finishes__card-hero{inset:0;width:100%;height:100%;object-fit:cover}
.cmp-trending-finishes__card-hero{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;visibility:hidden;transition:opacity .7s ease,visibility .7s ease;pointer-events:none}
.cmp-trending-finishes__card{width:250px;flex-shrink:0;cursor:pointer;text-decoration:none;color:inherit;display:block}
.cmp-trending-finishes__card:hover{text-decoration:none;color:inherit}
.cmp-trending-finishes__card-title::after{content:"";display:block;width:24px;height:24px;margin-top:4px;background-image:url("data:image/svg+xml,%3Csvgxmlns='http://www.w3.org/2000/svg'width='32'height='32'viewBox='002424'fill='none'stroke='%23000000'stroke-width='1.5'stroke-linecap='round'stroke-linejoin='round'%3E%3Cpathd='M177l-1010'/%3E%3Cpathd='M87l90l09'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;left:5px;top:-3px;position:relative;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}
.cmp-trending-finishes__card:hover .cmp-trending-finishes__card-title::after{opacity:1;visibility:visible}
.cmp-trending-finishes__card-visual{position:relative;width:100%;height:160px;border-radius:12px;overflow:hidden}
.cmp-trending-finishes__card-swatch{position:absolute;inset:0;border-radius:12px;transition:opacity .5s ease;animation:trendingCardCarousel 6s ease-in-out !important}
.cmp-trending-finishes__card-hero{inset:0;width:100%;height:100%;object-fit:cover;border-radius:6px;opacity:0;animation:trendingCardCarousel 6s ease-in-out !important;color:transparent;font-size:0;text-indent:-9999px;overflow:hidden}
.cmp-trending-finishes__card:nth-child(2) .cmp-trending-finishes__card-hero{animation-delay:.5s}
.cmp-trending-finishes__card:nth-child(3) .cmp-trending-finishes__card-hero{animation-delay:1s}
.cmp-trending-finishes__card:nth-child(4) .cmp-trending-finishes__card-hero{animation-delay:1.5s}
.cmp-trending-finishes__card:nth-child(5) .cmp-trending-finishes__card-hero{animation-delay:2s}
.cmp-trending-finishes__card:nth-child(6) .cmp-trending-finishes__card-hero{animation-delay:.3s}
.cmp-trending-finishes__card:nth-child(7) .cmp-trending-finishes__card-hero{animation-delay:.8s}
.cmp-trending-finishes__card:nth-child(8) .cmp-trending-finishes__card-hero{animation-delay:1.3s}
.cmp-trending-finishes__card:nth-child(9) .cmp-trending-finishes__card-hero{animation-delay:1.8s}
.cmp-trending-finishes__card:nth-child(10) .cmp-trending-finishes__card-hero{animation-delay:2.3s}
@keyframes trendingCardCarousel{0,42%{opacity:0}
50%,92%{opacity:1}
100%{opacity:0}
}
.cmp-trending-finishes__card-badge{position:absolute;top:10px;right:10px;color:#00000080;opacity:.7;font-size:12px;font-weight:500;padding:4px 12px;border-radius:20px;z-index:2;pointer-events:none;font-family:Archivo;font-style:italic}
.cmp-trending-finishes__card-title{margin:12px 0 0;font-size:18px;font-weight:500;color:#232426;line-height:132%;font-family:Archivo;display:flex}
.cmp-trending-finishes__card-title img{display:none}
@media(max-width:991px){.cmp-trending-finishes{padding:30px;padding-right:0}
.cmp-trending-finishes__card-title::after{opacity:1;visibility:visible;width:20px;height:20px;left:0}
.cmp-trending-finishes__header{padding-right:30px}
.cmp-trending-finishes__tabs{width:160px;min-width:160px}
.cmp-trending-finishes__tab{font-size:16px;padding:16px}
.cmp-trending-finishes__slider{grid-auto-columns:220px}
.cmp-trending-finishes__card{width:220px}
.cmp-trending-finishes__card-visual{height:160px}
.cmp-trending-finishes__card-hero{height:160px}
}
@media(max-width:767px){.cmp-trending-finishes{padding:20px 0}
.cmp-trending-finishes__header{padding-right:0;justify-content:center}
.cmp-trending-finishes__title{font-size:24px;text-align:center;line-height:110%}
.cmp-trending-finishes__subtitle{font-size:14px;color:#75787b;text-align:center;width:80%;margin:0 auto}
.cmp-trending-finishes__sliders{width:100%;padding-left:16px}
.cmp-trending-finishes__arrows{display:none}
.cmp-trending-finishes button{font-size:14px;font-weight:500;color:#74798a;border:1px solid #e6e6e8}
.cmp-trending-finishes__tab--active{color:#000}
.cmp-trending-finishes__body{flex-direction:column;gap:16px;margin-top:20px}
.cmp-trending-finishes__tabs{width:100%;min-width:100%;flex-direction:row;gap:8px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:4px;padding-left:16px}
.cmp-trending-finishes__tabs>:last-child{margin-right:16px}
.cmp-trending-finishes__tabs::-webkit-scrollbar{display:none}
.cmp-trending-finishes__tab{font-size:14px;padding:10px 16px;white-space:nowrap;border:1px solid transparent;border-radius:9999px;text-align:center;flex-shrink:0}
.cmp-trending-finishes__tab--active{background:#fff;border-color:#e6e7eb;border-radius:9999px}
.cmp-trending-finishes__slider{grid-template-rows:repeat(2,auto);grid-auto-columns:160px;gap:12px}
.cmp-trending-finishes__card{width:160px}
.cmp-trending-finishes__card-visual{height:140px;border-radius:3px}
.cmp-trending-finishes__card-swatch{border-radius:3px}
.cmp-trending-finishes__card-hero{height:120px;visibility:visible !important;opacity:1 !important;height:94px;border-radius:3px;bottom:0;top:unset}
.cmp-trending-finishes__card-title{font-size:16px;margin-top:8px;display:flex;gap:8px}
.cmp-trending-finishes__card-title img{display:block;width:10px}
.cmp-trending-finishes__tab--active{box-shadow:unset}
.cmp-trending-finishes__card-badge{font-size:12px;padding:2px 8px;top:8px;right:8px}
}
@media(min-width:1024px) and (max-width:1440px){.cmp-trending-finishes{margin-left:40px}
}
@media(min-width:1440px) and (max-width:1599px){.cmp-trending-finishes{margin-left:5%}
}
@media(min-width:1600px) and (max-width:1679px){.cmp-trending-finishes{margin-left:7%}
}
@media(min-width:1680px) and (max-width:1900px){.cmp-trending-finishes{margin-left:9.5%}
}
@media(min-width:1900px){.cmp-trending-finishes{margin-left:14.5%}
}