.cl-wrapper{width:100%;position:relative;z-index:1;padding:var(--cl-pad-desktop, 48px) 0}@media(max-width:749px){.cl-wrapper{padding:var(--cl-pad-mobile, 32px) 0}}.cl-header{display:flex;align-items:center;justify-content:space-between;padding:0 clamp(16px,4vw,48px);margin-bottom:20px}.cl-title{font-size:clamp(20px,2.5vw,32px);font-weight:700;color:rgb(var(--color-foreground));margin:0;flex:1;text-align:center;letter-spacing:-.01em}.cl-title--font-heading{font-family:var(--font-heading--family)}.cl-title--font-body{font-family:var(--font-body--family)}.cl-title--font-serif{font-family:Georgia,serif}.cl-viewall{font-size:13px;color:rgb(var(--color-foreground));opacity:.6;text-decoration:none;border-bottom:1px solid rgba(var(--color-foreground),.3);padding-bottom:1px;white-space:nowrap;transition:opacity .2s;flex-shrink:0}.cl-viewall:hover{opacity:1}.cl-list{display:flex;flex-direction:column;gap:var(--cl-gap, 10px);padding:0 clamp(16px,4vw,48px);max-height:var(--cl-max-h, none);overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(var(--color-foreground),.15) transparent;padding-right:clamp(16px,4vw,48px)}.cl-list::-webkit-scrollbar{width:3px}.cl-list::-webkit-scrollbar-track{background:transparent}.cl-list::-webkit-scrollbar-thumb{background:rgba(var(--color-foreground),.15);border-radius:10px}.cl-card{display:flex;align-items:center;gap:12px;border:1px solid rgba(var(--color-foreground),.08);border-radius:var(--cl-radius, 14px);background:rgb(var(--color-background));overflow:hidden;text-decoration:none;min-height:var(--cl-card-h, 88px);transition:border-color .25s ease,transform .25s ease;cursor:pointer}.cl-card:hover{border-color:rgba(var(--color-foreground),.2);transform:translate(3px)}.cl-img{width:var(--cl-img-w, 80px);min-width:var(--cl-img-w, 80px);height:var(--cl-card-h, 88px);background:rgba(var(--color-foreground),.05);overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative}.cl-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.cl-card:hover .cl-img img{transform:scale(1.06)}.cl-badge{position:absolute;bottom:6px;left:6px;font-size:9px;font-weight:700;padding:2px 7px;border-radius:20px;letter-spacing:.06em;text-transform:uppercase;background:rgb(var(--color-button));color:rgb(var(--color-button-text));z-index:2}.cl-body{flex:1;padding:10px 4px 10px 0;display:flex;flex-direction:column;gap:4px;min-width:0}.cl-vendor{font-size:9px;font-weight:500;color:rgba(var(--color-foreground),.4);text-transform:uppercase;letter-spacing:.07em}.cl-name{font-size:14px;font-weight:600;color:rgb(var(--color-foreground));line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cl-notes{display:flex;gap:4px;flex-wrap:nowrap;overflow:hidden}.cl-note{font-size:10px;padding:2px 7px;border-radius:20px;background:rgba(var(--color-foreground),.06);color:rgba(var(--color-foreground),.55);white-space:nowrap;flex-shrink:0}.cl-price-row{display:flex;align-items:baseline;gap:6px}.cl-price{font-size:14px;font-weight:800;color:rgb(var(--color-button))}.cl-compare{font-size:11px;color:rgba(var(--color-foreground),.35);text-decoration:line-through}.cl-atc{width:40px;height:40px;border-radius:50%;border:1px solid rgba(var(--color-foreground),.1);background:rgba(var(--color-foreground),.04);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-right:12px;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease}.cl-atc:hover{background:rgb(var(--color-button));border-color:rgb(var(--color-button));transform:scale(1.08)}.cl-atc:hover svg{stroke:rgb(var(--color-button-text))}.cl-atc svg{width:16px;height:16px;stroke:rgb(var(--color-foreground));fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:stroke .2s ease}.cl-atc--soldout{opacity:.35;cursor:not-allowed;pointer-events:none}.cl-atc--added{background:rgb(var(--color-button));border-color:rgb(var(--color-button));pointer-events:none}.cl-atc--added svg{stroke:rgb(var(--color-button-text))}
/*# sourceMappingURL=/cdn/shop/t/4/assets/collection.css.map */