main.collection-page{--cl-radius:8px;--cl-radius-sm:4px;color:var(--st-ink)}main.collection-page .cl-progress{display:block;width:100%;max-width:var(--st-content-max,1136px);height:2px;background:linear-gradient(90deg,transparent,var(--st-primary) 50%,transparent);transform:scaleX(0);transform-origin:left;transition:transform .25s ease;margin:0 auto var(--st-sp-4);padding:0;box-sizing:border-box;border-radius:2px}main.collection-page .cl-progress.is-active{transform:scaleX(1)}main.collection-page .cl-layout{--cl-edge-gap:clamp(var(--st-sp-4),2vw,var(--st-sp-6));--cl-rail-width:240px;--cl-rail-gap:var(--st-sp-6);--cl-content-edge:max(var(--st-gutter,24px),calc((100% - var(--st-content-max, 1136px)) / 2));--cl-rail-start:max(var(--cl-edge-gap),calc(var(--cl-content-edge) - var(--cl-rail-width) - var(--cl-rail-gap)));--cl-results-start:max(var(--cl-content-edge),calc(var(--cl-rail-start) + var(--cl-rail-width) + var(--cl-rail-gap)));width:calc(100% + (var(--st-gutter, 24px) * 2));max-width:none;margin-inline:calc(var(--st-gutter, 24px) * -1);padding:0;box-sizing:border-box;display:grid;grid-template-columns:var(--cl-rail-start) var(--cl-rail-width) calc(var(--cl-results-start) - var(--cl-rail-start) - var(--cl-rail-width)) minmax(0,calc(100% - var(--cl-results-start) - var(--cl-content-edge))) var(--cl-content-edge);grid-gap:0;gap:0;align-items:start}@media (max-width:900px){main.collection-page .cl-layout{width:100%;max-width:var(--st-content-max,1136px);margin:0 auto;grid-template-columns:1fr;gap:var(--st-sp-4)}}main.collection-page .cl-rail{grid-column:2;border:1px solid var(--st-line-strong);border-radius:var(--cl-radius);background:var(--st-bg);padding:var(--st-sp-2) 0;position:-webkit-sticky;position:sticky;top:calc(var(--header-h) + 35px);max-height:calc(100vh - var(--header-h) - 24px);overflow-y:auto}@media (max-width:900px){main.collection-page .cl-rail{display:none}}main.collection-page .cl-filter-head{display:flex;align-items:center;justify-content:space-between;padding:var(--st-sp-4) var(--st-sp-4) var(--st-sp-3);border-bottom:1px solid var(--st-line)}main.collection-page .cl-filter-title{font-weight:700;font-size:16px;margin:0;color:var(--st-ink)}main.collection-page .cl-filter-clear{border:0;background:transparent;color:var(--st-primary);font-size:12px;font-weight:700;text-decoration:underline;cursor:pointer;padding:var(--st-sp-1) var(--st-sp-2)}main.collection-page .cl-filter-clear:hover{filter:brightness(.85)}main.collection-page .cl-drawer .cl-filter-clear{margin-right:var(--st-sp-7)}main.collection-page .cl-acc{border-bottom:1px solid var(--st-line)}main.collection-page .cl-acc:last-of-type{border-bottom:0}main.collection-page .cl-acc summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:var(--st-sp-4) var(--st-sp-4);font-weight:700;font-size:14px;color:var(--st-ink);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}main.collection-page .cl-acc summary::-webkit-details-marker{display:none}main.collection-page .cl-acc summary::marker{display:none}main.collection-page .cl-acc-caret{color:var(--st-mute);transition:transform .2s ease;display:inline-block;font-size:14px}main.collection-page .cl-acc[open] .cl-acc-caret{transform:rotate(180deg)}main.collection-page .cl-acc-body{padding:0 var(--st-sp-4) var(--st-sp-4);display:flex;flex-direction:column;gap:var(--st-sp-1)}main.collection-page .cl-opt{display:flex;align-items:center;gap:var(--st-sp-3);padding:var(--st-sp-2) 0;font-size:13px;color:var(--st-ink-soft);cursor:pointer;transition:color .15s ease}main.collection-page .cl-opt:hover{color:var(--st-ink)}main.collection-page .cl-opt input[type=checkbox],main.collection-page .cl-opt input[type=radio]{width:16px;height:16px;accent-color:var(--st-primary);cursor:pointer;flex-shrink:0}main.collection-page .cl-opt-label{flex:1 1;min-width:0}main.collection-page .cl-opt-count{flex-shrink:0;font-size:11px;font-weight:600;color:var(--st-mute);background:var(--st-bg-tint);padding:var(--st-sp-px) var(--st-sp-2);border-radius:999px;min-width:22px;text-align:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}main.collection-page .cl-results{grid-column:4;min-width:0;width:100%}@media (max-width:900px){main.collection-page .cl-results{grid-column:1}}main.collection-page .cl-search-result{display:flex;align-items:center;justify-content:space-between;gap:var(--st-sp-3);padding:var(--st-sp-4) var(--st-sp-4);margin-bottom:var(--st-sp-3);border:1px solid var(--st-line-strong);border-radius:var(--cl-radius);background:var(--st-bg)}main.collection-page .cl-search-result-text{min-width:0;font-size:15px;font-weight:700;color:var(--st-ink)}main.collection-page .cl-search-result-term{word-break:break-word}main.collection-page .cl-search-result-clear{flex-shrink:0;display:inline-flex;align-items:center;gap:var(--st-sp-2);min-height:34px;padding:0 var(--st-sp-3);border:1px solid var(--st-line-strong);border-radius:999px;background:var(--st-bg);color:var(--st-ink);font-size:12px;font-weight:700;text-decoration:none;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}main.collection-page .cl-search-result-clear:hover{border-color:var(--st-ink);background:var(--st-bg-tint)}main.collection-page .cl-search-result-clear svg{width:13px;height:13px}main.collection-page .cl-toolbar{display:flex;align-items:center;gap:var(--st-sp-3);padding:var(--st-sp-4) 0;border-bottom:1px solid var(--st-line-strong);margin-bottom:var(--st-sp-5)}main.collection-page .cl-mobile-filter{display:none;position:relative;border:1px solid var(--st-line-strong);background:var(--st-bg);color:var(--st-ink);font-size:13px;font-weight:700;min-height:42px;padding:0 var(--st-sp-3);border-radius:var(--cl-radius-sm);cursor:pointer;flex:0 0 auto;gap:var(--st-sp-2);white-space:nowrap}main.collection-page .cl-mobile-filter-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}main.collection-page .cl-mobile-filter-icon svg{width:15px;height:15px;stroke-width:2.2}main.collection-page .cl-mobile-filter-dot{position:absolute;top:4px;right:4px;width:8px;height:8px;background:var(--st-primary);border-radius:50%}@media (max-width:900px){main.collection-page .cl-mobile-filter{display:inline-flex;align-items:center}}main.collection-page .cl-count{font-size:13px;color:var(--st-ink-soft);margin-right:auto}main.collection-page .cl-sort{--st-select-h:42px;position:relative;display:inline-flex;align-items:center;font-size:14px;line-height:1;white-space:nowrap}main.collection-page .cl-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--st-sp-5) var(--st-sp-5);gap:var(--st-sp-5) var(--st-sp-5);transition:opacity .15s ease}main.collection-page .cl-grid.is-loading{opacity:.55;pointer-events:none}@media (max-width:1100px){main.collection-page .cl-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:700px){main.collection-page .cl-grid{grid-template-columns:repeat(2,1fr);gap:var(--st-sp-4) var(--st-sp-3)}}main.collection-page .cl-pagination{justify-content:center;margin:var(--st-sp-7) 0 var(--st-sp-3)}main.collection-page .cl-empty{padding:var(--st-sp-7) var(--st-sp-4);text-align:center}main.collection-page .cl-empty h2{font-weight:700;font-size:22px;margin:0 0 var(--st-sp-2);color:var(--st-ink)}main.collection-page .cl-empty p{font-size:14px;color:var(--st-ink-soft);margin:0 0 var(--st-sp-5)}main.collection-page .cl-empty-cta{background:var(--st-primary);color:#fff;border:0;font-size:14px;font-weight:800;padding:var(--st-sp-3) var(--st-sp-6);border-radius:999px;cursor:pointer;transition:background .15s ease}main.collection-page .cl-empty-cta:hover{filter:brightness(.92)}main.collection-page .cl-empty-suggest{margin-top:var(--st-sp-7);text-align:left}main.collection-page .cl-empty-suggest h3{font-weight:700;font-size:18px;margin:0 0 var(--st-sp-4);color:var(--st-ink)}main.collection-page .cl-drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:80;animation:cl-fade .2s ease}main.collection-page .cl-drawer{position:fixed;top:0;bottom:0;left:0;width:min(360px,86vw);background:var(--st-bg);z-index:90;display:flex;flex-direction:column;box-shadow:8px 0 32px rgba(0,0,0,.15);animation:cl-slide-in .25s ease}@keyframes cl-fade{0%{opacity:0}to{opacity:1}}@keyframes cl-slide-in{0%{transform:translateX(-100%)}to{transform:translateX(0)}}main.collection-page .cl-drawer-close{position:absolute;top:10px;right:10px;width:36px;height:36px;border:0;background:transparent;color:var(--st-ink);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;z-index:2}main.collection-page .cl-drawer-close:hover{background:var(--st-bg-tint)}main.collection-page .cl-drawer-close svg{width:16px;height:16px}main.collection-page .cl-drawer-body{flex:1 1;overflow-y:auto;padding-top:var(--st-sp-2)}main.collection-page .cl-drawer-foot{padding:var(--st-sp-4) var(--st-sp-4);border-top:1px solid var(--st-line-strong);background:var(--st-bg)}main.collection-page .cl-drawer-done{width:100%;background:var(--st-primary);color:#fff;border:0;font-size:14px;font-weight:800;padding:var(--st-sp-3);border-radius:999px;cursor:pointer;transition:background .15s ease}main.collection-page .cl-drawer-done:hover{filter:brightness(.92)}