.lj-collection{max-width:var(--maxw);margin:0 auto;padding:var(--sp-7) var(--gutter) var(--sp-9)}.lj-collection-banner{margin-bottom:30px}.lj-collection-banner .lj-pimg{width:100%}.lj-collection-head{margin-bottom:26px}.lj-collection-title{color:var(--ink);font-size:clamp(2.2rem,4vw,3.6rem);margin:12px 0 0}.lj-collection-desc{font-family:var(--font-sans);font-size:15px;line-height:1.6;color:var(--ink-2);max-width:620px;margin-top:14px}.lj-filter-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;padding-bottom:22px;border-bottom:1px solid var(--line);margin-bottom:34px}.lj-filter-chips{display:flex;gap:8px;flex-wrap:wrap}.lj-chip{font-family:var(--font-sans);font-weight:600;font-size:12px;letter-spacing:.06em;text-transform:uppercase;padding:9px 16px;border-radius:var(--r-pill);border:1px solid var(--line-2);background:var(--white);color:var(--ink);cursor:pointer;transition:all var(--dur-fast) var(--ease-out);display:inline-block}.lj-chip.is-active{border-color:var(--ink);background:var(--ink);color:var(--bone)}.lj-filter-meta{display:flex;align-items:center;gap:18px}.lj-filter-count{font-size:11px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.1em}.lj-filter-toggle{display:inline-flex;align-items:center;gap:7px;position:relative;background:none;border:1px solid var(--line-2);border-radius:var(--r-pill);padding:9px 16px;cursor:pointer;font-family:var(--font-sans);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink)}.lj-filter-toggle:hover{border-color:var(--ink)}.lj-filter-count-badge{background:var(--clay);color:#fff;border-radius:var(--r-pill);font-family:var(--font-mono);font-size:10px;min-width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;padding:0 4px}.lj-sort-select-wrap{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-sans);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--ink)}.lj-sort-select{border:none;background:none;font-family:var(--font-sans);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink);cursor:pointer}.lj-collection-grid{display:grid;grid-template-columns:repeat(var(--grid-cols-desktop, 4),1fr);gap:18px}.lj-collection-empty{padding:80px 0;text-align:center;font-family:var(--font-sans);color:var(--ink-3)}.lj-filter-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;visibility:hidden;pointer-events:none}.lj-filter-drawer.is-open{visibility:visible;pointer-events:auto}.lj-filter-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#19180f66;opacity:0;transition:opacity var(--dur-base) var(--ease-out)}.lj-filter-drawer.is-open .lj-filter-drawer-backdrop{opacity:1}.lj-filter-drawer-panel{position:fixed;top:0;right:0;height:100%;width:min(380px,90vw);background:var(--bone);display:flex;flex-direction:column;transform:translate(100%);transition:transform var(--dur-base) var(--ease-out);box-shadow:var(--shadow-lg)}.lj-filter-drawer.is-open .lj-filter-drawer-panel{transform:translate(0)}.lj-filter-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:22px var(--sp-5);border-bottom:1px solid var(--line)}.lj-filter-drawer-body{flex:1;overflow-y:auto;padding:var(--sp-5)}.lj-filter-group{padding-bottom:22px;margin-bottom:22px;border-bottom:1px solid var(--line)}.lj-filter-group:last-child{border-bottom:none}.lj-filter-group-label{font-family:var(--font-sans);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink);margin-bottom:14px}.lj-filter-options{display:flex;flex-direction:column;gap:12px}.lj-filter-checkbox{display:flex;align-items:center;gap:10px;cursor:pointer;font-family:var(--font-sans);font-size:14px;color:var(--ink-2)}.lj-filter-checkbox.is-disabled{opacity:.4;cursor:not-allowed}.lj-filter-value-count{color:var(--ink-4);font-size:12px}.lj-filter-price-inputs .lj-filter-price-form{display:flex;align-items:center;gap:8px}.lj-filter-price-inputs input{width:70px;border:1px solid var(--line-2);padding:8px 10px;font-family:var(--font-mono);font-size:13px;background:var(--white)}.lj-filter-drawer-footer{padding:var(--sp-5);border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}@media(max-width:899px){.lj-collection{padding:24px var(--gutter) 44px}.lj-collection-grid{grid-template-columns:repeat(var(--grid-cols-mobile, 2),1fr);gap:14px}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/component-collection.css.map */