.cat-intro{padding:130px 0 56px;border-bottom:1px solid var(--hairline)}.cat-intro__num{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:24px}.cat-intro__title{font-size:clamp(40px,5.4vw,88px);line-height:.92;letter-spacing:-.035em;font-weight:600;color:var(--ink);margin-bottom:24px;max-width:18ch;text-wrap:balance}.cat-intro__title em{font-style:normal;font-weight:500;color:var(--muted)}.cat-intro__sub{max-width:600px;font-size:16px;line-height:1.55;color:var(--ink-2)}.cat-toolbar{padding:28px 0 32px}.cat-toolbar__card{background:var(--surface);border:1px solid rgba(15,17,21,.06);border-radius:28px;padding:14px 20px;display:flex;flex-direction:column;box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 12px 28px -12px rgba(15,17,21,.1),0 32px 64px -32px rgba(15,17,21,.12)}.cat-filter{display:grid;grid-template-columns:168px 1fr auto;gap:20px;align-items:center;padding:14px 8px;position:relative}.cat-filter+.cat-filter{border-top:1px solid rgba(15,17,21,.05)}.cat-filter__label{gap:10px;font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.cat-filter__icon,.cat-filter__label{display:inline-flex;align-items:center}.cat-filter__icon{width:32px;height:32px;border-radius:999px;background:rgba(15,17,21,.05);justify-content:center;color:var(--ink-2);flex-shrink:0}.cat-filter__chips{display:flex;flex-wrap:nowrap;overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(90deg,#000,#000 92%,transparent);mask-image:linear-gradient(90deg,#000,#000 92%,transparent)}.cat-filter__chips,.chip{align-items:center;gap:8px}.chip{border-radius:999px;padding:9px 16px;border:1px solid rgba(15,17,21,.08);background:rgba(15,17,21,.02);font-size:13px;font-weight:500;color:var(--ink-2);display:inline-flex;cursor:pointer;transition:all .2s cubic-bezier(.2,.8,.2,1);white-space:nowrap}.chip:hover{background:rgba(15,17,21,.06);transform:translateY(-1px)}.chip.is-active{background:var(--ink)!important;color:#fff!important;border-color:var(--ink)!important;box-shadow:0 6px 18px -8px rgba(15,17,21,.4)}.chip.is-active .chip__count{color:rgba(255,255,255,.7)}.chip--tag.is-active{background:#ECE7FA!important;color:var(--ink)!important;border-color:transparent!important}.chip__check{width:16px;height:16px;border-radius:999px;background:var(--ink);color:#fff;display:inline-flex;align-items:center;justify-content:center}.chip__count{font-family:var(--font-mono);font-size:10.5px;color:var(--muted);background:rgba(15,17,21,.05);padding:2px 6px;border-radius:999px}.cat-controls{display:grid;grid-template-columns:minmax(360px,1.1fr) 1fr auto;align-items:center;gap:24px;padding:18px 8px 8px;border-top:1px solid rgba(15,17,21,.05)}.cat-controls__price{gap:12px;flex-wrap:wrap}.cat-controls__price,.price-range{display:inline-flex;align-items:center}.price-range{gap:8px;background:rgba(15,17,21,.03);border-radius:999px;padding:4px}.price-range input{width:90px;padding:8px 12px;border:0;border-radius:999px;background:transparent;font-family:var(--font-mono);font-size:12px;color:var(--ink)}.price-range input:focus{outline:none;background:#fff}.price-range__sep{width:10px;height:1px;background:var(--muted)}.btn-apply{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;background:#ECE7FA;border:0;border-radius:999px;font-size:13px;font-weight:600;color:var(--ink);cursor:pointer;transition:background .2s ease,transform .2s ease}.btn-apply:hover{transform:translateY(-1px);background:#D8D0F5}.cat-result{display:inline-flex;align-items:center;gap:12px;font-size:13px;color:var(--muted);justify-content:center}.cat-result b{color:var(--ink);font-weight:600}.cat-result a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.cat-result__dot{width:8px;height:8px;border-radius:999px;background:var(--success);box-shadow:0 0 0 4px rgba(46,125,92,.15)}.cat-controls__right{display:inline-flex;gap:20px;justify-content:flex-end}.cat-controls__group{display:inline-flex;flex-direction:column;align-items:flex-start;gap:4px}.cat-controls__label{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.sort{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border:1px solid rgba(15,17,21,.1);border-radius:999px;background:var(--surface);font-size:13px;color:var(--ink);cursor:pointer;transition:background .2s ease}.sort:hover{background:rgba(15,17,21,.03)}.view-toggle{display:inline-flex;border:1px solid rgba(15,17,21,.1);border-radius:999px;overflow:hidden;background:var(--surface)}.view-toggle button{width:38px;height:38px;border:0;background:transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:var(--muted)}.view-toggle button.is-active{background:var(--ink);color:#fff}.cat-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.cat-row--between{justify-content:space-between}.cat-grid-sec{padding:56px 0 80px}.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.cat-grid .product{width:auto;flex-shrink:1}.cat-foot{display:flex;align-items:center;justify-content:space-between;padding-top:32px;margin-top:32px;border-top:1px solid var(--hairline);flex-wrap:wrap;gap:16px}.cat-foot__count{font-family:var(--font-mono);font-size:12px;color:var(--muted)}.cat-quiz{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;padding:40px 48px;background:var(--surface);border:1px solid var(--hairline);border-radius:24px;margin:24px 0}.cat-quiz__title{font-size:24px;font-weight:600;letter-spacing:-.02em}.cat-quiz__sub{color:var(--muted);font-size:14px;margin-top:6px}@media (max-width:1280px){.cat-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.cat-filter{grid-template-columns:1fr;gap:10px}.cat-controls{grid-template-columns:1fr;gap:16px}.cat-controls__right{justify-content:flex-start;flex-wrap:wrap}.cat-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.cat-grid,.cat-quiz{grid-template-columns:1fr}.cat-quiz{padding:32px}}