.hk-scope .collection-head{margin-top:24px}.hk-scope .collection-title{font-family:var(--font-serif);font-weight:600;font-size:42px;line-height:1.15;letter-spacing:-.5px;color:var(--ink);margin-top:18px}.hk-scope .collection-count{margin-top:6px}.hk-scope .collection-intro{margin-top:12px;max-width:640px;font-size:16px;line-height:1.6;color:var(--ink-2)}.hk-scope .collection-tiles{margin-top:36px;display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.hk-scope .collection-tile{display:flex;flex-direction:column;align-items:center;background:var(--canvas);border-radius:var(--radius);padding:20px 12px 16px;text-decoration:none;color:var(--ink);box-shadow:var(--shadow-soft);transition:box-shadow .15s ease}.hk-scope .collection-tile:hover{box-shadow:var(--shadow-card);color:var(--ink)}.hk-scope .collection-tile-media{height:104px;width:100%;display:flex;align-items:center;justify-content:center}.hk-scope .collection-tile-media img{max-height:100%;max-width:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .25s ease}.hk-scope .collection-tile:hover .collection-tile-media img{transform:scale(1.03)}.hk-scope .collection-tile-label{margin-top:14px;font-weight:600;font-size:14px;line-height:1.3;text-align:center}.hk-scope .collection-filterbar{position:sticky;top:168px;z-index:90;margin-top:28px;background:var(--paper);border-bottom:1px solid transparent;transition:border-color .2s ease}.hk-scope .collection-filterbar.is-stuck{border-bottom-color:var(--line)}.hk-scope .collection-filterbar-inner{position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding-block:12px}.hk-scope .collection-divider{width:1px;height:24px;background:var(--line);margin:0 6px;flex:none}.hk-scope .collection-filter{position:relative}.hk-scope .collection-filter-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid var(--line);border-radius:var(--radius-pill);background:#fff;font-weight:500;font-size:14px;line-height:1.4;color:var(--ink);cursor:pointer;white-space:nowrap;transition:border-color .15s ease,background-color .15s ease,color .15s ease}.hk-scope .collection-filter-btn:hover{border-color:var(--line-2)}.hk-scope .collection-filter.is-open .collection-filter-btn{border-color:var(--blue)}.hk-scope .collection-filter-btn.is-applied{background:var(--blue-tint);border-color:var(--blue);color:var(--blue-deep)}.hk-scope .collection-filter-caret{width:10px;height:7px;flex:none;transition:transform .15s ease}.hk-scope .collection-filter.is-open .collection-filter-caret{transform:rotate(180deg)}.hk-scope .collection-filter-panel{display:none;position:absolute;top:calc(100% + 8px);left:0;min-width:224px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-pop);padding:8px 0;z-index:20}.hk-scope .collection-filter.is-open .collection-filter-panel{display:block}.hk-scope .collection-option{display:flex;align-items:center;gap:10px;padding:8px 16px;font-weight:500;font-size:14px;color:var(--ink);cursor:pointer}.hk-scope .collection-option:hover{background:var(--canvas)}.hk-scope .collection-option input{accent-color:var(--blue);width:16px;height:16px;margin:0;flex:none}.hk-scope .collection-filter-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:6px;padding:10px 16px 6px;border-top:1px solid var(--line)}.hk-scope .collection-clear{font-weight:600;font-size:14px;color:var(--ink-2)}.hk-scope .collection-clear:hover{color:var(--blue)}.hk-scope .collection-stock{display:inline-flex;align-items:center;gap:8px;margin-left:auto;font-weight:500;font-size:14px;color:var(--ink-3);cursor:default;white-space:nowrap}.hk-scope .collection-stock-switch{position:relative;width:36px;height:20px;border-radius:var(--radius-pill);background:var(--blue);opacity:.45;flex:none}.hk-scope .collection-stock-knob{position:absolute;top:2px;right:2px;width:16px;height:16px;border-radius:50%;background:#fff}.hk-scope .collection-filterbar-count{font-weight:500;font-size:13px;color:var(--ink-2);margin-left:16px;white-space:nowrap}.hk-scope .collection-grid-wrap{margin-top:32px}.hk-scope .collection-guide-media{aspect-ratio:1;border-radius:var(--radius);box-shadow:var(--shadow-soft);margin-bottom:12px;transition:box-shadow .15s ease}.hk-scope .collection-guide:hover .collection-guide-media{box-shadow:var(--shadow-card)}.hk-scope .collection-guide .kicker{display:block;margin-bottom:4px}.hk-scope .collection-guide-link{margin-top:6px;font-weight:600;font-size:14px;color:var(--blue)}.hk-scope .collection-guide:hover .collection-guide-link{color:var(--blue-deep);text-decoration:underline}.hk-scope .collection-more{margin-top:44px;text-align:center}.hk-scope .collection-more .meta-sm{margin-bottom:16px}.hk-scope .collection-seo{margin-top:var(--section-gap);max-width:720px}.hk-scope .collection-seo h2{font-family:var(--font-serif);font-weight:600;font-size:24px;line-height:1.25;color:var(--ink);margin-bottom:14px}.hk-scope .collection-seo p{font-size:15px;line-height:1.7;color:var(--ink-2)}.hk-scope .collection-seo p+p{margin-top:14px}@media(max-width:1024px){.hk-scope .collection-tiles{gap:12px}.hk-scope .collection-tile-media{height:88px}}@media(max-width:720px){.hk-scope .collection-title{font-size:32px}.hk-scope .collection-tiles{display:flex;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;margin-top:28px;padding-bottom:4px}.hk-scope .collection-tiles::-webkit-scrollbar{display:none}.hk-scope .collection-tile{flex:none;width:136px;scroll-snap-align:start;padding:16px 10px 14px}.hk-scope .collection-tile-media{height:76px}.hk-scope .collection-tile-label{font-size:13px;margin-top:10px}.hk-scope .collection-filter{position:static}.hk-scope .collection-filter-panel{left:var(--gutter);right:var(--gutter);min-width:0}.hk-scope .collection-stock{margin-left:0}.hk-scope .collection-filterbar-count{margin-left:auto}}
/*# sourceMappingURL=/cdn/shop/t/43/assets/hk-page-collection.css.map */