.pg-catalog .hero-strip{border-bottom:1px solid var(--line);background:linear-gradient(transparent 31px, var(--grid-line) 32px) 0 0/100% 32px, linear-gradient(90deg, transparent 31px, var(--grid-line) 32px) 0 0/32px 100%, var(--bg);padding:56px 64px 48px;position:relative;overflow:hidden}.pg-catalog .hero-strip .crumb{font-family:var(--f-mono),ui-monospace,monospace;letter-spacing:.24em;color:var(--ink-dim);text-transform:uppercase;gap:10px;margin-bottom:14px;font-size:10px;display:flex}.pg-catalog .hero-strip .crumb span{color:var(--ink-hi)}.pg-catalog .hero-strip .hd{justify-content:space-between;align-items:flex-end;gap:40px;display:flex;position:relative}.pg-catalog .hero-strip h1{font-family:var(--f-display),system-ui,sans-serif;letter-spacing:.04em;color:var(--ink-hi);text-transform:uppercase;margin:0;font-size:96px;font-weight:700;line-height:.9}.pg-catalog .hero-strip h1 em{color:var(--accent);font-style:normal}.pg-catalog .hero-strip .meta{font-family:var(--f-mono),ui-monospace,monospace;letter-spacing:.2em;color:var(--ink-dim);text-transform:uppercase;text-align:right;gap:32px;font-size:11px;display:flex}.pg-catalog .hero-strip .meta b{color:var(--ink-hi);letter-spacing:.04em;font-size:24px;font-family:var(--f-display),system-ui,sans-serif;display:block}.pg-catalog .hero-strip .lede{color:var(--ink);max-width:560px;margin-top:14px;font-size:14px}.pg-catalog .toolbar{z-index:25;background:var(--glass-2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:14px 64px;display:flex;position:sticky;top:65px}.pg-catalog .toolbar .left{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pg-catalog .toolbar .chip{border:1px solid var(--line);font-family:var(--f-mono),ui-monospace,monospace;letter-spacing:.18em;color:var(--ink);text-transform:uppercase;cursor:pointer;align-items:center;gap:8px;padding:8px 14px;font-size:10px;display:inline-flex}.pg-catalog .toolbar .chip.on{border-color:var(--accent);color:var(--accent);background:rgb(var(--accent-rgb) / 6%)}.pg-catalog .toolbar .chip .num{color:var(--ink-dim);font-weight:600}.pg-catalog .toolbar .chip.on .num{color:var(--accent)}.pg-catalog .toolbar .search{border:1px solid var(--accent);background:rgb(var(--accent-rgb) / 6%);flex:240px;align-items:center;gap:8px;max-width:420px;padding:8px 12px;transition:box-shadow .2s;display:flex}.pg-catalog .toolbar .search:focus-within{box-shadow:0 0 0 1px var(--accent)}.pg-catalog .toolbar .search .ic{color:var(--accent);font-size:13px;line-height:1}.pg-catalog .toolbar .search input{appearance:none;min-width:0;color:var(--ink-hi);font-family:var(--f-mono),ui-monospace,monospace;letter-spacing:.18em;text-transform:uppercase;background:0 0;border:0;outline:none;flex:1;font-size:10px}.pg-catalog .toolbar .search input::placeholder{color:var(--ink);opacity:.75;text-transform:uppercase}.pg-catalog .toolbar .search input::-webkit-search-cancel-button{display:none}.pg-catalog .toolbar .search .clr{color:var(--ink-dim);cursor:pointer;background:0 0;border:0;padding:0 2px;font-size:14px;line-height:1;transition:color .2s}.pg-catalog .toolbar .search .clr:hover{color:var(--accent)}.pg-catalog .toolbar .right{align-items:center;gap:8px;display:flex}.pg-catalog .toolbar .sort{border:1px solid var(--line);font-family:var(--f-mono),ui-monospace,monospace;letter-spacing:.18em;color:var(--ink);text-transform:uppercase;align-items:center;gap:8px;padding:8px 14px;font-size:10px;display:inline-flex}.pg-catalog .toolbar .sort select{appearance:none;color:var(--ink-hi);font-family:var(--f-mono),ui-monospace,monospace;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;outline:none;font-size:10px;font-weight:700}.pg-catalog .toolbar .sort select option{background:var(--surface-2);color:var(--ink)}.pg-catalog .toolbar .view{border:1px solid var(--line);display:flex}.pg-catalog .toolbar .view button{font-family:var(--f-mono),ui-monospace,monospace;letter-spacing:.18em;color:var(--ink-dim);text-transform:uppercase;border-right:1px solid var(--line);cursor:default;padding:8px 12px;font-size:10px}.pg-catalog .toolbar .view button:last-child{border-right:0}.pg-catalog .toolbar .view button.on{background:var(--accent);color:var(--on-accent)}.pg-catalog .layout{grid-template-columns:300px 1fr;align-items:start;gap:0;display:grid}.pg-catalog aside.filters{border-right:1px solid var(--line);align-self:start;max-height:calc(100vh - 120px);padding:32px 24px;position:sticky;top:120px;overflow-y:auto}.pg-catalog aside.filters .blk{border-bottom:1px dashed var(--line);padding:18px 0}.pg-catalog aside.filters .blk:first-child{padding-top:0}.pg-catalog aside.filters .blk:last-child{border-bottom:0}.pg-catalog aside.filters .blk.off{opacity:.45}.pg-catalog aside.filters .blk.off .opt,.pg-catalog aside.filters .blk.off .sw{cursor:not-allowed}.pg-catalog aside.filters .hd{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.pg-catalog aside.filters .hd .ttl{font-family:var(--f-display),system-ui,sans-serif;letter-spacing:.2em;color:var(--ink-hi);text-transform:uppercase;font-size:11px}.pg-catalog aside.filters .hd .reset{font-family:var(--f-mono),ui-monospace,monospace;letter-spacing:.16em;color:var(--accent);text-transform:uppercase;cursor:pointer;font-size:9px}.pg-catalog aside.filters .opts{flex-direction:column;gap:8px;display:flex}.pg-catalog aside.filters .opt{font-family:var(--f-mono),ui-monospace,monospace;letter-spacing:.04em;color:var(--ink);text-transform:uppercase;cursor:pointer;justify-content:space-between;align-items:center;padding:4px 0;font-size:11px;display:flex}.pg-catalog aside.filters .opt input{appearance:none;border:1px solid var(--line-2);cursor:pointer;background:0 0;flex:none;width:14px;height:14px;margin:0 10px 0 0;position:relative}.pg-catalog aside.filters .opt input:disabled{cursor:not-allowed}.pg-catalog aside.filters .opt input:checked{border-color:var(--accent);background:var(--accent)}.pg-catalog aside.filters .opt input:checked:after{content:"×";color:var(--on-accent);font-size:14px;font-weight:700;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pg-catalog aside.filters .opt .lbl{flex:1;align-items:center;display:flex}.pg-catalog aside.filters .opt .ct{color:var(--ink-dim);font-size:10px}.pg-catalog aside.filters .opt.off{opacity:.35;cursor:not-allowed}.pg-catalog aside.filters .opt.off input{cursor:not-allowed}.pg-catalog aside.filters .more{font-family:var(--f-mono),ui-monospace,monospace;letter-spacing:.16em;color:var(--ink-dim);text-transform:uppercase;cursor:pointer;background:0 0;border:0;margin-top:10px;padding:0;font-size:9px;transition:color .2s}.pg-catalog aside.filters .more:hover{color:var(--accent)}.pg-catalog aside.filters .blk.showall{border-bottom:0}.pg-catalog aside.filters .more.wide{border:1px solid var(--line-2);width:100%;color:var(--ink);letter-spacing:.18em;text-align:center;margin-top:0;padding:11px 12px;font-size:10px}.pg-catalog aside.filters .more.wide:hover{border-color:var(--accent);color:var(--accent)}.pg-catalog .range{margin-top:8px}.pg-catalog .range .rail{background:var(--line);height:4px;margin:18px 0 8px;position:relative}.pg-catalog .range .fill{background:var(--accent);position:absolute;inset:0 20% 0 25%}.pg-catalog .range .knob{background:var(--bg);border:2px solid var(--accent);cursor:pointer;width:14px;height:14px;position:absolute;top:50%;transform:translate(-50%,-50%)rotate(45deg)}.pg-catalog .range .knob.lo{left:25%}.pg-catalog .range .knob.hi{left:80%}.pg-catalog .range .legend{font-family:var(--f-mono),ui-monospace,monospace;letter-spacing:.1em;color:var(--ink-dim);justify-content:space-between;font-size:10px;display:flex}.pg-catalog .range .legend b{color:var(--ink-hi)}.pg-catalog .range .rail.live{overflow:visible}.pg-catalog .range .rail.live input[type=range]{appearance:none;pointer-events:none;background:0 0;outline:none;width:100%;height:16px;margin:0;position:absolute;top:50%;left:0;transform:translateY(-50%)}.pg-catalog .range .rail.live input[type=range]::-webkit-slider-runnable-track{background:0 0;height:16px}.pg-catalog .range .rail.live input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--bg);border:2px solid var(--accent);cursor:pointer;pointer-events:auto;border-radius:0;width:12px;height:12px;margin-top:2px;transform:rotate(45deg)}.pg-catalog .range .rail.live input[type=range]::-moz-range-track{background:0 0;height:16px}.pg-catalog .range .rail.live input[type=range]::-moz-range-thumb{background:var(--bg);border:2px solid var(--accent);cursor:pointer;pointer-events:auto;border-radius:0;width:9px;height:9px;transform:rotate(45deg)}.pg-catalog .swatches{flex-wrap:wrap;gap:6px;display:flex}.pg-catalog .sw{border:1px solid var(--line-2);cursor:pointer;width:22px;height:22px;position:relative}.pg-catalog .sw.on{outline:1px solid var(--accent);outline-offset:2px}.pg-catalog .results{min-height:calc(100vh - 120px);padding:32px 64px 96px}.pg-catalog .grid,.pg-catalog .empty{overflow-anchor:none}.pg-catalog .results-info{font-family:var(--f-mono),ui-monospace,monospace;letter-spacing:.2em;color:var(--ink-dim);text-transform:uppercase;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;font-size:11px;display:flex}.pg-catalog .results-info b{color:var(--ink-hi)}.pg-catalog .results-info .accent{color:var(--accent)}.pg-catalog .grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.pg-catalog .empty{border:1px dashed var(--line-2);text-align:center;font-family:var(--f-mono),ui-monospace,monospace;letter-spacing:.2em;color:var(--ink-dim);text-transform:uppercase;padding:64px 32px;font-size:11px}.pg-catalog .card{border:1px solid var(--line);background:var(--surface-1);cursor:pointer;color:inherit;flex-direction:column;text-decoration:none;transition:all .2s;display:flex;position:relative;overflow:hidden}.pg-catalog .card:hover{border-color:var(--accent)}.pg-catalog .card .stage{aspect-ratio:1;background:radial-gradient(circle at 50% 60%, rgb(var(--accent-rgb) / 8%), transparent 60%), var(--bg);border-bottom:1px solid var(--line);justify-content:center;align-items:center;display:flex;position:relative}.pg-catalog .card .stage img{width:auto;height:calc(80% / var(--fy,1));max-width:calc(78% / var(--fx,1));object-fit:contain;transform:translate(calc(-50% + (.5 - var(--cx,.5)) * 100%),calc(-50% + (.5 - var(--cy,.5)) * 100%));position:absolute;top:50%;left:50%}.pg-catalog .card .stage .ph{font-family:var(--f-mono),ui-monospace,monospace;letter-spacing:.22em;color:var(--ink-dim);border:1px dashed var(--line-2);text-transform:uppercase;text-align:center;aspect-ratio:auto;background:0 0;width:auto;height:auto;padding:48px 64px;font-size:10px;line-height:1.7;display:block}.pg-catalog .card .badges{z-index:2;flex-wrap:wrap;gap:4px;max-width:60%;display:flex;position:absolute;top:12px;left:12px}.pg-catalog .card .b{font-family:var(--f-mono),ui-monospace,monospace;letter-spacing:.18em;text-transform:uppercase;border:1px solid;padding:3px 7px;font-size:9px}.pg-catalog .card .b.flagship{color:var(--accent)}.pg-catalog .card .b.new{color:var(--accent-3)}.pg-catalog .card .b.bestseller{color:var(--accent-2)}.pg-catalog .card .b.stock{color:var(--ink-hi);background:var(--scrim)}.pg-catalog .card .compare{border:1px solid var(--line-2);background:var(--scrim);width:26px;height:26px;color:var(--ink-hi);font-family:var(--f-mono),ui-monospace,monospace;cursor:pointer;z-index:2;justify-content:center;align-items:center;font-size:14px;line-height:1;display:flex;position:absolute;top:12px;right:12px}.pg-catalog .card .compare:hover{border-color:var(--accent);color:var(--accent)}.pg-catalog .card .compare.on{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.pg-catalog .card .swap{z-index:2;gap:4px;display:flex;position:absolute;bottom:12px;left:12px}.pg-catalog .card .swap .sw{border:1px solid var(--chip-edge);width:14px;height:14px}.pg-catalog .card .body{flex-direction:column;gap:8px;padding:18px 22px 14px;display:flex}.pg-catalog .card .row{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.pg-catalog .card .ix{font-family:var(--f-mono),ui-monospace,monospace;letter-spacing:.2em;color:var(--ink-dim);text-transform:uppercase;font-size:9px}.pg-catalog .card h3{font-family:var(--f-display),system-ui,sans-serif;letter-spacing:.04em;color:var(--ink-hi);text-transform:uppercase;margin:0;font-size:32px;line-height:1}.pg-catalog .card .cat{font-family:var(--f-mono),ui-monospace,monospace;letter-spacing:.2em;color:var(--accent);text-transform:uppercase;font-size:10px}.pg-catalog .card .specs{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px;padding-top:14px;display:grid}.pg-catalog .card .specs .sp b{font-family:var(--f-display),system-ui,sans-serif;color:var(--ink-hi);letter-spacing:.04em;font-size:14px;line-height:1.1;display:block}.pg-catalog .card .specs .sp span{font-family:var(--f-mono),ui-monospace,monospace;letter-spacing:.18em;color:var(--ink-dim);text-transform:uppercase;font-size:8px}.pg-catalog .card .foot{border-top:1px solid var(--line);background:var(--surface-2);justify-content:space-between;align-items:center;padding:14px 22px;display:flex}.pg-catalog .card .price{font-family:var(--f-display),system-ui,sans-serif;color:var(--ink-hi);letter-spacing:.04em;font-size:20px}.pg-catalog .card .price small{font-family:var(--f-mono),ui-monospace,monospace;color:var(--ink-dim);letter-spacing:.16em;text-transform:uppercase;margin-top:2px;font-size:9px;display:block}.pg-catalog .card .arrow{border:1px solid var(--line-2);width:34px;height:34px;color:var(--ink-hi);justify-content:center;align-items:center;transition:all .2s;display:flex}.pg-catalog .card:hover .arrow{border-color:var(--accent);color:var(--on-accent);background:var(--accent)}.pg-catalog .results .pager{border-top:1px solid var(--line);font-family:var(--f-mono),ui-monospace,monospace;letter-spacing:.18em;color:var(--ink-dim);text-transform:uppercase;justify-content:space-between;align-items:center;margin-top:32px;padding-top:20px;font-size:11px;display:flex}.pg-catalog .compare-bar{background:var(--glass-2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--accent);z-index:40;justify-content:space-between;align-items:center;gap:24px;padding:18px 64px;display:none;position:fixed;bottom:0;left:0;right:0}.pg-catalog .compare-bar.on{display:flex}.pg-catalog .compare-bar .label{font-family:var(--f-mono),ui-monospace,monospace;letter-spacing:.2em;color:var(--accent);text-transform:uppercase;font-size:11px}.pg-catalog .compare-bar .slots{gap:8px;display:flex}.pg-catalog .compare-bar .slot{border:1px dashed var(--line-2);width:60px;height:60px;font-family:var(--f-mono),ui-monospace,monospace;letter-spacing:.16em;color:var(--ink-dim);text-transform:uppercase;text-align:center;justify-content:center;align-items:center;padding:2px;font-size:9px;display:flex;overflow:hidden}.pg-catalog .compare-bar .slot.filled{border-style:solid;border-color:var(--accent);color:var(--ink-hi);background:rgb(var(--accent-rgb) / 6%)}.pg-catalog .compare-bar .actions{align-items:center;gap:8px;display:flex}.pg-catalog .compare-bar .clear{font-family:var(--f-mono),ui-monospace,monospace;letter-spacing:.16em;color:var(--ink-dim);text-transform:uppercase;cursor:pointer;font-size:10px}@media (max-width:1100px){.pg-catalog .hero-strip{padding:40px 24px 32px}.pg-catalog .hero-strip h1{font-size:52px}.pg-catalog .hero-strip .hd{flex-direction:column;align-items:flex-start;gap:24px}.pg-catalog .hero-strip .meta{text-align:left;flex-wrap:wrap;gap:20px}.pg-catalog .toolbar{flex-direction:column;align-items:flex-start;padding:14px 24px;position:static}.pg-catalog .toolbar .search{width:100%;max-width:none}.pg-catalog .layout{grid-template-columns:1fr}.pg-catalog aside.filters{border-right:0;border-bottom:1px solid var(--line);max-height:none;padding:24px;position:static}.pg-catalog .results{min-height:0;padding:24px 24px 96px}.pg-catalog .grid{grid-template-columns:repeat(2,1fr)}.pg-catalog .compare-bar{flex-wrap:wrap;gap:12px;padding:14px 24px}.pg-catalog .compare-bar .slot{width:48px;height:48px}}@media (max-width:640px){.pg-catalog .grid{grid-template-columns:1fr}.pg-catalog .hero-strip h1{font-size:40px}}