.catalog-heading{padding-top:54px;padding-bottom:22px}
.catalog-heading h1{font-size:clamp(2.75rem,5vw,4.2rem)}
.catalog-heading>p:last-child{color:var(--muted);max-width:570px}
.catalog-filters{display:grid;grid-template-columns:minmax(210px,1.7fr) minmax(190px,1fr) minmax(160px,.85fr) auto;gap:20px;align-items:end;background:var(--white);border:1px solid var(--line);border-radius:12px;padding:25px}
.catalog-filters label{margin:0;min-width:0}
.catalog-filters input,.catalog-filters select{min-height:48px}
.catalog-price{padding:0;margin:0;border:0;min-width:0}
.catalog-price legend{font-size:.85rem;font-weight:600;padding:0;margin-bottom:6px}
.catalog-price>div{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;align-items:end}
.catalog-price label{font-size:.73rem;color:var(--muted);gap:3px}
.catalog-price>div>span{align-self:end;padding-bottom:12px;color:var(--muted)}
.catalog-submit{min-height:48px;white-space:nowrap}
.catalog-summary{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:31px 0 20px}
.catalog-summary h2{font-family:inherit;font-size:1rem;line-height:1.5;font-weight:600;letter-spacing:0;margin:0}
.catalog-summary p{font-size:.85rem;color:var(--muted);margin:4px 0 0;overflow-wrap:anywhere}
.catalog-reset{display:flex;align-items:center;gap:10px;font-size:.82rem;white-space:nowrap;padding:8px 0}
.catalog-reset span{font-size:1.4rem}
.catalog-count{text-align:center;color:var(--muted);font-size:.8rem;margin:28px 0 18px}
.catalog-pagination{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;font-size:.85rem}
.catalog-pagination>:first-child{justify-self:start}
.catalog-pagination>:last-child{justify-self:end}
@media(max-width:1100px){.catalog-filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.catalog-search{align-self:end}.catalog-submit{width:100%}}
@media(max-width:760px){.catalog-heading{padding-top:35px;padding-bottom:15px}.catalog-filters{padding:20px;gap:18px}.catalog-search,.catalog-price{grid-column:1/-1}.catalog-sort{grid-column:1}.catalog-submit{grid-column:2;padding:11px 13px}.catalog-summary{padding-top:24px}.catalog-pagination{gap:8px;font-size:.78rem}.catalog-pagination .button{padding:10px 12px;font-size:.78rem}}
@media(max-width:380px){.catalog-sort,.catalog-submit{grid-column:1/-1}.catalog-summary{align-items:start}}
.catalog-price>.catalog-range{display:block}
.catalog-range-values{display:flex;justify-content:space-between;gap:12px;font-size:.73rem;color:var(--muted)}
.catalog-range-values output{display:block;font-size:.85rem;font-weight:600;color:var(--ink);white-space:nowrap}
.catalog-range-values>span:last-child{text-align:right}
.catalog-range-track{position:relative;height:40px;margin:0 12px;isolation:isolate}
.catalog-range-track:before,.catalog-range-fill{content:"";position:absolute;top:18px;height:4px;border-radius:4px;background:var(--line);left:0;right:0}
.catalog-range-fill{left:var(--from);right:calc(100% - var(--to));background:var(--green)}
.catalog-filters .catalog-range-track input{appearance:none;-webkit-appearance:none;position:absolute;left:-12px;top:0;width:calc(100% + 24px);max-width:none;height:40px;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;pointer-events:none;box-shadow:none;outline:none;z-index:2}
.catalog-range-track input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:24px;height:24px;border:3px solid var(--white);border-radius:50%;background:var(--green);box-shadow:0 0 0 1px var(--green);pointer-events:auto;cursor:grab;touch-action:none}
.catalog-range-track input::-moz-range-thumb{width:18px;height:18px;border:3px solid var(--white);border-radius:50%;background:var(--green);box-shadow:0 0 0 1px var(--green);pointer-events:auto;cursor:grab;touch-action:none}
.catalog-range-track input:focus-visible::-webkit-slider-thumb{outline:3px solid #bd7047;outline-offset:3px}
.catalog-range-track input:focus-visible::-moz-range-thumb{outline:3px solid #bd7047;outline-offset:3px}
.catalog-range-track input:active::-webkit-slider-thumb{cursor:grabbing}
