@layer theme,base;@layer components{.sj-catnav{--catnav-bg:#fff;--catnav-hover-bg:#f2f4f9;--catnav-border:#e2e8f0;--catnav-text:#0030ac;--catnav-text-strong:#0f172a;--catnav-accent:#fe9f2a;--catnav-font-tab:var(--text-sm,.875rem);--catnav-leading-tab:var(--text-sm--line-height,1.4286);--catnav-font-item:.88rem;--catnav-font-title:.95rem;--catnav-max-width:1180px;--catnav-pad-x:24px;--catnav-flyout-pad-left:78px;--catnav-radius-chip:var(--radius-chip,8px);--catnav-radius-sm:var(--radius-sm,4px);--catnav-shadow:var(--shadow-floating,0 8px 24px -4px #0f172a1f, 0 2px 8px -2px #0f172a14);border-bottom:1px solid var(--catnav-border);background:var(--catnav-bg);position:relative}.sj-catnav,.sj-catnav *,.sj-catnav :before,.sj-catnav :after{box-sizing:border-box}.sj-catnav-row{width:100%;max-width:var(--catnav-max-width);padding:4px var(--catnav-pad-x);flex-wrap:nowrap;align-items:center;column-gap:28px;margin:0 auto;display:flex;overflow:auto hidden}html[data-device=pc] .sj-catnav-row{column-gap:40px}.sj-catnav-menu{min-width:44px;min-height:44px;color:var(--catnav-text);cursor:pointer;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;margin-left:-12px;padding:0;display:none}html[data-device=pc] .sj-catnav-menu{display:flex}.sj-catnav-menu:hover{color:var(--catnav-text-strong)}.sj-catnav-group{position:relative}.sj-catnav-tab{min-height:44px;font-size:var(--catnav-font-tab);line-height:var(--catnav-leading-tab);white-space:nowrap;color:var(--catnav-text);flex-shrink:0;align-items:center;padding:0 4px;font-weight:500;text-decoration:none;transition:color .15s;display:flex}.sj-catnav-tab:hover,.sj-catnav-tab.is-hovered{color:var(--catnav-accent)}.sj-catnav-item{min-height:44px;font-size:var(--catnav-font-item);white-space:nowrap;color:var(--catnav-text);border-bottom:2px solid #0000;align-items:center;padding:0 12px;text-decoration:none;transition:color .15s;display:flex}.sj-catnav-flyout .sj-catnav-item{border-radius:var(--catnav-radius-chip)}.sj-catnav-mega .sj-catnav-item{border-radius:var(--catnav-radius-sm);text-align:left;border-bottom:0;justify-content:flex-start;min-height:24px;padding:0}.sj-catnav-item:hover{border-bottom-color:var(--catnav-accent);color:var(--catnav-accent)}.sj-catnav-flyout .sj-catnav-item:hover{background:var(--catnav-hover-bg)}.sj-catnav-mega .sj-catnav-item:hover{border-bottom-color:#0000}.sj-catnav-menu:focus-visible,.sj-catnav-tab:focus-visible,.sj-catnav-item:focus-visible{box-shadow:0 0 0 2px var(--catnav-accent);outline:none}.sj-catnav-flyout{z-index:40;border-bottom:1px solid var(--catnav-border);background:var(--catnav-bg);box-shadow:var(--catnav-shadow);display:none;position:absolute;top:100%;left:0;right:0}html[data-device=pc] .sj-catnav-flyout{display:block}.sj-catnav-flyout-inner{box-sizing:border-box;max-width:var(--catnav-max-width);padding:12px var(--catnav-pad-x) 12px var(--catnav-flyout-pad-left);align-items:center;gap:4px;margin:0 auto;display:flex}.sj-catnav-mega{z-index:50;border-bottom:1px solid var(--catnav-border);background:var(--catnav-bg);box-shadow:var(--catnav-shadow);position:absolute;top:100%;left:0;right:0}.sj-catnav-mega-inner{box-sizing:border-box;max-width:var(--catnav-max-width);padding:12px var(--catnav-pad-x);margin:0 auto;display:flex}.sj-catnav-mega-col{flex-direction:column;align-items:flex-start;gap:4px;min-width:160px;padding:0 12px;display:flex}.sj-catnav-mega-col+.sj-catnav-mega-col{border-left:1px solid var(--catnav-border)}.sj-catnav-mega-col.is-aligned+.sj-catnav-mega-col.is-aligned{position:relative}.sj-catnav-mega-col.is-aligned+.sj-catnav-mega-col.is-aligned:before{content:"";top:0;bottom:0;left:calc(-1 * var(--catnav-sep-gap,10px));background:var(--catnav-border);width:1px;position:absolute}.sj-catnav-mega-title{font-size:var(--catnav-font-title);text-align:left;color:var(--catnav-text-strong);margin:0;font-weight:700}.sj-catnav-mega-list{flex-direction:column;align-items:flex-start;gap:2px;display:flex}}@layer utilities;