.dj-col__head{padding:24px 0 8px}.dj-col__title{margin:0;color:var(--dj-text-strong, #1e1e1e);font-family:var(--font-body-family);font-size:28px;font-weight:500;line-height:1.2;letter-spacing:0;text-transform:uppercase}.dj-col__desc{max-width:820px;margin-top:8px;color:#000;font-size:15px;line-height:1.5}.dj-col__bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 -1.5rem;padding:12px 1.5rem;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9}.dj-col__bar-btn{display:inline-flex;align-items:center;gap:8px;padding:6px 0;border:0;background:transparent;color:var(--dj-text-strong, #1e1e1e);font-family:var(--font-body-family);font-size:16px;font-weight:500;letter-spacing:0;text-transform:uppercase;cursor:pointer}.dj-col__sort{position:relative;z-index:2}.dj-col__sort [data-dj-sort-toggle] svg{transition:transform .2s ease}.dj-col__sort [aria-expanded=true] svg{transform:rotate(180deg)}.dj-col__sort-list{position:absolute;top:calc(100% + 8px);right:0;z-index:2;min-width:240px;margin:0;padding:8px 0;border:1px solid #d9d9d9;background:#fff;box-shadow:0 12px 24px #00000014;list-style:none}.dj-col__sort-list[hidden]{display:none}.dj-col__sort-opt{display:block;width:100%;padding:10px 16px;border:0;background:transparent;color:#1e1e1e;font-family:var(--font-body-family);font-size:14px;text-align:left;cursor:pointer}.dj-col__sort-opt:hover{background:#f7f7f7}.dj-col__sort-opt.is-active{font-weight:600}.dj-col__chips{display:flex;flex-wrap:wrap;gap:8px;padding-top:16px}.dj-col__chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid #d9d9d9;border-radius:999px;color:#1e1e1e;font-size:13px;text-decoration:none}.dj-col__chip:hover{border-color:#1e1e1e}.dj-col__chip--clear{border-color:transparent;text-decoration:underline;text-underline-offset:3px}.dj-col__grid{padding-top:24px}.dj-col__more{display:flex;flex-direction:column;align-items:center;gap:16px;padding:16px 0 8px;text-align:center}.dj-col__count{margin:0;color:#000;font-size:13px;letter-spacing:1px;text-transform:uppercase}.dj-col__progress{width:200px;height:2px;background:#e5e5e5}.dj-col__progress span{display:block;height:100%;background:#1e1e1e;transition:width .3s ease}.dj-col__load{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:220px;height:44px;padding:0 24px;background:#1e1e1e;color:#fff;font-size:14px;letter-spacing:2px;text-decoration:none;text-transform:uppercase}.dj-col__load.is-loading span:first-child{opacity:0}.dj-col__spinner{position:absolute;width:18px;height:18px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;opacity:0;animation:djColSpin .7s linear infinite}.dj-col__load.is-loading .dj-col__spinner{opacity:1}@keyframes djColSpin{to{transform:rotate(360deg)}}.dj-col__top{display:inline-flex;align-items:center;gap:6px;padding:8px;border:0;background:transparent;color:#1e1e1e;font-family:var(--font-body-family);font-size:13px;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer}.dj-col__empty{padding:64px 0;text-align:center;font-size:16px}.dj-flt__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#00000080}.dj-flt__overlay[hidden]{display:none}.dj-flt{position:fixed;top:0;left:0;z-index:1001;width:min(420px,100%);height:100%;background:#fff;color:#1e1e1e;font-family:var(--font-body-family);transform:translate(-100%);transition:transform .35s cubic-bezier(.4,0,.2,1)}.dj-flt.is-open{transform:translate(0)}.dj-flt__form{display:flex;flex-direction:column;height:100%}.dj-flt__head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #d9d9d9;font-size:16px;font-weight:500;letter-spacing:2px;text-transform:uppercase}.dj-flt__close{display:flex;padding:4px;border:0;background:transparent;color:#1e1e1e;cursor:pointer}.dj-flt__body{flex:1;overflow-y:auto;padding:0 20px}.dj-flt__group{border-bottom:1px solid #e5e5e5}.dj-flt__group summary{display:flex;align-items:center;justify-content:space-between;padding:16px 0;font-size:15px;font-weight:500;list-style:none;cursor:pointer}.dj-flt__group summary::-webkit-details-marker{display:none}.dj-flt__group summary svg{transition:transform .2s ease}.dj-flt__group[open] summary svg{transform:rotate(180deg)}.dj-flt__values{display:flex;flex-direction:column;gap:12px;max-height:300px;padding-bottom:16px;overflow-y:auto}.dj-flt__check{position:relative;display:flex;align-items:center;gap:10px;font-size:14px;cursor:pointer}.dj-flt__check input{position:absolute;opacity:0;pointer-events:none}.dj-flt__box{position:relative;flex-shrink:0;width:18px;height:18px;border:1px solid #9e9e9e;background:#fff}.dj-flt__check input:checked+.dj-flt__box{border-color:#1e1e1e;background:#1e1e1e}.dj-flt__check input:checked+.dj-flt__box:after{content:"";position:absolute;top:2px;left:5px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.dj-flt__check input:focus-visible+.dj-flt__box{outline:2px solid #1e1e1e;outline-offset:2px}.dj-flt__check.is-disabled{opacity:.4;cursor:not-allowed}.dj-flt__n{color:#9e9e9e}.dj-flt__price{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dj-flt__price label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#000}.dj-flt__price input{height:40px;padding:0 10px;border:1px solid #d9d9d9;font-family:inherit;font-size:14px}.dj-flt__foot{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px 20px 20px;border-top:1px solid #d9d9d9}.dj-flt__btn{display:flex;align-items:center;justify-content:center;height:48px;border:1px solid #1e1e1e;background:#fff;color:#1e1e1e;font-family:var(--font-body-family);font-size:14px;letter-spacing:2px;text-decoration:none;text-transform:uppercase;cursor:pointer}.dj-flt__btn--dark{background:#1e1e1e;color:#fff}@media screen and (min-width:750px){.dj-col__bar{margin:0;padding:24px 0 0;border:0}.dj-col__head{padding-top:32px}.dj-col__title{font-size:36px}}@media screen and (max-width:749px){.dj-col__title{font-size:20px}.dj-col__desc{font-size:13px}.dj-col__bar{max-width:100vw}.dj-col__bar-btn{font-size:13px}.dj-col__sort-list{min-width:200px;max-width:calc(100vw - 32px)}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/dj-collection.css.map */