.clc-section{background:var(--clc-bg);color:var(--clc-ink);padding:50px 20px;max-width:1200px;margin:0 auto}.clc-inner{width:100%}.clc-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:36px;border-bottom:1px solid var(--clc-line);padding-bottom:22px}.clc-eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--clc-accent);display:flex;align-items:center;gap:10px;margin-bottom:12px}.clc-eyebrow:before{content:"";width:22px;height:1px;background:var(--clc-accent);display:inline-block}.clc-heading{font-size:clamp(26px,3.4vw,30px);font-weight:500;letter-spacing:-.01em;line-height:1.08;max-width:560px;margin:0}.clc-head-right{display:flex;align-items:center;gap:16px;flex-shrink:0}.clc-count{font-size:13px;color:var(--clc-ink-soft);min-width:58px;text-align:right}.clc-nav-btn{width:42px;height:42px;border-radius:50%;border:1px solid var(--clc-ink);background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .25s ease,transform .2s ease,opacity .2s ease;flex-shrink:0;color:var(--clc-ink)}.clc-nav-btn svg{stroke:currentColor}.clc-nav-btn:hover{background:var(--clc-ink);color:#fff}.clc-nav-btn:active{transform:scale(.94)}.clc-nav-btn[disabled]{opacity:.3;cursor:default}.clc-nav-btn[disabled]:hover{background:transparent;color:var(--clc-ink)}.clc-track-wrap{position:relative}.clc-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding-bottom:6px;-ms-overflow-style:none;scrollbar-width:none}.clc-track::-webkit-scrollbar{display:none}.clc-card{position:relative;flex:0 0 calc((100% - (var(--clc-cards-per-view) - 1) * 20px) / var(--clc-cards-per-view));height:clamp(300px,20vw,300px);border-radius:4px;overflow:hidden;scroll-snap-align:start;text-decoration:none;display:block;isolation:isolate}.clc-card--dark{background:linear-gradient(155deg,#34302a,#201c18 65%)}.clc-card--light{background:linear-gradient(155deg,#ede7da,#e4ded0 65%)}.clc-tag{position:absolute;top:16px;left:16px;z-index:3;font-size:11px;letter-spacing:.08em;color:#ffffffbf;border:1px solid rgba(255,255,255,.35);padding:4px 9px;border-radius:20px}.clc-card--light .clc-tag{color:#1e2320a6;border-color:#1e23204d}.clc-media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center}.clc-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:.2;transition:opacity .35s ease;pointer-events:none;z-index:2}.clc-card:hover .clc-media:after{opacity:0}.clc-media-img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.clc-card:hover .clc-media-img{transform:scale(1.04)}.clc-icon{width:58%;height:58%;color:#ffffffbf;display:flex}.clc-card--light .clc-icon{color:#1e232099}.clc-icon svg{width:100%;height:100%;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.clc-card:hover .clc-icon svg{transform:translateY(-6px) scale(1.03)}.clc-foot{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;align-items:flex-end;justify-content:space-between;padding:20px;background:linear-gradient(0deg,#0000008c,#0000 65%)}.clc-card--light .clc-foot{background:linear-gradient(0deg,#ede7dae6,#ede7da00 65%)}.clc-title{font-size:15px;font-weight:500;color:#fff;line-height:1.15;max-width:75%}.clc-card--light .clc-title{color:var(--clc-ink)}.clc-go{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.5);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;transition:background .25s ease,border-color .25s ease}.clc-go svg{stroke:currentColor}.clc-card--light .clc-go{border-color:#1e232066;color:var(--clc-ink)}.clc-card:hover .clc-go{background:var(--clc-accent);border-color:var(--clc-accent);color:#fff}.clc-empty{border:1px dashed var(--clc-line);border-radius:4px;padding:40px;text-align:center;color:var(--clc-ink-soft)}@media(max-width:989px){.clc-card{flex-basis:calc((100% - 20px)/2)}}@media(max-width:640px){.clc-section{padding:40px 10px 60px}.clc-head{flex-direction:column;align-items:flex-start;gap:18px}.clc-head-right{align-self:flex-end}.clc-card{flex-basis:78%}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/collection-list-carousel.css.map */