.catalog-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:26px;align-items:start}.catalog-results{min-width:0}.catalog-filters{position:sticky;top:96px;max-height:calc(100dvh - 116px);overflow:auto;scrollbar-width:thin;scrollbar-color:#45454e transparent;padding:20px 17px;border:1px solid #ffffff18;border-radius:20px;background:linear-gradient(145deg,#1b1b1f,#121215);color:#d7d7e1}.cf-head{display:flex;align-items:center;gap:10px;padding-bottom:18px;border-bottom:1px solid #ffffff12}.cf-head>b{font-size:15px;font-weight:500}.cf-clear{margin-left:auto;padding:0;border:0;background:none;font-size:10px;color:#9797a3;text-decoration:underline;text-underline-offset:3px}.cf-close{display:none}.cf-section{padding:18px 0;border-bottom:1px solid #ffffff10}.cf-title,.cf-section h2,.cf-section summary{display:block;font:500 12px/1.5 Inter,Arial,sans-serif;color:#d7d7e1;margin:0 0 12px}.cf-section summary{cursor:pointer}.cf-section select{width:100%;padding:11px 10px;border:1px solid #ffffff25;border-radius:11px;background:#25252b;color:#e1e1ea;font:400 11px Inter,Arial,sans-serif;color-scheme:dark}.cf-check{display:flex;align-items:center;gap:9px;margin:11px 0;font-size:12px;line-height:1.5;cursor:pointer;color:#b8b8c5}.cf-check input{margin:0;width:15px;height:15px;accent-color:#eeeef5;color-scheme:dark;cursor:pointer}.cf-check:has(input:disabled){color:#666673;cursor:default}.cf-check input:disabled{cursor:default}.cf-sizes{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.cf-size{border:1px solid #ffffff20;border-radius:9px;min-height:34px;padding:5px;background:#222227;color:#bfbfce;font:400 11px Inter,Arial,sans-serif;cursor:pointer;transition:transform .2s,background .2s,border-color .2s}.cf-size:hover{border-color:#aaaab8;transform:translateY(-1px)}.cf-size[aria-pressed=true]{background:#eeeef4;color:#15151b;border-color:#eeeef4}.cf-price{display:flex;gap:8px}.cf-price label{width:50%;font-size:9px;color:#90909d}.cf-price input{width:100%;min-width:0;margin-top:6px;padding:9px 7px;background:#222228;color:#e4e4ed;border:1px solid #ffffff25;border-radius:9px;font:400 11px Inter,Arial,sans-serif;appearance:textfield}.cf-note{font-size:9px;line-height:1.7;color:#81818e;margin:10px 0 0}.cf-note:empty{display:none}.cf-invalid{color:#e3acac}.cf-apply{display:block;width:100%;padding:12px 8px;margin-top:17px;border:0;border-radius:100px;background:#ededf3;color:#17171b;font-size:11px;font-weight:600;cursor:pointer;transition:transform .2s}.cf-apply:hover{transform:translateY(-2px)}.cf-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 0 16px;margin-bottom:19px;border-bottom:1px solid #ffffff13}.cf-result-count{font-size:12px;color:#ceced8}.cf-order-label{font-size:10px;color:#8b8b98}.cf-open{display:none}.cf-chips{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:17px}.cf-chips:empty{display:none}.cf-chip{padding:7px 11px;border:1px solid #ffffff25;border-radius:100px;background:#25252c;color:#d7d7e2;font-size:10px;cursor:pointer}.cf-chip:hover{background:#34343d}.cf-empty{padding:42px 25px;border:1px dashed #ffffff25;border-radius:18px;text-align:center;color:#bcbcc9}.cf-empty>b{font-size:17px;font-weight:500;color:#e4e4ec}.cf-empty>p{font-size:13px;margin:10px 0 20px}.cf-empty button{padding:11px 20px;border:1px solid #ffffff30;background:#eeeeef;color:#19191e;border-radius:100px;cursor:pointer}.catalog-results .photos{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-results .cats{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-results .grid:first-child{margin-top:0}.catalog-results [hidden],.cf-scrim[hidden],.cf-empty[hidden],.cf-selected-count[hidden]{display:none!important}.cf-sorted-grid{margin-top:0!important}.cf-scrim{position:fixed;inset:0;background:#0009;backdrop-filter:blur(6px);z-index:219}.catalog-filters button:focus-visible,.catalog-filters input:focus-visible,.catalog-filters select:focus-visible{outline:2px solid #dddded;outline-offset:3px}
@media(min-width:1250px){.catalog-results .photos,.catalog-results .cats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1700px){.catalog-results .photos,.catalog-results .cats{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1050px){.catalog-layout{grid-template-columns:185px minmax(0,1fr);gap:20px}.catalog-filters{padding:18px 13px;top:96px;max-height:calc(100dvh - 116px)}}@media(max-width:760px){.catalog-filters{top:150px;max-height:calc(100dvh - 170px)}}@media(max-width:700px){.catalog-layout{display:block}.catalog-filters{position:fixed;top:0;bottom:0;left:0;width:min(320px,90vw);height:100dvh;max-height:none;padding:22px;border-radius:0 22px 22px 0;z-index:220;transform:translateX(-102%);visibility:hidden;transition:transform .25s ease,visibility .25s}.catalog-filters.cf-is-open{transform:translateX(0);visibility:visible}.cf-close{display:grid;place-items:center;flex-shrink:0;width:29px;height:29px;padding:0;border:1px solid #ffffff25;border-radius:50%;background:#ffffff07;color:#b9b9c9;font-size:21px;cursor:pointer}.cf-toolbar{align-items:center;margin-bottom:18px}.cf-open{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid #ffffff28;border-radius:100px;background:#25252b;color:#e0e0ea;font-size:11px;cursor:pointer}.cf-order-label{display:none}.cf-result-count{font-size:11px}.cf-selected-count{display:grid;place-items:center;border-radius:50%;background:#e1e1eb;color:#17171e;min-width:18px;height:18px;font-size:9px}.catalog-results .photos,.catalog-results .cats{grid-template-columns:repeat(2,minmax(0,1fr))}.cf-price label{font-size:10px}.cf-check{font-size:13px}.cf-note{font-size:10px}.cf-head .cf-clear{font-size:11px}.cf-size{min-height:39px;font-size:12px}.cf-apply{min-height:44px;font-size:12px}.cf-section select{font-size:13px}.cf-chips{gap:6px}.cf-empty{padding:28px 17px}.cf-empty>p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.catalog-filters,.cf-size,.cf-apply{transition:none}}
.catalog-results{scroll-margin-top:100px}@media(max-width:760px){.catalog-results{scroll-margin-top:152px}}