.category-banner{border:1px solid var(--color-border);background:#fff;border-radius:14px;grid-template-columns:minmax(0,1fr);display:grid;overflow:hidden}.category-banner__copy{background:linear-gradient(103deg,#fbfbfa 0%,#f4f4f2 100%);flex-direction:column;justify-content:center;min-width:0;padding:clamp(24px,3vw,44px);display:flex}.category-banner__title{color:#171717;font-size:var(--display-lg);letter-spacing:-1px;text-wrap:balance;margin:0;font-weight:900;line-height:1.08}.category-banner__text{color:#6a6a66;max-width:46ch;font-size:var(--text-sm);margin:16px 0 0;line-height:1.65}.category-banner__media{background:linear-gradient(103deg,#f2f1ef 0%,#f8f8f7 52%,#fff 100%);border-radius:0 0 13px 13px;min-width:0;min-height:180px;position:relative}.category-banner__glyph{color:#b4b2ae;place-items:center;display:grid;position:absolute;inset:0}.category-banner__glyph:before{content:"";aspect-ratio:1;background:radial-gradient(circle,#ff702017 0%,#ff702000 70%);border-radius:50%;width:clamp(150px,15vw,210px);position:absolute}.category-banner__glyph svg{position:relative}@media (width>=860px){.category-banner{grid-template-columns:minmax(0,45fr) minmax(0,55fr);align-items:stretch}.category-banner__media{border-radius:0 13px 13px 0;min-height:clamp(200px,18vw,262px)}}.filter-panel{border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:0;box-shadow:var(--shadow-panel);background:#fff;flex-direction:column;gap:18px;padding:22px;display:flex}.filter-panel__title{color:var(--color-ink);margin:0;font-size:15px;font-weight:900;line-height:1.2}.filter-panel__group{flex-direction:column;gap:10px;min-width:0;display:flex}.filter-panel__label{color:var(--color-ink);font-size:var(--text-sm);margin:0;font-weight:700;line-height:1.2}.filter-panel__group-head{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.filter-panel__select-all{min-height:44px;color:var(--color-accent-ink);font-size:var(--text-xs);cursor:pointer;transition:color var(--duration-micro) ease;background:0 0;border:0;flex:none;align-items:center;padding:0;font-weight:700;line-height:1.2;display:inline-flex}.filter-panel__select-all:hover{color:var(--color-accent-surface-hover);text-decoration:underline}.filter-panel__range{min-width:0;height:44px;position:relative}.filter-panel__rail,.filter-panel__fill{border-radius:var(--radius-pill);height:4px;margin-top:-2px;position:absolute;top:50%}.filter-panel__rail{background:var(--color-border);left:0;right:0}.filter-panel__fill{left:var(--range-start,0%);width:max(0px, calc(var(--range-end,100%) - var(--range-start,0%)));background:var(--color-accent)}.filter-panel__slider{z-index:var(--z-raised);pointer-events:none;appearance:none;background:0 0;width:100%;height:44px;margin:0;padding:0;position:absolute;top:0;left:0}.filter-panel__slider:focus-visible{outline-offset:-2px}.filter-panel__slider::-webkit-slider-runnable-track{background:0 0;border:0;height:4px}.filter-panel__slider::-moz-range-track{background:0 0;border:0;height:4px}.filter-panel__slider::-webkit-slider-thumb{background:radial-gradient(circle at 50% 50%, var(--color-accent) 0 7.5px, transparent 8px);pointer-events:auto;cursor:pointer;appearance:none;border:0;border-radius:50%;width:24px;height:24px;margin-top:-10px}.filter-panel__slider::-moz-range-thumb{background:radial-gradient(circle at 50% 50%, var(--color-accent) 0 7.5px, transparent 8px);pointer-events:auto;cursor:pointer;appearance:none;border:0;border-radius:50%;width:24px;height:24px}.filter-panel__values{justify-content:space-between;align-items:baseline;gap:12px;min-width:0;display:flex}.filter-panel__value{color:var(--color-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums;line-height:1.2}.filter-panel__select{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;min-width:0;max-width:100%;height:46px;color:var(--color-ink);font-size:var(--text-base);text-overflow:ellipsis;cursor:pointer;appearance:none;transition:border-color var(--duration-micro) ease;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1.2 1.6 6 6.4l4.8-4.8' fill='none' stroke='%23626262' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:12px 8px;padding:0 38px 0 14px;line-height:1.2}.filter-panel__select:hover{border-color:var(--color-accent-ink)}.filter-panel__colors{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;min-width:0;display:grid}.filter-panel__colors--more{margin-top:6px}.color-chip{border:1px solid var(--color-border);border-radius:var(--radius-sm);min-width:0;min-height:44px;color:var(--color-ink);font-size:var(--text-sm);cursor:pointer;transition:border-color var(--duration-micro) ease, background var(--duration-micro) ease;background:#fff;align-items:center;gap:6px;padding:0 8px;line-height:1.2;display:flex;position:relative}.color-chip:hover{border-color:var(--color-accent-ink)}.color-chip:has(input:checked){border-color:var(--color-accent-ink);background:var(--color-accent-soft)}.color-chip:has(input:focus-visible){outline:3px solid var(--focus-ring);outline-offset:2px}.color-chip--empty{cursor:default;opacity:.45}.color-chip--empty:hover{border-color:var(--color-border)}.color-chip__swatch{background:var(--swatch,#fff);border:1px solid #201e1b2e;border-radius:50%;flex:none;width:16px;height:16px}.color-chip__label{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.color-chip__count{color:var(--color-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums;flex:none;margin-left:auto}.filter-panel__more{min-width:0}.filter-panel__more-toggle{min-height:44px;color:var(--color-accent-ink);font-size:var(--text-sm);cursor:pointer;transition:color var(--duration-micro) ease;align-items:center;font-weight:700;line-height:1.2;list-style:none;display:flex}.filter-panel__more-toggle::-webkit-details-marker{display:none}.filter-panel__more-toggle:hover{color:var(--color-accent-surface-hover);text-decoration:underline}.filter-panel__submit{border-radius:var(--radius-sm);color:#fff;background:var(--color-accent-surface);width:100%;height:48px;font-size:var(--text-sm);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:background var(--duration-micro) ease;border:0;justify-content:center;align-items:center;padding:0 14px;font-weight:900;line-height:1.2;display:inline-flex}.filter-panel__submit:hover{background:var(--color-accent-surface-hover)}.filter-panel__reset{min-height:44px;color:var(--color-accent-ink);font-size:var(--text-sm);text-align:center;transition:color var(--duration-micro) ease;align-self:center;align-items:center;line-height:1.2;text-decoration:none;display:inline-flex}.filter-panel__reset:hover{color:var(--color-accent-surface-hover);text-decoration:underline}.filter-drawer{min-width:0}.filter-drawer__trigger{border:1px solid var(--color-border);border-radius:var(--radius-md);min-height:48px;color:var(--color-ink);box-shadow:var(--shadow-panel);font-size:var(--text-base);cursor:pointer;background:#fff;align-items:center;gap:8px;padding:0 16px;font-weight:700;line-height:1.2;list-style:none;display:flex}.filter-drawer__trigger::-webkit-details-marker{display:none}.filter-drawer__icon{color:var(--color-accent-ink);flex:none}.filter-drawer__chevron{color:var(--color-muted);transition:transform var(--duration-micro) ease;flex:none;margin-left:auto}.filter-drawer[open]>.filter-drawer__trigger .filter-drawer__chevron{transform:rotate(180deg)}.filter-drawer__panel{min-width:0}@media (width<=1099px){.filter-drawer{z-index:var(--z-sticky);top:var(--header-pinned-height);position:sticky}.filter-drawer[open]{position:static}.filter-drawer[open]>.filter-drawer__trigger{margin-bottom:12px}.filter-panel__colors{grid-template-columns:repeat(auto-fit,minmax(148px,1fr))}}@media (width>=1100px){.filter-drawer__trigger{display:none}}@media (prefers-reduced-motion:reduce){.filter-panel__select-all,.filter-panel__select,.filter-panel__more-toggle,.filter-panel__submit,.filter-panel__reset,.filter-drawer__chevron,.color-chip{transition:none}}.pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.pagination__list{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.pagination__item{display:flex}.pagination__link{border-radius:var(--radius-sm);width:38px;height:38px;color:var(--color-accent-surface-hover);background:var(--color-accent-soft);font-size:var(--text-sm);transition:color var(--duration-micro) ease, background var(--duration-micro) ease;place-items:center;font-weight:700;line-height:1;text-decoration:none;display:grid;position:relative}.pagination__link:after{content:"";position:absolute;inset:-3px}.pagination__link:hover:not(.pagination__link--current),.pagination__link--current{color:#fff;background:var(--color-accent-surface)}.pagination__step{border-radius:var(--radius-sm);width:auto;min-width:38px;height:38px;font-size:var(--text-sm);white-space:nowrap;justify-content:center;align-items:center;gap:5px;padding:0 12px;font-weight:700;line-height:1;text-decoration:none;display:inline-flex}.pagination__step--disabled{color:#b9b9b6;background:var(--color-surface-soft);cursor:default}.pagination__ellipsis{width:38px;height:38px;color:var(--color-muted);font-size:var(--text-sm);place-items:center;font-weight:700;line-height:1;display:grid}@media (width<=560px){.pagination,.pagination__list{gap:6px}.pagination__step{min-width:38px;padding:0 8px}.pagination__step-label{display:none}}@media (prefers-reduced-motion:reduce){.pagination__link{transition:none}}.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}}.category-detail{padding:var(--band-space) 0;background:#fff}.category-detail__layout{flex-direction:column;gap:clamp(24px,2.6vw,40px);display:flex}.category-detail__content{flex-direction:column;gap:clamp(20px,2.2vw,30px);min-width:0;display:flex}.category-detail__tree,.category-detail__breadcrumb{min-width:0}.category-detail__crumbs{color:var(--color-muted);font-size:var(--text-xs);flex-wrap:wrap;align-items:center;gap:4px 8px;margin:0;padding:0;line-height:1.3;list-style:none;display:flex}.category-detail__crumb{align-items:center;gap:8px;display:flex}.category-detail__crumb+.category-detail__crumb:before{content:"›";color:#b4b4b1}.category-detail__crumb a{color:var(--color-muted);transition:color var(--duration-micro) ease;text-decoration:none}.category-detail__crumb a:hover{color:var(--color-accent-ink);text-decoration:underline}.category-detail__crumb [aria-current=page]{color:var(--color-ink);font-weight:700}.category-detail__listing{flex-direction:column;gap:clamp(20px,2.2vw,30px);min-width:0;display:flex}.category-detail__heading:focus{outline:none}.category-detail__listing[aria-busy=true]{opacity:.55;transition:opacity .14s}.category-detail__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 16px;display:flex}.category-detail__titles{flex-wrap:wrap;align-items:baseline;gap:4px 12px;min-width:0;display:flex}.category-detail__count{color:var(--color-muted);font-size:var(--text-sm);margin:0;line-height:1.2}.category-detail__heading{color:#111;font-size:var(--display-sm);letter-spacing:-.5px;margin:0;font-weight:900;line-height:1.2}.category-detail__empty-cause{max-width:46ch;color:var(--color-ink);font-size:var(--text-sm);margin:0;font-weight:700;line-height:1.4}.category-detail__sort{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.category-detail__sort-label{color:var(--color-muted);font-size:var(--text-sm);flex:none;line-height:1.2}.category-detail__sort-select{border:1px solid var(--color-border);border-radius:var(--radius-sm);min-width:0;max-width:100%;height:40px;color:var(--color-ink);font-size:var(--text-sm);text-overflow:ellipsis;cursor:pointer;appearance:none;transition:border-color var(--duration-micro) ease;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1.2 1.6 6 6.4l4.8-4.8' fill='none' stroke='%23626262' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:12px 8px;padding:0 34px 0 12px;font-weight:700;line-height:1.2}.category-detail__sort-select:hover{border-color:var(--color-accent-ink)}.category-detail__sort-submit{border:1px solid var(--color-accent-ink);border-radius:var(--radius-sm);min-height:40px;color:var(--color-accent-ink);font-size:var(--text-sm);cursor:pointer;background:#fff;align-items:center;padding:0 14px;font-weight:700;line-height:1.2;display:inline-flex}[data-category-detail][data-enhanced=true] .category-detail__sort-submit{display:none}@media (width>=1100px){.category-detail__layout{grid-template:"filters content""tree content"1fr/300px minmax(0,1fr);align-items:start;gap:16px clamp(24px,2.6vw,40px);display:grid}.category-detail__layout>.filter-drawer{grid-area:filters}.category-detail__content{grid-area:content}.category-detail__tree{grid-area:tree}}@media (width<=560px){.category-detail__sort{width:100%}.category-detail__sort-select{flex:auto}}@media (prefers-reduced-motion:reduce){.category-detail__listing[aria-busy=true],.category-detail__crumb a,.category-detail__sort-select{transition:none}}.category-detail__capability-note{border-radius:var(--radius-sm);background:var(--color-accent-soft);color:var(--color-accent-ink);font-size:var(--text-sm);margin:0 0 12px;padding:10px 14px;line-height:1.4}