:root{--cl-black: #0A0A0A;--cl-white: #F5F5F0;--cl-off-white: #EBEBEB;--cl-grey-100: #1A1A1A;--cl-grey-200: #2A2A2A;--cl-grey-400: #666666;--cl-grey-600: #999999;--cl-red: #C04C4C;--cl-border: rgba(255,255,255,.1);--cl-border-hover: rgba(255,255,255,.3);--cl-font-mono: "Courier New", Courier, monospace;--cl-font-serif: Georgia, "Times New Roman", serif;--cl-sidebar-width: 260px;--cl-transition: .2s ease}.cl-collection *,.cl-collection *:before,.cl-collection *:after{box-sizing:border-box;margin:0;padding:0}.cl-collection{background:var(--cl-black);color:var(--cl-white);min-height:100vh;font-family:var(--cl-font-mono)}.cl-collection__banner{position:relative;width:100%;height:420px;overflow:hidden}@media(min-width:990px){.cl-collection__banner{height:520px}}.cl-collection__banner-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.cl-collection__banner-image img{width:100%;height:100%;object-fit:cover;object-position:center}.cl-collection__banner-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0a0a0a33,#0a0a0abf);pointer-events:none}.cl-collection__banner-content{position:absolute;bottom:0;left:0;right:0;padding:40px 32px}@media(min-width:990px){.cl-collection__banner-content{padding:56px 64px}}.cl-collection__header{padding:60px 32px 24px;border-bottom:1px solid var(--cl-border)}@media(min-width:990px){.cl-collection__header{padding:80px 64px 32px}}.cl-collection__title{font-family:var(--cl-font-serif);font-size:clamp(2.4rem,6vw,5rem);font-weight:400;letter-spacing:.06em;line-height:1;color:var(--cl-white);text-transform:uppercase}.cl-collection__description{font-family:var(--cl-font-mono);font-size:.875rem;letter-spacing:.06em;color:var(--cl-grey-600);margin-top:16px;max-width:560px;line-height:1.7}.cl-collection__toolbar{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;border-bottom:1px solid var(--cl-border);position:sticky;top:0;z-index:100;background:var(--cl-black);gap:16px}@media(min-width:990px){.cl-collection__toolbar{padding:16px 64px}}.cl-collection__filter-toggle{display:flex;align-items:center;gap:10px;background:none;border:1px solid var(--cl-border);color:var(--cl-white);font-family:var(--cl-font-mono);font-size:.8125rem;letter-spacing:.12em;padding:10px 20px;cursor:pointer;transition:border-color var(--cl-transition),color var(--cl-transition)}.cl-collection__filter-toggle:hover{border-color:var(--cl-border-hover)}.cl-collection__filter-toggle[aria-expanded=true]{border-color:var(--cl-white)}.cl-collection__count{font-family:var(--cl-font-mono);font-size:.8125rem;letter-spacing:.12em;color:var(--cl-grey-600);margin-left:auto}.cl-collection__sort-wrap{display:flex;align-items:center;gap:10px}.cl-collection__sort-label{font-family:var(--cl-font-mono);font-size:.8125rem;letter-spacing:.12em;color:var(--cl-grey-600);white-space:nowrap}.cl-collection__sort-select{background:transparent;border:none;border-bottom:1px solid var(--cl-border);color:var(--cl-white);font-family:var(--cl-font-mono);font-size:.8125rem;letter-spacing:.08em;padding:6px 0;cursor:pointer;outline:none;appearance:none;-webkit-appearance:none;min-width:160px}.cl-collection__sort-select option{background:var(--cl-black);color:var(--cl-white)}.cl-collection__sort-select:focus{border-bottom-color:var(--cl-white)}.cl-collection__body{display:flex;align-items:flex-start;position:relative}.cl-collection__sidebar{width:var(--cl-sidebar-width);flex-shrink:0;border-right:1px solid var(--cl-border);min-height:calc(100vh - 60px);position:sticky;top:48px;height:calc(100vh - 48px);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--cl-grey-200) transparent;transform:translate(0);transition:transform .3s ease,opacity .3s ease}.cl-collection__sidebar::-webkit-scrollbar{width:4px}.cl-collection__sidebar::-webkit-scrollbar-track{background:transparent}.cl-collection__sidebar::-webkit-scrollbar-thumb{background:var(--cl-grey-200)}@media(max-width:989px){.cl-collection__sidebar{position:fixed;top:0;left:0;height:100vh;width:300px;z-index:500;background:var(--cl-black);border-right:1px solid var(--cl-border);transform:translate(-100%);padding-top:0}.cl-collection__sidebar.is-open{transform:translate(0)}}.cl-collection__sidebar-inner{padding:28px 22px}.cl-collection__sidebar-close{display:none;background:none;border:none;color:var(--cl-white);cursor:pointer;margin-bottom:24px;padding:4px;margin-left:auto}@media(max-width:989px){.cl-collection__sidebar-close{display:flex;align-items:center;justify-content:flex-end;width:100%;padding:20px 4px 0;margin-bottom:16px}}.cl-active-filter-list{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--cl-border)}.cl-active-filter__item{display:inline-flex;align-items:center;gap:4px;font-family:var(--cl-font-mono);font-size:.75rem;letter-spacing:.08em;color:var(--cl-white);border:1px solid var(--cl-border);padding:5px 10px;text-decoration:none;transition:border-color var(--cl-transition)}.cl-active-filter__item:hover{border-color:var(--cl-white)}.cl-active-filter__clear{font-family:var(--cl-font-mono);font-size:.75rem;letter-spacing:.08em;color:var(--cl-grey-600);text-decoration:underline;text-decoration-color:var(--cl-grey-400);display:flex;align-items:center}.cl-active-filter__clear:hover{color:var(--cl-white)}.cl-filter-group{border-bottom:1px solid var(--cl-border);padding:0}.cl-filter-group__header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 0;background:none;border:none;color:var(--cl-white);font-family:var(--cl-font-mono);font-size:.8125rem;letter-spacing:.14em;cursor:pointer;text-align:left;transition:color var(--cl-transition)}.cl-filter-group__header:hover{color:var(--cl-off-white)}.cl-filter-group__icon{flex-shrink:0;transition:transform .2s ease}.cl-filter-group__header[aria-expanded=false] .cl-filter-group__icon{transform:rotate(-90deg)}.cl-filter-group__body{padding-bottom:16px}.cl-filter-option{display:flex;align-items:center;gap:10px;padding:7px 0;cursor:pointer}.cl-filter-option:hover .cl-filter-option__label{color:var(--cl-white)}.cl-filter-check{width:14px;height:14px;border:1px solid var(--cl-grey-400);background:transparent;appearance:none;-webkit-appearance:none;cursor:pointer;flex-shrink:0;position:relative;transition:border-color var(--cl-transition),background var(--cl-transition)}.cl-filter-check:checked{background:var(--cl-white);border-color:var(--cl-white)}.cl-filter-check:checked:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;background:var(--cl-black);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%)}.cl-filter-option__label{font-family:var(--cl-font-mono);font-size:.8125rem;letter-spacing:.06em;color:var(--cl-grey-600);transition:color var(--cl-transition);line-height:1.4}.cl-size-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.cl-size-option{cursor:pointer}.cl-size-option input{display:none}.cl-size-option__label{display:flex;align-items:center;justify-content:center;height:38px;border:1px solid var(--cl-border);font-family:var(--cl-font-mono);font-size:.75rem;letter-spacing:.08em;color:var(--cl-grey-600);cursor:pointer;transition:all var(--cl-transition)}.cl-size-option input:checked+.cl-size-option__label{border-color:var(--cl-white);color:var(--cl-white);background:var(--cl-grey-100)}.cl-size-option__label:hover{border-color:var(--cl-border-hover);color:var(--cl-white)}.cl-price-range{padding-bottom:4px}.cl-price-inputs{display:flex;align-items:center;gap:8px;margin-bottom:12px}.cl-price-input-wrap{display:flex;align-items:center;border-bottom:1px solid var(--cl-border);gap:4px;flex:1}.cl-price-symbol{font-family:var(--cl-font-mono);font-size:.8125rem;color:var(--cl-grey-600)}.cl-price-input{width:100%;background:transparent;border:none;color:var(--cl-white);font-family:var(--cl-font-mono);font-size:.8125rem;letter-spacing:.06em;padding:7px 0;outline:none}.cl-price-input::placeholder{color:var(--cl-grey-400)}.cl-price-separator{font-family:var(--cl-font-mono);font-size:.8125rem;color:var(--cl-grey-400);flex-shrink:0}.cl-price-apply{display:block;width:100%;background:none;border:1px solid var(--cl-border);color:var(--cl-white);font-family:var(--cl-font-mono);font-size:.8125rem;letter-spacing:.1em;padding:11px;cursor:pointer;transition:border-color var(--cl-transition),background var(--cl-transition)}.cl-price-apply:hover{border-color:var(--cl-white);background:var(--cl-grey-100)}.cl-collection__main{flex:1;min-width:0;padding:24px 32px 60px}@media(min-width:990px){.cl-collection__main{padding:24px 48px 80px 32px}}.cl-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2px}@media(min-width:768px){.cl-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:990px){.cl-grid{grid-template-columns:repeat(4,1fr)}}.cl-grid__empty{grid-column:1 / -1;text-align:center;padding:80px 20px}.cl-grid__empty p{font-family:var(--cl-font-mono);font-size:.9375rem;letter-spacing:.16em;color:var(--cl-grey-400);margin-bottom:24px}.cl-empty-link{font-family:var(--cl-font-mono);font-size:.875rem;letter-spacing:.14em;color:var(--cl-white);text-decoration:none;border-bottom:1px solid var(--cl-border);padding-bottom:2px;transition:border-color var(--cl-transition)}.cl-empty-link:hover{border-color:var(--cl-white)}.cl-card{position:relative;background:var(--cl-black);overflow:hidden}.cl-card--sold-out{opacity:.72}.cl-card__link{display:block;text-decoration:none;color:inherit;position:relative}.cl-card__media{position:relative;width:100%;aspect-ratio:3 / 4;overflow:hidden;background:var(--cl-grey-100)}.cl-card__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.cl-card__img--secondary{opacity:0;transition:opacity .4s ease}.cl-card:hover .cl-card__img--secondary{opacity:1}.cl-card:hover .cl-card__img--primary{opacity:0}.cl-card__image{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;transition:transform .6s ease}.cl-card:hover .cl-card__image{transform:scale(1.03)}.cl-card__img--placeholder{display:flex;align-items:center;justify-content:center;background:var(--cl-grey-200)}.cl-placeholder-svg{width:60%;height:auto;opacity:.2}.cl-card__soldout-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0a0a8c;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;z-index:10}.cl-card__soldout-label{font-family:var(--cl-font-mono);font-size:.75rem;letter-spacing:.2em;color:var(--cl-grey-600)}.cl-card__notify-btn{font-family:var(--cl-font-mono);font-size:.75rem;letter-spacing:.14em;color:var(--cl-white);border:1px solid rgba(255,255,255,.4);padding:8px 18px;text-decoration:none;transition:border-color var(--cl-transition),background var(--cl-transition)}.cl-card__notify-btn:hover{border-color:var(--cl-white);background:#ffffff0f}.cl-card__labels{position:absolute;top:10px;left:10px;display:flex;flex-direction:column;gap:4px;z-index:5}.cl-card__label{display:inline-block;font-family:var(--cl-font-mono);font-size:.6875rem;letter-spacing:.12em;padding:4px 8px;line-height:1}.cl-card__label--new{border:1px solid rgba(245,245,240,.5);color:var(--cl-white);background:transparent}.cl-card__label--drop{border:1px solid rgba(245,245,240,.3);color:var(--cl-grey-600);background:transparent}.cl-card__label--grail{border:1px solid rgba(180,150,90,.6);color:#b4965a;background:transparent}.cl-card__label--exclusive{border:1px solid rgba(180,150,90,.4);color:#b4965acc;background:transparent}.cl-card__label--lowstock{color:var(--cl-red);border:1px solid rgba(192,76,76,.5);background:transparent}.cl-card__hover-cta{position:absolute;bottom:0;left:0;right:0;background:#0a0a0acc;padding:13px 0;text-align:center;opacity:0;transform:translateY(100%);transition:opacity .25s ease,transform .25s ease;z-index:5}.cl-card:hover .cl-card__hover-cta{opacity:1;transform:translateY(0)}.cl-card__hover-label{font-family:var(--cl-font-mono);font-size:.8125rem;letter-spacing:.18em;color:var(--cl-white)}.cl-card__info{padding:14px 10px 12px;display:flex;flex-direction:column;justify-content:flex-start;gap:4px;background:var(--cl-black)}.cl-card__vendor{font-family:var(--cl-font-mono);font-size:.6875rem;font-weight:400;letter-spacing:.16em;color:var(--cl-grey-400);text-transform:uppercase;line-height:1.4}.cl-card__name{font-family:var(--cl-font-mono);font-size:.875rem;font-weight:400;letter-spacing:.06em;color:var(--cl-white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.cl-card__desc{font-family:var(--cl-font-mono);font-size:.75rem;color:var(--cl-grey-600);line-height:1.55;letter-spacing:.02em;margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cl-card__price{font-family:var(--cl-font-mono);font-size:.875rem;letter-spacing:.04em;display:flex;gap:8px;align-items:baseline;margin-top:4px}.cl-card__price--regular{color:var(--cl-grey-600)}.cl-card__price--sale{color:var(--cl-white)}.cl-card__price--compare{color:var(--cl-grey-400);text-decoration:line-through;font-size:.75rem}.cl-sidebar-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a0ab3;z-index:490;opacity:0;transition:opacity .3s ease}.cl-sidebar-backdrop.is-visible{display:block;opacity:1}.cl-pagination{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:60px;padding-top:40px;border-top:1px solid var(--cl-border)}.cl-pagination__btn{font-family:var(--cl-font-mono);font-size:.8125rem;letter-spacing:.1em;color:var(--cl-white);text-decoration:none;padding:11px 22px;border:1px solid var(--cl-border);transition:border-color var(--cl-transition)}.cl-pagination__btn:hover{border-color:var(--cl-white)}.cl-pagination__pages{display:flex;gap:4px;align-items:center}.cl-pagination__page{font-family:var(--cl-font-mono);font-size:.8125rem;letter-spacing:.08em;color:var(--cl-grey-600);text-decoration:none;padding:11px 15px;border:1px solid transparent;transition:all var(--cl-transition)}.cl-pagination__page:hover,.cl-pagination__page--current{color:var(--cl-white);border-color:var(--cl-border)}.cl-pagination__ellipsis{font-family:var(--cl-font-mono);font-size:.8125rem;color:var(--cl-grey-400);padding:11px 6px}.cl-card.is-hidden{display:none}@media(prefers-reduced-motion:reduce){.cl-card__image,.cl-card__img--secondary,.cl-card__hover-cta,.cl-collection__sidebar{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/clientele-collection.css.map */