.cc-slider-section{--cc-ink:#1c1a15;--cc-paper:#f3efe4;--cc-brass:#b08a4e;--cc-muted:#8b8372;background:var(--cc-paper);padding:var(--cc-pad-top, 56px) 0 var(--cc-pad-bottom, 64px);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--cc-ink)}.cc-head{text-align:center;padding:0 24px;margin:0 auto var(--cc-heading-spacing, 32px);max-width:460px}.cc-eyebrow{font-size:11px;letter-spacing:.2em;color:var(--cc-brass);font-weight:600;margin-bottom:12px;text-transform:uppercase}.cc-heading{font-weight:600;font-size:28px;line-height:1.2;margin:0 0 10px}.cc-sub{font-size:14px;line-height:1.6;color:var(--cc-muted);margin:0;font-weight:400}.cc-slider-wrap{width:100%;position:relative}.cc-slider{display:flex;gap:var(--cc-card-gap, 20px);overflow-x:auto;scroll-snap-type:x mandatory;padding:10px 6vw 16px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.cc-slider::-webkit-scrollbar{display:none}.cc-card{flex:0 0 72%;max-width:280px;scroll-snap-align:center;position:relative;display:block;aspect-ratio:3 / 4;border-radius:20px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 1px 2px #1c1a1514,0 24px 40px -16px #1c1a1561,0 8px 16px -8px #1c1a1538;transform:translateY(0) scale(1);transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s ease}.cc-card:hover,.cc-card:focus-visible{transform:translateY(-8px) scale(1.015);box-shadow:0 1px 2px #1c1a151a,0 36px 54px -18px #1c1a1573,0 12px 20px -8px #1c1a1542;outline:none}.cc-media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#e7e0cd}.cc-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.cc-card:hover .cc-media img{transform:scale(1.06)}.cc-media-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#e9e1cd,#d9cca4,#cbb87f)}.cc-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#1c1a1500 38%,#14120eb8);pointer-events:none}.cc-tag{position:absolute;top:14px;left:14px;font-size:10px;letter-spacing:.14em;font-weight:600;color:#f3efe4;background:#14120e61;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:6px 10px;border-radius:100px;text-transform:uppercase}.cc-content{position:absolute;left:0;right:0;bottom:0;padding:20px;display:flex;align-items:flex-end;justify-content:space-between;gap:10px}.cc-title{font-weight:600;font-size:22px;line-height:1.1;margin:0;color:#f7f4ec;text-shadow:0 2px 10px rgba(0,0,0,.25)}.cc-pill{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:#f7f4eceb;color:var(--cc-ink);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:background .25s ease,transform .25s ease}.cc-pill svg{width:16px;height:16px}.cc-card:hover .cc-pill{background:#f7f4ec;transform:scale(1.08)}.cc-dots{display:flex;justify-content:center;gap:8px;margin-top:20px}.cc-dot{width:6px;height:6px;border-radius:50%;background:#d3c8ab;transition:all .3s ease}.cc-dot.is-active{background:var(--cc-brass);width:18px;border-radius:3px}.cc-view-all-wrap{display:flex;justify-content:center;margin-top:24px;padding:0 24px}.cc-view-all{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;border:1px solid var(--cc-ink);border-radius:100px;color:var(--cc-ink);font-size:13px;font-weight:500;letter-spacing:.04em;text-decoration:none;transition:background .25s ease,color .25s ease}.cc-view-all:hover{background:var(--cc-ink);color:var(--cc-paper)}.cc-arrow{position:absolute;top:calc(50% - 12px);transform:translateY(-50%);width:42px;height:42px;border-radius:50%;border:none;background:#f7f4ecf0;color:var(--cc-ink);box-shadow:0 6px 16px #1c1a152e;display:none;align-items:center;justify-content:center;cursor:pointer;z-index:2;transition:background .2s ease,transform .2s ease}.cc-arrow svg{width:18px;height:18px}.cc-arrow:hover{background:#fff;transform:translateY(-50%) scale(1.06)}.cc-arrow--prev{left:6px}.cc-arrow--next{right:6px}@media(min-width:640px){.cc-slider{padding:10px 24px 16px;justify-content:center;flex-wrap:wrap;overflow:visible}.cc-card{flex:0 0 240px}.cc-dots{display:none}.cc-arrow{display:flex}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/collection-card-slider.css.map */