:root{
  --orange:#f4510b;--orange-2:#ff640d;--orange-dark:#cf3900;--black:#101419;--black-2:#171c22;
  --ink:#161a20;--text:#303640;--muted:#68717d;--line:#dfe3e8;--line-soft:#edf0f3;
  --surface:#fff;--surface-soft:#f6f7f8;--green:#07963d;--red:#d83a30;--amber:#f5a400;
  --container:1540px;--radius:8px;--shadow:0 8px 24px rgba(16,20,25,.08);--shadow-lg:0 20px 54px rgba(16,20,25,.17);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font:14px/1.42 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a{color:inherit}button{cursor:pointer}a{text-decoration:none}.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}.container{width:min(var(--container),calc(100% - 48px));margin-inline:auto}.hidden{display:none!important}.no-scroll{overflow:hidden}.topbar{height:34px;background:linear-gradient(90deg,#0e1318,#171c22);color:#fff;font-size:11px}.topbar-inner{height:100%;display:flex;justify-content:space-between;align-items:center}.top-contact,.top-auth{display:flex;align-items:center;gap:24px}.top-contact span,.top-auth span,.top-auth button{display:flex;align-items:center;gap:7px}.topbar svg{width:15px;height:15px}.top-auth>span svg{color:var(--orange)}.top-auth button{border:0;background:transparent;color:#fff;padding:0}.top-auth .tiny{width:11px;height:11px}.site-header{position:sticky;top:0;z-index:80;background:#fff;box-shadow:0 1px 0 rgba(16,20,25,.1)}.header-main{height:80px;display:grid;grid-template-columns:290px minmax(420px,1fr) 310px;align-items:center;gap:28px}.brand{display:inline-flex;align-items:center;gap:9px;min-width:0}.brand img{width:64px;height:64px;object-fit:contain}.brand span{display:flex;flex-direction:column;line-height:.84;letter-spacing:.8px}.brand b{font-size:32px;color:var(--orange);font-style:italic;font-weight:950}.brand strong{font-size:20px;letter-spacing:6px}.global-search{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 170px 56px;height:43px;border:1px solid #cfd5db;border-radius:5px;background:#fff}.global-search:focus-within{border-color:var(--orange);box-shadow:0 0 0 3px rgba(244,81,11,.12)}.global-search input,.global-search select{min-width:0;border:0;background:transparent;padding:0 16px;color:var(--text);outline:0;font-size:12px}.global-search select{border-left:1px solid var(--line);appearance:none;background-image:linear-gradient(45deg,transparent 50%,#6e7680 50%),linear-gradient(135deg,#6e7680 50%,transparent 50%);background-position:calc(100% - 18px) 18px,calc(100% - 14px) 18px;background-size:4px 4px,4px 4px;background-repeat:no-repeat}.global-search>button{border:0;border-radius:0 4px 4px 0;background:linear-gradient(135deg,var(--orange),var(--orange-2));color:#fff;display:grid;place-items:center}.global-search>button svg{width:21px;height:21px}.search-popover{position:absolute;left:0;right:56px;top:48px;z-index:120;display:none;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-lg);overflow:hidden}.search-popover.open{display:block}.search-suggestion{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:11px;align-items:center;width:100%;border:0;border-bottom:1px solid var(--line-soft);background:#fff;padding:10px 12px;text-align:left}.search-suggestion:hover,.search-suggestion.active{background:#fff6f0}.search-suggestion img{width:72px;height:48px;object-fit:contain}.search-suggestion b,.search-suggestion small{display:block}.search-suggestion b{font-size:12px}.search-suggestion small{font-size:10px;color:var(--muted);margin-top:2px}.search-suggestion em{font-style:normal;font-size:10px;color:var(--orange);font-weight:800}.header-actions{display:flex;justify-content:flex-end;align-items:stretch;height:48px}.account-button,.cart-button{border:0;background:#fff;display:flex;align-items:center;gap:11px;padding:0 18px;text-align:left}.account-button{border-right:1px solid var(--line)}.account-button>svg,.cart-icon>svg{width:29px;height:29px}.header-actions b,.header-actions small{display:block;white-space:nowrap}.header-actions b{font-size:12px}.header-actions small{font-size:10px;color:var(--muted);margin-top:2px}.cart-icon{position:relative}.cart-icon em{position:absolute;right:-8px;top:-7px;min-width:19px;height:19px;padding:0 5px;border-radius:99px;background:var(--orange);color:#fff;font-size:10px;font-style:normal;font-weight:900;display:grid;place-items:center}.header-nav-wrap{border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line)}.header-nav{height:48px;display:grid;grid-template-columns:230px minmax(0,1fr) auto;align-items:center}.browse-button{align-self:stretch;margin-top:1px;border:0;border-radius:4px 4px 0 0;background:linear-gradient(135deg,var(--orange),var(--orange-2));color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:10px}.browse-button svg{width:18px;height:18px}.main-nav{height:100%;display:flex;align-items:center;justify-content:center;gap:35px}.main-nav a{position:relative;height:100%;display:flex;align-items:center;gap:6px;font-size:11px;font-weight:750;white-space:nowrap}.main-nav a svg{width:12px;height:12px}.main-nav a.active:after,.main-nav a:hover:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--orange)}.mobile-menu-button{display:none;border:0;background:#fff;width:42px;height:42px}.mobile-menu-button svg{width:22px;height:22px}.model-strip{height:38px;background:linear-gradient(90deg,#151a20,#0e1216);color:#fff}.model-strip-inner{height:100%;display:grid;grid-template-columns:260px minmax(0,1fr) 160px;align-items:center}.model-strip-inner>b{font-size:11px}.model-strip-links{height:100%;display:flex;justify-content:center;gap:80px}.model-strip-links button{position:relative;border:0;background:transparent;color:#fff;font-size:11px;font-weight:750;padding:0 4px}.model-strip-links button.active,.model-strip-links button:hover{color:var(--orange)}.model-strip-links button.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--orange)}.model-strip-inner>button{justify-self:end;border:0;background:transparent;color:#fff;display:flex;align-items:center;gap:8px;font-size:10px}.model-strip-inner>button svg{width:13px;height:13px}#app{min-height:560px}.page-loading{min-height:520px;display:grid;place-items:center;align-content:center;gap:12px}.page-loading span{width:42px;height:42px;border:4px solid #eee;border-top-color:var(--orange);border-radius:50%;animation:spin .8s linear infinite}.page-loading p{font-size:12px;color:var(--muted)}@keyframes spin{to{transform:rotate(360deg)}}

/* shared page components */
.breadcrumbs{height:48px;display:flex;align-items:center;gap:10px;color:#69727d;font-size:10px}.breadcrumbs a{display:flex;align-items:center;gap:8px}.breadcrumbs a:after{content:"›";color:#adb4bc}.page-section{padding:25px 0 42px}.section-label{font-size:11px;font-weight:850;letter-spacing:.3px;margin:0 0 9px}.section-headline{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:14px}.section-headline h2{font-size:26px;margin:0}.section-headline p{margin:4px 0 0;color:var(--muted);font-size:11px}.view-all{border:0;background:transparent;display:flex;align-items:center;gap:8px;font-size:10px;font-weight:750}.view-all svg{width:13px;height:13px}.btn{height:38px;border-radius:4px;border:1px solid var(--line);padding:0 16px;background:#fff;font-size:11px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover{border-color:var(--orange);color:var(--orange)}.btn-orange{background:linear-gradient(135deg,var(--orange),var(--orange-2));border-color:var(--orange);color:#fff}.btn-orange:hover{color:#fff;filter:brightness(.97)}.btn-dark{background:#171c22;border-color:#171c22;color:#fff}.badge{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:4px;background:#f2f3f5;font-size:9px;font-weight:750}.badge.orange{background:#fff1e8;color:var(--orange)}.status{display:inline-flex;align-items:center;gap:5px;color:var(--green);font-size:9px;font-weight:750}.status:before{content:"";width:6px;height:6px;background:currentColor;border-radius:50%}.skeleton{background:linear-gradient(90deg,#f2f3f5,#fafafa,#f2f3f5);background-size:240% 100%;animation:shimmer 1.4s infinite}@keyframes shimmer{to{background-position:-240% 0}}

/* homepage */
.hero{position:relative;height:238px;overflow:visible;background:#10151a;color:#fff}.hero-bg{position:absolute;inset:0;overflow:hidden}.hero-bg img{width:100%;height:100%;object-fit:cover;object-position:center 62%}.hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,14,18,.95) 0%,rgba(8,14,18,.75) 29%,rgba(8,14,18,.2) 59%,rgba(8,14,18,.08))}.hero-content{position:relative;height:100%;display:flex;align-items:center;padding-bottom:25px}.hero-copy{width:430px}.hero h1{margin:0;font-size:34px;line-height:1.05;letter-spacing:-.7px}.hero h1 span{display:block;color:var(--orange);margin-top:2px}.hero p{margin:9px 0 14px;font-size:12px;max-width:390px}.hero-actions{display:flex;gap:12px}.hero-actions .btn{height:36px}.hero-actions .btn-outline{background:rgba(15,20,25,.45);border-color:rgba(255,255,255,.65);color:#fff}.hero-search-panel{position:absolute;z-index:2;left:50%;bottom:-25px;transform:translateX(-50%);width:min(1210px,calc(100% - 48px));height:54px;background:#fff;border-radius:6px;box-shadow:0 14px 34px rgba(16,20,25,.18);display:grid;grid-template-columns:1fr 1.05fr 1.05fr 1.05fr 175px;align-items:center;padding:8px 10px;gap:0}.hero-field{height:38px;padding:0 15px;border-right:1px solid var(--line);display:flex;align-items:center;gap:10px;min-width:0}.hero-field svg{width:20px;height:20px;color:#4f5862;flex:0 0 auto}.hero-field span{min-width:0;display:flex;flex-direction:column}.hero-field label{font-size:9px;color:#6c7580}.hero-field select,.hero-field input{border:0;outline:0;min-width:0;width:100%;background:transparent;font-weight:650;font-size:10px;padding:0;color:#2d343c}.hero-search-panel>button{height:38px;border:0;border-radius:4px;background:linear-gradient(135deg,var(--orange),var(--orange-2));color:#fff;font-weight:850;font-size:11px;display:flex;align-items:center;justify-content:center;gap:8px}.hero-search-panel>button svg{width:17px;height:17px}.home-content{padding-top:45px}.model-cards{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.model-card{min-width:0;height:70px;border:1px solid var(--line);border-radius:6px;background:#fff;display:grid;grid-template-columns:88px minmax(0,1fr) 24px;align-items:center;padding:5px 9px;box-shadow:0 3px 10px rgba(16,20,25,.03);text-align:left}.model-card:hover{border-color:var(--orange);box-shadow:var(--shadow)}.model-card img{width:84px;height:56px;object-fit:cover;border-radius:4px;filter:saturate(.95)}.model-card b,.model-card small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.model-card b{font-size:12px}.model-card small{font-size:9px;color:var(--muted);margin-top:2px}.model-card span:last-child{color:var(--orange);font-size:22px}.system-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}.system-card{height:47px;border:1px solid var(--line);border-radius:5px;background:#fff;display:flex;align-items:center;gap:13px;padding:0 17px;font-size:10px;font-weight:750;text-align:left}.system-card:hover{border-color:var(--orange);color:var(--orange)}.system-card svg{width:25px;height:25px;color:#3e474f}.assembly-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.assembly-card{position:relative;border:1px solid var(--line);border-radius:7px;background:#fff;overflow:hidden;box-shadow:0 3px 12px rgba(16,20,25,.035)}.assembly-card:hover{border-color:#f2a37d;box-shadow:var(--shadow)}.assembly-image{height:118px;background:#fff;display:flex;align-items:center;justify-content:center;padding:10px}.assembly-image img{width:100%;height:100%;object-fit:contain}.assembly-info{display:grid;grid-template-columns:minmax(0,1fr) 105px;gap:10px;padding:10px 12px 7px;border-top:1px solid var(--line-soft)}.assembly-info small{display:block;font-size:8px;color:var(--muted);text-transform:uppercase}.assembly-info h3{margin:2px 0 0;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.assembly-info code{font:9px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;color:#525b65}.assembly-price{text-align:right}.assembly-price b{display:block;font-size:13px}.assembly-meta{display:flex;align-items:center;justify-content:space-between;padding:0 12px 9px;font-size:8px;color:var(--muted)}.assembly-card .btn{height:31px;margin:0 9px 9px;width:calc(100% - 18px)}.home-spacer{height:2px}

/* catalog/listing */
.catalog-title-row{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:13px}.catalog-title h1{font-size:25px;margin:0}.catalog-title h1 span{font-size:11px;color:var(--muted);margin-left:15px;font-weight:550}.catalog-title p{margin:4px 0 0;font-size:11px;color:var(--muted)}.help-card{height:57px;width:340px;border:1px solid var(--line);border-radius:6px;display:grid;grid-template-columns:50px minmax(0,1fr) 95px;align-items:center;padding:7px 10px}.help-card svg{width:34px;height:34px}.help-card b,.help-card small{display:block}.help-card b{font-size:11px}.help-card small{font-size:9px;color:var(--muted);margin-top:3px}.help-card button{height:32px;border:1px solid var(--orange);background:#fff;color:var(--orange);border-radius:4px;font-size:10px;font-weight:800}.catalog-layout{display:grid;grid-template-columns:218px minmax(0,1fr);gap:18px}.filter-sidebar{border:1px solid var(--line);border-radius:6px;align-self:start;background:#fff;overflow:hidden}.filter-group{padding:12px 12px 10px;border-bottom:1px solid var(--line)}.filter-group:last-child{border-bottom:0}.filter-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.filter-head b{font-size:10px}.filter-head button{border:0;background:transparent;color:#1475e7;font-size:8px}.filter-option{display:flex;align-items:center;min-height:25px;font-size:9px;color:#303740;gap:7px}.filter-option input{appearance:none;width:13px;height:13px;border:1px solid #bfc6ce;border-radius:3px;margin:0;display:grid;place-items:center}.filter-option input:checked{background:var(--orange);border-color:var(--orange)}.filter-option input:checked:after{content:"✓";color:#fff;font-size:9px;font-weight:900}.filter-option em{margin-left:auto;color:#838c96;font-style:normal}.filter-more{margin-top:4px;border:0;background:transparent;font-size:8px;color:#4e5964;display:flex;align-items:center;gap:5px}.price-slider{height:4px;margin:15px 0 5px;background:#e9ecf0;border-radius:99px;position:relative}.price-slider:before{content:"";position:absolute;left:0;right:20%;top:0;bottom:0;background:var(--orange);border-radius:99px}.price-slider span{position:absolute;top:50%;width:13px;height:13px;border:1px solid var(--orange);background:#fff;border-radius:50%;transform:translateY(-50%)}.price-slider span:first-child{left:0}.price-slider span:last-child{right:18%}.price-labels{display:flex;justify-content:space-between;font-size:8px}.compat-input{width:100%;height:29px;border:1px solid var(--line);border-radius:4px;padding:0 8px;font-size:8px}.filter-chips{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.filter-chips span{height:20px;border-radius:3px;background:#f2f3f5;padding:0 6px;display:flex;align-items:center;gap:5px;font-size:8px}.filter-chips button{border:0;background:transparent;padding:0;color:#84909b}.catalog-main{min-width:0}.catalog-toolbar{height:45px;border:1px solid var(--line);border-radius:6px;background:#fff;display:flex;align-items:center;gap:13px;padding:6px 10px;margin-bottom:10px}.toolbar-label{font-size:9px;color:var(--muted)}.sort-select{height:32px;min-width:135px;border:1px solid var(--line);border-radius:4px;padding:0 10px;font-size:9px;font-weight:650;background:#fff}.active-filters{display:flex;align-items:center;gap:6px;min-width:0;flex:1;overflow:hidden}.active-filters>span:first-child{font-size:9px;color:var(--muted);flex:0 0 auto}.active-filter{display:flex;align-items:center;gap:5px;height:24px;padding:0 8px;border-radius:99px;background:#f3f4f6;font-size:8px;white-space:nowrap}.active-filter button{border:0;background:transparent;padding:0}.clear-all{border:0;background:transparent;color:var(--orange);font-size:8px;font-weight:750;white-space:nowrap}.view-controls{display:flex;align-items:center;gap:4px;margin-left:auto}.view-controls span{font-size:8px;color:var(--muted);margin-right:5px}.view-controls button{width:31px;height:31px;border:1px solid var(--line);background:#fff;border-radius:4px;display:grid;place-items:center}.view-controls button.active{background:var(--orange);border-color:var(--orange);color:#fff}.view-controls svg{width:16px;height:16px}.mobile-filter-trigger{display:none;height:34px;border:1px solid var(--line);border-radius:4px;background:#fff;align-items:center;gap:7px;font-size:9px;font-weight:750}.assembly-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.product-card{position:relative;min-width:0;border:1px solid var(--line);border-radius:6px;background:#fff;overflow:hidden;transition:.16s ease}.product-card:hover{border-color:#f1a17a;box-shadow:var(--shadow);transform:translateY(-1px)}.product-card-tag{position:absolute;left:0;top:0;z-index:2;height:20px;padding:0 8px;background:var(--orange);color:#fff;border-radius:0 0 4px 0;font-size:8px;font-weight:850;display:flex;align-items:center}.product-heart{position:absolute;right:8px;top:8px;z-index:2;width:28px;height:28px;border:0;background:#fff;border-radius:50%;display:grid;place-items:center;color:#76808a}.product-heart.active{color:var(--orange);background:#fff0e8}.product-heart svg{width:17px;height:17px}.product-card-image{height:140px;border:0;background:#fff;width:100%;padding:13px;display:flex;align-items:center;justify-content:center}.product-card-image img{width:100%;height:100%;object-fit:contain}.product-card-body{padding:8px 10px 10px}.product-kicker{font-size:8px;color:#626d78;text-transform:uppercase}.product-card h3{margin:2px 0 1px;font-size:13px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-code{font:8px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;color:#58636e}.product-models{display:flex;gap:4px;margin:7px 0 6px}.product-models span{height:19px;padding:0 7px;border-radius:3px;background:#f1f2f4;font-size:8px;display:flex;align-items:center}.product-data{display:flex;gap:12px;font-size:8px;color:#626d78;margin-bottom:6px}.product-data span{display:flex;align-items:center;gap:4px}.product-price-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.product-price-row b{font-size:12px}.product-card .btn{height:31px;width:100%}.product-list{grid-template-columns:1fr}.product-list .product-card{display:grid;grid-template-columns:200px minmax(0,1fr) 190px;align-items:center}.product-list .product-card-image{height:120px;border-right:1px solid var(--line-soft)}.product-list .product-card-body{display:contents}.product-list .product-info-list{padding:14px}.product-list .product-action-list{padding:14px;border-left:1px solid var(--line-soft)}.empty-state{grid-column:1/-1;min-height:320px;border:1px dashed #cbd1d8;border-radius:8px;display:grid;place-items:center;text-align:center;padding:40px}.empty-state svg{width:48px;height:48px;color:#b7bec6}.empty-state h3{margin:12px 0 4px}.empty-state p{margin:0;color:var(--muted);font-size:11px}.pagination{display:flex;align-items:center;justify-content:center;gap:5px;padding:20px 0 0}.pagination button{min-width:31px;height:31px;border:1px solid var(--line);border-radius:4px;background:#fff;font-size:9px}.pagination button.active{background:var(--orange);border-color:var(--orange);color:#fff}.pagination button:disabled{opacity:.4}.catalog-results-summary{font-size:9px;color:var(--muted);margin-top:10px;text-align:right}

/* diagram detail */
.detail-page{padding-bottom:40px}.detail-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(500px,.88fr);gap:14px}.diagram-panel,.detail-side,.related-card{border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 3px 12px rgba(16,20,25,.035)}.diagram-panel{overflow:hidden}.diagram-head{min-height:62px;padding:12px 17px;display:flex;align-items:flex-start;justify-content:space-between}.diagram-head h2{font-size:14px;margin:0;line-height:1.25}.diagram-head p{margin:3px 0 0;font-size:9px}.page-indicator{display:flex;align-items:center;gap:12px;font-size:9px;font-weight:750}.diagram-stage{position:relative;height:485px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}.diagram-stage img{width:100%;height:100%;object-fit:contain;transform-origin:center;transition:transform .18s ease}.diagram-tools{position:absolute;left:15px;top:14px;z-index:3;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:5px;overflow:hidden;background:#fff}.diagram-tools button{width:35px;height:35px;border:0;border-bottom:1px solid var(--line);background:#fff;display:grid;place-items:center}.diagram-tools button:last-child{border-bottom:0}.diagram-tools svg{width:18px;height:18px}.diagram-nav{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;border:1px solid var(--line);background:#fff;border-radius:7px;display:grid;place-items:center;box-shadow:0 3px 8px rgba(16,20,25,.08)}.diagram-nav.prev{left:15px}.diagram-nav.next{right:15px}.diagram-nav.prev svg{transform:rotate(180deg)}.diagram-nav svg{width:17px;height:17px}.diagram-thumbs{height:82px;display:flex;align-items:center;justify-content:center;gap:10px;padding:8px;border-top:1px solid var(--line-soft)}.diagram-thumb{width:145px;height:62px;border:1px solid var(--line);border-radius:6px;background:#fff;padding:4px}.diagram-thumb.active{border:2px solid var(--orange)}.diagram-thumb img{width:100%;height:100%;object-fit:contain}.detail-side{overflow:hidden;display:flex;flex-direction:column;min-height:630px}.detail-summary{padding:14px 16px 11px;border-bottom:1px solid var(--line)}.detail-summary-grid{display:grid;grid-template-columns:minmax(0,1fr) 205px;gap:13px}.official-label{height:20px;display:inline-flex;align-items:center;padding:0 8px;border-radius:99px;background:#fff0e7;color:var(--orange);font-size:8px;font-weight:850}.detail-summary h1{font-size:18px;margin:8px 0 2px}.detail-code{font-size:9px;color:#58626d}.compatibility{margin-top:15px}.compatibility small{display:block;font-size:8px;color:var(--muted);margin-bottom:6px}.compatibility-row{display:flex;align-items:center;gap:12px}.compatibility-row .badge{font-size:9px}.compatibility-row a{font-size:8px;color:#4373a7;text-decoration:underline}.stock-box,.help-box{border:1px solid var(--line);border-radius:6px;padding:10px 11px}.stock-box{background:#f3faf5;border-color:#d7eadc;color:#15692f}.stock-box b,.stock-box small,.help-box b,.help-box small{display:block}.stock-box b{font-size:10px}.stock-box small,.help-box small{font-size:8px;margin-top:2px}.help-box{margin-top:8px;color:var(--ink)}.help-box button{height:28px;width:100%;margin-top:8px;border:1px solid #aeb6bf;background:#fff;border-radius:4px;font-size:8px;font-weight:750}.detail-actions{display:grid;grid-template-columns:1fr 1.1fr;gap:10px;margin-top:12px}.detail-actions .btn{height:36px}.parts-tabs{height:37px;border-bottom:1px solid var(--line);display:flex;align-items:flex-end;padding:0 11px}.parts-tabs button{height:37px;border:0;background:#fff;padding:0 13px;font-size:9px;font-weight:750;position:relative}.parts-tabs button.active{color:var(--orange)}.parts-tabs button.active:after{content:"";position:absolute;left:9px;right:9px;bottom:-1px;height:2px;background:var(--orange)}.parts-tabs .expand-all{margin-left:auto;display:flex;align-items:center;gap:5px}.parts-tabs .expand-all svg{width:13px;height:13px}.parts-table-wrap{flex:1;overflow:auto;max-height:390px}.parts-table{width:100%;border-collapse:collapse;font-size:8px}.parts-table th{position:sticky;top:0;z-index:1;background:#fafbfc;height:31px;text-align:left;border-bottom:1px solid var(--line);padding:0 7px;color:#4e5863}.parts-table td{height:36px;border-bottom:1px solid var(--line-soft);padding:4px 7px;vertical-align:middle}.parts-table tr:hover td{background:#fff8f3}.parts-table tr.selected td{background:#fff2e9}.parts-table input[type=checkbox]{appearance:none;width:13px;height:13px;border:1px solid #c2c9d0;border-radius:3px}.parts-table input[type=checkbox]:checked{background:var(--orange);border-color:var(--orange)}.parts-table input[type=checkbox]:checked:after{content:"✓";color:#fff;font-size:9px;display:block;text-align:center;line-height:12px}.part-number{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:750}.part-stock{color:var(--green);font-weight:700;white-space:nowrap}.part-add{height:25px;border:1px solid var(--line);background:#fff;border-radius:4px;padding:0 8px;font-size:8px;white-space:nowrap}.part-add:hover,.part-add.added{border-color:var(--orange);color:var(--orange)}.parts-footer{height:39px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-size:8px;color:var(--muted)}.parts-footer button{height:26px;min-width:140px;border:1px solid #9099a3;border-radius:4px;background:#fff;font-size:8px;font-weight:750}.related-section{margin-top:16px}.related-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.related-card{min-width:0;height:97px;display:grid;grid-template-columns:95px minmax(0,1fr);align-items:center;padding:8px;text-align:left}.related-card:hover{border-color:var(--orange)}.related-card img{width:88px;height:75px;object-fit:contain}.related-card b,.related-card small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.related-card b{font-size:11px}.related-card small{font-size:8px;color:var(--muted);margin-top:3px}.related-card .status{margin-top:5px}.diagram-fullscreen{position:fixed!important;inset:0!important;z-index:300!important;height:100vh!important;background:#fff!important;border-radius:0!important}.diagram-fullscreen .diagram-stage{height:calc(100vh - 145px)}

/* generic content / utility pages */
.content-page{padding:35px 0 60px}.content-card{max-width:1100px;margin:auto;border:1px solid var(--line);border-radius:9px;padding:28px;background:#fff}.content-card h1{margin-top:0}.content-card p,.content-card li{color:#59636e;font-size:12px}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:20px}.info-tile{border:1px solid var(--line);border-radius:7px;padding:18px}.info-tile svg{width:30px;height:30px;color:var(--orange)}.info-tile h3{font-size:14px}.rfq-page-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.rfq-upload{min-height:310px;border:2px dashed #cbd2d9;border-radius:8px;display:grid;place-items:center;text-align:center;padding:30px}.rfq-upload svg{width:54px;height:54px;color:#aab2bb}.rfq-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.rfq-form label{font-size:10px;font-weight:750}.rfq-form input,.rfq-form select,.rfq-form textarea{width:100%;margin-top:5px;border:1px solid var(--line);border-radius:5px;padding:9px}.rfq-form textarea{min-height:100px;resize:vertical}.rfq-form .full{grid-column:1/-1}

/* footer */
.benefit-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.benefit-grid{height:63px;display:grid;grid-template-columns:repeat(4,1fr)}.benefit-grid>div{display:flex;align-items:center;justify-content:center;gap:14px;border-right:1px solid var(--line)}.benefit-grid>div:last-child{border-right:0}.benefit-grid svg{width:34px;height:34px}.benefit-grid b,.benefit-grid small{display:block}.benefit-grid b{font-size:11px}.benefit-grid small{font-size:8px;color:var(--muted);margin-top:2px}.footer-main{background:linear-gradient(135deg,#1c2229,#11161b);color:#fff}.footer-grid{display:grid;grid-template-columns:1.5fr .75fr .75fr .75fr 1.3fr;gap:55px;padding:34px 0 26px}.footer-logo img{width:45px;height:45px}.footer-logo b{font-size:18px}.footer-logo strong{font-size:11px;letter-spacing:3px;color:#fff}.footer-brand p,.newsletter p{font-size:9px;color:#c0c6cc;max-width:270px}.socials{display:flex;gap:9px;margin-top:14px}.socials span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:9px;background:#2875d1}.socials span:nth-child(2){background:#e33e32}.socials span:nth-child(3){background:#1dbb5a}.footer-grid h4{font-size:10px;margin:0 0 10px}.footer-grid>div:not(:first-child) a{display:block;color:#c4cad0;font-size:9px;margin:6px 0}.footer-grid a:hover{color:var(--orange)}.newsletter form{display:grid;grid-template-columns:1fr 80px;height:32px;margin-top:12px}.newsletter input{border:1px solid #58616b;background:transparent;color:#fff;border-radius:4px 0 0 4px;padding:0 10px;font-size:9px}.newsletter button{border:0;background:var(--orange);color:#fff;border-radius:0 4px 4px 0;font-size:9px;font-weight:750}.payments{display:flex;align-items:center;gap:15px;margin-top:15px;color:#dfe4e9;font-size:10px;font-weight:850}.footer-bottom{height:40px;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;color:#9da5ae;font-size:8px}

/* drawers / modal / toast */
.drawer-backdrop,.modal-backdrop{position:fixed;inset:0;background:rgba(4,8,12,.55);opacity:0;pointer-events:none;transition:.2s;z-index:190}.drawer-backdrop.open,.modal-backdrop.open{opacity:1;pointer-events:auto}.cart-drawer{position:fixed;top:0;right:0;z-index:200;width:min(470px,100%);height:100vh;background:#fff;box-shadow:-20px 0 50px rgba(16,20,25,.22);transform:translateX(105%);transition:.25s;display:grid;grid-template-rows:62px minmax(0,1fr) auto auto}.cart-drawer.open{transform:none}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--line)}.drawer-head b,.drawer-head small{display:block}.drawer-head b{font-size:17px}.drawer-head small{font-size:9px;color:var(--muted)}.drawer-head button,.modal header button{border:0;background:#fff;width:36px;height:36px;border-radius:6px;display:grid;place-items:center}.drawer-head svg,.modal header svg{width:20px;height:20px}.drawer-body{overflow:auto;padding:10px 14px}.drawer-empty{min-height:230px;display:grid;place-items:center;text-align:center;color:var(--muted)}.drawer-empty svg{width:50px;height:50px}.cart-line{display:grid;grid-template-columns:65px minmax(0,1fr) 28px;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line-soft)}.cart-line img{width:65px;height:55px;object-fit:contain;border:1px solid var(--line-soft);border-radius:5px}.cart-line b,.cart-line small{display:block}.cart-line b{font-size:10px}.cart-line small{font-size:8px;color:var(--muted);margin-top:3px}.cart-line-remove{border:0;background:#fff;color:#8a939d}.qty-control{display:flex;align-items:center;gap:6px;margin-top:6px}.qty-control button{width:24px;height:24px;border:1px solid var(--line);background:#fff;border-radius:4px}.qty-control span{min-width:20px;text-align:center;font-size:9px;font-weight:750}.drawer-rfq{border-top:1px solid var(--line);padding:12px 14px}.drawer-rfq h3{font-size:11px;margin:0 0 8px}.drawer-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.drawer-rfq label{display:block;font-size:8px;color:#59636d}.drawer-rfq input,.drawer-rfq select,.drawer-rfq textarea{width:100%;border:1px solid var(--line);border-radius:4px;padding:7px;margin-top:3px;font-size:9px}.drawer-rfq textarea{min-height:48px;resize:vertical}.drawer-foot{padding:12px 14px 15px;border-top:1px solid var(--line);background:#fafbfc}.drawer-foot>div{display:flex;justify-content:space-between;font-size:10px}.drawer-foot button{width:100%;height:38px;margin-top:9px;border:0;border-radius:4px;background:var(--orange);color:#fff;font-size:11px;font-weight:850}.drawer-foot small{display:block;text-align:center;margin-top:7px;font-size:7px;color:var(--muted)}.modal-backdrop{display:flex;align-items:center;justify-content:center;padding:25px;z-index:250}.modal{width:min(940px,100%);max-height:calc(100vh - 50px);background:#fff;border-radius:9px;box-shadow:var(--shadow-lg);display:grid;grid-template-rows:58px minmax(0,1fr);transform:translateY(10px) scale(.99);transition:.2s;overflow:hidden}.modal-backdrop.open .modal{transform:none}.modal header{display:flex;align-items:center;justify-content:space-between;padding:0 17px;border-bottom:1px solid var(--line)}.modal header b,.modal header small{display:block}.modal header b{font-size:14px}.modal header small{font-size:8px;color:var(--muted)}.modal-body{overflow:auto;padding:18px}.toast-stack{position:fixed;right:18px;bottom:18px;z-index:350;display:grid;gap:8px}.toast{width:310px;background:#171c22;color:#fff;border-left:4px solid var(--orange);border-radius:6px;box-shadow:var(--shadow-lg);padding:11px 13px;animation:toastIn .25s ease}.toast b,.toast small{display:block}.toast b{font-size:11px}.toast small{font-size:8px;color:#c8ced4;margin-top:3px}@keyframes toastIn{from{opacity:0;transform:translateY(8px)}}

/* responsive */
@media(max-width:1380px){.container{width:min(var(--container),calc(100% - 28px))}.header-main{grid-template-columns:240px minmax(360px,1fr) 280px;gap:18px}.brand img{width:56px;height:56px}.brand b{font-size:27px}.brand strong{font-size:17px}.main-nav{gap:23px}.model-strip-links{gap:50px}.assembly-grid{grid-template-columns:repeat(3,1fr)}.model-cards{grid-template-columns:repeat(3,1fr)}.related-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:1100px){.top-contact span:nth-child(2),.top-auth>span{display:none}.header-main{height:68px;grid-template-columns:205px minmax(280px,1fr) 120px}.brand img{width:48px;height:48px}.brand b{font-size:22px}.brand strong{font-size:14px}.header-actions .account-button{display:none}.cart-button{padding:0 8px}.global-search{grid-template-columns:minmax(0,1fr) 130px 48px;height:40px}.header-nav{grid-template-columns:200px minmax(0,1fr) auto}.main-nav{gap:15px}.main-nav a{font-size:9px}.model-strip-inner{grid-template-columns:200px minmax(0,1fr) 130px}.model-strip-links{gap:30px}.hero-search-panel{grid-template-columns:1fr 1fr 1fr 160px}.hero-field:nth-of-type(4){display:none}.system-grid{grid-template-columns:repeat(4,1fr)}.detail-grid{grid-template-columns:1fr}.diagram-stage{height:520px}.detail-side{min-height:0}.parts-table-wrap{max-height:450px}.catalog-layout{grid-template-columns:200px minmax(0,1fr)}.assembly-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1.3fr repeat(3,.7fr);gap:30px}.newsletter{grid-column:1/-1}.benefit-grid{grid-template-columns:repeat(2,1fr);height:auto}.benefit-grid>div{height:58px}.related-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.container{width:calc(100% - 20px)}.topbar{height:30px}.top-contact{gap:10px}.top-contact span{font-size:9px}.top-auth{gap:8px}.header-main{grid-template-columns:155px minmax(0,1fr) 45px;height:60px;gap:10px}.brand img{width:42px;height:42px}.brand b{font-size:18px}.brand strong{font-size:10px;letter-spacing:3px}.global-search{grid-template-columns:minmax(0,1fr) 42px;height:38px}.global-search select{display:none}.global-search input{font-size:10px;padding:0 10px}.header-actions{height:40px}.cart-button>span:last-child{display:none}.header-nav{height:44px;grid-template-columns:minmax(0,1fr) 45px}.browse-button{width:180px}.main-nav{position:fixed;left:0;right:0;top:134px;z-index:100;display:none;height:auto;background:#fff;border-bottom:1px solid var(--line);box-shadow:var(--shadow);padding:8px 10px;flex-direction:column;align-items:stretch;gap:0}.main-nav.open{display:flex}.main-nav a{height:40px;border-bottom:1px solid var(--line-soft);font-size:11px}.main-nav a:after{display:none}.mobile-menu-button{display:grid;place-items:center}.model-strip{height:34px}.model-strip-inner{grid-template-columns:150px minmax(0,1fr)}.model-strip-inner>b{font-size:9px}.model-strip-links{overflow-x:auto;justify-content:flex-start;gap:25px}.model-strip-links button{flex:0 0 auto;font-size:9px}.model-strip-inner>button{display:none}.hero{height:280px}.hero-bg:after{background:linear-gradient(90deg,rgba(8,14,18,.92),rgba(8,14,18,.48))}.hero-content{align-items:flex-start;padding-top:35px}.hero-copy{width:360px}.hero h1{font-size:31px}.hero-search-panel{height:auto;bottom:-95px;grid-template-columns:1fr 1fr;padding:8px}.hero-field{border-bottom:1px solid var(--line);border-right:0}.hero-field:nth-of-type(3){display:none}.hero-search-panel>button{grid-column:1/-1}.home-content{padding-top:115px}.model-cards{grid-template-columns:repeat(2,1fr)}.system-grid{grid-template-columns:repeat(3,1fr)}.assembly-row{grid-template-columns:repeat(2,1fr)}.catalog-title-row{display:block}.help-card{width:100%;margin-top:12px}.catalog-layout{display:block}.filter-sidebar{position:fixed;left:0;right:0;bottom:0;z-index:210;max-height:80vh;border-radius:14px 14px 0 0;transform:translateY(105%);transition:.22s;overflow:auto;box-shadow:0 -15px 40px rgba(16,20,25,.2)}.filter-sidebar.open{transform:none}.mobile-filter-trigger{display:flex}.active-filters{display:none}.catalog-toolbar{gap:7px}.assembly-grid{grid-template-columns:repeat(2,1fr)}.detail-summary-grid{grid-template-columns:1fr}.detail-summary-side{display:grid;grid-template-columns:1fr 1fr;gap:8px}.detail-actions{grid-template-columns:1fr}.diagram-stage{height:430px}.parts-table{min-width:700px}.related-grid{display:flex;overflow-x:auto}.related-card{flex:0 0 270px}.info-grid,.rfq-page-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-brand,.newsletter{grid-column:1/-1}.benefit-grid>div{justify-content:flex-start;padding:0 20px}.modal-backdrop{padding:10px}.modal{max-height:calc(100vh - 20px)}}
@media(max-width:520px){body{font-size:13px}.topbar{display:none}.site-header{top:0}.header-main{grid-template-columns:48px minmax(0,1fr) 42px;height:55px}.brand span{display:none}.brand img{width:44px;height:44px}.global-search{height:36px}.cart-icon>svg{width:25px;height:25px}.header-nav-wrap{display:none}.model-strip{height:33px}.model-strip-inner{grid-template-columns:118px minmax(0,1fr)}.model-strip-inner>b{font-size:8px}.hero{height:300px}.hero-content{padding-top:28px}.hero-copy{width:100%}.hero h1{font-size:29px}.hero p{font-size:10px;max-width:300px}.hero-actions .btn{padding:0 12px;font-size:9px}.hero-search-panel{bottom:-110px;width:calc(100% - 20px);grid-template-columns:1fr}.hero-field{height:35px}.hero-field:nth-of-type(2){display:none}.hero-search-panel>button{height:36px}.home-content{padding-top:128px}.page-section{padding:18px 0 30px}.section-headline h2{font-size:20px}.model-cards{display:flex;overflow-x:auto}.model-card{flex:0 0 260px}.system-grid{display:flex;overflow-x:auto}.system-card{flex:0 0 150px}.assembly-row{display:flex;overflow-x:auto}.assembly-card{flex:0 0 280px}.breadcrumbs{height:38px;overflow-x:auto;white-space:nowrap}.catalog-title h1{font-size:21px}.catalog-title h1 span{display:block;margin:4px 0 0}.help-card{grid-template-columns:44px 1fr 82px}.catalog-toolbar{height:auto;flex-wrap:wrap}.sort-select{flex:1}.view-controls span{display:none}.assembly-grid{grid-template-columns:1fr}.product-card{display:grid;grid-template-columns:128px minmax(0,1fr)}.product-card-image{height:100%;min-height:162px;border-right:1px solid var(--line-soft)}.product-card-tag{font-size:7px}.product-heart{right:auto;left:94px}.product-card h3{white-space:normal}.product-list .product-card{grid-template-columns:115px minmax(0,1fr)}.product-list .product-card-image{height:100%}.product-list .product-info-list{padding:9px}.product-list .product-action-list{grid-column:2;border:0;padding:0 9px 9px}.diagram-head{padding:10px}.diagram-head h2{font-size:12px}.diagram-stage{height:330px}.diagram-thumbs{height:70px;justify-content:flex-start;overflow-x:auto}.diagram-thumb{flex:0 0 120px;height:52px}.detail-summary{padding:12px}.detail-summary h1{font-size:16px}.detail-summary-side{grid-template-columns:1fr}.parts-tabs{overflow-x:auto}.parts-tabs button{flex:0 0 auto;padding:0 9px}.related-section{margin-top:12px}.benefit-grid{grid-template-columns:1fr}.benefit-grid>div{border-right:0;border-bottom:1px solid var(--line)}.footer-grid{grid-template-columns:1fr;gap:20px}.footer-brand,.newsletter{grid-column:auto}.footer-bottom{height:auto;padding:12px 0;display:block;line-height:1.7}.cart-drawer{grid-template-rows:56px minmax(0,1fr) auto auto}.drawer-form-grid{grid-template-columns:1fr}.modal-backdrop{padding:0}.modal{height:100vh;max-height:none;border-radius:0}.toast-stack{left:10px;right:10px;bottom:10px}.toast{width:100%}.rfq-form{grid-template-columns:1fr}.rfq-form .full{grid-column:auto}.content-card{padding:18px}.info-grid{grid-template-columns:1fr}}

/* ================================================================
   HIKARI STOREFRONT V5 — REFERENCE-LOCKED DESKTOP PRESENTATION
   Source of truth: the three approved 1672×941 storefront references.
   This block intentionally comes last so legacy responsive rules cannot
   collapse the approved desktop composition at ordinary laptop widths.
   ================================================================ */
@media (min-width:1200px){
  :root{--container:1508px;--radius:7px;--shadow:0 7px 22px rgba(22,28,34,.075)}
  body{font-size:13px;line-height:1.35;background:#fff}
  .container{width:min(var(--container),calc(100% - 56px))}

  /* Approved 31 + 76 + 49 + 39 = 195px desktop shell */
  .topbar{height:31px;font-size:10px}
  .top-contact,.top-auth{gap:25px}
  .topbar svg{width:14px;height:14px}
  .header-main{height:76px;grid-template-columns:300px minmax(500px,1fr) 300px;gap:20px}
  .brand{gap:8px}.brand img{width:62px;height:62px}.brand b{font-size:31px}.brand strong{font-size:18px;letter-spacing:6px}
  .global-search{height:42px;grid-template-columns:minmax(0,1fr) 165px 55px}
  .global-search input,.global-search select{font-size:11px}
  .header-actions{height:48px}.account-button,.cart-button{padding:0 16px}.account-button>svg,.cart-icon>svg{width:28px;height:28px}
  .header-nav{height:49px;grid-template-columns:242px minmax(0,1fr) 1px}
  .browse-button{font-size:11px}.main-nav{gap:43px}.main-nav a{font-size:11px}
  .model-strip{height:39px}.model-strip-inner{grid-template-columns:300px minmax(0,1fr) 165px}.model-strip-links{gap:78px}.model-strip-inner>b,.model-strip-links button{font-size:10px}
  #app{min-height:0}

  /* Homepage hero */
  .hero{height:225px}
  .hero-bg img{object-position:center center}
  .hero-bg:after{background:linear-gradient(90deg,rgba(8,14,18,.92) 0%,rgba(8,14,18,.72) 28%,rgba(8,14,18,.13) 61%,rgba(8,14,18,.04))}
  .hero-content{padding:0 0 8px 100px;align-items:center}
  .hero-copy{width:420px}
  .hero h1{font-size:34px;line-height:1.02;letter-spacing:-.55px}
  .hero p{font-size:12px;line-height:1.35;margin:8px 0 14px;max-width:360px}
  .hero-actions{gap:12px}.hero-actions .btn{height:36px;padding:0 20px;font-size:10px}
  .hero-search-panel{width:1300px;height:55px;bottom:-25px;grid-template-columns:1fr 1.04fr 1.08fr 1.08fr 180px;padding:7px 10px;border-radius:6px}
  .hero-field{height:40px;padding:0 16px}.hero-field label{font-size:8px}.hero-field select,.hero-field input{font-size:9px}.hero-search-panel>button{height:40px;font-size:10px}

  /* The three compact home bands must fit with footer in a 941px viewport */
  .home-content{padding-top:32px}
  .home-section{padding:0 0 10px}
  .home-section .section-headline{margin-bottom:6px;min-height:13px;align-items:center}
  .home-section .section-label{font-size:10px;line-height:13px;margin:0;font-weight:850}
  .home-section .view-all{font-size:9px}
  .models-section{padding-bottom:10px}.systems-section{padding-bottom:10px}.assemblies-section{padding-bottom:11px}
  .model-cards{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
  .model-card{height:72px;grid-template-columns:88px minmax(0,1fr) 22px;padding:5px 8px;border-radius:6px}
  .model-card img{width:82px;height:58px;object-fit:cover;object-position:center 60%;border-radius:4px}
  .model-card-copy{align-self:stretch;display:flex!important;flex-direction:column;justify-content:center;min-width:0}
  .model-card b{font-size:12px}.model-card small{font-size:8px;margin-top:1px}
  .model-card em{display:inline-flex;align-items:center;justify-content:center;width:69px;height:18px;margin-top:5px;border:1px solid #efb598;border-radius:3px;color:#5f6368;font-size:8px;font-style:normal;font-weight:700}
  .model-card .model-arrow{font-size:17px;color:var(--orange);text-align:right}
  .system-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}
  .system-card{height:46px;padding:0 16px;gap:12px;font-size:9px;border-radius:5px}.system-card svg{width:25px;height:25px}
  .assembly-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
  .assembly-card{height:112px;display:grid;grid-template-columns:112px minmax(0,1fr) 94px;align-items:stretch;border-radius:6px;overflow:hidden}
  .assembly-image{height:100%;padding:7px;border:0;border-right:1px solid var(--line-soft)}
  .assembly-image img{width:100%;height:100%;object-fit:cover;object-position:top center}
  .assembly-copy{min-width:0;padding:8px 7px 6px;display:flex;flex-direction:column}
  .assembly-copy>small{font-size:7px;color:#6e7780;text-transform:uppercase}.assembly-copy h3{font-size:11px;line-height:1.1;margin:2px 0 1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.assembly-copy code{font-size:8px;color:#525b65}
  .assembly-badges{display:flex;gap:4px;margin-top:5px}.assembly-badges span{height:17px;padding:0 5px;border:1px solid #f2aa87;border-radius:3px;color:var(--orange);font-size:7px;display:flex;align-items:center}
  .assembly-meta{margin-top:auto;padding:0;display:flex;justify-content:space-between;gap:4px;font-size:7px;color:#6b747d;white-space:nowrap}
  .assembly-buy{padding:8px 7px 7px 3px;text-align:right;display:flex;flex-direction:column;align-items:flex-end;min-width:0}
  .assembly-buy>small{font-size:7px;color:#6e7780}.assembly-buy>b{font-size:12px;line-height:1.15}.assembly-buy .status{font-size:8px;margin-top:3px}.assembly-buy .btn{height:27px;width:88px;margin-top:auto;padding:0 5px;font-size:8px}

  /* Catalog positioning and dense marketplace cards */
  #app>.page-section{padding:0 0 34px}
  .breadcrumbs{height:39px;font-size:10px}
  .catalog-title-row{height:60px;margin:0 0 10px;align-items:flex-start}
  .catalog-title h1{font-size:24px;line-height:1.1}.catalog-title h1 span{font-size:11px;margin-left:15px}.catalog-title p{font-size:10px;margin-top:5px}
  .help-card{height:58px;width:365px;grid-template-columns:52px minmax(0,1fr) 95px;padding:7px 10px}.help-card b{font-size:10px}.help-card small{font-size:9px}.help-card button{height:32px;font-size:9px}
  .catalog-layout{grid-template-columns:218px minmax(0,1fr);gap:18px}
  .filter-group{padding:11px 12px 9px}.filter-head{margin-bottom:7px}.filter-head b{font-size:9px}.filter-option{min-height:23px;font-size:8px}.filter-option input{width:13px;height:13px}
  .catalog-toolbar{height:45px;margin-bottom:10px;padding:6px 10px}.sort-select{height:32px}.active-filter{height:24px}
  .assembly-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
  .product-card{height:274px;display:flex;flex-direction:column}
  .product-card-image{height:151px;min-height:151px;padding:8px;overflow:hidden}
  .product-card-image img{width:100%;height:165%;object-fit:cover;object-position:top center}
  .product-card-body{padding:7px 10px 9px;display:flex;flex-direction:column;flex:1}
  .product-info-list{min-height:0}.product-kicker{font-size:7px}.product-card h3{font-size:12px;margin:2px 0 1px}.product-code{font-size:8px}.product-models{margin:5px 0}.product-models span{height:18px;font-size:7px}.product-data{font-size:7px;margin-bottom:5px}.product-action-list{margin-top:auto}.product-price-row{margin-bottom:6px}.product-price-row b{font-size:11px}.product-card .btn{height:29px;font-size:9px}
  .catalog-results-summary{font-size:8px;margin-top:8px}.pagination{padding-top:12px}

  /* Detail split: same left/right rhythm as the approved diagram reference */
  .detail-page{padding-bottom:34px}
  .detail-page .breadcrumbs{height:42px}
  .detail-grid{grid-template-columns:806px minmax(0,1fr);gap:14px}
  .diagram-panel,.detail-side{border-radius:8px}
  .diagram-head{height:62px;min-height:62px;padding:12px 17px}.diagram-head h2{font-size:14px}.diagram-head p{font-size:9px}
  .diagram-stage{height:415px;padding:0 38px}
  .diagram-stage img{width:100%;height:100%;object-fit:cover;object-position:top center}
  .diagram-tools{left:16px;top:10px}.diagram-tools button{width:36px;height:36px}
  .diagram-nav{width:38px;height:38px}.diagram-nav.prev{left:16px}.diagram-nav.next{right:16px}
  .diagram-thumbs{height:83px;padding:8px}.diagram-thumb{width:145px;height:64px}
  .detail-side{min-height:560px;height:560px}
  .detail-summary{height:220px;padding:14px 16px 11px}.detail-summary-grid{grid-template-columns:minmax(0,1fr) 205px}.detail-summary h1{font-size:18px}.detail-actions{margin-top:12px}.detail-actions .btn{height:36px}
  .parts-tabs{height:38px}.parts-tabs button{height:38px;font-size:8px}
  .parts-table-wrap{height:263px;max-height:263px;flex:none}
  .parts-table{font-size:7.5px;table-layout:auto}.parts-table th{height:30px;padding:0 6px}.parts-table td{height:31px;padding:3px 6px}
  .parts-table th:nth-child(6),.parts-table td:nth-child(6){max-width:155px}.parts-table td:nth-child(6){white-space:normal;line-height:1.15}
  .parts-table th:last-child,.parts-table td:last-child{min-width:108px;text-align:center}
  .part-add{height:24px;min-width:92px;padding:0 7px;font-size:7.5px;display:inline-flex;align-items:center;justify-content:center;gap:4px}
  .part-action-cell{white-space:nowrap}
  .part-qty-control{height:26px;display:inline-grid;grid-template-columns:25px 31px 25px 24px;align-items:center;border:1px solid #d6dbe0;border-radius:5px;overflow:hidden;background:#fff;box-shadow:0 1px 2px rgba(18,24,30,.04)}
  .part-qty-control button,.part-qty-control output{height:100%;border:0;border-right:1px solid #e2e6ea;background:#fff;display:grid;place-items:center;font-size:11px;font-weight:800;line-height:1;color:#27303a}
  .part-qty-control button:hover{background:#fff3ec;color:var(--orange)}.part-qty-control output{font-size:8px;font-weight:750}.part-qty-control .part-remove{border-right:0;color:#8b949d}.part-qty-control .part-remove:hover{background:#fff0ef;color:#d83a30}
  .parts-footer{height:39px}
  .related-section{margin-top:16px}.related-section .section-headline{margin-bottom:10px}.related-grid{gap:12px}.related-card{height:97px}

  /* Reference footer: compact, legible and entirely visible on homepage */
  .benefit-strip{height:50px}.benefit-grid{height:50px}.benefit-grid>div{height:50px}.benefit-grid svg{width:31px;height:31px}.benefit-grid b{font-size:10px}.benefit-grid small{font-size:7px}
  .footer-main{min-height:126px;padding-top:13px}
  .footer-grid{grid-template-columns:1.25fr .7fr .7fr .8fr 1fr;gap:42px;padding-bottom:8px}
  .footer-logo img{width:42px;height:42px}.footer-logo b{font-size:21px}.footer-logo strong{font-size:11px;letter-spacing:3px}.footer-brand p,.newsletter p{font-size:7px;margin:5px 0}.socials{margin-top:7px}.socials span{width:20px;height:20px;font-size:8px}
  .footer-grid h4{font-size:8px;margin:0 0 6px}.footer-grid>div:not(:first-child) a{font-size:7px;line-height:1.65}.newsletter form{height:28px}.newsletter input{font-size:7px}.newsletter button{font-size:7px}.payments{margin-top:7px;font-size:8px}
  .footer-bottom{height:25px;font-size:6px}
}
@media (min-width:1200px){
  .header-nav{height:41px}
  .hero{height:233px}
  .hero-search-panel{width:1332px}
  .assembly-image img{transform:scale(1.42);transform-origin:top center}
  .product-card-image img{height:100%;transform:scale(1.42);transform-origin:top center}
  .footer-main{height:126px;min-height:126px;padding:12px 0 0;overflow:hidden}
  .footer-grid{height:88px;padding-bottom:0;align-items:start}
  .footer-bottom{height:26px}
}
@media (min-width:1200px){
  .assembly-image img{transform:none;width:100%;height:100%;object-fit:contain;object-position:center}
  .product-card-image img{transform:none;width:100%;height:100%;object-fit:contain;object-position:center}
  .diagram-stage{padding:0 16px}
  .diagram-stage img{width:100%;height:100%;object-fit:contain;object-position:center}
}
@media (min-width:1200px){
  .product-card-image img,.assembly-image img{transform:scale(1.08);transform-origin:center}
  .detail-page .breadcrumbs{height:53px}
  .diagram-stage{height:428px}
  .detail-side{height:573px;min-height:573px}
  .parts-table-wrap{height:276px;max-height:276px}
  .footer-main{height:113px;min-height:113px}
  .footer-grid{height:76px}
  .footer-bottom{height:25px}
}
@media (min-width:1200px){
  /* Final footer containment: keep the entire reference footer inside the 941px desktop frame. */
  .footer-main{height:113px;min-height:113px;padding:0;overflow:hidden}
  .footer-grid{height:88px;padding:10px 0 4px;align-items:start}
  .footer-bottom{height:25px}
}
@media (min-width:1200px){
  /* Match the reference catalog card ratio: compact diagram canvas, complete product metadata and CTA. */
  .product-card-image{height:120px;min-height:120px;padding:6px 10px}
  .product-card-body{padding:6px 10px 8px}
}

/* Market preferences and human support: functional without overwhelming the catalog shell. */
.preference-control{position:relative}.preference-menu{position:absolute;right:0;top:calc(100% + 9px);z-index:180;min-width:168px;padding:6px;border:1px solid rgba(255,255,255,.15);border-radius:7px;background:#171c22;box-shadow:0 12px 28px rgba(0,0,0,.24);display:none}.preference-menu.open{display:grid;gap:2px}.preference-menu button{width:100%;height:31px;padding:0 9px!important;border-radius:4px!important;justify-content:flex-start!important;color:#eef1f4!important;font-size:10px!important}.preference-menu button:hover,.preference-menu button.active{background:rgba(244,81,11,.17)!important;color:#fff!important}.currency-menu{min-width:156px}.support-widget{position:fixed;right:22px;bottom:22px;z-index:170}.support-fab{height:46px;display:flex;align-items:center;gap:9px;padding:0 15px;border:0;border-radius:999px;background:linear-gradient(135deg,#f4510b,#ff6d18);color:#fff;box-shadow:0 10px 28px rgba(244,81,11,.34);font-size:11px;font-weight:850}.support-fab svg{width:19px;height:19px}.support-panel{position:absolute;right:0;bottom:58px;width:325px;padding:18px;border:1px solid #e2e6ea;border-radius:12px;background:#fff;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s ease}.support-panel.open{opacity:1;visibility:visible;transform:none}.support-close{position:absolute;top:8px;right:8px;width:28px;height:28px;border:0;border-radius:5px;background:#fff;color:#69727d;display:grid;place-items:center}.support-close svg{width:16px;height:16px}.support-presence{display:flex;align-items:center;gap:7px;color:#53606c;font-size:9px;font-weight:800}.support-presence i{width:8px;height:8px;border-radius:50%;background:#12a34a;box-shadow:0 0 0 4px rgba(18,163,74,.12)}.support-panel h3{margin:10px 0 6px;font-size:16px;line-height:1.2}.support-panel p{margin:0 0 14px;color:#63707c;font-size:10px;line-height:1.55}.support-whatsapp,.support-email{height:39px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:6px;font-size:10px;font-weight:850}.support-whatsapp{background:#168a4b;color:#fff}.support-email{margin-top:7px;border:1px solid var(--line);color:#4e5964}.support-whatsapp svg,.support-email svg{width:16px;height:16px}@media(max-width:820px){.top-auth{gap:5px}.preference-menu{right:-8px}.support-widget{right:14px;bottom:14px}.support-fab{width:48px;padding:0;justify-content:center}.support-fab span{display:none}.support-panel{width:min(325px,calc(100vw - 28px));bottom:60px}}

/* Final UI polish: footer/COP integrity, model clarity, working price range, modal layout, and subtle motion. */
button:focus:not(:focus-visible),a:focus:not(:focus-visible){outline:0}.main-nav a:focus,.browse-button:focus{outline:0}.main-nav a:focus-visible,.browse-button:focus-visible,.model-card:focus-visible,.system-card:focus-visible{outline:2px solid rgba(244,81,11,.65);outline-offset:2px;border-radius:5px}.main-nav a.active{color:#101419}.main-nav a.active:after{height:3px;border-radius:99px}.header-nav-wrap{overflow:visible}.browse-button{position:relative;overflow:hidden}.browse-button:after,.btn-orange:after,.support-fab:after{content:"";position:absolute;inset:-120% auto -120% -45%;width:42%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);animation:hikariSweep 3.2s ease-in-out infinite}.btn-orange,.support-fab{position:relative;overflow:hidden}.model-strip{position:relative;overflow:hidden}.model-strip:after{content:"";position:absolute;left:-22%;bottom:0;width:22%;height:2px;background:linear-gradient(90deg,transparent,var(--orange),transparent);animation:hikariRun 6s linear infinite}.model-strip-links button{letter-spacing:.2px;font-weight:900;min-width:58px;text-align:center}.hero-bg img{animation:heroDrift 18s ease-in-out infinite alternate;will-change:transform}.hero-search-panel{animation:panelLift .55s ease both}.model-card,.system-card,.assembly-card,.product-card,.info-tile{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.model-card:hover,.system-card:hover,.assembly-card:hover,.product-card:hover,.info-tile:hover{transform:translateY(-2px)}@keyframes hikariSweep{0%,62%{transform:translateX(0) rotate(18deg);opacity:0}72%{opacity:.8}100%{transform:translateX(430%) rotate(18deg);opacity:0}}@keyframes hikariRun{to{left:100%}}@keyframes heroDrift{from{transform:scale(1)}to{transform:scale(1.035) translateX(-.45%)}}@keyframes panelLift{from{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%,0)}}

.price-filter{padding-bottom:14px}.price-range-control{position:relative;height:30px;margin:12px 0 7px}.price-range-control .range-track{position:absolute;left:0;right:0;top:13px;height:4px;border-radius:999px;background:linear-gradient(90deg,#e7ebef 0,#e7ebef var(--min),var(--orange) var(--min),var(--orange) var(--max),#e7ebef var(--max),#e7ebef 100%)}.price-range-control input[type=range]{position:absolute;inset:0;width:100%;height:30px;margin:0;appearance:none;background:transparent;pointer-events:none}.price-range-control input[type=range]::-webkit-slider-runnable-track{height:4px;background:transparent}.price-range-control input[type=range]::-webkit-slider-thumb{appearance:none;pointer-events:auto;width:15px;height:15px;margin-top:-5px;border:2px solid var(--orange);border-radius:50%;background:#fff;box-shadow:0 2px 7px rgba(244,81,11,.25)}.price-range-control input[type=range]::-moz-range-track{height:4px;background:transparent}.price-range-control input[type=range]::-moz-range-thumb{pointer-events:auto;width:13px;height:13px;border:2px solid var(--orange);border-radius:50%;background:#fff;box-shadow:0 2px 7px rgba(244,81,11,.25)}.price-labels{display:flex;justify-content:space-between;gap:8px;align-items:center}.price-labels span:first-child{font-weight:850;color:#2a3037}.price-labels span:last-child{color:#68717d}

.modal-system-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(185px,1fr))!important;gap:12px!important}.system-card--modal{height:76px!important;padding:12px 14px!important;display:grid!important;grid-template-columns:30px minmax(0,1fr) auto!important;align-items:center!important;gap:11px!important;line-height:1.16;text-align:left!important;white-space:normal!important}.system-card--modal svg{width:26px!important;height:26px!important}.system-card--modal span{font-size:11px;font-weight:900;color:#171c22}.system-card--modal small{font-size:9px;color:#68717d;font-weight:750;white-space:nowrap}.modal{width:min(1040px,calc(100% - 52px))}.modal-body{padding:22px}.modal header{background:#fff}.modal header b{font-size:16px}.modal header small{font-size:10px}

/* System Explorer — replaces the old all-systems card grid. */
.systems-modal{width:min(1180px,calc(100% - 48px))!important;border:0!important;border-radius:16px!important;overflow:hidden;box-shadow:0 28px 80px rgba(6,12,17,.32)!important}.systems-modal header{min-height:76px!important;padding:0 28px!important;background:#10171d!important;border-bottom:1px solid rgba(255,255,255,.1)!important;color:#fff}.systems-modal header>div{display:grid;gap:3px}.systems-modal header b{font-size:17px!important;letter-spacing:-.2px;color:#fff!important}.systems-modal header small{font-size:10px!important;color:rgba(255,255,255,.62)!important}.systems-modal header button{background:rgba(255,255,255,.08)!important;color:#fff!important}.systems-modal .modal-body{padding:0!important;background:#f4f6f7}.systems-explorer{padding:28px}.systems-explorer-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:36px}.systems-eyebrow{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:4px;background:#fff0e9;color:#d84408;font-size:9px;font-weight:950;letter-spacing:.75px}.systems-explorer h2{margin:9px 0 7px;font-size:28px;letter-spacing:-.8px;line-height:1.06;color:#131a20}.systems-explorer p{max-width:590px;margin:0;color:#5e6974;font-size:12px;line-height:1.55}.systems-metrics{display:flex;overflow:hidden;min-width:206px;border:1px solid #dfe5e8;border-radius:10px;background:#fff;box-shadow:0 8px 20px rgba(18,27,33,.05)}.systems-metrics span{display:grid;gap:2px;place-items:center;min-width:102px;padding:13px 14px}.systems-metrics span+span{border-left:1px solid #e9edef}.systems-metrics b{font-size:19px;line-height:1;color:#131a20}.systems-metrics small{color:#7a858e;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.45px}.systems-search{height:52px;margin-top:24px;display:flex;align-items:center;gap:12px;padding:0 13px;border:1px solid #d6dde1;border-radius:9px;background:#fff;box-shadow:0 7px 18px rgba(14,24,31,.045)}.systems-search:focus-within{border-color:#f4510b;box-shadow:0 0 0 3px rgba(244,81,11,.1)}.systems-search svg{width:19px;height:19px;color:#f4510b;flex:0 0 auto}.systems-search input{width:100%;border:0;outline:0;background:transparent;color:#172028;font-size:13px;font-weight:650}.systems-search input::placeholder{color:#9aa3aa;font-weight:500}.systems-search kbd{padding:3px 6px;border:1px solid #dfe5e8;border-bottom-width:2px;border-radius:4px;background:#f6f8f9;color:#7d8790;font:800 9px/1 inherit}.systems-explorer-meta{display:flex;justify-content:space-between;gap:16px;margin:16px 1px 10px;color:#77828b;font-size:10px;font-weight:750}.systems-explorer-meta span:first-child{color:#202a31}.systems-explorer-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.system-explorer-card{min-height:70px;display:grid;grid-template-columns:36px minmax(0,1fr) 14px;align-items:center;gap:9px;padding:10px;border:1px solid #dce3e6;border-radius:9px;background:#fff;color:#151d23;text-align:left;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.system-explorer-card:hover{transform:translateY(-2px);border-color:#f4510b;box-shadow:0 12px 22px rgba(34,42,48,.1)}.system-explorer-card[hidden],.systems-empty[hidden]{display:none!important}.system-explorer-icon{width:36px;height:36px;display:grid;place-items:center;border:1px solid #fee0d2;border-radius:8px;background:#fff6f1;color:#e94b09}.system-explorer-icon svg{width:20px;height:20px}.system-explorer-copy{min-width:0;display:grid;gap:4px}.system-explorer-copy b{font-size:10px;line-height:1.15}.system-explorer-copy small{color:#78838c;font-size:8px;font-weight:700}.system-explorer-arrow{display:grid;place-items:center;color:#f4510b;font-size:15px;font-weight:800}.systems-empty{min-height:126px;display:grid;place-content:center;text-align:center;gap:6px;border:1px dashed #ccd5da;border-radius:9px;background:#fff;color:#69747d}.systems-empty b{color:#202930;font-size:13px}.systems-empty span{font-size:10px}

.models-page .content-card{max-width:1180px}.model-page-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))!important;gap:14px!important}.model-card--full{height:92px!important;grid-template-columns:98px minmax(0,1fr) 26px!important;padding:8px 12px!important}.model-card--full img{width:92px!important;height:68px!important;object-fit:contain!important;background:#fff}.model-card--full .model-card-copy{min-width:0}.model-card--full b,.model-card-copy b{overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important;letter-spacing:.2px}.model-card--full b{font-size:18px!important;font-weight:950!important;color:#08111a}.model-card--full small{font-size:10px!important}.model-card--full em{width:auto!important;height:auto!important;margin-top:4px!important;border:0!important;color:var(--orange)!important;justify-content:flex-start!important;font-size:9px!important}.model-card--full .model-arrow{font-size:24px!important;color:var(--orange)}

@media (min-width:1200px){.hero{height:252px}.hero-bg img{object-fit:cover;object-position:center center}.hero-bg:after{background:linear-gradient(90deg,rgba(4,8,12,.95) 0%,rgba(4,8,12,.80) 29%,rgba(4,8,12,.18) 61%,rgba(4,8,12,.04) 100%)}.hero-copy{width:455px}.hero h1{font-size:38px}.model-card b{font-size:13px!important;overflow:visible!important;text-overflow:clip!important}.model-card small{white-space:nowrap}.system-grid{align-items:stretch}.system-card{min-width:0;height:58px;padding:8px 12px;line-height:1.15;justify-content:flex-start;white-space:normal}.system-card svg{flex:0 0 auto}.content-page{min-height:calc(100vh - 440px);padding:42px 0 70px}.content-card{box-shadow:0 10px 28px rgba(16,20,25,.035)}.info-grid{gap:18px}.info-tile{min-height:165px;padding:22px}.site-footer{margin-top:auto}.benefit-strip{height:62px}.benefit-grid{height:62px}.benefit-grid>div{height:62px}.benefit-grid b{font-size:11px}.benefit-grid small{font-size:8px}.footer-main{height:auto!important;min-height:162px!important;padding:16px 0 0!important;overflow:visible!important}.footer-grid{height:auto!important;min-height:104px!important;padding:0 0 13px!important;align-items:start!important}.footer-grid h4{font-size:9px}.footer-grid>div:not(:first-child) a{font-size:8px;line-height:1.8}.footer-brand p,.newsletter p{font-size:8px}.footer-bottom{height:32px!important;font-size:7px}.socials span{width:22px;height:22px}.footer-logo img{width:46px;height:46px}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.model-card--full b{font-size:18px!important;font-weight:950!important;color:#08111a!important}
@media(max-width:820px){.modal-system-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.system-card--modal{height:82px!important;grid-template-columns:26px minmax(0,1fr)!important}.system-card--modal small{grid-column:2}.model-card--full{flex-basis:300px}.hero-bg img{animation:none}}

/* HARD LOCK: identical bottom COP/footer and visible running animation on every page. */
html,body{min-height:100%}body{min-height:100vh;display:flex;flex-direction:column}#app{flex:1 0 auto}.site-footer{flex:0 0 auto;width:100%;margin-top:auto;background:#11161b}.content-page{display:flex;align-items:stretch}.content-page>.container{display:block;width:min(var(--container),calc(100% - 48px))}.running-rail{height:20px;display:flex;align-items:center;gap:18px;white-space:nowrap;font-size:9px;font-weight:950;letter-spacing:.8px;color:#fff;text-transform:uppercase;will-change:transform}.running-rail i{width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 14px rgba(244,81,11,.85);flex:0 0 auto}.header-running-rail{position:absolute;left:0;right:0;bottom:0;z-index:2;background:linear-gradient(90deg,#ff5a13,#f4510b,#ff7a22);padding-left:100%;animation:hikariRail 13s linear infinite}.footer-running-rail{height:22px;overflow:hidden;background:linear-gradient(90deg,#f4510b,#ff6a16,#f4510b);border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(0,0,0,.24)}.footer-running-rail .running-rail{height:22px;padding-left:100%;animation:hikariRail 15s linear infinite}.model-strip{overflow:visible}.site-header{z-index:90}.hero:before{content:"";position:absolute;z-index:1;left:-18%;right:auto;bottom:0;width:42%;height:3px;background:linear-gradient(90deg,transparent,#ff5c12,transparent);animation:hikariHeroRun 4.4s linear infinite}.hero-copy h1 span{position:relative}.hero-copy h1 span:after{content:"";position:absolute;left:0;bottom:-4px;width:78px;height:4px;border-radius:99px;background:var(--orange);box-shadow:0 0 18px rgba(244,81,11,.7);animation:hikariPulse 1.25s ease-in-out infinite alternate}.benefit-strip,.footer-running-rail,.footer-main,.footer-bottom{width:100%}.benefit-strip{height:auto!important;min-height:64px!important;background:#fff}.benefit-grid{height:64px!important}.benefit-grid>div{height:64px!important;min-width:0}.footer-main{height:auto!important;min-height:178px!important;padding:18px 0 0!important;overflow:visible!important;background:linear-gradient(135deg,#1b222a 0,#11161b 60%,#0d1115 100%)}.footer-grid{height:auto!important;min-height:116px!important;padding:0 0 14px!important;align-items:start!important}.footer-bottom{height:34px!important;min-height:34px!important;display:flex!important}.footer-brand p,.newsletter p{line-height:1.45}.footer-grid>div:not(:first-child) a{line-height:1.9}.newsletter form{height:34px}.payments{margin-top:9px}.footer-logo b{color:var(--orange)!important}.footer-logo strong{color:#fff!important}@keyframes hikariRail{0%{transform:translateX(0)}100%{transform:translateX(-175%)}}@keyframes hikariHeroRun{to{left:100%}}@keyframes hikariPulse{from{transform:scaleX(.58);opacity:.75}to{transform:scaleX(1.25);opacity:1}}
@media (min-width:1200px){#app{min-height:calc(100vh - 255px - 298px)}.model-strip{height:59px!important}.model-strip-inner{height:39px!important}.content-page{min-height:calc(100vh - 255px - 298px)!important;padding:42px 0 70px!important}.home-content{padding-bottom:12px}.footer-main{min-height:178px!important}.footer-grid{grid-template-columns:1.35fr .8fr .8fr .82fr 1.22fr!important;gap:46px!important}.footer-grid h4{font-size:10px!important;margin-bottom:8px!important}.footer-grid>div:not(:first-child) a{font-size:8px!important}.footer-brand p,.newsletter p{font-size:8px!important}.footer-bottom{font-size:8px!important}.footer-logo img{width:50px!important;height:50px!important}.footer-logo b{font-size:23px!important}.footer-logo strong{font-size:12px!important}.header-running-rail{display:flex}}
@media(max-width:820px){.header-running-rail{display:none}.footer-running-rail{height:20px}.footer-running-rail .running-rail{height:20px;font-size:8px}.benefit-grid{grid-template-columns:repeat(2,1fr)!important;height:auto!important}.benefit-grid>div{height:58px!important}.footer-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:18px!important}.footer-brand,.newsletter{grid-column:1/-1!important}.footer-main{min-height:0!important;padding:18px 0 0!important}.footer-bottom{height:auto!important;min-height:40px!important;gap:8px;flex-wrap:wrap;padding:8px 0}}

/* Visible ticker override: text and moving industrial dash must be visible immediately in Chrome. */
.header-running-rail,.footer-running-rail .running-rail{position:relative!important;padding-left:0!important;justify-content:center!important;overflow:hidden!important;transform:none!important;animation:none!important}.header-running-rail span,.footer-running-rail .running-rail span{position:relative;z-index:2;text-shadow:0 1px 8px rgba(0,0,0,.28)}.header-running-rail:before,.footer-running-rail .running-rail:before{content:"";position:absolute;inset:0;z-index:1;background:repeating-linear-gradient(115deg,rgba(255,255,255,0) 0,rgba(255,255,255,0) 28px,rgba(255,255,255,.32) 29px,rgba(255,255,255,.32) 38px,rgba(255,255,255,0) 39px,rgba(255,255,255,0) 68px);background-size:140px 100%;animation:hikariDashRun .9s linear infinite}.header-running-rail:after,.footer-running-rail .running-rail:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);width:28%;animation:hikariScanner 2.2s ease-in-out infinite}.footer-running-rail .running-rail{max-width:none}.footer-running-rail{position:relative}@keyframes hikariDashRun{to{background-position:140px 0}}@keyframes hikariScanner{0%{transform:translateX(-120%);opacity:0}18%{opacity:1}72%{opacity:1}100%{transform:translateX(430%);opacity:0}}

/* Accessibility-safe but explicit movement: these commerce status rails remain live even when Windows asks for reduced motion. */
.header-running-rail span:nth-of-type(1),.footer-running-rail span:nth-of-type(1){animation:hikariTickerNudge .82s ease-in-out infinite alternate!important}.header-running-rail span:nth-of-type(2),.footer-running-rail span:nth-of-type(2){animation:hikariTickerNudge .82s ease-in-out .14s infinite alternate!important}.header-running-rail span:nth-of-type(3),.footer-running-rail span:nth-of-type(3){animation:hikariTickerNudge .82s ease-in-out .28s infinite alternate!important}.header-running-rail span:nth-of-type(4),.footer-running-rail span:nth-of-type(4){animation:hikariTickerNudge .82s ease-in-out .42s infinite alternate!important}.header-running-rail:before,.footer-running-rail .running-rail:before{animation:hikariDashRun .62s linear infinite!important}.header-running-rail:after,.footer-running-rail .running-rail:after{animation:hikariScanner 1.45s linear infinite!important}@keyframes hikariTickerNudge{from{transform:translateY(0) scale(1);filter:brightness(1)}to{transform:translateY(-1px) scale(1.085);filter:brightness(1.3)}}

/* Calm motion mode: remove high-frequency ticker movement; keep only refined, low-distraction interaction motion. */
.header-running-rail,.footer-running-rail{display:none!important}.model-strip{height:39px!important}.model-strip-inner{height:39px!important}#app{min-height:calc(100vh - 235px - 244px)!important}.content-page{min-height:calc(100vh - 235px - 244px)!important}.hero-bg img{animation:heroDrift 28s ease-in-out infinite alternate!important}.hero:before,.hero-copy h1 span:after{animation:none!important}.model-card,.system-card,.assembly-card,.product-card,.info-tile,.browse-button,.btn-orange,.support-fab{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important}.model-card:hover,.system-card:hover,.assembly-card:hover,.product-card:hover,.info-tile:hover{transform:translateY(-2px)}

@media(max-width:820px){.systems-modal{width:calc(100% - 22px)!important;max-height:calc(100vh - 22px)}.systems-modal header{min-height:62px!important;padding:0 16px!important}.systems-explorer{padding:18px 14px 20px;overflow:auto;max-height:calc(100vh - 84px)}.systems-explorer-intro{display:grid;gap:16px}.systems-explorer h2{font-size:23px}.systems-explorer p{font-size:11px}.systems-metrics{width:max-content}.systems-search{height:47px;margin-top:18px}.systems-explorer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.system-explorer-card{min-height:74px;grid-template-columns:34px minmax(0,1fr);gap:9px;padding:10px}.system-explorer-icon{width:34px;height:34px}.system-explorer-icon svg{width:19px;height:19px}.system-explorer-arrow{display:none}.system-explorer-copy b{font-size:10px}.system-explorer-copy small{font-size:8px}.systems-explorer-meta{font-size:9px}.systems-explorer-meta span:last-child{display:none}}
@media(max-width:520px){.systems-modal{width:calc(100% - 12px)!important}.systems-explorer{padding:15px 12px}.systems-explorer-grid{grid-template-columns:1fr}.systems-explorer h2{font-size:21px}.systems-search kbd{display:none}.systems-metrics span{min-width:86px}.systems-metrics{min-width:172px}}
/* =====================================================================
   HIKARI STOREFRONT V6 — CUSTOMER-FIRST HOMEPAGE UPGRADE
   Keeps the approved Hikari visual identity while adding marketplace
   discovery shelves, clearer buying paths, and synchronized responsive UX.
   ===================================================================== */
.home-content{background:#f5f6f7;padding-bottom:20px}
.home-section{padding:18px 0 8px}
.home-section .section-headline{align-items:flex-end;margin-bottom:10px}
.home-section .section-label{margin:0;font-size:11px;letter-spacing:.36px}
.home-section .section-headline p{margin:3px 0 0;font-size:9px;color:#707985}
.home-section .view-all{color:#343b43}
.home-section .view-all:hover{color:var(--orange)}
.hero-eyebrow{display:inline-flex;align-items:center;height:21px;margin-bottom:9px;padding:0 8px;border:1px solid rgba(255,255,255,.28);border-radius:3px;background:rgba(8,13,17,.42);font-size:8px;font-weight:900;letter-spacing:.65px;color:#fff}
.home-model-cards{grid-template-columns:repeat(7,minmax(0,1fr));gap:9px}
.home-model-cards .model-card{height:68px;grid-template-columns:74px minmax(0,1fr) 16px;padding:5px 7px}
.home-model-cards .model-card img{width:68px;height:53px}
.home-model-cards .model-card b{font-size:11px!important}
.home-model-cards .model-card small{font-size:7px}
.home-model-cards .model-card em{width:62px;height:17px;margin-top:4px;font-size:7px}
.home-shortcuts-section{padding:9px 0 4px}
.home-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.home-shortcuts>button{height:61px;min-width:0;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px 12px;border:1px solid #dce1e5;border-radius:6px;background:#fff;text-align:left;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.home-shortcuts>button:hover{transform:translateY(-2px);border-color:#f3a07b;box-shadow:0 8px 19px rgba(18,25,31,.07)}
.home-shortcuts>button>svg{width:27px;height:27px;color:var(--orange)}
.home-shortcuts>button span{min-width:0;display:grid;gap:2px}
.home-shortcuts>button b{font-size:10px}
.home-shortcuts>button small{font-size:8px;color:#707985;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-shortcuts>button em{font-size:8px;font-style:normal;font-weight:850;color:var(--orange);white-space:nowrap}
.home-system-grid{grid-template-columns:repeat(9,minmax(0,1fr));gap:8px}
.home-system-grid .system-card{height:64px;min-width:0;display:grid;grid-template-columns:29px minmax(0,1fr);gap:8px;padding:7px 9px;align-content:center}
.home-system-grid .system-card svg{width:25px;height:25px;color:#323b44}
.home-system-grid .system-card span{min-width:0;display:grid;gap:2px}
.home-system-grid .system-card b{font-size:8px;line-height:1.15;white-space:normal}
.home-system-grid .system-card small{font-size:7px;color:#858d95;font-weight:650}
.home-marketplace-section{padding-top:15px}
.marketplace-headline{margin-bottom:8px!important}
.home-market-tabs{height:36px;display:flex;align-items:flex-end;gap:2px;border-bottom:1px solid #d9dee2;margin-bottom:10px;overflow-x:auto;scrollbar-width:none}
.home-market-tabs::-webkit-scrollbar{display:none}
.home-market-tabs button{position:relative;height:36px;flex:0 0 auto;padding:0 15px;border:0;background:transparent;color:#6a737c;font-size:9px;font-weight:850;white-space:nowrap}
.home-market-tabs button.active{color:#151b20}
.home-market-tabs button.active:after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:3px;border-radius:99px 99px 0 0;background:var(--orange)}
.home-market-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}
.home-market-grid[hidden]{display:none!important}
.home-market-card{min-width:0;overflow:hidden;border:1px solid #dce1e5;border-radius:7px;background:#fff;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.home-market-card:hover{transform:translateY(-2px);border-color:#f3a07b;box-shadow:0 9px 22px rgba(18,25,31,.085)}
.home-market-image{position:relative;width:100%;height:126px;display:flex;align-items:center;justify-content:center;padding:7px;border:0;border-bottom:1px solid #eef0f2;background:#fff;overflow:hidden}
.home-market-image img{width:100%;height:100%;object-fit:contain;object-position:center}
.home-market-badge{position:absolute;z-index:2;left:7px;top:7px;display:inline-flex;align-items:center;height:18px;padding:0 6px;border-radius:3px;background:var(--orange);color:#fff;font-size:7px;font-weight:900;text-transform:uppercase;letter-spacing:.25px}
.home-market-body{min-height:132px;display:flex;flex-direction:column;padding:7px 9px 8px}
.home-market-category{font-size:7px;color:#818a93;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-market-body h3{min-height:28px;margin:2px 0 1px;font-size:10px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.home-market-body code{font:7px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;color:#65707a}
.home-market-fitment{height:20px;display:flex;align-items:center;justify-content:space-between;gap:5px;margin:5px 0 3px}
.home-market-fitment span{height:18px;min-width:0;display:flex;align-items:center;padding:0 5px;border:1px solid #f0b093;border-radius:3px;color:#d84408;font-size:7px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-market-fitment small{font-size:7px;color:#7c858d;white-space:nowrap}
.home-market-price{display:flex;align-items:flex-end;justify-content:space-between;gap:6px;margin-top:auto}
.home-market-price>span{min-width:0;display:grid;gap:0}
.home-market-price small{font-size:6px;color:#8a929a}
.home-market-price b{font-size:10px;color:#11181e;white-space:nowrap}
.home-market-price em{font-size:7px;font-style:normal;font-weight:850;color:var(--green);white-space:nowrap}
.home-market-price em.is-preorder{color:#b05a14}
.home-market-cta{width:100%;height:27px;margin-top:6px;display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid #efb294;border-radius:4px;background:#fff;color:#d84408;font-size:8px;font-weight:850}
.home-market-cta:hover{border-color:var(--orange);background:#fff6f1}
.home-market-cta svg{width:11px;height:11px}
.home-market-grid--recommendation{grid-template-columns:repeat(6,minmax(0,1fr))}
.home-recommendation-section{padding-bottom:18px}
.home-help-strip{padding:0 0 17px}
.home-help-strip>.container{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 14px;border:1px solid #2b333b;border-radius:7px;background:linear-gradient(135deg,#182027,#0f1419);color:#fff}
.home-help-strip>.container>div{display:flex;align-items:center;gap:12px;min-width:0}
.home-help-strip svg{width:28px;height:28px;color:var(--orange);flex:0 0 auto}
.home-help-strip span{display:grid;gap:2px;min-width:0}
.home-help-strip b{font-size:11px}
.home-help-strip small{font-size:8px;color:#b7bec5;white-space:normal}
.home-help-strip .btn{height:34px;flex:0 0 auto}

@media (min-width:1200px){
  .hero{height:244px}
  .hero-content{padding-left:88px}
  .hero-copy{width:470px}
  .hero h1{font-size:36px}
  .hero-search-panel{width:min(1360px,calc(100% - 72px));height:56px;bottom:-26px}
  .home-content{padding-top:36px!important;padding-bottom:18px!important}
  .home-section{padding-top:14px;padding-bottom:7px}
  .models-section{padding-top:8px}
  .assemblies-section{padding-top:16px}
  .assembly-row{gap:10px}
}

@media (max-width:1199px){
  .home-model-cards{grid-template-columns:repeat(4,minmax(0,1fr))}
  .home-system-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
  .home-market-grid,.home-market-grid--recommendation{grid-template-columns:repeat(3,minmax(0,1fr))}
  .hero-search-panel{grid-template-columns:repeat(4,minmax(0,1fr)) 150px}
  .hero-field:nth-of-type(4){display:flex}
}

@media (max-width:900px){
  .hero{height:284px}
  .hero-search-panel{bottom:-82px;height:116px;grid-template-columns:repeat(4,minmax(0,1fr));padding:8px}
  .hero-search-panel>button{grid-column:1/-1}
  .hero-field{border-bottom:1px solid var(--line);border-right:0}
  .hero-field:nth-of-type(2),.hero-field:nth-of-type(3),.hero-field:nth-of-type(4){display:flex}
  .home-content{padding-top:96px}
  .home-shortcuts{grid-template-columns:1fr}
  .home-shortcuts>button{height:55px}
}

@media (max-width:820px){
  .home-section{padding:15px 0 5px}
  .home-section .section-headline{align-items:flex-start}
  .home-section .section-headline p{max-width:480px}
  .home-model-cards,.home-system-grid,.home-market-grid,.home-market-grid--recommendation,.assembly-row{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;gap:8px;padding-bottom:4px;scrollbar-width:none}
  .home-model-cards::-webkit-scrollbar,.home-system-grid::-webkit-scrollbar,.home-market-grid::-webkit-scrollbar,.assembly-row::-webkit-scrollbar{display:none}
  .home-model-cards .model-card{flex:0 0 205px;scroll-snap-align:start}
  .home-system-grid .system-card{flex:0 0 145px;scroll-snap-align:start}
  .home-market-card{flex:0 0 190px;scroll-snap-align:start}
  .assembly-card{flex:0 0 300px;scroll-snap-align:start}
  .home-shortcuts{display:flex;overflow-x:auto;gap:8px;padding-bottom:4px;scrollbar-width:none}
  .home-shortcuts::-webkit-scrollbar{display:none}
  .home-shortcuts>button{flex:0 0 270px}
  .home-help-strip>.container{align-items:flex-start;flex-direction:column}
  .home-help-strip .btn{width:100%}
}

@media (max-width:520px){
  .header-nav-wrap{display:block!important}
  .header-nav{height:38px!important;grid-template-columns:minmax(0,1fr) 42px!important}
  .browse-button{width:100%!important;justify-content:flex-start;padding-left:13px;border-radius:0;font-size:9px}
  .mobile-menu-button{height:38px;width:42px;background:#fff}
  .main-nav{top:93px!important}
  .model-strip{height:32px!important}
  .model-strip-inner{height:32px!important;grid-template-columns:112px minmax(0,1fr)!important}
  .model-strip-links{gap:20px}
  .model-strip-inner>b{font-size:7px}
  .hero{height:252px}
  .hero-bg img{object-position:62% center}
  .hero-content{padding-top:25px;padding-bottom:15px}
  .hero-eyebrow{height:19px;margin-bottom:7px;font-size:7px}
  .hero h1{font-size:27px}
  .hero p{font-size:10px;max-width:285px;margin:8px 0 12px}
  .hero-actions{gap:7px}
  .hero-actions .btn{height:34px;padding:0 10px;font-size:8px}
  .hero-search-panel{bottom:-127px;width:calc(100% - 16px);height:139px;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:7px;border-radius:7px}
  .hero-field{height:43px;padding:0 8px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);gap:6px}
  .hero-field:nth-of-type(2),.hero-field:nth-of-type(3),.hero-field:nth-of-type(4){display:flex!important}
  .hero-field:nth-of-type(2),.hero-field:nth-of-type(4){border-right:0}
  .hero-field svg{width:16px;height:16px}
  .hero-field label{font-size:7px}
  .hero-field select,.hero-field input{font-size:8px;font-weight:700}
  .hero-search-panel>button{grid-column:1/-1;height:38px;font-size:9px}
  .home-content{padding-top:139px!important;padding-bottom:10px}
  .home-section{padding:13px 0 4px}
  .home-section .section-headline{margin-bottom:8px}
  .home-section .section-label{font-size:9px}
  .home-section .section-headline p{font-size:8px;line-height:1.35;margin-right:8px}
  .home-section .view-all{font-size:8px;white-space:nowrap}
  .home-model-cards .model-card{flex-basis:174px;height:62px;grid-template-columns:60px minmax(0,1fr) 13px}
  .home-model-cards .model-card img{width:56px;height:47px}
  .home-model-cards .model-card b{font-size:10px!important}
  .home-model-cards .model-card em{display:none}
  .home-shortcuts-section{padding-top:7px}
  .home-shortcuts>button{flex-basis:252px;height:54px;grid-template-columns:30px minmax(0,1fr) auto;padding:6px 9px}
  .home-shortcuts>button>svg{width:23px;height:23px}
  .home-shortcuts>button b{font-size:9px}.home-shortcuts>button small,.home-shortcuts>button em{font-size:7px}
  .home-system-grid .system-card{flex-basis:118px;height:58px;grid-template-columns:24px minmax(0,1fr);padding:6px 7px}
  .home-system-grid .system-card svg{width:21px;height:21px}.home-system-grid .system-card b{font-size:7px}.home-system-grid .system-card small{font-size:6px}
  .home-market-tabs{height:34px;margin-bottom:8px}
  .home-market-tabs button{height:34px;padding:0 11px;font-size:8px}
  .home-market-card{flex-basis:168px}
  .home-market-image{height:108px}
  .home-market-body{min-height:127px;padding:6px 8px 7px}
  .home-market-body h3{font-size:9px;min-height:24px}
  .home-market-price b{font-size:9px}
  .assembly-card{flex-basis:286px}
  .home-help-strip{padding-top:8px;padding-bottom:12px}
  .home-help-strip>.container{min-height:0;padding:12px}
  .home-help-strip b{font-size:10px}.home-help-strip small{font-size:8px}
  .support-widget{bottom:10px}
}
.rfq-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}