.cl-new-in{padding:60px 0 40px;overflow:hidden}.cl-new-in__header{padding:0 16px 0 20px;margin-bottom:28px}.cl-new-in__heading{font-family:var(--font-heading--family);font-size:clamp(1.4rem,2.5vw,2rem);font-weight:400;letter-spacing:.04em;margin:0 0 8px;color:var(--color-foreground, #1a1a1a)}.cl-new-in__subtitle{font-family:var(--font-body--family);font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-foreground, #1a1a1a);opacity:.45;margin:0}.cl-new-in__track-wrapper{position:relative}.cl-new-in__track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0 16px 16px 20px;scroll-padding-left:20px}.cl-new-in__track::-webkit-scrollbar{display:none}.cl-ni-card{flex:0 0 72vw;scroll-snap-align:start;background:var(--color-background, #fff);border-radius:12px;overflow:hidden;position:relative;display:flex;flex-direction:column;box-shadow:0 1px 4px #0000000f;transition:box-shadow .2s ease}@media(min-width:769px){.cl-ni-card{flex:0 0 calc(25% - 16px);min-width:240px}.cl-new-in__track{padding:0 24px 16px;scroll-padding-left:24px}.cl-new-in__header{padding:0 24px}}.cl-ni-card:hover{box-shadow:0 4px 16px #0000001a}.cl-ni-card__img-wrap{display:block;width:100%;aspect-ratio:3 / 4;overflow:hidden;background:#f4f2ef;text-decoration:none;position:relative}.cl-ni-card__img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .4s ease}.cl-ni-card:hover .cl-ni-card__img{transform:scale(1.03)}.cl-ni-card__img-placeholder{width:100%;height:100%;background:#e8e5e0}.cl-ni-card__overlay-name{position:absolute;top:14px;left:14px;z-index:2;font-family:var(--font-heading--family);font-size:clamp(1.6rem,4vw,2.4rem);font-weight:400;line-height:1;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.25);pointer-events:none}.cl-ni-card__badge{position:absolute;top:12px;right:12px;z-index:2;background:var(--color-foreground, #1a1a1a);color:var(--color-background, #fff);font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;font-weight:600;padding:4px 10px;border-radius:100px;pointer-events:none}.cl-ni-card__info{display:flex;align-items:flex-start;justify-content:space-between;padding:12px 14px 4px;gap:8px}.cl-ni-card__meta{flex:1;overflow:hidden}.cl-ni-card__title{font-family:var(--font-heading--family);font-size:.78rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;margin:0 0 3px;color:var(--color-foreground, #1a1a1a);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cl-ni-card__subtitle{font-size:.68rem;margin:0;color:var(--color-foreground, #1a1a1a);opacity:.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cl-ni-card__price{font-family:var(--font-heading--family);font-size:.78rem;font-weight:500;margin:0;white-space:nowrap;color:var(--color-foreground, #1a1a1a);flex-shrink:0}.cl-ni-card__qa{padding:8px 14px 14px;display:flex;flex-direction:column;gap:7px}.cl-ni-card__qa-label{font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600;margin:0;opacity:.4;color:var(--color-foreground, #1a1a1a)}.cl-ni-card__sizes{display:flex;flex-wrap:wrap;gap:5px}.cl-ni-size-btn{padding:5px 11px;border-radius:100px;border:1px solid var(--color-border, #e0e0e0);background:transparent;font-size:.62rem;letter-spacing:.07em;text-transform:uppercase;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s,color .15s;color:var(--color-foreground, #1a1a1a);white-space:nowrap}.cl-ni-size-btn:hover:not(:disabled){background:var(--color-foreground, #1a1a1a);border-color:var(--color-foreground, #1a1a1a);color:var(--color-background, #fff)}.cl-ni-size-btn--unavailable{opacity:.28;cursor:not-allowed;text-decoration:line-through}.cl-ni-card__qa-feedback{font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;font-weight:600;min-height:12px;color:var(--color-foreground, #1a1a1a)}.cl-ni-arrow{position:absolute;top:38%;transform:translateY(-50%);background:var(--color-background, #fff);border:1px solid rgba(0,0,0,.12);width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.9rem;z-index:3;opacity:.8;transition:opacity .2s}.cl-ni-arrow:hover{opacity:1}.cl-ni-arrow--prev{left:4px}.cl-ni-arrow--next{right:4px}
/*# sourceMappingURL=/cdn/shop/t/18/assets/cl-new-in.css.map */