.cj-coll{width:100%;max-width:var(--cj-container);padding-inline:var(--cj-space-4);padding-block:var(--cj-space-5);margin-inline:auto}.cj-coll__header{margin-bottom:var(--cj-space-4)}.cj-coll__title{color:var(--cj-text);margin:0 0 4px;font-size:clamp(20px,2.6vw,28px);font-weight:800}.cj-coll__count{color:var(--cj-muted);margin:0;font-size:14px}.cj-coll__body{gap:var(--cj-space-5);grid-template-columns:1fr;align-items:start;display:grid}@media (min-width:1024px){.cj-coll__body{grid-template-columns:250px 1fr}}.cj-coll__sidebar{background:var(--cj-bg,#fff);border:1.5px solid var(--cj-border);border-radius:var(--cj-radius);padding:var(--cj-space-4);top:calc(96px + var(--cj-space-3));display:none;position:sticky}@media (min-width:1024px){.cj-coll__sidebar{display:block}}.cj-coll__sidebar-title{color:var(--cj-text);margin-bottom:var(--cj-space-3);padding-bottom:var(--cj-space-3);border-bottom:1px solid var(--cj-border);font-size:16px;font-weight:800}.cj-coll__filter-inner{gap:var(--cj-space-4);flex-direction:column;display:flex}.cj-coll__filter-group{gap:var(--cj-space-2);flex-direction:column;display:flex}.cj-coll__filter-label{color:var(--cj-text);margin-bottom:2px;font-size:14px;font-weight:700}.cj-coll__check-row{color:var(--cj-text);cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.cj-coll__check-row input[type=checkbox]{width:16px;height:16px;accent-color:var(--cj-blue);cursor:pointer}.cj-coll__type-seg{border:1.5px solid var(--cj-border);border-radius:var(--cj-radius);grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.cj-coll__type-btn{appearance:none;border:0;border-inline-start:1px solid var(--cj-border);background:var(--cj-bg);color:var(--cj-text-soft);cursor:pointer;transition:background-color var(--cj-transition), color var(--cj-transition);padding:9px 4px;font-family:inherit;font-size:14px;font-weight:600}.cj-coll__type-btn:first-child{border-inline-start:0}.cj-coll__type-btn:hover{background:var(--cj-blue-light)}.cj-coll__type-btn.is-active{background:var(--cj-blue);color:#fff}.cj-coll__type-n{opacity:.7;font-size:12px;font-weight:600}.cj-coll__brand-logos{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.cj-coll__brand-logo{background:var(--cj-bg,#fff);border:1.5px solid var(--cj-border,#d3d3d3);border-radius:var(--cj-radius,3px);cursor:pointer;height:48px;transition:border-color var(--cj-transition,.25s), box-shadow var(--cj-transition,.25s);justify-content:center;align-items:center;padding:6px 8px;display:flex}.cj-coll__brand-logo img{object-fit:contain;filter:grayscale(.35);max-width:100%;max-height:30px;transition:filter var(--cj-transition,.25s)}.cj-coll__brand-logo:hover{border-color:var(--cj-blue,#4d52a4)}.cj-coll__brand-logo:hover img{filter:grayscale(0)}.cj-coll__brand-logo.is-active{border-color:var(--cj-blue,#4d52a4);box-shadow:0 0 0 1px var(--cj-blue,#4d52a4) inset}.cj-coll__brand-logo.is-active img{filter:grayscale(0)}.cj-coll__brand-logo-txt{color:var(--cj-text,#000);font-size:13px;font-weight:700}.cj-coll__clear-filters{color:var(--cj-blue);cursor:pointer;transition:color var(--cj-transition);background:0 0;border:0;align-self:flex-start;padding:0;font-size:13px;font-weight:600;text-decoration:underline}.cj-coll__clear-filters:hover{color:var(--cj-blue-dark,#3d4288)}.cj-coll__main{gap:var(--cj-space-4);flex-direction:column;min-width:0;display:flex}.cj-coll__toolbar{align-items:center;gap:var(--cj-space-3);background:var(--cj-bg,#fff);border:1.5px solid var(--cj-border);border-radius:var(--cj-radius);flex-wrap:wrap;padding:10px 14px;display:flex}.cj-coll__filter-btn{background:var(--cj-blue);color:#fff;border-radius:var(--cj-radius);cursor:pointer;border:0;align-items:center;gap:6px;height:38px;padding:0 14px;font-size:14px;font-weight:600;display:none}.cj-coll__sort-label{color:var(--cj-muted);align-items:center;gap:8px;margin-inline-end:auto;font-size:14px;display:flex}.cj-coll__sort-select{border:1.5px solid var(--cj-border);border-radius:var(--cj-radius);height:38px;color:var(--cj-text);background:var(--cj-bg,#fff);cursor:pointer;transition:border-color var(--cj-transition);outline:none;padding:0 10px;font-family:inherit;font-size:14px}.cj-coll__sort-select:focus{border-color:var(--cj-blue)}.cj-coll__view-toggle{gap:4px;display:flex}.cj-coll__view-btn{border:1.5px solid var(--cj-border);border-radius:var(--cj-radius);background:var(--cj-bg,#fff);width:38px;height:38px;color:var(--cj-muted);cursor:pointer;transition:background-color var(--cj-transition), color var(--cj-transition), border-color var(--cj-transition);justify-content:center;align-items:center;display:flex}.cj-coll__view-btn:hover,.cj-coll__view-btn.is-active{background:var(--cj-blue);border-color:var(--cj-blue);color:#fff}.cj-coll__grid-wrap>.cj-pgrid{max-width:none;padding:0}.cj-coll__empty{text-align:center;padding:var(--cj-space-7) var(--cj-space-4);background:var(--cj-bg,#fff);border:1.5px dashed var(--cj-border);border-radius:var(--cj-radius);color:var(--cj-muted);align-items:center;gap:var(--cj-space-3);flex-direction:column;display:flex}.cj-coll__drawer-overlay{z-index:var(--cj-z-drawer,1000);opacity:0;background:#00000073;transition:opacity .25s;display:none;position:fixed;inset:0}.cj-coll__drawer-overlay.is-open{opacity:1;display:block}.cj-coll__drawer{inset-block:0;background:var(--cj-bg,#fff);width:min(320px,88vw);z-index:calc(var(--cj-z-drawer,1000) + 1);padding:var(--cj-space-4);box-shadow:var(--cj-shadow-lg);transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;left:auto;right:0;overflow-y:auto;transform:translate(100%)}[dir=rtl] .cj-coll__drawer{transform:translate(100%)}.cj-coll__drawer.is-open{transform:translate(0)}.cj-coll__drawer-head{margin-bottom:var(--cj-space-4);padding-bottom:var(--cj-space-3);border-bottom:1px solid var(--cj-border);justify-content:space-between;align-items:center;display:flex}.cj-coll__drawer-title{color:var(--cj-text);font-size:16px;font-weight:800}.cj-coll__drawer-close{width:32px;height:32px;color:var(--cj-muted);cursor:pointer;border-radius:var(--cj-radius);background:0 0;border:0;font-size:18px}.cj-coll__drawer-close:hover{background:var(--cj-bg-gray);color:var(--cj-text)}@media (max-width:1023px){.cj-coll__filter-btn{display:inline-flex}}@media (min-width:1024px){.cj-coll__drawer,.cj-coll__drawer-overlay{display:none!important}}@media (max-width:479px){.cj-coll__sort-label span,.cj-coll__view-toggle{display:none}}.cj-coll__loadmore{text-align:center;color:var(--cj-muted,#666);padding:20px 0;font-size:.92rem;font-weight:600}.cj-coll__loadmore-btn{color:var(--cj-blue,#4d52a4);cursor:pointer;background:#fff;border:1px solid #4d52a44d;border-radius:500px;margin:16px auto 4px;padding:11px 26px;font-size:.92rem;font-weight:800;transition:background-color .2s,color .2s,transform .2s,box-shadow .3s;display:block}.cj-coll__loadmore-btn:hover{background:var(--cj-blue,#4d52a4);color:#fff;transform:translateY(-1px);box-shadow:0 10px 22px #4d52a447}