.catalog-page{position:fixed;inset:0;width:100%;height:100svh;max-width:none;max-height:none;margin:0;padding:0 5% 35px;border:0;background:var(--bg);color:var(--ink);overflow:auto;overscroll-behavior:contain}
.catalog-page::backdrop{background:#28282266}
.catalog-top{height:76px;margin:0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d4cdbf;position:relative}
.catalog-top:after{display:none}.catalog-back{font-size:14px;padding:15px 0}.catalog-logo{font:900 32px/1 'Barlow Condensed',Impact,sans-serif}.catalog-logo>span{color:var(--red);margin:0 3px}
.catalog-heading{display:flex;justify-content:space-between;align-items:center;gap:35px;padding:24px 0}
.catalog-heading h1{font-size:clamp(32px,3.7vw,52px);font-weight:500;letter-spacing:-.055em;line-height:1.1}
.catalog-search{display:flex;align-items:center;border-bottom:1px solid #908976;gap:16px;width:min(44%,440px);padding:14px 0}
.catalog-search input{width:100%;min-width:0;border:0;background:transparent;color:var(--ink);font:inherit;font-size:15px;outline-offset:8px}.catalog-search>span:last-child{font-size:28px;line-height:1}.catalog-search input::placeholder{color:#827c6e;opacity:1}
.catalog-layout{display:grid;grid-template-columns:205px minmax(0,1fr);gap:5%;align-items:start;border-top:1px solid #d4cdbf;padding-top:28px}
.catalog-filters{position:sticky;top:24px}.catalog-types{display:flex;flex-direction:column;align-items:stretch;gap:4px;margin-bottom:32px}.catalog-types button{text-align:left;font-size:19px;padding:13px 15px;border:1px solid transparent;border-radius:2px}.catalog-types button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.catalog-types button:not([aria-pressed=true]):hover{border-color:#b9af9d}
.catalog-selects{display:grid;gap:25px}.catalog-selects label{font-size:14px;display:grid;gap:12px}.catalog-selects select{width:100%;min-width:0;max-width:100%;font:inherit;font-size:14px;color:var(--ink);border:1px solid #bdb29d;border-radius:0;background:var(--bg);padding:13px 28px 13px 12px;cursor:pointer}.catalog-selects select:focus-visible{outline:2px solid var(--red);outline-offset:3px}.catalog-clear{font-size:14px;margin-top:25px;text-decoration:underline;text-underline-offset:5px;padding:8px 0}
.catalog-results-top{min-height:49px;display:flex;align-items:flex-start;gap:16px;flex-wrap:wrap;justify-content:space-between}.catalog-count{font-size:14px;padding:7px 0;white-space:nowrap}.catalog-chips{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end;max-width:80%}.catalog-chips button{border:1px solid #c6bcaa;border-radius:30px;padding:7px 12px;font-size:13px;overflow-wrap:anywhere}
.catalog-empty{text-align:center;padding:60px 10px}.catalog-empty>span{font-size:50px;color:var(--red)}.catalog-empty h2{font-size:32px;font-weight:400;letter-spacing:-1px;margin:20px 0 15px}.catalog-empty p{font-size:15px;line-height:1.6}.catalog-empty button{padding:16px 22px;background:var(--ink);color:var(--bg);margin-top:25px;font-size:14px}
.catalog-stage{position:relative;height:clamp(240px,34svh,360px);overflow:hidden;touch-action:pan-y;user-select:none;cursor:grab;isolation:isolate;perspective:1500px}
.catalog-stage:after{content:'';position:absolute;bottom:15px;left:18%;right:18%;height:25px;background:radial-gradient(ellipse,#4e483c14,transparent 70%);filter:blur(9px);pointer-events:none}
.catalog-piece{position:absolute;left:50%;top:50%;width:62%;max-width:420px;height:90%;padding:0;transform-style:preserve-3d;will-change:transform;transform-origin:center;opacity:1;cursor:pointer;outline-offset:-10px}
.catalog-piece svg{width:100%;height:100%;pointer-events:none;filter:drop-shadow(0 17px 9px #28282210)}
.catalog-stage-navigation{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:80px}.catalog-stage-navigation>button{font-size:28px;width:48px;height:48px;flex:none}.catalog-stage-navigation>button:disabled{opacity:.25;cursor:default}
.catalog-stage-caption{text-align:center;min-width:0}.catalog-stage-brand{font-size:14px;color:#766c59;margin-bottom:8px}.catalog-stage-name{font-size:clamp(25px,3vw,36px);font-weight:500;line-height:1.2;letter-spacing:-.04em;margin:0}
.catalog-stage-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-top:14px}.catalog-stage-range{display:block;min-width:0;flex:1;max-width:360px}.catalog-stage-number{display:block;font-size:13px;margin-bottom:14px}.catalog-stage-slider{width:100%}.catalog-stage-slider:disabled{opacity:.35;cursor:default}.catalog-stage-detail{display:flex;align-items:center;justify-content:space-between;gap:26px;padding:17px 21px;border:1px solid #bdb29d;font-size:14px;min-height:52px}
@media(prefers-reduced-motion:no-preference){.catalog-stage-detail,.catalog-stage-navigation>button{transition:scale .25s,translate .25s,background .2s}.catalog-stage-detail:active,.catalog-stage-navigation>button:active{scale:.96}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.catalog-stage-detail:hover{scale:1.04;translate:0 -2px;background:var(--ink);color:var(--bg)}.catalog-stage-navigation>button:not(:disabled):hover{scale:1.12}}
@media(max-width:850px){.catalog-stage{height:310px}.catalog-piece{width:65%;max-width:390px}.catalog-stage-bottom{gap:22px}.catalog-stage-navigation{min-height:90px}}
@media(max-width:600px){.catalog-stage{height:270px;margin:0 -3%}.catalog-piece{width:74%;height:92%;transform-style:preserve-3d}.catalog-stage-navigation{gap:8px}.catalog-stage-brand{font-size:13px}.catalog-stage-name{font-size:27px}.catalog-stage-navigation>button{width:36px}.catalog-stage-bottom{flex-wrap:wrap;gap:24px;margin-top:20px}.catalog-stage-range{max-width:none;flex-basis:100%}.catalog-stage-detail{width:100%;font-size:14px}.catalog-page{padding-bottom:35px}}
@media(prefers-reduced-motion:no-preference){.catalog-types button,.catalog-empty button,.catalog-chips button{transition:scale .25s ease,translate .25s ease,background .2s,color .2s}.catalog-types button:active,.catalog-empty button:active{scale:.97}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.catalog-types button:hover,.catalog-chips button:hover,.catalog-empty button:hover{scale:1.04;translate:0 -2px}}
@media(max-width:1050px){.catalog-layout{grid-template-columns:180px minmax(0,1fr);gap:4%}}
@media(max-width:850px){.catalog-page{padding:0 5% 45px}.catalog-top{height:76px}.catalog-heading{padding:30px 0;display:block}.catalog-heading h1{font-size:40px}.catalog-search{width:100%;max-width:none;margin-top:20px}.catalog-layout{grid-template-columns:1fr;gap:25px;padding-top:20px}.catalog-filters{position:static}.catalog-types{flex-direction:row;margin-bottom:22px;gap:8px}.catalog-types button{text-align:center;flex:1;font-size:15px;padding:13px 6px;border-color:#c6bcaa}.catalog-selects{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.catalog-selects label{gap:9px}.catalog-clear{margin-top:14px}.catalog-results-top{min-height:52px}.catalog-chips{max-width:78%}}
@media(max-width:600px){.collection-bar .categories{width:100%;justify-content:center}.catalog-back{font-size:13px}.catalog-logo{font-size:28px}.catalog-heading h1{font-size:36px}.catalog-search input{font-size:14px}.catalog-selects select{font-size:13px;padding-left:9px}.catalog-chips button{font-size:12px}.catalog-empty h2{font-size:27px}}