.trendy-collection-carousel{background:var(--tcc-bg);color:var(--tcc-ink);padding:var(--tcc-pad-top) 0 var(--tcc-pad-bottom);font-family:Manrope,sans-serif;overflow:hidden}.trendy-collection-carousel *{box-sizing:border-box}.trendy-collection-carousel__inner{width:min(1440px,calc(100% - 48px));margin:0 auto}.trendy-collection-carousel__top{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:28px}.trendy-collection-carousel__heading-wrap{max-width:680px}.trendy-collection-carousel__eyebrow{margin:0 0 10px;color:var(--tcc-accent);font-size:11px;font-weight:800;letter-spacing:.18em}.trendy-collection-carousel h2{margin:0;color:var(--tcc-ink);font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(38px,4.2vw,62px);font-weight:600;line-height:.98;letter-spacing:-.035em}.trendy-collection-carousel__subheading{max-width:560px;margin:14px 0 0;color:var(--tcc-muted);font-size:14px;line-height:1.7}.trendy-collection-carousel__controls{display:flex;align-items:center;gap:14px;flex:0 0 auto}.trendy-collection-carousel__view-all{min-height:44px;display:inline-flex;align-items:center;gap:8px;color:var(--tcc-olive);text-decoration:none;font-size:11px;font-weight:800;letter-spacing:.12em}.trendy-collection-carousel__view-all svg,.trendy-collection-carousel__arrow svg,.trendy-collection-carousel__arrows svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.trendy-collection-carousel__view-all svg{transition:transform .18s ease}.trendy-collection-carousel__view-all:hover svg{transform:translate(4px)}.trendy-collection-carousel__arrows{display:flex;gap:8px}.trendy-collection-carousel__arrows button{width:44px;height:44px;border:1px solid color-mix(in srgb,var(--tcc-olive) 24%,transparent);border-radius:999px;background:transparent;color:var(--tcc-olive);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}.trendy-collection-carousel__arrows button:hover{background:var(--tcc-olive);border-color:var(--tcc-olive);color:var(--tcc-bg);transform:translateY(-1px)}.trendy-collection-carousel__viewport{width:100%;overflow:visible}.trendy-collection-carousel__track{display:flex;gap:var(--tcc-gap);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-x:contain;padding:2px 2px 10px}.trendy-collection-carousel__track::-webkit-scrollbar{display:none}.trendy-collection-carousel__card{flex:0 0 var(--tcc-card-width);scroll-snap-align:start;min-width:0}.trendy-collection-carousel__card-link{display:block;color:inherit;text-decoration:none}.trendy-collection-carousel__media{position:relative;height:var(--tcc-card-height);overflow:hidden;border-radius:var(--tcc-card-radius);background:color-mix(in srgb,var(--tcc-olive) 8%,var(--tcc-bg))}.trendy-collection-carousel__image,.trendy-collection-carousel__placeholder,.trendy-collection-carousel__placeholder-svg{width:100%;height:100%;display:block}.trendy-collection-carousel__image{object-fit:var(--tcc-image-fit);transition:transform .6s cubic-bezier(.22,1,.36,1)}.trendy-collection-carousel__placeholder-svg{object-fit:cover;color:color-mix(in srgb,var(--tcc-olive) 34%,transparent)}.trendy-collection-carousel__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#171a1500 42%,#171a1557);pointer-events:none}.trendy-collection-carousel__index{position:absolute;top:16px;left:16px;min-width:40px;height:28px;padding:0 10px;border:1px solid rgba(247,244,236,.45);border-radius:999px;background:#3a403273;color:#f7f4ec;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;letter-spacing:.12em}.trendy-collection-carousel__content{display:flex;align-items:end;justify-content:space-between;gap:18px;padding:18px 2px 0}.trendy-collection-carousel__kicker{display:block;margin-bottom:5px;color:var(--tcc-accent);font-size:9px;font-weight:800;letter-spacing:.16em}.trendy-collection-carousel__content h3{margin:0;color:var(--tcc-ink);font-family:Cormorant Garamond,Georgia,serif;font-size:31px;font-weight:600;line-height:1;letter-spacing:-.02em}.trendy-collection-carousel__content p{margin:7px 0 0;color:var(--tcc-muted);font-size:12px;line-height:1.5}.trendy-collection-carousel__arrow{width:42px;height:42px;flex:0 0 42px;border:1px solid color-mix(in srgb,var(--tcc-olive) 22%,transparent);border-radius:999px;color:var(--tcc-olive);display:inline-flex;align-items:center;justify-content:center;transition:background .18s ease,color .18s ease,transform .18s ease}.trendy-collection-carousel__card-link:hover .trendy-collection-carousel__image{transform:scale(1.035)}.trendy-collection-carousel__card-link:hover .trendy-collection-carousel__arrow{background:var(--tcc-olive);color:var(--tcc-bg);transform:translate(3px)}.trendy-collection-carousel__view-all--mobile{display:none}.trendy-collection-carousel a:focus-visible,.trendy-collection-carousel button:focus-visible,.trendy-collection-carousel__track:focus-visible{outline:2px solid var(--tcc-accent);outline-offset:3px}@media(max-width:989px){.trendy-collection-carousel__inner{width:min(100% - 32px,1440px)}.trendy-collection-carousel__top{align-items:start}.trendy-collection-carousel__view-all,.trendy-collection-carousel__arrows{display:none}.trendy-collection-carousel__view-all--mobile{display:inline-flex;margin-top:20px}.trendy-collection-carousel__card{flex-basis:min(78vw,340px)}}@media(max-width:749px){.trendy-collection-carousel{padding-top:max(42px,calc(var(--tcc-pad-top) * .72));padding-bottom:max(42px,calc(var(--tcc-pad-bottom) * .72))}.trendy-collection-carousel__inner{width:calc(100% - 28px)}.trendy-collection-carousel__top{margin-bottom:22px}.trendy-collection-carousel h2{font-size:clamp(34px,11vw,48px)}.trendy-collection-carousel__subheading{font-size:13px}.trendy-collection-carousel__track{gap:12px;padding-right:14px}.trendy-collection-carousel__card{flex-basis:82vw;max-width:330px}.trendy-collection-carousel__media{height:min(118vw,430px)}.trendy-collection-carousel__content h3{font-size:29px}}@media(prefers-reduced-motion:reduce){.trendy-collection-carousel__track{scroll-behavior:auto}.trendy-collection-carousel__image,.trendy-collection-carousel__arrow,.trendy-collection-carousel__view-all svg,.trendy-collection-carousel__arrows button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/trendy-collection-carousel.css.map */
