.catalog-navigation,.catalog-nav-container{position:relative}.catalog-nav-row{align-items:stretch;display:flex}.catalog-nav-row>*{flex:none}.catalog-nav-item{min-height:52px;color:inherit;font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:.5rem;padding:0 1rem;font-size:.875rem;font-weight:700;text-decoration:none;display:flex;position:relative}.catalog-nav-item svg{flex:none;width:16px;height:16px}.catalog-nav-item:after{content:"";background:var(--color-accent);height:3px;transition:transform .14s ease-out;position:absolute;bottom:0;left:1rem;right:1rem;transform:scaleX(0)}.catalog-nav-item:hover,.catalog-nav-item[data-active=true]{background:#ffffff0d}.catalog-nav-item:hover:after,.catalog-nav-item[data-active=true]:after{transform:scaleX(1)}.catalog-all{border-right:1px solid #ffffff26;padding-left:0;padding-right:1.5rem}.catalog-measure{visibility:hidden;pointer-events:none;height:0;margin-inline:inherit;display:flex;position:absolute;inset:0 0 auto;overflow:hidden}.catalog-measure>*{flex:none}.catalog-mega-panel{background:var(--color-background);color:var(--color-foreground);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#9b9da0 transparent;max-height:min(28rem,52dvh,100dvh - 190px);padding:1.75rem 2rem 2rem;animation:.15s ease-out catalog-reveal;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 16px 24px -20px #0006}.catalog-mega-heading{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:2rem;margin-bottom:1.5rem;padding-bottom:1.25rem;display:flex}.catalog-mega-heading h2{margin:0;font-size:1.65rem}.catalog-mega-heading>a,.catalog-view-all{color:var(--color-accent);align-items:center;gap:.75rem;min-height:44px;font-size:.875rem;font-weight:700;display:inline-flex}.catalog-mega-heading svg,.catalog-view-all svg{flex:none;width:17px;height:17px}.catalog-mega-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:1.5rem 2rem;animation:.14s ease-out catalog-reveal;display:grid}.catalog-mega-category{min-width:0}.catalog-family-directory{border-top:1px solid var(--color-border);padding-block:2rem 4rem}.catalog-family-directory-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.catalog-family-directory-heading h2{font-size:1.5rem}.catalog-family-directory-heading a{min-height:44px;color:var(--color-accent);text-underline-offset:4px;align-items:center;text-decoration:underline;display:inline-flex}.catalog-family-directory .catalog-family-list a:hover{color:var(--color-accent);text-underline-offset:4px;text-decoration:underline}.catalog-family-list{columns:5;column-gap:2rem;margin:0;padding:0;list-style:none}.catalog-family-list li{break-inside:avoid}.catalog-family-list a{text-transform:uppercase;overflow-wrap:anywhere;align-items:center;min-height:44px;padding:.625rem .25rem;font-size:.875rem;font-weight:700;display:flex}.catalog-families-feedback button{min-height:44px;color:var(--color-accent);text-underline-offset:4px;font-weight:700;text-decoration:underline}@media (width<=1023px){.catalog-family-directory .catalog-family-list{columns:3}}@media (width<=600px){.catalog-family-directory .catalog-family-list{columns:2;column-gap:1rem}.catalog-family-directory .catalog-family-list a{min-height:48px;font-size:1rem}}.catalog-category-title{overflow-wrap:anywhere;align-items:center;gap:1rem;min-height:48px;font-size:.9375rem;font-weight:700;display:flex}.catalog-category-title img{object-fit:contain;background:var(--color-secondary);flex:none;width:60px;height:60px}.catalog-category-title svg{width:15px;height:15px;color:var(--color-accent);flex:none;margin-left:auto}.catalog-branches,.catalog-branches ul{margin:.5rem 0 0;padding:0;list-style:none}.catalog-branches ul{margin:0;padding-left:1rem}.catalog-branches a{overflow-wrap:anywhere;align-items:center;min-height:40px;padding-block:.4rem;font-size:.875rem;display:flex}.catalog-mega-panel a:hover,.catalog-drawer a:hover{color:var(--color-accent);text-underline-offset:4px;text-decoration:underline}.catalog-navigation :focus-visible,.catalog-drawer :focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.catalog-nav-row :focus-visible{outline-offset:-4px;outline-color:#fff}.catalog-drawer-overlay{z-index:60;background:#13141666;animation:.18s ease-out catalog-reveal;position:fixed;inset:0}.catalog-drawer{z-index:61;background:var(--color-background);width:90vw;color:var(--color-foreground);outline:none;flex-direction:column;animation:.18s ease-out catalog-slide;display:flex;position:fixed;top:0;bottom:0;right:0}.catalog-drawer-top{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;font-size:.875rem;display:flex}.catalog-drawer-top button{justify-content:center;align-items:center;gap:.5rem;min-width:44px;min-height:44px;display:flex}.catalog-drawer-top svg{width:20px;height:20px}.catalog-drawer-scroll{overscroll-behavior:contain;padding:1.5rem;padding-bottom:max(1.5rem, env(safe-area-inset-bottom));scrollbar-width:thin;overflow:hidden auto}.catalog-drawer-level{animation:.18s ease-out catalog-slide}.catalog-drawer-level[data-direction=back]{animation-name:catalog-back}.catalog-drawer-level h2{overflow-wrap:anywhere;margin:0;font-size:clamp(1.6rem,4vw,2rem)}.catalog-view-all{margin:.5rem 0 1.25rem}.catalog-drawer-link{text-align:left;border-bottom:1px solid var(--color-border);overflow-wrap:anywhere;justify-content:space-between;align-items:center;gap:1rem;width:100%;min-height:56px;padding:.875rem 0;font-size:1rem;display:flex}.catalog-drawer-link svg{width:18px;height:18px;color:var(--color-accent);flex:none}.catalog-drawer-link:hover{color:var(--color-accent)}.catalog-drawer a[aria-current=page]{color:var(--color-accent);font-weight:700}.catalog-drawer-secondary{gap:1rem;padding-top:2rem;font-size:.875rem;display:grid}.catalog-drawer-secondary>a{align-items:center;min-height:44px;display:flex}@keyframes catalog-reveal{0%{opacity:0}to{opacity:1}}@keyframes catalog-slide{0%{opacity:.4;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes catalog-back{0%{opacity:.4;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@media (width<=1023px){.catalog-navigation{display:none}}@media (prefers-reduced-motion:reduce){.catalog-navigation *,.catalog-drawer,.catalog-drawer *,.catalog-drawer-overlay{transition:none;animation:none}}
