.catalog-action-bar{display:flex;gap:.5rem;margin-bottom:1rem;position:sticky;top:4.5rem;z-index:30;padding:.35rem;border-radius:1rem;background:color-mix(in srgb,var(--color-surface) 92%,transparent);backdrop-filter:blur(10px);border:1px solid var(--color-border);box-shadow:0 8px 24px rgba(0,0,0,.06)}.catalog-action-bar__btn{flex:1;display:inline-flex;align-items:center;justify-content:flex-start;gap:.65rem;padding:.65rem .95rem;border-radius:.75rem;font-size:.875rem;font-weight:600;border:1px solid var(--color-border);background:var(--color-surface);text-align:left;transition:transform .25s cubic-bezier(.22,1,.36,1),background .2s ease,border-color .2s ease,box-shadow .2s ease}.catalog-action-bar__btn:active{transform:scale(.98)}.catalog-action-bar__btn--primary{background:linear-gradient(135deg,var(--color-sage),var(--color-sage-dark));color:#fff;border-color:transparent;box-shadow:0 4px 14px rgba(111,153,133,.35)}.catalog-action-bar__btn--primary .catalog-action-bar__label-sub{color:rgba(255,255,255,.85)}.catalog-action-bar__btn--active{border-color:var(--color-sage);background:color-mix(in srgb,var(--color-sage) 12%,var(--color-surface))}.catalog-action-bar__icon{flex-shrink:0;font-size:1.05rem;line-height:1}.catalog-action-bar__label{display:flex;flex-direction:column;gap:.1rem;min-width:0}.catalog-action-bar__label-title{line-height:1.2}.catalog-action-bar__label-sub{font-size:.7rem;font-weight:500;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.catalog-action-bar__dot{flex-shrink:0;width:.5rem;height:.5rem;border-radius:999px;background:var(--color-sage-dark);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-sage) 35%,transparent)}.catalog-main{min-width:0;width:100%}@media (min-width:1024px){.catalog-action-bar__btn{flex:0 1 auto;min-width:11rem;max-width:22rem}.catalog-action-bar__btn:last-child{margin-left:auto;max-width:16rem}}.catalog-drawer-root{position:fixed;inset:0;z-index:100;pointer-events:none;visibility:hidden}.catalog-drawer-root--open{pointer-events:auto;visibility:visible}.catalog-drawer-backdrop{position:absolute;inset:0;border:none;background:rgba(15,23,20,.45);opacity:0;transition:opacity .35s cubic-bezier(.22,1,.36,1);cursor:pointer}.catalog-drawer-root--open .catalog-drawer-backdrop{opacity:1}.catalog-drawer-panel{position:absolute;top:0;left:0;height:100%;width:min(92vw,22rem);max-width:100%;background:var(--color-surface);border-right:1px solid var(--color-border);box-shadow:12px 0 40px rgba(0,0,0,.12);transform:translateX(-105%);transition:transform .42s cubic-bezier(.22,1,.36,1);display:flex;flex-direction:column}.catalog-drawer-root--open .catalog-drawer-panel{transform:translateX(0)}@media (min-width:1024px){.catalog-drawer-panel{width:min(36vw,20rem);box-shadow:16px 0 48px rgba(0,0,0,.14)}}.catalog-drawer-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.25rem 1rem .75rem;border-bottom:1px solid var(--color-border);background:linear-gradient(180deg,color-mix(in srgb,var(--color-sage) 8%,var(--color-surface)),var(--color-surface))}.catalog-drawer-close{width:2.25rem;height:2.25rem;border-radius:.75rem;border:1px solid var(--color-border);background:var(--color-surface-alt);font-size:.9rem;transition:transform .2s ease,background .2s ease}.catalog-drawer-close:hover{background:var(--color-surface);transform:rotate(90deg)}.catalog-drawer-body{flex:1;overflow-y:auto;padding:1rem;-webkit-overflow-scrolling:touch}.catalog-nav-item{animation:catalog-nav-in .45s cubic-bezier(.22,1,.36,1) backwards}@keyframes catalog-nav-in{0%{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}.catalog-children-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s cubic-bezier(.22,1,.36,1)}.catalog-children-panel--open{grid-template-rows:1fr}.catalog-children-panel>div{overflow:hidden}.catalog-search-toggle{align-items:center;gap:.5rem;padding:.6rem 1rem;border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface);font-size:.875rem;font-weight:600;margin-bottom:.75rem;transition:background .25s ease,border-color .25s ease,box-shadow .25s ease,transform .2s ease}.catalog-search-toggle:hover{border-color:var(--color-sage);box-shadow:0 4px 16px rgba(139,175,156,.15)}.catalog-search-toggle--open{background:color-mix(in srgb,var(--color-sage) 14%,var(--color-surface));border-color:var(--color-sage)}.catalog-search-toggle__icon{display:inline-flex;width:1.5rem;height:1.5rem;align-items:center;justify-content:center;border-radius:999px;background:color-mix(in srgb,var(--color-sage) 18%,transparent);font-size:.95rem}.catalog-search-toggle__badge{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:.15rem .45rem;border-radius:999px;background:var(--color-sage);color:#fff}.catalog-search-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.22,1,.36,1)}.catalog-search-panel--open{grid-template-rows:1fr}.catalog-search-panel__inner{overflow:hidden}.catalog-search-panel--open .catalog-search-panel__inner>div{animation:catalog-search-in .5s cubic-bezier(.22,1,.36,1)}@keyframes catalog-search-in{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.catalog-filters-grid>*{animation:catalog-filter-in .4s cubic-bezier(.22,1,.36,1) backwards}.catalog-filters-grid>:first-child{animation-delay:.05s}.catalog-filters-grid>:nth-child(2){animation-delay:.1s}.catalog-filters-grid>:nth-child(3){animation-delay:.15s}.catalog-filters-grid>:nth-child(4){animation-delay:.2s}.catalog-filters-grid>:nth-child(5){animation-delay:.25s}@keyframes catalog-filter-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.catalog-action-bar__btn,.catalog-children-panel,.catalog-drawer-backdrop,.catalog-drawer-close,.catalog-drawer-panel,.catalog-search-panel{transition:none!important}.catalog-filters-grid>*,.catalog-nav-item,.catalog-search-panel--open .catalog-search-panel__inner>div{animation:none!important}.catalog-drawer-root--open .catalog-drawer-panel{transform:translateX(0)}}