.category-hero{padding:calc(var(--header-h) + 44px) 0 38px;background:var(--bg-2);border-bottom:1px solid var(--line);position:relative;overflow:hidden}.category-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 620px 340px at 88% -10%,var(--cat-color-soft),transparent 70%);pointer-events:none}.category-hero .container{position:relative;z-index:1}.crumbs{display:flex;align-items:center;gap:8px;font-size:12.5px;margin-bottom:16px}.crumbs a{color:var(--ink-3);text-decoration:none;transition:color 0.15s ease}.crumbs a:hover{color:var(--cat-color)}.crumb-sep{color:var(--ink-3);opacity:0.6}.crumb-current{color:var(--ink-2);font-weight:600}.category-hero h1{font-size:38px;font-weight:700;letter-spacing:-0.03em;line-height:1.08;margin-bottom:10px}.category-hero h1 em{font-family:var(--serif-italic);font-style:italic;font-weight:500;letter-spacing:-0.01em;color:var(--cat-color)}.category-hero p{font-size:15px;color:var(--ink-2);line-height:1.6;max-width:580px}.cat-toolbar{position:sticky;top:var(--header-h);z-index:50;background:rgba(255,255,255,0.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.cat-toolbar .container{display:flex;align-items:center;gap:18px;padding-top:12px;padding-bottom:12px}.filter-box{position:relative;flex:1;max-width:460px}.filter-box .filter-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:17px;height:17px;color:var(--ink-3);pointer-events:none}.filter-box input{width:100%;padding:9px 14px 9px 38px;font:500 14px var(--sans);color:var(--ink);background:var(--bg);border:1px solid var(--line);outline:none;transition:border-color 0.15s ease,box-shadow 0.15s ease,background 0.15s ease}.filter-box input::placeholder{color:var(--ink-3);font-weight:400}.filter-box input:focus{border-color:var(--cat-color);background:var(--white);box-shadow:0 0 0 3px var(--cat-color-soft)}.toolbar-right{display:flex;align-items:center;gap:16px;margin-left:auto}.result-count{font-size:12px;font-weight:600;color:var(--ink-3);text-transform:uppercase;letter-spacing:0.05em;font-variant-numeric:tabular-nums;white-space:nowrap}.sort-control{display:flex;align-items:center;gap:8px}.sort-control .sort-label{font-size:12px;font-weight:600;color:var(--ink-3);text-transform:uppercase;letter-spacing:0.05em}.sort-control select{font:600 13px var(--sans);color:var(--ink);background:var(--white);border:1px solid var(--line);padding:7px 28px 7px 11px;cursor:pointer;outline:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none' stroke='%239490a0' stroke-width='1.6'%3E%3Cpath d='M3 5l3 3 3-3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center;transition:border-color 0.15s ease}.sort-control select:hover{border-color:var(--ink-3)}.sort-control select:focus{border-color:var(--cat-color)}.cat-listing{padding:34px 0 70px}.calc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.calc-card-item{background:var(--white);border:1px solid var(--line);padding:19px 20px;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;min-height:148px;position:relative;transition:transform 0.18s ease,box-shadow 0.18s ease,border-color 0.18s ease}.calc-card-item::before{content:'';position:absolute;left:-1px;top:-1px;bottom:-1px;width:3px;background:var(--cat-color);transform:scaleY(0);transform-origin:top;transition:transform 0.2s ease}.calc-card-item[hidden]{display:none}.calc-card-item:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,0.06);border-color:var(--cat-color)}.calc-card-item:hover::before{transform:scaleY(1)}.calc-card-item h2{font-size:15px;font-weight:700;letter-spacing:-0.012em;line-height:1.32;margin-bottom:6px}.calc-card-item p{font-size:12.5px;color:var(--ink-2);line-height:1.5;margin-bottom:auto}.cc-open{margin-top:14px;display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--ink-3);transition:color 0.15s ease,gap 0.15s ease}.cc-open svg{width:11px;height:11px}.calc-card-item:hover .cc-open{color:var(--cat-color);gap:8px}.cat-empty{text-align:center;padding:56px 0;font-size:15px;color:var(--ink-2)}.cat-empty strong{color:var(--ink);font-weight:600}@media (max-width:1024px){.calc-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:680px){.category-hero h1{font-size:30px}.cat-toolbar .container{flex-wrap:wrap;gap:12px}.filter-box{max-width:none;flex-basis:100%}.toolbar-right{margin-left:0;width:100%;justify-content:space-between}.calc-grid{grid-template-columns:1fr}}