/* Shared category navigator, 20261011n2: compact desktop */
#catalog-dialog.dd-menu{width:min(1240px,calc(100vw - 48px));max-width:none;height:min(780px,calc(100dvh - 48px));max-height:calc(100dvh - 48px);padding:0;border:1px solid #dce6ec;border-radius:20px;color:#152b3c;background:#fff;box-shadow:0 24px 100px #102e4638;overflow:hidden}
#catalog-dialog.dd-menu[open]{display:flex;flex-direction:column}
#catalog-dialog.dd-menu::backdrop{background:#102e4680;backdrop-filter:blur(5px)}
#catalog-dialog.dd-menu *{box-sizing:border-box}
#catalog-dialog.dd-menu [hidden]{display:none!important}
#catalog-dialog.dd-menu button,#catalog-dialog.dd-menu input{font:inherit}
#catalog-dialog.dd-menu a{text-decoration:none}
#catalog-dialog.dd-menu a:focus-visible,#catalog-dialog.dd-menu button:focus-visible,#catalog-dialog.dd-menu input:focus-visible{outline:3px solid #0871cf;outline-offset:2px}
#catalog-dialog .dd-menu-head{display:flex;align-items:center;gap:30px;padding:22px 28px 14px;flex-shrink:0}
#catalog-dialog .dd-menu-head p{font-size:12px;letter-spacing:.08em;font-weight:700;text-transform:uppercase;color:#0871cf;margin:0 0 3px}
#catalog-dialog .dd-menu-head h2{font-size:26px;line-height:1.2;letter-spacing:-.6px;margin:0;white-space:nowrap}
#catalog-dialog .dd-menu-searchbox{display:flex;align-items:center;gap:10px;border:1px solid #ccdeeb;border-radius:10px;background:#f5f9fc;padding:0 12px;min-width:0;flex:1;margin-left:24px}
#catalog-dialog .dd-menu-searchbox svg{width:21px;height:21px;flex-shrink:0;fill:none;stroke:#0871cf;stroke-width:1.7}
#catalog-dialog #dd-menu-search{border:0;background:transparent;min-width:0;width:100%;height:48px;font-size:16px;color:#102e46;box-shadow:none;padding:0;outline-offset:0}
#catalog-dialog #dd-menu-search::-webkit-search-cancel-button{display:none}
#catalog-dialog .dd-menu-clear,#catalog-dialog [data-catalog-close]{display:grid;place-items:center;border:0;background:#edf5fa;border-radius:50%;width:44px;height:44px;flex-shrink:0;color:#102e46;cursor:pointer;margin:0;font-size:27px;font-weight:400}
#catalog-dialog .dd-menu-clear{background:transparent;width:40px;height:40px}
#catalog-dialog .dd-menu-body{display:grid;grid-template-columns:294px minmax(0,1fr);min-height:0;flex:1;border-top:1px solid #e2ebf1}
#catalog-dialog .dd-menu-sidebar{background:#f4f8fb;overflow-y:auto;overscroll-behavior:contain;padding:10px 12px 16px;border-right:1px solid #dce6ec;scrollbar-width:thin}
#catalog-dialog .dd-menu-roots{display:flex;flex-direction:column;gap:2px}
#catalog-dialog .dd-menu-root{display:grid;grid-template-columns:24px minmax(0,1fr) 12px;gap:11px;align-items:center;min-height:46px;padding:10px 11px;border-radius:9px;font-size:15px;font-weight:600;line-height:1.35;color:#29485f;transition:background .15s,color .15s}
#catalog-dialog .dd-menu-root:hover{background:#e4eef6;color:#0871cf}
#catalog-dialog .dd-menu-root[aria-pressed=true]{background:#0871cf;color:#fff}
#catalog-dialog .dd-menu-root svg{width:23px;height:23px;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}
#catalog-dialog .dd-menu-chevron{font-size:23px;font-weight:400;line-height:1}
#catalog-dialog .dd-menu-sidebar-foot{display:grid;gap:2px;border-top:1px solid #dce6ec;margin:12px 10px 0;padding-top:10px}
#catalog-dialog .dd-menu-sidebar-foot a{display:flex;align-items:center;justify-content:space-between;font-size:14px;color:#0871cf;min-height:40px;font-weight:600}
#catalog-dialog .dd-menu-content{overflow-y:auto;overscroll-behavior:contain;padding:24px 28px;min-width:0;scrollbar-width:thin}
#catalog-dialog .dd-menu-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border-bottom:1px solid #dce6ec;padding-bottom:18px;margin-bottom:22px}
#catalog-dialog .dd-menu-panel-head h3,#catalog-dialog .dd-menu-results-title{font-size:23px;line-height:1.25;margin:0;letter-spacing:-.4px;color:#102e46}
#catalog-dialog .dd-menu-all{color:#0871cf;display:flex;align-items:center;min-height:36px;white-space:nowrap;font-size:14px;font-weight:700}
#catalog-dialog .dd-menu-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 25px;align-items:start}
#catalog-dialog .dd-menu-group{min-width:0;padding:0;margin:0}
#catalog-dialog .dd-menu-group h4{margin:0 0 7px;font-size:16px;line-height:1.35;font-weight:700}
#catalog-dialog .dd-menu-group h4 a{color:#102e46;display:block;padding:4px 0}
#catalog-dialog .dd-menu-group ul{list-style:none;padding:0;margin:0}
#catalog-dialog .dd-menu-group li{padding:0;margin:0}
#catalog-dialog .dd-menu-group li a{display:block;padding:5px 0;color:#567086;font-size:14px;line-height:1.45}
#catalog-dialog .dd-menu-group a:hover,#catalog-dialog .dd-menu-result:hover strong{color:#0871cf;text-decoration:underline;text-underline-offset:3px}
#catalog-dialog .dd-menu-more{display:inline-flex;align-items:center;min-height:34px;color:#0871cf;font-size:13px;font-weight:600}
#catalog-dialog .dd-menu-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 28px;border-top:1px solid #dce6ec;background:#fff;flex-shrink:0}
#catalog-dialog .dd-menu-bottom p{margin:0;color:#526b7b;font-size:14px;line-height:1.5}
#catalog-dialog .dd-menu-bottom strong{display:block;color:#102e46;font-size:16px}
#catalog-dialog .dd-menu-quote{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:0 21px;background:#0871cf;color:#fff;border-radius:9px;font-size:15px;font-weight:700;min-height:46px;white-space:nowrap}
#catalog-dialog .dd-menu-statusbar{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:25px;padding:0 28px 10px;font-size:13px;flex-shrink:0}
#catalog-dialog .dd-menu-status{color:#567086;display:flex;align-items:center;gap:10px;margin:0;font-size:13px;line-height:1.4}
#catalog-dialog .dd-menu-product-search{font-size:14px;color:#0871cf;font-weight:700}
#catalog-dialog .dd-menu-retry{border:0;background:#edf5fa;color:#0871cf;padding:8px;border-radius:6px;cursor:pointer}
#catalog-dialog .dd-menu-back{display:none}
#catalog-dialog .dd-menu-hint{font-size:16px;line-height:1.65;color:#526b7b;margin:16px 0}
#catalog-dialog .dd-menu-welcome{padding:30px 0;max-width:500px}
#catalog-dialog .dd-menu-welcome h3{font-size:28px;line-height:1.2;margin:0 0 16px}
#catalog-dialog .dd-menu-welcome p{font-size:16px;line-height:1.65;color:#526b7b}
#catalog-dialog .dd-menu-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}
#catalog-dialog .dd-menu-result{padding:14px;border:1px solid #dce6ec;border-radius:9px;display:block;min-width:0}
#catalog-dialog .dd-menu-result strong{display:block;font-size:16px;line-height:1.4;color:#102e46}
#catalog-dialog .dd-menu-result span{display:block;font-size:12px;line-height:1.5;color:#567086;margin-top:5px}
@media(max-width:1050px){#catalog-dialog .dd-menu-body{grid-template-columns:258px minmax(0,1fr)}#catalog-dialog .dd-menu-groups{grid-template-columns:repeat(2,minmax(0,1fr))}#catalog-dialog .dd-menu-head{gap:15px}#catalog-dialog .dd-menu-searchbox{margin:0}#catalog-dialog .dd-menu-panel-head{display:block}#catalog-dialog .dd-menu-all{margin-top:10px}}
@media(max-width:760px){#catalog-dialog.dd-menu{width:100%;height:100dvh;max-height:100dvh;margin:0;max-width:100%;border:0;border-radius:0}#catalog-dialog .dd-menu-head{display:grid;grid-template-columns:1fr 44px;padding:16px 16px 10px;gap:12px}#catalog-dialog .dd-menu-head>div:first-child{grid-column:1;grid-row:1}#catalog-dialog .dd-menu-head h2{font-size:23px}#catalog-dialog .dd-menu-head p{font-size:11px}#catalog-dialog .dd-menu-searchbox{grid-row:2;grid-column:1/-1;width:100%}#catalog-dialog [data-catalog-close]{grid-column:2;grid-row:1}#catalog-dialog .dd-menu-body{display:block;overflow:hidden}#catalog-dialog .dd-menu-sidebar{height:100%;border:0;padding:6px 10px 16px}#catalog-dialog .dd-menu-root{min-height:54px;font-size:16px;padding:12px;gap:12px}#catalog-dialog .dd-menu-content{height:100%;padding:17px 18px}#catalog-dialog[data-view=roots] .dd-menu-content,#catalog-dialog[data-view=category] .dd-menu-sidebar,#catalog-dialog[data-view=search] .dd-menu-sidebar{display:none}#catalog-dialog .dd-menu-back:not([hidden]){display:flex;gap:8px;align-items:center;border:0;border-top:1px solid #dce6ec;color:#0871cf;background:#fff;min-height:44px;font-size:14px;font-weight:700;padding:0 18px;flex-shrink:0;cursor:pointer}#catalog-dialog .dd-menu-groups{grid-template-columns:1fr;gap:18px}#catalog-dialog .dd-menu-group{border-bottom:1px solid #e2ebf1;padding-bottom:12px}#catalog-dialog .dd-menu-group h4{margin:0}#catalog-dialog .dd-menu-group h4 a{min-height:44px;display:flex;align-items:center}#catalog-dialog .dd-menu-group li a{font-size:16px;min-height:44px;padding:10px 0;line-height:1.5}#catalog-dialog .dd-menu-more{font-size:14px;min-height:44px}#catalog-dialog .dd-menu-panel-head h3{font-size:24px}#catalog-dialog .dd-menu-bottom{padding:12px 16px max(12px,env(safe-area-inset-bottom));gap:10px}#catalog-dialog .dd-menu-bottom p{display:none}#catalog-dialog .dd-menu-bottom strong{font-size:14px}#catalog-dialog .dd-menu-quote{min-height:46px;font-size:14px;padding:0 16px;gap:14px}#catalog-dialog .dd-menu-statusbar{padding:0 16px 8px;min-height:18px;flex-wrap:wrap;gap:4px}#catalog-dialog .dd-menu-product-search{min-height:36px;display:flex;align-items:center}#catalog-dialog .dd-menu-results{grid-template-columns:1fr}#catalog-dialog .dd-menu-results-title{font-size:22px}#catalog-dialog .dd-menu-result span{font-size:13px}}
@media(prefers-reduced-motion:reduce){#catalog-dialog .dd-menu-root{transition:none}}

#catalog-dialog [data-catalog-close] svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
/* Keep mobile touch targets unchanged; density comes from spacing, not smaller text. */
@media(min-width:761px){
 #catalog-dialog.dd-menu{width:min(1320px,calc(100vw - 32px));height:min(820px,calc(100dvh - 32px));max-height:calc(100dvh - 32px)}
 #catalog-dialog .dd-menu-head{padding:12px 20px;gap:20px}
 #catalog-dialog .dd-menu-head>div:first-child{display:flex;align-items:center;gap:14px}
 #catalog-dialog .dd-menu-head p{display:none}
 #catalog-dialog .dd-menu-head h2{font-size:24px}
 #catalog-dialog .dd-menu-searchbox{margin-left:12px}
 #catalog-dialog #dd-menu-search{height:42px}
 #catalog-dialog .dd-menu-statusbar:has(.dd-menu-status:empty):has(.dd-menu-product-search[hidden]){display:none}
 #catalog-dialog .dd-menu-body{grid-template-columns:310px minmax(0,1fr)}
 #catalog-dialog .dd-menu-sidebar{padding:6px 8px 10px}
 #catalog-dialog .dd-menu-roots{gap:1px}
 #catalog-dialog .dd-menu-root{min-height:38px;padding:6px 10px;gap:9px;grid-template-columns:22px minmax(0,1fr) 10px}
 #catalog-dialog .dd-menu-root svg{width:21px;height:21px}
 #catalog-dialog .dd-menu-sidebar-foot{margin:8px 10px 0;padding-top:6px}
 #catalog-dialog .dd-menu-sidebar-foot a{min-height:32px}
 #catalog-dialog .dd-menu-content{padding:14px 22px 18px}
 #catalog-dialog .dd-menu-panel-head{align-items:center;padding-bottom:10px;margin-bottom:14px;gap:12px}
 #catalog-dialog .dd-menu-panel-head h3{font-size:22px}
 #catalog-dialog .dd-menu-all{min-height:30px}
 #catalog-dialog .dd-menu-groups{display:block;column-count:3;column-gap:24px}
 #catalog-dialog .dd-menu-group{break-inside:avoid;page-break-inside:avoid;margin:0 0 16px}
 #catalog-dialog .dd-menu-group h4{margin-bottom:4px}
 #catalog-dialog .dd-menu-group h4 a{padding:3px 0}
 #catalog-dialog .dd-menu-group li a{padding:3px 0}
 #catalog-dialog .dd-menu-more{min-height:28px;font-size:14px}
 #catalog-dialog .dd-menu-bottom{padding:9px 20px;gap:16px}
 #catalog-dialog .dd-menu-bottom>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
 #catalog-dialog .dd-menu-quote{min-height:42px}
 #catalog-dialog .dd-menu-results{gap:8px;margin-top:12px}
 #catalog-dialog .dd-menu-result{padding:10px 12px}
}
@media(min-width:761px) and (max-width:1100px){
 #catalog-dialog .dd-menu-body{grid-template-columns:280px minmax(0,1fr)}
 #catalog-dialog .dd-menu-groups{column-count:2}
 #catalog-dialog .dd-menu-content{padding:12px 18px 16px}
 #catalog-dialog .dd-menu-panel-head{display:block}
 #catalog-dialog .dd-menu-all{margin-top:4px}
 #catalog-dialog .dd-menu-bottom p{display:none}
}
