.ddd-collection-browser{width:100%}.ddd-collection-toolbar{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;display:grid}.ddd-filter-toggle{color:#000;background:#fff;border:1px solid #00000021;border-radius:10px;justify-content:center;align-items:center;gap:10px;height:44px;padding:0 16px;font-size:13px;font-weight:650;transition:background-color .18s,border-color .18s,transform .18s;display:inline-flex;position:relative}.ddd-filter-toggle:hover,.ddd-filter-toggle.is-open{background:#f8f8f6;border-color:#0000004d}.ddd-filter-toggle:active{transform:scale(.985)}.ddd-filter-active-dot{background:#c8ff00;border-radius:999px;width:7px;height:7px;box-shadow:0 0 0 1px #00000021}.ddd-live-search-wrap{justify-self:center;width:min(100%,640px);position:relative}.ddd-live-search{color:#000;background:#fff;border:1px solid #00000024;border-radius:999px;width:100%;height:44px;padding:0 48px;font-size:13px;font-weight:500;transition:border-color .18s,background-color .18s;box-shadow:none!important;outline:none!important}.ddd-live-search::placeholder{color:#00000057}.ddd-live-search:hover{border-color:#00000047}.ddd-live-search:focus-visible{outline-offset:2px;border-color:#0000007a!important;outline:2px solid #64748b!important;box-shadow:0 0 0 3px #0f172a14!important}.ddd-search-loading{border:1.5px solid #00000026;border-top-color:#000;border-radius:999px;width:14px;height:14px;margin-top:-7px;animation:.65s linear infinite ddd-catalog-spin;position:absolute;top:50%;right:18px}@keyframes ddd-catalog-spin{to{transform:rotate(360deg)}}.ddd-collection-toolbar-end{justify-content:flex-end;align-items:center;gap:12px;display:flex}.ddd-sort-control{align-items:center;gap:8px;display:flex}.ddd-sort-control>span{white-space:nowrap;color:#0000008a;font-size:12px;font-weight:500}.ddd-view-buttons{align-items:center;gap:8px;display:flex}.ddd-view-buttons button{color:#000;background:#fff;border:1px solid #0000001f;border-radius:10px;place-items:center;width:42px;height:42px;transition:opacity .16s,background-color .16s;display:grid}.ddd-view-buttons button.is-active{color:#fff;background:#000;border-color:#000}.ddd-view-buttons button:disabled{cursor:default;opacity:.38}.ddd-collection-layout{grid-template-columns:minmax(0,1fr);margin-top:28px;display:grid}.ddd-collection-sidebar{opacity:0;pointer-events:none;max-height:0;transition:max-height .32s cubic-bezier(.2,.75,.3,1),opacity .22s,transform .32s cubic-bezier(.2,.75,.3,1),margin .32s;overflow:hidden;transform:translateY(-8px)}.ddd-collection-layout.is-filter-open .ddd-collection-sidebar{opacity:1;pointer-events:auto;max-height:1800px;margin-bottom:26px;transform:translateY(0)}.ddd-collection-sidebar-inner{border:1px solid #00000014;border-radius:14px;padding:20px}.ddd-product-results{min-width:0;transition:opacity .18s,transform .22s}.ddd-product-results.is-loading{opacity:.66;transform:translateY(2px)}.ddd-product-result-count{color:#000;justify-content:space-between;align-items:flex-start;min-height:30px;margin-bottom:12px;font-size:13px;font-weight:650;display:flex}@media (min-width:1024px){.ddd-collection-layout{grid-template-columns:0 minmax(0,1fr);column-gap:0;transition:grid-template-columns .34s cubic-bezier(.2,.75,.3,1),column-gap .34s cubic-bezier(.2,.75,.3,1)}.ddd-collection-layout.is-filter-open{grid-template-columns:210px minmax(0,1fr);column-gap:32px}.ddd-collection-sidebar{opacity:0;border-right:1px solid #0000;width:100%;max-height:none;transition:opacity .22s,transform .34s cubic-bezier(.2,.75,.3,1),border-color .22s;overflow:hidden;transform:translate(-16px)}.ddd-collection-layout.is-filter-open .ddd-collection-sidebar{opacity:1;border-right-color:#00000014;max-height:none;margin-bottom:0;transform:translate(0)}.ddd-collection-sidebar-inner{border:0;border-radius:0;padding:0 28px 0 0}}@media (max-width:1023px){.ddd-collection-toolbar{grid-template-columns:auto minmax(0,1fr)}.ddd-live-search-wrap{width:100%;max-width:none}.ddd-collection-toolbar-end{grid-column:1/-1;justify-content:space-between}}@media (max-width:639px){.ddd-collection-toolbar{grid-template-columns:1fr;gap:12px}.ddd-filter-toggle{width:100%}.ddd-live-search-wrap{grid-row:1}.ddd-collection-toolbar-end{flex-wrap:wrap;grid-column:auto}.ddd-sort-control{flex:1}.ddd-sort-control>span{display:none}.ddd-sort-control>div{width:100%}.ddd-view-buttons{display:none}}@media (prefers-reduced-motion:reduce){.ddd-collection-layout,.ddd-collection-sidebar,.ddd-product-results,.ddd-filter-toggle,.ddd-live-search{transition-duration:.01ms!important}}
