:root{--color-bg-primary:#fff;--color-bg-secondary:#fafafa;--color-bg-tertiary:#f7f7f7;--color-bg-input:#f6f6f6;--color-bg-subtle:#f8f8f8;--color-bg-hover:#efefef;--color-bg-overlay:#151515;--color-bg-card:#f2f2f2;--color-bg-placeholder:#e9e9e9;--color-bg-primary-tint:#eef4fe;--color-bg-lock:#f2f0f0;--color-bg-lock2:#f1f0f0;--color-bg-10:#e3e3e3;--color-text-primary:#020202;--color-text-secondary:#3f3f3f;--color-text-muted:#727272;--color-text-subtle:#828282;--color-text-faded:#969696;--color-text-placeholder:#8a8a8a;--color-text-header:#9e9e9e;--color-text-header-hover:#5b5b5b;--color-text-lock:#aaa;--color-primary:#2a7ceb;--color-primary-hover:#276fcf;--color-primary-bright:#4895fe;--color-primary-light:#5da1ff;--color-accent:#f7b03c;--color-accent-dark:#dd983c;--color-success:#4fc186;--color-danger:#f64848;--color-border:#e8e8e8;--color-border-light:#ededed;--color-border-medium:#d9d9d9;--color-border-dark:#cacaca}.catalog__mobile-title{color:var(--color-bg-overlay);padding-bottom:16px;font-family:Inter,sans-serif;font-size:18px;font-style:normal;font-weight:700;line-height:normal}.catalog__mobile-sort,.category:not(:first-child){padding-top:8px}.category__parent{background:#f2f2f2;border-radius:8px;justify-content:space-between;align-items:center;width:100%;height:54px;padding:0 17px;transition:all .2s;display:flex}.category__parent .content{align-items:center;gap:14px;display:flex}.category__parent .content .icon{color:#999;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:flex}.category__parent .content span{color:#999;font-family:Inter,sans-serif;font-size:14px;font-style:normal;font-weight:600;line-height:100%;transition:all .2s}.category__parent .select-arrow{transition:all .2s;transform:rotate(-180deg)}.category__parent .select-arrow.is-open{transform:rotate(0)}.category.is-active .category__parent{background-color:var(--color-primary)}.category.is-active .category__parent .icon,.category.is-active .category__parent span{color:#fff}.category__children-wrap{opacity:0;pointer-events:none;grid-template-rows:0fr;transition:grid-template-rows .35s cubic-bezier(.22,1,.36,1),opacity .2s;display:grid}.category__children-wrap.is-open{opacity:1;pointer-events:auto;grid-template-rows:1fr}.category__children{min-height:0;overflow:hidden}.category__child:first-child{margin-top:8px}.category__child button{justify-content:space-between;align-items:center;width:100%;padding:8px 17px 8px 51px;display:flex}.category__child button .name{color:#999;font-family:Inter,sans-serif;font-size:14px;font-style:normal;font-weight:500;line-height:100%;transition:all 50ms}.category__child button .count{background-color:var(--color-bg-card);color:#868686;border-radius:6px;padding:4px 8px;font-family:Inter,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:100%;transition:all 50ms;display:block}@media (any-hover:hover){.category__child button:hover .name,.category__child button:hover .count{color:#707070}}.category__child.is-active button .name{color:var(--color-primary)}.category__child.is-active button .count{color:var(--color-primary);background-color:#eef5fe}.mobile-categories{z-index:300;position:fixed;inset:0}.mobile-categories__dialog{background-color:#fff;width:100%;height:100%;padding:24px 16px 16px;animation:.3s cubic-bezier(.22,1,.36,1) forwards modal-in;overflow:auto;transform:translate(-100%)}.mobile-categories__dialog::-webkit-scrollbar{width:4px;height:10px}.mobile-categories__dialog::-webkit-scrollbar-track{background:#eaeaea;border-radius:10px}.mobile-categories__dialog::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}.mobile-categories__header{justify-content:space-between;align-items:center;padding-bottom:24px;display:flex}.mobile-categories__title{align-items:center;gap:6px;display:flex}.mobile-categories__title svg{color:#9a9a9a;width:18px;height:18px}.mobile-categories__title span{color:var(--color-text-primary);letter-spacing:.54px;font-family:Inter,sans-serif;font-size:18px;font-style:normal;font-weight:700;line-height:100%}.mobile-categories__close-icon{color:#8a8a8a;background-color:#f2f0f0;border-radius:10px;width:36px;height:36px;padding:8px;transition:background-color .2s}@keyframes modal-in{0%{transform:translate(-100%)}to{transform:translate(0)}}.catalog{padding-top:clamp(21px,15.2558px + 1.47287vw,40px);padding-bottom:clamp(6px,2.17054vw - 2.46512px,34px)}.catalog__inner{align-items:flex-start;gap:32px;max-width:1680px;min-height:750px;margin-inline:auto;display:flex}.catalog__main{flex-direction:column;flex:1;min-width:0;display:flex}@media (max-width:900px){.catalog__main{width:100%}}.catalog__mobile-controls{display:none}@media (max-width:900px){.catalog__mobile-controls{padding-bottom:12px;display:block}}.catalog__cat-swiper{width:100%;margin:0 0 0 -4px;overflow:hidden}.catalog__cat-swiper .swiper-slide{width:auto;height:auto}.catalog__cat-swiper .swiper-slide .catalog__cat-btn{margin:0 4px}.catalog__cat-swiper .catalog__cat-btn{white-space:nowrap;width:auto;max-width:none}.catalog__title{letter-spacing:0%;color:#020202;font-family:Manrope,sans-serif;font-size:clamp(18px,16.186px + .465116vw,24px);font-weight:700;line-height:100%}.catalog__grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (max-width:1280px){.catalog__grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1100px){.catalog__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:370px){.catalog__grid{grid-template-columns:1fr}}.catalog__sentinel{height:1px}.catalog__sidebar{width:316px;top:calc(var(--header-height,80px) + 24px);flex-direction:column;flex-shrink:0;gap:15px;display:flex;position:sticky}@media (max-width:900px){.catalog__sidebar{display:none}}.catalog__categories{flex-direction:column;gap:4px;display:flex}.catalog__divider{background:#f2f2f2;height:1px}@keyframes skeleton-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skel-line,.skel-thumb{background:linear-gradient(90deg,#e8e8e8 25%,#f2f2f2 50%,#e8e8e8 75%) 0 0/800px 100%;animation:1.4s ease-in-out infinite skeleton-shimmer}.product-card--skeleton{pointer-events:none;cursor:default}.skel-thumb{aspect-ratio:1;border-radius:16px 16px 0 0;background-color:#0000!important;border:none!important}.skel-line{border-radius:6px}.skel-line--name{width:72%;height:20px}.skel-line--price{width:42%;height:20px}
:root{--color-bg-primary:#fff;--color-bg-secondary:#fafafa;--color-bg-tertiary:#f7f7f7;--color-bg-input:#f6f6f6;--color-bg-subtle:#f8f8f8;--color-bg-hover:#efefef;--color-bg-overlay:#151515;--color-bg-card:#f2f2f2;--color-bg-placeholder:#e9e9e9;--color-bg-primary-tint:#eef4fe;--color-bg-lock:#f2f0f0;--color-bg-lock2:#f1f0f0;--color-bg-10:#e3e3e3;--color-text-primary:#020202;--color-text-secondary:#3f3f3f;--color-text-muted:#727272;--color-text-subtle:#828282;--color-text-faded:#969696;--color-text-placeholder:#8a8a8a;--color-text-header:#9e9e9e;--color-text-header-hover:#5b5b5b;--color-text-lock:#aaa;--color-primary:#2a7ceb;--color-primary-hover:#276fcf;--color-primary-bright:#4895fe;--color-primary-light:#5da1ff;--color-accent:#f7b03c;--color-accent-dark:#dd983c;--color-success:#4fc186;--color-danger:#f64848;--color-border:#e8e8e8;--color-border-light:#ededed;--color-border-medium:#d9d9d9;--color-border-dark:#cacaca}.catalog__mobile-title{color:var(--color-bg-overlay);padding-bottom:16px;font-family:Inter,sans-serif;font-size:18px;font-style:normal;font-weight:700;line-height:normal}.catalog__mobile-sort,.category:not(:first-child){padding-top:8px}.category__parent{background:#f2f2f2;border-radius:8px;justify-content:space-between;align-items:center;width:100%;height:54px;padding:0 17px;transition:all .2s;display:flex}.category__parent .content{align-items:center;gap:14px;display:flex}.category__parent .content .icon{color:#999;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:flex}.category__parent .content span{color:#999;font-family:Inter,sans-serif;font-size:14px;font-style:normal;font-weight:600;line-height:100%;transition:all .2s}.category__parent .select-arrow{transition:all .2s;transform:rotate(-180deg)}.category__parent .select-arrow.is-open{transform:rotate(0)}.category.is-active .category__parent{background-color:var(--color-primary)}.category.is-active .category__parent .icon,.category.is-active .category__parent span{color:#fff}.category__children-wrap{opacity:0;pointer-events:none;grid-template-rows:0fr;transition:grid-template-rows .35s cubic-bezier(.22,1,.36,1),opacity .2s;display:grid}.category__children-wrap.is-open{opacity:1;pointer-events:auto;grid-template-rows:1fr}.category__children{min-height:0;overflow:hidden}.category__child:first-child{margin-top:8px}.category__child button{justify-content:space-between;align-items:center;width:100%;padding:8px 17px 8px 51px;display:flex}.category__child button .name{color:#999;font-family:Inter,sans-serif;font-size:14px;font-style:normal;font-weight:500;line-height:100%;transition:all 50ms}.category__child button .count{background-color:var(--color-bg-card);color:#868686;border-radius:6px;padding:4px 8px;font-family:Inter,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:100%;transition:all 50ms;display:block}@media (any-hover:hover){.category__child button:hover .name,.category__child button:hover .count{color:#707070}}.category__child.is-active button .name{color:var(--color-primary)}.category__child.is-active button .count{color:var(--color-primary);background-color:#eef5fe}.mobile-categories{z-index:300;position:fixed;inset:0}.mobile-categories__dialog{background-color:#fff;width:100%;height:100%;padding:24px 16px 16px;animation:.3s cubic-bezier(.22,1,.36,1) forwards modal-in;overflow:auto;transform:translate(-100%)}.mobile-categories__dialog::-webkit-scrollbar{width:4px;height:10px}.mobile-categories__dialog::-webkit-scrollbar-track{background:#eaeaea;border-radius:10px}.mobile-categories__dialog::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}.mobile-categories__header{justify-content:space-between;align-items:center;padding-bottom:24px;display:flex}.mobile-categories__title{align-items:center;gap:6px;display:flex}.mobile-categories__title svg{color:#9a9a9a;width:18px;height:18px}.mobile-categories__title span{color:var(--color-text-primary);letter-spacing:.54px;font-family:Inter,sans-serif;font-size:18px;font-style:normal;font-weight:700;line-height:100%}.mobile-categories__close-icon{color:#8a8a8a;background-color:#f2f0f0;border-radius:10px;width:36px;height:36px;padding:8px;transition:background-color .2s}@keyframes modal-in{0%{transform:translate(-100%)}to{transform:translate(0)}}
:root{--color-bg-primary:#fff;--color-bg-secondary:#fafafa;--color-bg-tertiary:#f7f7f7;--color-bg-input:#f6f6f6;--color-bg-subtle:#f8f8f8;--color-bg-hover:#efefef;--color-bg-overlay:#151515;--color-bg-card:#f2f2f2;--color-bg-placeholder:#e9e9e9;--color-bg-primary-tint:#eef4fe;--color-bg-lock:#f2f0f0;--color-bg-lock2:#f1f0f0;--color-bg-10:#e3e3e3;--color-text-primary:#020202;--color-text-secondary:#3f3f3f;--color-text-muted:#727272;--color-text-subtle:#828282;--color-text-faded:#969696;--color-text-placeholder:#8a8a8a;--color-text-header:#9e9e9e;--color-text-header-hover:#5b5b5b;--color-text-lock:#aaa;--color-primary:#2a7ceb;--color-primary-hover:#276fcf;--color-primary-bright:#4895fe;--color-primary-light:#5da1ff;--color-accent:#f7b03c;--color-accent-dark:#dd983c;--color-success:#4fc186;--color-danger:#f64848;--color-border:#e8e8e8;--color-border-light:#ededed;--color-border-medium:#d9d9d9;--color-border-dark:#cacaca}.cat-sort{width:100%;position:relative}.cat-sort__trigger{color:#999;cursor:pointer;-webkit-user-select:none;user-select:none;background:#f2f2f2;border:none;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:17px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;display:flex}.cat-sort__trigger svg{flex-shrink:0;transition:all .2s;transform:rotate(-180deg)}.cat-sort__trigger svg.is-open{transform:rotate(0)}.cat-sort.is-open .cat-sort__trigger svg{transform:rotate(180deg)}.cat-sort__panel{z-index:100;opacity:0;pointer-events:none;background:#f2f2f2;border:none;border-radius:8px;grid-template-rows:0fr;margin-top:12px;transition:grid-template-rows .35s cubic-bezier(.22,1,.36,1),opacity .2s;display:grid}.cat-sort__panel.is-open{opacity:1;pointer-events:auto;grid-template-rows:1fr}.cat-sort__panel-inner{min-height:0;overflow:hidden}.cat-sort__option{color:#15151566;text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:14px 16px;font-family:Inter,sans-serif;font-size:14px;font-weight:400;transition:background-color 50ms,color 50ms;display:block}.cat-sort__option:hover{color:var(--color-text-primary);background-color:#f2f2f2;border-radius:8px;font-weight:500}.cat-sort__divider{background:#ddd;height:1px;margin:0 17px}