.category-card{border:1px solid var(--color-border);border-radius:var(--radius-md);color:#2b2b2b;text-align:center;height:100%;min-height:96px;transition:border-color var(--duration-micro) ease, box-shadow var(--duration-micro) ease, transform var(--duration-micro) ease, color var(--duration-micro) ease;background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px 14px;text-decoration:none;display:flex;position:relative}.category-card__icon{color:#3f3f3f;transition:color var(--duration-micro) ease;place-items:center;display:grid}.category-card__label{font-size:var(--text-base);font-weight:700;line-height:1.3}.category-card:hover{z-index:var(--z-raised);border-color:var(--color-accent);color:var(--color-accent-ink);box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.category-card:hover .category-card__icon{color:var(--color-accent)}.category-card--tile{border-radius:var(--radius-sm);gap:8px;min-height:66px;padding:12px 8px}.category-card--tile .category-card__label{color:#555;font-size:var(--text-xs);font-weight:400;line-height:1.2}.category-card--tile:hover .category-card__label{color:var(--color-accent-ink)}@media (width<=560px){.category-card{gap:10px;padding:18px 10px}.category-card__label{font-size:var(--text-sm)}}@media (prefers-reduced-motion:reduce){.category-card,.category-card__icon{transition:none}.category-card:hover{transform:none}}.category-grid__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,1.4vw,22px);margin:0;padding:0;list-style:none;display:grid}@media (width>=620px){.category-grid__list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1400px){.category-grid__list{grid-template-columns:repeat(4,minmax(0,1fr))}}.category-hero{border:1px solid var(--color-border);background:linear-gradient(103deg,#fbfbfa 0%,#f4f4f2 100%);border-radius:14px;grid-template-columns:minmax(0,1fr);gap:clamp(22px,2.6vw,34px);padding:clamp(22px,2.6vw,34px);display:grid}.category-hero__copy{flex-direction:column;justify-content:center;min-width:0;display:flex}.category-hero__eyebrow{color:#6f6f6b;font-size:var(--text-xs);letter-spacing:1.4px;text-transform:uppercase;margin:0;font-weight:700;line-height:1.2}.category-hero__title{color:#171717;letter-spacing:-1px;margin:14px 0 0;font-size:clamp(28px,3vw,40px);font-weight:900;line-height:1.05}.category-hero__text{color:#6a6a66;max-width:42ch;font-size:var(--text-sm);margin:16px 0 0;line-height:1.65}.category-hero__tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}@media (width>=860px){.category-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-items:center}}@media (width<=420px){.category-hero__tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}.catalog-sidebar{flex-direction:column;gap:16px;min-width:0;display:flex}.catalog-sidebar__card{border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-panel);background:#fff;padding:22px 10px 22px 22px}.category-tree__title{color:#171717;margin:0 0 14px;font-size:15px;font-weight:900;line-height:1.2}.category-tree__scroll{overscroll-behavior-block:contain;scrollbar-width:thin;scrollbar-color:var(--color-accent) #efefef;max-height:640px;padding-right:12px;overflow-y:auto}.category-tree__scroll::-webkit-scrollbar{width:6px}.category-tree__scroll::-webkit-scrollbar-track{background:#efefef;border-radius:3px}.category-tree__scroll::-webkit-scrollbar-thumb{background:var(--color-accent);border-radius:3px}.category-tree__list{margin:0;padding:0;list-style:none}.category-tree__list .category-tree__list{padding-left:18px}.category-tree__row{color:#3d3d3d;min-height:34px;font-size:var(--text-base);cursor:pointer;transition:color var(--duration-micro) ease;align-items:center;gap:7px;line-height:1.25;text-decoration:none;display:flex}.category-tree__row::-webkit-details-marker{display:none}summary.category-tree__row{list-style:none}.category-tree__row:hover,.category-tree__row:hover .category-tree__count{color:var(--color-accent-ink)}.category-tree__count{color:var(--color-muted);font-size:var(--text-xs);transition:color var(--duration-micro) ease}.category-tree__chevron{color:#b4b4b1;transition:transform var(--duration-micro) ease, color var(--duration-micro) ease;flex:none;margin-left:auto}.category-tree__branch[open]>.category-tree__row,.category-tree__branch[open]>.category-tree__row .category-tree__count,.category-tree__branch[open]>.category-tree__row .category-tree__chevron,.category-tree__row--active,.category-tree__row--active .category-tree__count{color:var(--color-accent-ink)}.category-tree__row--active{font-weight:700;position:relative}.category-tree__row--active:before{content:"";border-radius:var(--radius-pill);background:var(--color-accent-ink);width:3px;position:absolute;top:6px;bottom:6px;left:-10px}.category-tree__branch[open]>.category-tree__row .category-tree__chevron{transform:rotate(180deg)}.benefit-stack{gap:12px;margin:0;padding:0;list-style:none;display:grid}.benefit-stack__item{border:1px solid var(--color-border);border-radius:var(--radius-md);min-height:74px;box-shadow:var(--shadow-panel);background:#fff;align-items:center;gap:16px;padding:14px 20px;display:flex}.benefit-stack__icon{color:var(--color-accent);flex:none;place-items:center;display:grid}.benefit-stack__copy{flex-direction:column;gap:5px;min-width:0;display:flex}.benefit-stack__copy strong{color:#171717;font-size:var(--text-base);font-weight:900;line-height:1.2}.benefit-stack__copy>span{color:#666;font-size:var(--text-xs);line-height:1.2}@media (width<=1099px){.catalog-sidebar{gap:20px}.benefit-stack{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.category-tree__row{min-height:44px}}@media (prefers-reduced-motion:reduce){.category-tree__row,.category-tree__count,.category-tree__chevron{transition:none}}.catalog{padding:var(--band-space) 0 0;background:#fff}.catalog__layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"content""sidebar";gap:clamp(24px,2.6vw,40px);display:grid}.catalog__layout>.catalog-sidebar{grid-area:sidebar}.catalog__content{flex-direction:column;grid-area:content;gap:clamp(22px,2.4vw,34px);min-width:0;display:flex}@media (width>=1100px){.catalog__layout{grid-template-columns:300px minmax(0,1fr);grid-template-areas:"sidebar content";align-items:start}}
