@scope (#catalog-page){
:scope{--navy:#17334d;--blue:#1555e8;--teal:#087f83;--muted:#64758a;--line:#dbe4ed;--ice:#f2f6fa;--amber:#925400}*{box-sizing:border-box}:scope{margin:0;color:var(--navy);font:15px/1.5 "Segoe UI",Arial,sans-serif;background:#fff}button,input,select,textarea{font:inherit;color:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}a{color:var(--blue);text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--teal);outline-offset:4px}button{border:0;background:none}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}h1{font-size:40px;letter-spacing:-.045em;line-height:1.2;font-weight:500;margin-bottom:15px}h2{font-size:25px;letter-spacing:-.025em;line-height:1.25;font-weight:500;margin-bottom:8px}h3{font-size:18px;font-weight:600;line-height:1.35;letter-spacing:-.02em;margin-bottom:9px}.wrap{max-width:1420px;padding:0 36px;margin:auto}.top{background:var(--navy);color:#dbe7f4;font-size:11px;padding:7px 0}.top .wrap{display:flex;justify-content:space-between}.header{border-bottom:1px solid var(--line);background:white}.header .wrap{height:85px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{width:170px;height:62px;object-fit:contain}.headnote{margin-right:auto;border-left:1px solid var(--line);padding-left:25px;color:var(--muted);font-size:12px}.btn{border:1px solid var(--blue);background:var(--blue);color:white;font-size:13px;font-weight:600;padding:12px 18px;border-radius:5px;display:inline-flex;gap:16px;align-items:center;justify-content:center}.btn:hover{background:#1047c6}.btn.light{background:white;color:var(--navy);border-color:var(--line)}.btn.light:hover{border-color:var(--blue)}.smallbtn{font-size:12px;padding:8px 12px}.intro{padding:33px 0 0;background:linear-gradient(100deg,white,#f0f5fb)}.eyebrow{font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--teal);margin-bottom:12px}.intro-row{display:flex;justify-content:space-between;gap:45px;align-items:center}.intro p{font-size:14px;color:var(--muted);max-width:660px;margin-bottom:22px}.preview-chip{font:11px Consolas,monospace;color:var(--muted);white-space:nowrap}.modes{display:flex;gap:32px}.mode{font-size:14px;padding:16px 2px 17px;border-bottom:3px solid transparent;font-weight:500}.mode[aria-pressed=true]{color:var(--blue);border-color:var(--blue)}.mode span{color:var(--muted);font-size:11px;margin-left:9px}.workspace{display:grid;grid-template-columns:252px minmax(0,1fr);gap:35px;padding-top:29px;padding-bottom:60px}.sidebar{border-right:1px solid var(--line);padding-right:22px}.sidebar-title{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 16px}.sideitems{max-height:650px;overflow:auto;scrollbar-width:thin}.sidebtn{display:flex;align-items:center;justify-content:space-between;text-align:left;gap:10px;width:100%;padding:10px 11px;border-radius:5px;font-size:12px;margin:2px 0;line-height:1.4}.sidebtn small{font:10px Consolas,monospace;color:var(--muted);flex-shrink:0}.sidebtn:hover{background:var(--ice)}.sidebtn.active{background:#eaf0fd;color:var(--blue);font-weight:600}.sidebtn.active small{color:var(--blue)}.sidehint{border-top:1px solid var(--line);margin-top:22px;padding-top:17px;font-size:11px;color:var(--muted);line-height:1.6}.sidehint strong{display:block;color:var(--navy);font-size:12px;margin-bottom:5px}.searchrow{display:flex;gap:10px;margin-bottom:19px}.searchbox{display:flex;align-items:center;gap:12px;flex:1;background:var(--ice);border:1px solid var(--line);padding:0 15px;border-radius:5px}.searchbox span{color:var(--teal);font-size:22px}.searchbox input{width:100%;border:0;background:none;padding:13px 0;outline:none;font-size:13px;min-width:0}.searchbox:focus-within{border-color:var(--blue)}.breadcrumbs{display:flex;flex-wrap:wrap;gap:7px;align-items:center;font-size:11px;color:var(--muted);margin:3px 0 22px}.breadcrumbs button{font-size:11px;padding:3px 0;color:var(--muted);text-align:left}.breadcrumbs button:hover{color:var(--blue)}.contenthead{display:flex;gap:20px;align-items:flex-start;justify-content:space-between;margin-bottom:23px}.contenthead p{color:var(--muted);font-size:12px;max-width:650px;margin:8px 0 0}.count{border:1px solid var(--line);border-radius:4px;padding:7px 11px;font:11px Consolas,monospace;white-space:nowrap;color:var(--muted)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sectioncard{display:flex;gap:17px;text-align:left;padding:21px;border:1px solid var(--line);border-radius:6px;align-items:flex-start;background:white;min-height:122px;width:100%}.sectioncard:hover{border-color:var(--blue);background:#f8faff}.symbol{font:15px/1 Consolas,monospace;color:var(--blue);background:#edf3ff;width:46px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:5px;flex-shrink:0}.sectioncard h3{font-size:15px;font-weight:600;margin:0 0 7px}.sectioncard p{font-size:11px;color:var(--muted);margin:0}.arrow{color:var(--blue);margin-left:auto;font-size:17px}.stepbar{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0;margin-bottom:23px;color:var(--muted);font-size:11px}.stepbar b{color:var(--blue);font-weight:600}.stepbar span{display:flex;gap:7px;align-items:center}.stepbar i{font-style:normal;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:50%;width:20px;height:20px;font:10px Consolas,monospace}.stepbar b i{border-color:var(--blue)}.toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}.toolbar label{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:7px}.toolbar select{border:1px solid var(--line);background:white;border-radius:4px;padding:8px;font-size:12px;max-width:230px}.check{margin-left:auto}.models{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.modelcard{border:1px solid var(--line);border-radius:6px;display:flex;flex-direction:column;background:white;overflow:hidden}.modelcard:hover{border-color:#9cb5d6}.modelvisual{height:142px;background:#f4f7fa;display:flex;align-items:center;justify-content:center;padding:20px;position:relative}.modelvisual .productimage{width:100%;height:115px;object-fit:contain}.modelvisual .brandimage{width:120px;max-height:47px;object-fit:contain}.modelbody{padding:16px;display:flex;flex-direction:column;flex:1}.brandlabel{color:var(--teal);font-size:10px;font-weight:600;margin-bottom:7px}.modelbody h3{font-size:17px;overflow-wrap:anywhere}.modelbody>p{font-size:11px;color:var(--muted);margin-bottom:13px}.badge{font-size:10px;line-height:1.4;border-radius:3px;background:#eef3f8;color:#53667c;padding:5px 7px;display:inline-block;margin-bottom:14px;align-self:start}.badge.amber{color:var(--amber);background:#fff4de}.modelactions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto}.detailbtn{font-size:12px;color:var(--blue);padding:5px 0;text-align:left}.addbtn{font-size:11px;border:1px solid var(--line);padding:7px 10px;border-radius:4px;background:#fff;white-space:nowrap}.addbtn.chosen{color:var(--teal);border-color:#abd2d2;background:#f0f9f8}.empty{padding:35px;background:var(--ice);border-radius:6px;color:var(--muted);font-size:13px}.empty strong{display:block;font-size:18px;color:var(--navy);margin-bottom:10px}.note{font-size:12px;padding:15px 18px;border-left:3px solid var(--teal);background:#f1f8f8;margin:0 0 23px;color:#44666b}.note.amber{border-color:#c18b32;background:#fff8eb;color:#80602e}.sectionlabel{font-size:15px;font-weight:600;margin:25px 0 14px}.types{display:grid;gap:9px}.typerow{width:100%;text-align:left;border:1px solid var(--line);border-radius:5px;padding:16px;display:flex;align-items:center;gap:20px}.typerow:hover{background:var(--ice);border-color:#a4bbd6}.typerow h3{font-size:14px;margin:0 0 5px}.typerow p{font-size:11px;color:var(--muted);margin:0}.typecount{margin-left:auto;white-space:nowrap;font:11px Consolas,monospace;color:var(--muted)}.brandgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.brandcard{border:1px solid var(--line);border-radius:6px;padding:25px 16px;text-align:left;display:flex;flex-direction:column;align-items:center;gap:15px}.brandcard:hover{border-color:var(--blue)}.brandcard img{width:125px;height:43px;object-fit:contain}.brandcard span{font-size:13px;font-weight:600}.brandcard small{font-size:11px;color:var(--muted)}img[data-brand="CEM"],img[data-brand="Volab"]{background:var(--navy);padding:5px;border-radius:3px}.more{margin:23px auto 0;display:flex}.bottom{border-top:1px solid var(--line);padding:22px 0;font-size:11px;color:var(--muted)}.bottom .wrap{display:flex;justify-content:space-between;gap:20px}.shortcuts{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 24px}.shortcut{font-size:11px;border:1px solid var(--line);background:#fff;border-radius:30px;padding:7px 12px}.shortcut:hover{border-color:var(--blue);color:var(--blue)}dialog{border:1px solid var(--line);border-radius:9px;padding:30px;width:min(680px,calc(100% - 28px));max-height:88vh;color:var(--navy)}dialog::backdrop{background:#102b4666;backdrop-filter:blur(3px)}.close{float:right;border:1px solid var(--line);padding:3px 10px;border-radius:4px;font-size:20px}.modal-top{display:flex;align-items:center;gap:25px;margin:25px 0}.modal-top img{width:155px;height:150px;object-fit:contain}.modal-top h2{overflow-wrap:anywhere}.facts{display:grid;grid-template-columns:140px 1fr;gap:12px;font-size:12px;margin:23px 0}.facts dt{color:var(--muted)}.facts dd{margin:0;overflow-wrap:anywhere}.modal-actions{display:flex;gap:10px;margin-top:25px}.quotelist{display:grid;gap:10px;margin:20px 0}.quoteitem{display:flex;gap:15px;align-items:center;border-bottom:1px solid var(--line);padding:12px 0}.quoteitem div{flex:1;min-width:0}.quoteitem strong{display:block;font-size:14px;overflow-wrap:anywhere}.quoteitem small{color:var(--muted);font-size:11px}.quoteitem button{font-size:12px;color:var(--muted)}.muted{color:var(--muted);font-size:12px}.schema{padding-left:20px;font-size:14px}.schema li{margin:16px 0}.skip{position:absolute;top:-80px;background:white;padding:12px;z-index:30}.skip:focus{top:0}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--navy);color:white;padding:12px 20px;box-shadow:0 5px 25px #15324d22;border-radius:5px;font-size:12px;z-index:30;max-width:90vw}button.mobilefilter{display:none}[hidden]{display:none!important}
@media(min-width:1500px){.workspace{gap:44px;grid-template-columns:265px minmax(0,1fr)}}@media(max-width:1100px){.wrap{padding-left:24px;padding-right:24px}.workspace{grid-template-columns:220px minmax(0,1fr);gap:22px}.models{grid-template-columns:1fr 1fr}.sectioncard{padding:17px;gap:11px}.symbol{width:36px;height:36px;font-size:12px}.headnote{display:none}.preview-chip{display:none}}@media(max-width:740px){.wrap{padding-left:18px;padding-right:18px}.top .wrap span:last-child{display:none}.header .wrap{height:73px;gap:10px}.logo{width:137px;height:52px}.header .btn{padding:9px 12px;font-size:11px}.head-schema{display:none}.intro{padding-top:26px}h1{font-size:32px}.intro p{font-size:13px}.modes{gap:20px}.mode{font-size:12px;padding:13px 0}.mode span{display:none}.workspace{display:block;padding-top:20px}.sidebar{display:none;border:1px solid var(--line);padding:17px;border-radius:6px;margin-bottom:19px}.sidebar.open{display:block}.sideitems{max-height:330px}.sidehint{display:none}.searchrow{gap:7px}.searchbox{padding:0 10px}.searchbox input{font-size:12px}.searchrow .btn{padding:9px 12px;font-size:11px}button.mobilefilter{display:block;margin-bottom:15px;width:100%;text-align:left;border:1px solid var(--line);padding:10px 13px;border-radius:5px;font-size:12px;background:var(--ice)}.grid{grid-template-columns:1fr}.contenthead{gap:10px}.contenthead h2{font-size:23px}.count{font-size:10px;padding:5px 7px}.stepbar{gap:7px;font-size:10px;flex-wrap:wrap}.stepbar i{width:17px;height:17px}.models{grid-template-columns:1fr 1fr;gap:9px}.modelvisual{height:111px;padding:15px}.modelvisual .productimage{height:92px}.modelvisual .brandimage{width:90px}.modelbody{padding:12px}.modelbody h3{font-size:14px}.modelbody>p{font-size:10px}.modelactions{flex-direction:column;align-items:stretch}.detailbtn{font-size:11px}.badge{font-size:9px}.brandgrid{grid-template-columns:1fr 1fr}.brandcard{padding:20px 10px}.brandcard img{width:100px}.shortcuts{gap:6px}.shortcut{font-size:10px;padding:6px 10px}.bottom .wrap{display:block}.bottom span{display:block;margin-bottom:7px}.facts{grid-template-columns:1fr;gap:5px}.facts dd{margin-bottom:10px}.modal-top{gap:15px}.modal-top img{width:100px;height:110px}.modal-top h2{font-size:23px}dialog{padding:22px}.check{margin-left:0}.note{font-size:11px;padding:12px}.typerow{gap:10px;padding:13px}.typerow h3{font-size:13px}}@media(max-width:1050px){#slides{min-height:620px}}@media(max-width:720px){#slides{min-height:630px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

:scope{--navy:#193450;--blue:#1758ce;--teal:#1758ce;--muted:#526b89;--line:#dce5ee;font:16px/1.5 Arial,sans-serif}.top,.header,.bottom,.skip,.preview-chip{display:none}.wrap{max-width:1456px;padding-inline:clamp(22px,4.5vw,72px)}.intro{padding-top:55px}.intro h1{font-family:"Segoe UI",Arial,sans-serif;font-size:clamp(32px,3.4vw,47px);font-weight:400;letter-spacing:-1.4px;max-width:800px}.intro p{font-size:17px;line-height:1.65;color:#526b89}.eyebrow{display:flex;font:700 12px Arial;letter-spacing:1.6px;text-transform:uppercase;color:#193450}.eyebrow:before{content:"";width:6px;height:6px;background:#1758ce}.catalog-tools{display:flex;justify-content:flex-end;margin:24px 0 8px}.btn{background:#1758ce;color:#fff;border-radius:4px;font-size:14px;padding:13px 18px}.btn.light{background:#f1f6fc;color:#1758ce;border:1px solid #dce5ee}.workspace{padding-bottom:55px}.sectioncard,.brandcard,.modelcard,.typerow{border-radius:0;box-shadow:none}.symbol{background:#edf3fa;color:#1758ce;border-radius:0}.count,.badge,.typecount{font-family:Arial,sans-serif}.mode{font-size:15px}.modelbody h3{font-size:18px}.sidebar{background:#f7f9fc;padding:20px;border:1px solid #e1e9f2}.sideitem.active{background:#e6effc;color:#1758ce}.note{background:#f1f6fc;color:#526b89;border-color:#1758ce}.shortcuts .shortcut{border-radius:3px}.models{gap:18px}dialog{border-radius:0;font-family:Arial,sans-serif}.modelbody>p{font-size:13px}.detailbtn{font-size:14px}.addbtn{font-size:12px}.contenthead h2{font-family:"Segoe UI",Arial,sans-serif;font-weight:400}@media(max-width:740px){.intro{padding-top:35px}.intro p{font-size:15px}.eyebrow{font-size:10px;letter-spacing:1px}.modes{gap:16px}.mode{font-size:12px}.catalog-tools{justify-content:flex-start}.sidebar{padding:16px}.modelbody h3{font-size:16px}.models{gap:12px}.wrap{padding-inline:22px}}}
#catalog-page .brandimage{max-width:100px;max-height:38px;object-fit:contain}#catalog-page .modelvisual{height:180px}#catalog-page .symbol{font-size:12px}