/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:host,:root{--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.break-all{word-break:break-all}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--bg:#f6f5f2;--surface:#fff;--surface2:#f1f0ec;--text:#171717;--muted:#6f6b66;--border:#dedcd6;--primary:#1f3a2e;--primary2:#162b22;--gold:#b08d57;--red:#e53935;--success-muted:#4f7a68;--danger-bg:#fef2f2;--danger-border:#fecaca;--danger-fg:#dc2626;--success-bg:#f0fdf4;--success-border:#bbf7d0;--success-fg:#15803d;--warning-bg:#fff7ed;--warning-border:#fed7aa;--warning-fg:#c2610a;--fa-primary:#2da7ef;--fa-primary-hover:#168fd8;--fa-tint:#eaf6fd;--cad-blue:#1670b2;--cad-border:#b8d3e8;--mro-tint:#f5f3ee;--mro-card-border:#d8e4db;--fa-card-border:#cfe6f7;--radius:6px;--shadow:0 1px 2px #14231e0a;--font-xs:12px;--font-sm:13px;--font-md:14px;--font-lg:16px;--font-xl:18px;--font-2xl:20px;--font-3xl:24px;--font-4xl:32px;--font-5xl:40px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Arial,sans-serif;font-size:var(--font-md);margin:0}button,input{font:inherit}button{cursor:pointer}[tabindex]:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid var(--fa-primary);outline-offset:2px;border-radius:2px}a{color:inherit;text-decoration:none}.skip-link{z-index:100;background:var(--primary);color:#fff;font-size:var(--font-sm);border-radius:0 0 var(--radius) 0;padding:10px 18px;font-weight:700;position:absolute;top:0;left:-9999px}.skip-link:focus{left:0}.container{width:calc(100% - 48px);max-width:1392px;margin-left:auto;margin-right:auto}.site-head{z-index:90;background:var(--surface);position:sticky;top:0;box-shadow:0 2px 8px #14231e0f}.topbar{border-bottom:1px solid var(--border);background:#fffffffa;height:62px;overflow-x:clip}.header,.topbar{align-items:center;display:flex}.header{gap:26px}.logo{white-space:nowrap;align-items:center;display:flex}.logo img{width:auto;height:34px;display:block}.tagline{font-size:var(--font-xs);color:var(--muted);white-space:nowrap}.search{background:#fff;border:1px solid #d7d5d0;border-radius:5px;flex:1;min-width:0;max-width:560px;height:36px;margin-left:10px;display:flex;overflow:hidden}.search input{color:var(--text);font-size:var(--font-sm);border:0;outline:0;flex:1;padding:0 14px}.search .searchbtn{background:var(--primary);color:#fff;border:0;width:46px}.search .searchbtn:hover{background:var(--primary2)}.header-actions{white-space:nowrap;font-size:var(--font-sm);align-items:center;gap:20px;margin-left:auto;display:flex}.header-actions [aria-disabled=true]{color:var(--muted);cursor:not-allowed}.icon{vertical-align:middle;width:18px;height:18px;display:inline-block}.cart,.header-actions>a{position:relative}.header-actions>a:after{content:"";position:absolute;inset:-13px -10px}.badge{background:var(--gold);color:#fff;font-size:var(--font-xs);border-radius:10px;padding:2px 5px;font-weight:700;position:absolute;top:-8px;right:-8px}.nav{border-bottom:1px solid var(--border);background:#fff;height:46px}.nav-inner{gap:44px;font-weight:600}.nav-inner,.nav-item{align-items:center;height:100%;display:flex}.nav-item{white-space:nowrap;color:var(--text);flex-shrink:0;position:relative}.nav-item.active:after{content:"";background:var(--primary);height:3px;position:absolute;bottom:0;left:0;right:0}.nav-item:hover{color:var(--primary)}.nav-item[aria-disabled=true],.nav-item[aria-disabled=true]:hover{color:var(--muted);cursor:not-allowed}.hero-grid{grid-template-columns:168px minmax(0,1fr) 190px;gap:10px;margin-top:10px;display:grid}.side,.workbench{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;overflow:hidden}.side-title{background:var(--primary);color:#fff;height:40px;font-weight:700;font-size:var(--font-sm);align-items:center;padding:0 16px;display:flex}.side-body{padding:10px 14px}.side-group{border-bottom:1px solid #eee;padding:8px 0 11px}.side-group:last-child{border:0}.side-group h4{font-size:var(--font-sm);color:var(--primary);align-items:center;gap:8px;margin:0 0 7px;font-weight:700;display:flex}.side-link{color:#555;font-size:var(--font-xs);justify-content:space-between;padding:4px 0;display:flex}.side-link:hover{color:var(--primary)}.hero{border-radius:var(--radius);color:#fff;background:#1d3a31 url(/assets/hero-bg.jpg) 50%/cover no-repeat;min-height:270px;position:relative;overflow:hidden}.hero:before{content:"";background:linear-gradient(90deg,#102a21b8,#102a216b 48%,#102a211f);position:absolute;inset:0}.hero-content{width:72%;padding:32px 36px;position:relative}.hero h1{font-size:var(--font-4xl);letter-spacing:.3px;text-shadow:0 1px 4px #0000004d;margin:0 0 8px;font-weight:800;line-height:1.12}.hero h1 .hl{color:var(--fa-primary)}.hero-sub{color:#e9f2ed;font-size:var(--font-lg);max-width:560px;margin:0 0 10px;font-weight:400;line-height:1.5}.hero-caps{color:#cfe0d7;font-size:var(--font-xs);letter-spacing:.4px;margin:0 0 13px;line-height:1.4}.hero-search{background:#fff;border-radius:4px;max-width:370px;height:38px;display:flex;overflow:hidden;box-shadow:0 2px 6px #00000014}.hero-search input{font-size:var(--font-xs);color:var(--text);border:0;outline:0;flex:1;padding:0 12px}.hero-search input::placeholder{color:#9a9894}.hero-search button{background:var(--primary);color:#fff;border:0;width:44px}.hero-search button:hover{background:var(--primary2)}.hot{font-size:var(--font-xs);flex-wrap:wrap;align-items:center;gap:14px;margin-top:8px;display:flex}.hot span{color:#ffffffb8}.hot a{color:#eef3f0}.hot a:hover{color:#fff;text-decoration:underline}.brands-mini{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.brand-pill{font-weight:800;font-size:var(--font-xs);background:#ffffff0f;border:1px solid #ffffff61;border-radius:3px;padding:6px 10px}.workbench{padding:14px}.workbench h3{font-size:var(--font-lg);color:var(--primary);margin:0 0 8px;font-weight:800}.work-item{border-top:1px solid #eee;align-items:center;gap:9px;padding:9px 0;display:flex}.work-item:first-of-type{border-top:0}.work-item b{background:var(--fa-tint);width:22px;height:22px;color:var(--primary);font-size:var(--font-xs);border-radius:3px;place-items:center;display:grid}.work-item strong{font-weight:700}.work-item small,.work-item strong{font-size:var(--font-xs);display:block}.work-item small{color:var(--muted);margin-top:2px}.work-item .chev{color:#888;margin-left:auto}.primary-btn{background:var(--primary);color:#fff;height:32px;font-size:var(--font-xs);border:0;border-radius:4px;padding:0 14px;font-weight:600}.primary-btn:hover{background:var(--primary2)}.workbench .primary-btn{width:100%;margin-top:9px}.section{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-top:10px;padding:12px}.section-head{justify-content:space-between;align-items:end;gap:10px;margin:0 0 10px;display:flex}.section-head>div{min-width:0}.section-head h2{font-size:var(--font-xl);color:var(--primary);margin:0;font-weight:800}.section-head p{margin:0 0 0 12px;font-weight:400;display:inline}.section-head a,.section-head p{color:var(--muted);font-size:var(--font-xs)}.section-head a{white-space:nowrap;flex-shrink:0}.section-head a:hover{color:var(--primary)}.tools{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.tool{border:1px solid var(--border);background:linear-gradient(135deg,#fff 35%,var(--fa-tint) 100%);border-radius:6px;flex-direction:column;justify-content:space-between;min-width:0;min-height:100px;padding:13px;display:flex;position:relative;overflow:hidden}.tool-bg{opacity:.6;z-index:0;background-position:100%;background-repeat:no-repeat;background-size:65%}.tool-bg,.tool-bg:after{position:absolute;inset:0}.tool-bg:after{content:"";background:linear-gradient(90deg,#ffffffd9,#fff6 50%,#ffffff1a)}.tool.bom .tool-bg{background-image:url(/assets/tool-bom.jpg)}.tool.cad .tool-bg{background-image:url(/assets/tool-cad.jpg)}.tool.calc .tool-bg{background-image:url(/assets/tool-calc.jpg)}.tool.monitor .tool-bg{opacity:.6;background-image:url(/assets/monitor.jpg)}.tool>.tool-cta,.tool>button,.tool>div,.tool>h3,.tool>p,.tool>small{z-index:1;position:relative}.tool h3{color:var(--primary);margin:0 0 5px;font-weight:800}.tool p{color:var(--muted);margin:0 0 4px;line-height:1.35}.tool p,.tool small{font-size:var(--font-xs);max-width:58%}.tool small{color:var(--success-muted);margin-bottom:8px;display:block}.tool .tool-cta,.tool button{background:var(--primary);color:#fff;height:28px;font-size:var(--font-xs);white-space:nowrap;border:0;border-radius:3px;align-items:center;gap:5px;width:fit-content;padding:0 13px;font-weight:600;display:inline-flex}.tool .tool-cta:hover,.tool button:hover{background:var(--primary2)}.tool small.tool-soon{color:var(--muted);background:#b08d571f;border:1px dashed #b08d578c;border-radius:3px;width:fit-content;max-width:none;margin:0;padding:5px 9px}.categories{grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;display:grid}.category{border:1px solid var(--border);background:#fff;border-radius:6px;min-width:0;height:100px;transition:border-color .15s,box-shadow .15s;display:block;position:relative;overflow:hidden}.category:hover{border-color:#bfbdb8;box-shadow:0 2px 8px #00000014}.category .cat-photo{object-fit:contain;width:100%;height:100%;padding:6px;display:block;position:absolute;inset:0}.category:after{content:"";pointer-events:none;background:linear-gradient(#0000 55%,#0000000a);position:absolute;inset:0}.category .cat-label{z-index:2;color:var(--text);min-width:0;position:absolute;bottom:8px;left:11px;right:11px}.category .cat-label strong{font-size:var(--font-sm);color:var(--primary);font-weight:700;line-height:1.2}.category .cat-label small,.category .cat-label strong{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.category .cat-label small{font-size:var(--font-xs);color:var(--muted);margin-top:2px}.category.is-icon{background:var(--surface);align-items:center;gap:11px;padding:10px 11px;display:flex}.category.is-icon:after{display:none}.category.is-icon .cat-icon{background:var(--fa-tint);width:44px;height:44px;color:var(--primary);font-size:var(--font-xl);border-radius:4px;flex-shrink:0;place-items:center;display:grid}.category.is-icon .cat-label{color:var(--text);position:static}.category.is-icon .cat-label strong{color:var(--text);text-shadow:none}.category.is-icon .cat-label small{color:var(--muted);text-shadow:none}.product-section{padding:13px}.product-grid{grid-template-columns:minmax(0,1.9fr) repeat(4,minmax(0,1fr));gap:10px;display:grid}.feature{background:#0b2639 url(/assets/hero-bg.jpg) 50%/cover no-repeat;border-radius:6px;min-width:0;min-height:210px;position:relative;overflow:hidden}.feature:before{content:"";background:linear-gradient(90deg,#082236d6,#0822363d);position:absolute;inset:0}.feature-content{color:#fff;flex-direction:column;height:100%;padding:17px;display:flex;position:relative}.feature h3{font-size:var(--font-xl);text-shadow:0 1px 2px #00000026;margin:0 0 8px;font-weight:800;line-height:1.25}.feature p{font-size:var(--font-xs);color:#dfe9e4;margin:4px 0}.feature button{color:#fff;height:28px;font-size:var(--font-xs);background:0 0;border:1px solid #fff9;border-radius:3px;width:fit-content;margin-top:auto;padding:0 13px;transition:background-color .15s}.feature button:hover{background:#ffffff1a}.feature button:active{background:#ffffff2e}.mro-feature{background:#12352a url(/assets/mro-main.jpg) 100%/260% no-repeat}.mro-feature:before{content:"";background:linear-gradient(90deg,#09261ee0,#09261e6b);position:absolute;inset:0}.card{border:1px solid var(--border);background:var(--surface);border-radius:6px;flex-direction:column;min-width:0;min-height:200px;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.card:hover{border-color:#bfbdb8;box-shadow:0 2px 8px #0000000f}.card-img{background:#f8f8f6;flex-shrink:0;justify-content:center;align-items:center;height:110px;padding:6px;display:flex;overflow:hidden}.card-img img{object-fit:contain;width:100%;height:100%}.card-body{flex-direction:column;width:100%;padding:5px 9px;display:flex;overflow:hidden}.card-body,.card-info{flex:1;min-width:0}.card .tag{font-size:var(--font-xs);color:var(--cad-blue);white-space:nowrap;text-overflow:ellipsis;font-weight:600;line-height:1.1;display:block;overflow:hidden}.card h4{font-size:var(--font-lg);color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.card h4 .prm{margin-left:4px;font-weight:400}.card h4 .prm,.spec{font-size:var(--font-xs);color:var(--muted)}.spec{white-space:nowrap;text-overflow:ellipsis;line-height:1.3;overflow:hidden}.price{color:var(--red);font-size:var(--font-lg);margin-top:2px;font-weight:800;line-height:1.05}.price small{color:var(--red);font-weight:600}.price small,.stock{font-size:var(--font-xs)}.stock{color:var(--success-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;line-height:1.1;overflow:hidden}.card-actions{flex-shrink:0;gap:6px;margin-top:auto;padding:3px 9px;display:flex}.card-actions button{height:30px;font-size:var(--font-xs);white-space:nowrap;border-radius:4px;flex:1;padding:0 10px;font-weight:600;transition:background-color .15s,border-color .15s,color .15s}.card-actions button:active{transform:scale(.97)}.card-actions .cad{border:1px solid var(--cad-border);color:var(--cad-blue);background:#fff}.card-actions .cad:hover{background:var(--fa-tint);border-color:var(--fa-primary);color:var(--fa-primary)}.card-actions .add{background:var(--primary);border:1px solid var(--primary);color:#fff}.card-actions .add:hover{background:var(--primary2)}.quick-row{gap:10px;display:grid}.quick{border:1px solid var(--border);background:var(--surface);border-radius:5px;grid-template-columns:45px minmax(0,1fr);align-items:center;gap:7px;min-width:0;padding:7px;display:grid}.quick>div{min-width:0;overflow:hidden}.quick img{object-fit:cover;background:#f5f5f3;border-radius:3px;width:45px;height:42px}.quick strong{display:block}.quick .qprice,.quick strong{font-size:var(--font-xs);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.quick .qprice{color:var(--red);margin-top:4px;font-weight:800}.brand-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:repeat(11,minmax(0,1fr));align-items:center;gap:4px;padding:6px 0;display:grid}.brand{min-width:0;height:42px;font-size:var(--font-xs);color:var(--primary);border-right:1px solid var(--border);place-items:center;font-weight:800;display:grid;overflow:hidden}.brand:last-child{border:0}.brand.misumi{font-size:var(--font-md)}.brand.omron{color:#14639a}.brand.smc{font-style:italic}.brand.siemens{font-size:var(--font-xs)}.flow{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:repeat(8,minmax(0,1fr));gap:0;margin-top:10px;padding:10px 0;display:grid}.flow-item{text-align:center;border-right:1px solid var(--border);min-width:0;padding:3px 8px}.flow-item:last-child{border:0}.flow-icon{border:1px solid var(--border);width:30px;height:30px;color:var(--primary);background:var(--surface2);border-radius:50%;place-items:center;margin:auto;display:grid}.flow-item strong{font-size:var(--font-xs);color:var(--text);margin-top:5px;display:block}.flow-item small{font-size:var(--font-xs);color:var(--muted)}.footer{background:var(--primary2);color:#dfe9e4;margin-top:10px;padding:30px 0 18px}.footer-grid{grid-template-columns:minmax(0,1.5fr) repeat(5,minmax(0,1fr));gap:28px;display:grid}.footer-grid>div{min-width:0}.footer-brand{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.footer-brand img{flex-shrink:0;width:auto;height:19px;display:block}.footer-brand span{color:#fff;font-size:var(--font-lg);letter-spacing:.5px;white-space:nowrap;font-weight:700}.footer h4{color:#fff;margin:0 0 8px}.footer a,.footer h4{font-size:var(--font-xs)}.footer a{color:#b9c8c2;padding:5px 0;display:block}.footer a:hover{color:#fff}.footer-soon{color:#8fa59c;font-size:var(--font-xs);cursor:not-allowed;margin:5px 0;display:block}.footer-soon:after{content:"建设中";font-size:var(--font-xs);opacity:.75;margin-left:4px}.footer-qr{background:#fff;border-radius:4px;width:104px;height:104px;padding:6px;display:block}.footer-wx-tip{font-size:var(--font-xs);margin-top:6px;line-height:1.5}.copyright{text-align:center;font-size:var(--font-xs);color:#8fa59c;border-top:1px solid #ffffff26;margin-top:24px;padding-top:12px}.section.fa-tint{background:var(--fa-tint)}.section.mro-tint{background:var(--mro-tint)}.split-2col{grid-template-columns:minmax(0,1fr) 320px}.split-2col,.split-2col-wide{align-items:start;gap:14px;display:grid}.split-2col-wide{grid-template-columns:minmax(0,1fr) 300px}.pdp-top{grid-template-columns:380px minmax(0,1fr);align-items:start;gap:20px;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.grid-related{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.filter-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.user-layout{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:14px;display:grid}.stat-grid-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.stat-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.brand-hot-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}.brand-all-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;display:grid}.brand-hot-card{border:1px solid var(--border);background:#fff;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;min-width:0;height:100px;padding:12px;display:flex;overflow:hidden}.brand-hot-card>.brand-text{font-weight:800;font-size:var(--font-lg);color:var(--primary);text-align:center}.brand-all-card{border:1px solid var(--border);height:54px;font-size:var(--font-xs);color:var(--text);background:#fff;border-radius:5px;place-items:center;min-width:0;font-weight:700;display:grid;overflow:hidden}.brand-all-card,.brand-hot-card>small,.brand-hot-card>span{text-overflow:ellipsis;white-space:nowrap;text-align:center;max-width:100%;overflow:hidden}@media (max-width:991px){.brand-hot-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.brand-all-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (max-width:767px){.brand-hot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.brand-all-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:479px){.brand-hot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-all-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:991px){.pdp-top{grid-template-columns:minmax(0,1fr)}.grid-related{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.split-2col,.split-2col-wide,.user-layout{grid-template-columns:minmax(0,1fr)}}@media (max-width:479px){.grid-2{grid-template-columns:minmax(0,1fr)}.grid-related,.stat-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-grid-3{grid-template-columns:minmax(0,1fr)}}@media (max-width:1199px){.categories{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (max-width:991px){.categories{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:767px){.categories{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:479px){.categories{grid-template-columns:minmax(0,1fr)}}@media (max-width:1199px){.brand-row{grid-template-columns:repeat(8,minmax(0,1fr))}}@media (max-width:991px){.brand-row{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (max-width:767px){.brand-row{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:479px){.brand-row{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:1050px){.hero-grid{grid-template-columns:150px minmax(0,1fr)}.workbench{display:none}.product-grid,.tools{grid-template-columns:repeat(2,minmax(0,1fr))}.feature{grid-column:1/-1}.flow{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:12px}.flow-item:nth-child(4){border:0}}@media (max-width:760px){.container{width:calc(100% - 20px)}.topbar{height:auto;padding:10px 0}.header{flex-wrap:wrap;gap:10px}.tagline{display:none}.search{flex-basis:100%;order:3;max-width:none;margin:0}.header-actions{gap:10px}.header-actions span.label{display:none}.header-actions>a:after{inset:-13px -5px}.nav{height:42px;overflow:hidden}.nav-inner{scrollbar-width:none;-ms-overflow-style:none;gap:18px;padding:0 10px;overflow-x:auto}.nav-inner::-webkit-scrollbar{display:none}.nav-item{white-space:nowrap;flex-shrink:0}.hero-grid{grid-template-columns:minmax(0,1fr)}.side{display:none}.hero{min-height:300px}.hero-content{width:100%;padding:28px}.hero:before{background:linear-gradient(#102a21bd,#102a2199 62%,#102a2180)}.footer-grid,.product-grid,.quick-row,.tools{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:479px){.footer-grid,.product-grid,.quick-row,.tools{grid-template-columns:minmax(0,1fr)}.flow{grid-template-columns:repeat(2,minmax(0,1fr))}}.tools-section{position:relative;overflow:hidden}.tools-section:before{opacity:.16;background:url(/images/engineering-tools-bg.svg) 100%/46% no-repeat}.tools-section:after,.tools-section:before{content:"";pointer-events:none;z-index:0;position:absolute;inset:0}.tools-section:after{background:linear-gradient(100deg,#fffffff2,#ffffffbd 42%,#ffffff52)}.tool>button,.tool>div,.tool>h3,.tool>p,.tool>small,.tools-section>.section-head,.tools-section>.tools{z-index:1;position:relative}.tool h3{font-size:var(--font-md)}.tool button{background:var(--primary)}.tool button:hover{background:var(--primary2)}.section.fa-tint .section-head a,.section.fa-tint .section-head h2{color:var(--fa-primary)}.section.fa-tint .section-head a:hover{color:var(--fa-primary-hover)}.section.fa-tint .card{border-color:var(--fa-card-border)}.section.fa-tint .card:hover{border-color:var(--fa-primary)}.section.fa-tint .card-actions .add{background:var(--fa-primary);border-color:var(--fa-primary)}.section.fa-tint .card-actions .add:hover{background:var(--fa-primary-hover);border-color:var(--fa-primary-hover)}.section.fa-tint .feature button{background:var(--fa-primary);border-color:var(--fa-primary);color:#fff}.section.fa-tint .feature button:hover{background:var(--fa-primary-hover);border-color:var(--fa-primary-hover)}.section.mro-tint .card{border-color:var(--mro-card-border)}.section.mro-tint .card:hover{border-color:var(--primary)}.section.mro-tint .section-head h2{color:var(--primary)}.nav-item+.nav-item:before{content:"";background:var(--border);width:1px;height:12px;position:absolute;top:50%;left:-22px;transform:translateY(-50%)}@media (min-width:761px) and (max-width:880px){.nav{scrollbar-width:none;-ms-overflow-style:none;overflow-x:auto}.nav::-webkit-scrollbar{display:none}.nav-inner{gap:24px}.nav-item+.nav-item:before{left:-12px}}.search-wrap{flex-direction:column;flex:1;gap:3px;min-width:0;max-width:560px;margin-left:10px;display:flex}.search-wrap .search{flex:none;width:100%;max-width:none;margin-left:0}.hot-search{font-size:var(--font-xs);color:var(--muted);white-space:nowrap;align-items:center;gap:9px;padding-left:2px;line-height:1.2;display:flex;overflow:hidden}.hot-search b{font-weight:600}.hot-search a,.hot-search b{color:var(--muted);flex-shrink:0}.hot-search a:hover{color:var(--fa-primary)}@media (max-width:860px){.hot-search{display:none}}@media (max-width:767px){.search-wrap{flex-basis:100%;order:3;max-width:none;margin:0}}.quick-row{grid-template-columns:repeat(6,minmax(0,1fr))}@media (max-width:1199px){.quick-row{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:991px){.quick-row{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:767px){.quick-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:479px){.quick-row{grid-template-columns:minmax(0,1fr)}}.svc-section{margin-top:10px}.svc-bar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);grid-template-columns:repeat(4,minmax(0,1fr));min-height:80px;display:grid;overflow:hidden}.svc-item{border-right:1px solid var(--border);align-items:center;gap:12px;min-width:0;padding:0 18px;transition:background-color .15s;display:flex}.svc-item:last-child{border-right:0}.svc-icon{border:1px solid var(--border);width:50px;height:50px;color:var(--primary);background:var(--surface2);border-radius:50%;flex-shrink:0;place-items:center;transition:color .15s,border-color .15s;display:grid}.svc-item:hover .svc-icon{color:var(--fa-primary);border-color:var(--fa-card-border)}.svc-text{flex-direction:column;min-width:0;display:flex}.svc-text strong{font-size:var(--font-sm);color:var(--text);font-weight:700;line-height:1.25}.svc-text small{font-size:var(--font-xs);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;line-height:1.3;overflow:hidden}@media (max-width:767px){.svc-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.svc-item{border-right:1px solid var(--border);border-bottom:1px solid var(--border);padding:14px 16px}.svc-item:nth-child(2n){border-right:0}.svc-item:nth-child(3),.svc-item:nth-child(4){border-bottom:0}}@media (max-width:479px){.svc-bar{min-height:0}.svc-item{gap:9px;padding:12px 10px}.svc-icon{width:42px;height:42px}.svc-text small,.svc-text strong{font-size:var(--font-xs)}}.sku-table{border:1px solid var(--border);background:var(--surface);border-radius:5px;overflow:hidden}.sku-head,.sku-row{grid-template-columns:118px minmax(0,1fr) 92px 74px 88px 112px;align-items:center;gap:10px;display:grid}.sku-head{background:var(--surface2);color:var(--muted);padding:8px 12px;font-weight:600}.sku-head,.sku-row{font-size:var(--font-xs)}.sku-row{border-top:1px solid var(--border);color:var(--text);padding:10px 12px;transition:background-color .15s}.sku-row:hover{background:#fbfbf9}.sku-row.is-active{background:var(--surface2)}.sku-model{cursor:pointer;min-width:0;font-weight:700}.sku-model:hover{color:var(--primary)}.sku-code{white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-weight:400;display:block}.sku-brief,.sku-code{font-size:var(--font-xs);color:var(--muted);overflow:hidden}.sku-brief{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-width:0;line-height:1.35;display:-webkit-box}.sku-price{color:var(--red);font-weight:800;font-size:var(--font-md);white-space:nowrap}.sku-ot{color:var(--muted);font-weight:400;text-decoration:line-through;display:block}.sku-ot,.sku-stock{font-size:var(--font-xs)}.sku-stock{white-space:nowrap}.sku-qty{border:1px solid var(--border);max-width:72px;height:28px;text-align:center;background:var(--surface);color:var(--text);border-radius:4px;padding:0 6px}.sku-add,.sku-qty{width:100%;font-size:var(--font-xs)}.sku-add{background:var(--primary);border:1px solid var(--primary);color:#fff;height:30px;cursor:pointer;white-space:nowrap;border-radius:4px;padding:0 12px;font-weight:600;transition:background-color .15s,border-color .15s}.sku-add:hover:not(:disabled){background:var(--primary2);border-color:var(--primary2)}.sku-add:active:not(:disabled){transform:scale(.98)}.sku-add:disabled{opacity:.5;cursor:not-allowed}.sku-detail{border-top:1px dashed var(--border);grid-column:1/-1;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;margin-top:8px;padding:10px 0 2px;display:grid}.sku-detail-item{background:var(--surface2);border-radius:4px;min-width:0;padding:7px 9px}.sku-detail-item small{font-size:var(--font-xs);color:var(--muted);margin-bottom:3px;display:block}.sku-detail-item strong{font-size:var(--font-xs);color:var(--text);word-break:break-word;font-weight:700}.sku-note{font-size:var(--font-xs);color:var(--muted);margin-top:10px;line-height:1.5}.sku-single{grid-template-columns:repeat(4,minmax(0,1fr)) 156px;align-items:end;gap:14px;display:grid}.sku-k{font-size:var(--font-xs);color:var(--muted);margin-bottom:5px;display:block}.sku-v{font-weight:700;font-size:var(--font-sm);color:var(--text)}.sku-single .sku-add{height:32px;font-size:var(--font-xs)}@media (max-width:767px){.sku-head{display:none}.sku-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;padding:12px}.sku-model{font-size:var(--font-sm)}.sku-brief,.sku-model{grid-column:1/-1}.sku-price:before,.sku-qty-wrap:before,.sku-stock:before{content:attr(data-label);font-size:var(--font-xs);color:var(--muted);margin-bottom:3px;font-weight:400;display:block}.sku-qty{width:100%;max-width:none}.sku-op{grid-column:1/-1}.sku-single{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sku-single .sku-add{grid-column:1/-1}}.card-actions .add-link{background:var(--primary);border:1px solid var(--primary);color:#fff;height:30px;font-size:var(--font-xs);white-space:nowrap;border-radius:4px;flex:1;justify-content:center;align-items:center;padding:0 10px;font-weight:600;text-decoration:none;transition:background-color .15s,border-color .15s;display:flex}.card-actions .add-link:hover{background:var(--primary2);border-color:var(--primary2)}.card-actions .add-link:active{transform:scale(.97)}.section.fa-tint .card-actions .add-link{background:var(--fa-primary);border-color:var(--fa-primary)}.section.fa-tint .card-actions .add-link:hover{background:var(--fa-primary-hover);border-color:var(--fa-primary-hover)}.pdp-brand{border:1px solid var(--border);background:var(--surface2);border-radius:11px;align-items:center;gap:6px;max-width:220px;height:22px;padding:0 9px;text-decoration:none;display:inline-flex}.pdp-brand:hover{border-color:var(--primary)}.pdp-brand img{object-fit:contain;max-width:56px;max-height:13px;display:block}.pdp-brand span{font-size:var(--font-xs);color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.marquee{touch-action:pan-y;position:relative;overflow:hidden}.marquee-track{will-change:transform}.marquee-group,.marquee-track{flex-wrap:nowrap;align-items:stretch;display:flex}.marquee-group{gap:var(--mq-gap,10px);padding-right:var(--mq-gap,10px);flex:none}.marquee-item{flex:none;display:flex}.marquee:after,.marquee:before{content:"";pointer-events:none;z-index:2;width:30px;position:absolute;top:0;bottom:0}.marquee:before{background:linear-gradient(90deg,var(--bg) 0,#f6f5f200 100%);left:0}.marquee:after{background:linear-gradient(270deg,var(--bg) 0,#f6f5f200 100%);right:0}.marquee-static{-webkit-overflow-scrolling:touch;overflow-x:auto}.marquee-static .marquee-track{transform:none!important}.marquee-static:after,.marquee-static:before{display:none}.marquee-products{--mq-gap:10px;--mq-card-w:218px}.marquee-products .marquee-item{width:var(--mq-card-w)}.marquee-products .marquee-item>.card{width:100%}.marquee-brands{--mq-gap:32px;--mq-brand-w:130px}.marquee-brands .brand{width:var(--mq-brand-w);background:#fff;border:0;border-radius:6px;justify-content:center;align-items:center;height:52px;text-decoration:none;display:flex;overflow:hidden}.marquee-brands .brand img{object-fit:contain;max-width:90%;max-height:36px;display:block}.marquee-brands .brand-text{font-size:var(--font-xs);color:var(--primary);flex-direction:column;align-items:center;font-weight:800;line-height:1.15;display:flex}.marquee-brands .brand-text small{font-size:var(--font-xs);opacity:.7;margin-top:2px;font-weight:600}@media (max-width:1199px){.marquee-products{--mq-card-w:212px}}@media (max-width:991px){.marquee-products{--mq-card-w:206px}}@media (max-width:767px){.marquee-products{--mq-card-w:200px}.marquee-brands{--mq-gap:26px;--mq-brand-w:124px}.marquee:after,.marquee:before{width:20px}}@media (max-width:479px){.marquee-products{--mq-card-w:226px}.marquee-brands{--mq-gap:24px;--mq-brand-w:128px}}.pstats-section{border-radius:var(--radius);isolation:isolate;margin-top:10px;padding:16px;position:relative;overflow:hidden}.pstats-section:before{content:"";opacity:.3;z-index:-1;background:url(/assets/hero-bg.jpg) 50%/cover no-repeat;position:absolute;inset:0}.pstats-bar{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.pstats-item{text-align:center;border-radius:var(--radius);-webkit-backdrop-filter:blur(10px);background:#ffffffbd;border:1px solid #ffffffbf;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;padding:16px 12px;display:flex}.pstats-value{font-size:var(--font-2xl);color:var(--primary);letter-spacing:.01em;font-weight:700;line-height:1.15}.pstats-label{font-size:var(--font-sm);color:var(--muted);font-weight:400;line-height:1.35}@media (max-width:991px){.pstats-item{padding:14px 8px}}@media (max-width:767px){.pstats-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.pstats-item{padding:14px 10px}}@media (max-width:479px){.pstats-section{padding:12px 10px}.pstats-item{gap:3px;padding:12px 8px}.pstats-value{font-size:var(--font-xl)}}.hero-content .pstats-section{margin-top:12px}.hero-content .pstats-section:before{display:none}.cart-head,.cart-row{grid-template-columns:40px 80px minmax(0,1fr) 110px 110px 110px 80px;align-items:center;gap:10px;display:grid}.cart-head{background:var(--surface2);color:var(--muted);padding:9px 12px;font-weight:600}.cart-head,.cart-row{font-size:var(--font-xs);border-bottom:1px solid var(--border)}.cart-row{color:var(--text);padding:12px;transition:background-color .15s}.cart-row:last-of-type{border-bottom:0}.cart-row:hover{background:#fbfbf9}.cart-c-chk,.cart-c-img,.cart-c-op{justify-content:center;align-items:center;display:flex}.cart-c-img img{object-fit:contain;border:1px solid var(--border);background:#fff;border-radius:4px;width:64px;height:64px;display:block}.cart-c-info{min-width:0}.cart-name{font-size:var(--font-lg);color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.cart-meta{font-size:var(--font-xs);color:var(--muted);word-break:break-word;margin-top:2px;line-height:1.5}.cart-c-price,.cart-c-sub{text-align:center}.cart-num{color:var(--red);font-weight:800;font-size:var(--font-sm);white-space:nowrap}.cart-c-qty{justify-content:center;align-items:center;gap:0;display:flex}.cart-c-qty button{border:1px solid var(--border);background:var(--surface);width:26px;height:26px;color:var(--text);font-size:var(--font-sm);cursor:pointer;padding:0;line-height:1;position:relative}.cart-c-qty button:after{content:"";position:absolute;inset:-9px}.cart-c-qty button:first-child{border-radius:4px 0 0 4px}.cart-c-qty button:last-child{border-radius:0 4px 4px 0}.cart-c-qty button:disabled{opacity:.4;cursor:not-allowed}.cart-qty-val{border-top:1px solid var(--border);border-bottom:1px solid var(--border);min-width:34px;height:26px;color:var(--text);background:#fff;place-items:center;font-weight:700;display:grid}.cart-del,.cart-qty-val{font-size:var(--font-xs)}.cart-del{border:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;border-radius:4px;padding:4px 10px}.cart-del:hover:not(:disabled){color:#dc2626;border-color:#fecaca}.cart-del:disabled{opacity:.5;cursor:not-allowed}.cart-foot-bar{border-top:1px solid var(--border);background:var(--surface2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}@media (max-width:767px){.cart-head{display:none}.cart-row{grid-template-columns:24px 56px minmax(0,1fr);align-items:start;gap:8px 10px;padding:12px}.cart-c-chk{grid-area:1/1;padding-top:2px}.cart-c-img{grid-area:1/2}.cart-c-img img{width:56px;height:56px}.cart-c-info{grid-area:1/3}.cart-c-price,.cart-c-qty,.cart-c-sub{text-align:left;grid-column:span 1;min-width:0}.cart-c-price{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:8px;display:flex}.cart-c-qty{grid-column:1/-1;justify-content:flex-start}.cart-c-sub{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:8px;display:flex}.cart-c-price:before,.cart-c-qty:before,.cart-c-sub:before{content:attr(data-label);font-size:var(--font-xs);color:var(--muted);flex-shrink:0;font-weight:400}.cart-c-op{grid-column:1/-1;justify-content:flex-end}.cart-foot-bar{padding:10px}}@media (max-width:479px){.cart-row{padding:10px}}.orders-table .ot-head,.orders-table .ot-row{grid-template-columns:160px minmax(0,1fr) 56px 92px 104px 96px 128px 68px;align-items:center;gap:10px;display:grid}.orders-table .ot-head{background:var(--surface2);font-size:var(--font-xs);color:var(--muted);border-bottom:1px solid var(--border);padding:12px 16px;font-weight:600}.orders-table .ot-row{border-bottom:1px solid var(--border);font-size:var(--font-sm);color:var(--text);min-width:0;padding:14px 16px}.orders-table .ot-row:last-of-type{border-bottom:0}.orders-table .ot-row:hover{background:#fbfbf9}.ot-cell{min-width:0}.ot-line{font-size:var(--font-sm);white-space:nowrap;line-height:1.6;display:block}.ot-prod-lines{gap:5px;min-width:0;display:grid}.ot-prod-line{gap:2px;min-width:0;display:grid}.ot-prod-name{font-size:var(--font-lg);-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;font-weight:600;display:-webkit-box;overflow:hidden}.ot-prod-meta{font-size:var(--font-xs);color:var(--muted);word-break:break-word}@media (max-width:767px){.orders-table .ot-head{display:none}.orders-table .ot-row{grid-template-columns:minmax(0,1fr);align-items:start;gap:8px;padding:12px}.orders-table .ot-row>.ot-cell{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;min-width:0;display:flex}.orders-table .ot-row>.ot-cell>*{min-width:0}.orders-table .ot-row>.ot-cell:before{content:attr(data-label);font-size:var(--font-xs);color:var(--muted);flex-shrink:0;font-weight:400}.orders-table .ot-row>.ot-cell-prod,.orders-table .ot-row>.ot-cell-prod:before{align-self:flex-start}.orders-table .ot-row>.ot-cell-prod{flex-direction:column;align-items:flex-start;gap:4px}}@media (max-width:479px){.orders-table .ot-row{padding:10px}}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.sk{background:linear-gradient(90deg,var(--surface2) 25%,#e9e7e1 37%,var(--surface2) 63%);background-size:400% 100%;border-radius:3px;min-height:8px;animation:sk 1.2s ease-in-out infinite}@keyframes sk{0%{background-position:100%}to{background-position:0}}@media (prefers-reduced-motion:reduce){.sk{animation:none}}.sk-cards{grid-template-columns:repeat(var(--sk-cols,4),minmax(0,1fr));gap:10px;display:grid}.sk-card{border:1px solid var(--border);border-radius:var(--radius);background:#fff;min-width:0;min-height:200px;padding:10px}.sk-feature{background:var(--surface2);min-height:210px}.sk-feature,.sk-pcard{border:1px solid var(--border);border-radius:6px;min-width:0}.sk-pcard{background:var(--surface);flex-direction:column;gap:8px;min-height:200px;padding:10px;display:flex}.brand-banner-text{color:var(--primary);font-weight:800;font-size:var(--font-xl)}.state-block{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:44px 20px}.state-block .state-icon{background:var(--danger-bg);border:1px solid var(--danger-border);width:44px;height:44px;color:var(--danger-fg);font-size:var(--font-lg);border-radius:50%;place-items:center;margin:0 auto 12px;font-weight:800;display:grid}.state-block h1,.state-block h2,.state-block h3{font-size:var(--font-lg);color:var(--text);margin:0 0 6px;font-weight:700}.state-block p{font-size:var(--font-sm);color:var(--muted);margin:0 0 16px;line-height:1.7}.pager{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:14px;display:flex}.pager a,.pager span.pg-cur,.pager span.pg-gap{border:1px solid var(--border);min-width:32px;height:32px;font-size:var(--font-sm);color:var(--text);background:#fff;border-radius:5px;justify-content:center;align-items:center;padding:0 8px;font-weight:600;text-decoration:none;display:inline-flex}.pager a:hover{border-color:var(--primary);color:var(--primary)}.pager .pg-cur{background:var(--primary);border-color:var(--primary);color:#fff}.pager .pg-gap{color:var(--muted);border-style:dashed}.pager .pg-disabled{color:var(--muted);opacity:.6}.domain-list{flex-direction:column;gap:12px;display:flex}.domain-block{border:1px solid var(--border);border-radius:var(--radius);background:#fff;padding:16px}.domain-head{flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:10px;display:flex}.domain-head h2{font-size:var(--font-lg);color:var(--primary);margin:0;font-weight:800}.domain-head .domain-count,.domain-head a{font-size:var(--font-xs);color:var(--muted)}.family-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.family-chip{border:1px solid var(--border);background:var(--surface);height:44px;font-size:var(--font-sm);color:var(--text);border-radius:5px;justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:0 12px;text-decoration:none;display:flex}.family-chip:hover{border-color:var(--primary);color:var(--primary)}.family-chip b{font-size:var(--font-xs);color:var(--muted);flex-shrink:0;font-weight:700}.family-chip.is-empty{cursor:default;color:var(--muted);background:var(--surface2)}.family-chip span.nm{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.browse-layout{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:12px;display:grid}.browse-side{align-self:start;position:sticky;top:120px}.pf-group{border-bottom:1px solid var(--border);margin:0 0 12px;padding:0 0 12px}.pf-group:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.pf-name{font-size:var(--font-xs);color:var(--primary);justify-content:space-between;gap:8px;margin:0 0 8px;font-weight:700;display:flex}.pf-name .pf-unit{color:var(--muted);font-weight:400}.pf-opts{flex-wrap:wrap;gap:6px;display:flex}.pf-chip{border:1px solid var(--border);height:28px;font-size:var(--font-xs);color:var(--text);cursor:pointer;background:#fff;border-radius:14px;align-items:center;padding:0 10px;display:inline-flex}.pf-chip.is-on,.pf-chip:hover{border-color:var(--primary)}.pf-chip.is-on{background:var(--primary);color:#fff;font-weight:700}.pf-num,.pf-text{border:1px solid var(--border);height:28px;font-size:var(--font-xs);color:var(--text);background:#fff;border-radius:5px;min-width:0;padding:0 10px;font-family:inherit}.pf-num{width:72px}.pf-text{flex:96px}.pf-num:focus,.pf-text:focus{border-color:var(--primary);outline:0}button.pf-chip{font-family:inherit}.pf-reset{font-size:var(--font-xs);color:var(--primary);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}@media (max-width:1023px){.browse-layout{grid-template-columns:minmax(0,1fr)}.browse-side{position:static}.family-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:767px){.family-grid,.sk-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}