/* ROSH X-030 — Enterprise Experience & Motion Standard
   Customer-facing site system. No transaction state, product quantities,
   source evidence, accounts, offers, quotes or checkout authorities altered. */
:root{
 --rx30-ink:#122a3a;
 --rx30-night:#091923;
 --rx30-navy:#102a3b;
 --rx30-surface:#f0f5f7;
 --rx30-paper:#fff;
 --rx30-ice:#bfe5f3;
 --rx30-muted:#667e8e;
 --rx30-rule:rgba(103,148,173,.22);
 --rx30-radius:18px;
 --rx30-ease:cubic-bezier(.22,1,.36,1);
 --rx30-rise:translate3d(0,-3px,0);
}
body{accent-color:#327c9c}
body :is(button,a,input,textarea,select,summary){-webkit-tap-highlight-color:rgba(102,176,211,.12)}
body :is(a,button,summary){touch-action:manipulation}
body :is(a,button,summary,input,select,textarea):focus-visible{
 outline:3px solid #7bc6e8!important;outline-offset:3px!important;
}
body :is(.submit,.outline,.white-button,.x003-primary-link,.rosh-route-primary,.rosh-commerce-request,
 .rosh-quote-button,.rosh-head-icon,.catalog-controls button,.quick-actions button){border-radius:12px!important}
body .nav,body header.rosh-nav-v2{
 background:#0c1d2a!important;
 border-bottom-color:rgba(163,210,234,.10)!important;
 box-shadow:0 10px 32px rgba(0,8,16,.10)!important;
}
body header.rosh-nav-v2 .nav-actions .rosh-head-icon,
body header.rosh-nav-v2 #menu-toggle{
 transition:background .2s ease,border-color .2s ease,transform .24s var(--rx30-ease)!important;
}
body header.rosh-nav-v2 .rosh-head-icon:hover,
body header.rosh-nav-v2 #menu-toggle:hover{background:rgba(147,205,236,.12)!important}
body header.rosh-nav-v2 .rosh-site-logo{object-fit:contain}
body .x003-eyebrow,body .kicker{letter-spacing:.14em}
body.rosh-x003 .x003-masthead{
 padding:0!important;
 background:linear-gradient(122deg,#0b1d29,#173647 65%,#214358)!important;
 border-bottom:1px solid rgba(121,190,225,.09);
 color:#f4f9fc!important;
}
body.rosh-x003 .x003-masthead .wrap{
 max-width:1310px!important;
 padding-top:clamp(44px,6vw,76px)!important;
 padding-bottom:clamp(42px,5.6vw,72px)!important;
}
body.rosh-x003 .x003-masthead h1{
 font-size:clamp(48px,5.5vw,75px)!important;
 line-height:.97!important;letter-spacing:-.017em!important;
 max-width:950px!important;margin:13px 0 15px!important;
 color:#f5f9fc!important;text-wrap:balance!important;
}
body.rosh-x003 .x003-masthead .x003-eyebrow{color:#91c5dd!important;font-weight:750}
body.rosh-x003 .x003-masthead p:last-child{color:#b8ceda!important;font-size:clamp(13px,1.2vw,16px)!important;line-height:1.65!important;max-width:650px}
body.rosh-x009-catalog .x003-masthead{
 background:linear-gradient(105deg,#0a1e2b 4%,#103142 55%,#17445a)!important;
 color:#f3f9fc!important;
}
body.rosh-x009-catalog .x003-masthead h1,
html[data-rosh-theme="light"] body.rosh-x009-catalog .x003-masthead h1,
html[data-rosh-theme="dark"] body.rosh-x009-catalog .x003-masthead h1{
 color:#f5faff!important;
}
body.rosh-x009-catalog .x003-masthead .wrap{padding:42px clamp(18px,3vw,46px)!important}
body.rosh-x009-catalog .x003-masthead .x003-eyebrow{color:#a6cedf!important}
body.rosh-x009-catalog .x003-masthead p,
html[data-rosh-theme="light"] body.rosh-x009-catalog .x003-masthead p{
 color:#c3d8e2!important;line-height:1.6!important;
}
body.rosh-x009-catalog .rosh-catalog-desk-bridge{
 max-width:1260px!important;margin:18px auto 0!important;
 border:1px solid rgba(102,165,197,.14)!important;
 background:linear-gradient(108deg,#112c3c,#173d52)!important;
 box-shadow:none!important;border-radius:14px!important;
 padding:11px 17px!important;gap:10px 17px!important;
}
body.rosh-x009-catalog .rosh-catalog-desk-bridge>a{
 margin-left:auto!important;min-height:38px!important;
 border-radius:10px!important;display:inline-flex!important;align-items:center;
 padding:9px 13px!important;background:#bde6f2!important;
 color:#10374b!important;font-weight:760!important;text-decoration:none!important;
}
body.rosh-x009-catalog .rosh-catalog-desk-bridge>strong{
 line-height:1.4!important;color:#f5fafc!important;
}
body.rosh-x009-catalog #catalog.section{padding-top:clamp(24px,3.6vw,47px)!important}
body.rosh-x009-catalog #catalog .section-head{align-items:end!important}
body.rosh-x009-catalog #catalog .section-head h2{
 font-size:clamp(30px,3.3vw,44px)!important;
 line-height:1.05!important;letter-spacing:-.024em!important;
}
body.rosh-x009-catalog .catalog-tools :is(input,select){
 min-height:50px!important;font-size:13px!important;
 border-radius:12px!important;border:1px solid rgba(112,153,179,.25)!important;
 transition:border-color .18s ease,box-shadow .18s ease!important;
}
body.rosh-x009-catalog .catalog-tools :is(input,select):focus{border-color:#448fac!important;box-shadow:0 0 0 3px rgba(77,151,191,.12)!important}
body.rosh-x009-catalog #catalog .catalog-controls{gap:6px!important}
body.rosh-x009-catalog #catalog .catalog-controls button{
 min-height:41px!important;padding:9px 12px!important;font-size:11px!important;
 transition:background .18s ease,border-color .18s ease,color .18s ease!important;
}
body.rosh-x009-catalog #products .rosh-commerce-card{
 border-radius:17px!important;box-shadow:0 12px 32px rgba(9,32,48,.065)!important;
 transition:transform .28s var(--rx30-ease),box-shadow .28s ease,border-color .24s ease!important;
}
body.rosh-x009-catalog #products .rosh-commerce-card .rosh-commerce-photo-link img{
 transition:transform .45s var(--rx30-ease)!important;
}
body.rosh-x009-catalog #products .rosh-commerce-card .rosh-commerce-request{
 min-height:45px!important;border-radius:11px!important;
 transition:background .2s ease,transform .2s var(--rx30-ease)!important;
}
body.rosh-x009-catalog #catalog .stock-only,body.rosh-x009-catalog .catalog-meta{
 line-height:1.5!important;
}
body.rosh-x003 .x003-home-routing{
 padding:clamp(52px,6vw,86px) 0 clamp(54px,7vw,94px)!important;
}
body.rosh-x009-home .hero{
 min-height:clamp(580px,75dvh,850px)!important;
 background-position:center center!important;
 isolation:isolate;
}
body.rosh-x009-home .hero-inner{
 padding-top:clamp(86px,10vw,142px)!important;
 padding-bottom:clamp(74px,8vw,105px)!important;
}
body.rosh-x009-home .hero h1{
 font-size:clamp(56px,7.3vw,116px)!important;line-height:.9!important;
 max-width:980px!important;letter-spacing:-.02em!important;
}
body.rosh-x009-home .hero h1 em{color:#bee3f2!important}
body.rosh-x009-home .hero p{max-width:610px!important;font-size:clamp(14px,1.3vw,17px)!important;line-height:1.7!important}
body.rosh-x009-home .hero-search{
 border:1px solid rgba(171,213,232,.20)!important;
 border-radius:14px!important;
 box-shadow:0 18px 55px rgba(0,7,15,.2)!important;
 transition:border-color .2s ease,box-shadow .2s ease!important;
}
body.rosh-x009-home .hero-search:focus-within{border-color:#8cc9e5!important;box-shadow:0 0 0 4px rgba(111,185,219,.12),0 24px 60px #0003!important}
body.rosh-x009-home .x003-home-routing .rosh-route-grid>.rosh-route-card{
 border:1px solid rgba(88,136,160,.15)!important;
 border-radius:19px!important;
 box-shadow:0 9px 26px rgba(22,46,63,.06)!important;
 transition:transform .35s var(--rx30-ease),box-shadow .35s ease,border-color .22s ease!important;
}
body.rosh-x009-home .x003-home-routing .rosh-route-grid>.rosh-route-card:nth-child(1){
 background-image:linear-gradient(90deg,rgba(255,255,255,.985),rgba(255,255,255,.84)),url('/images/rosh-x003-industrial-editorial.png')!important;
}
body.rosh-x009-home .x003-home-routing .rosh-route-grid>.rosh-route-card:nth-child(2){
 background-image:linear-gradient(90deg,rgba(255,255,255,.985),rgba(255,255,255,.85)),url('/images/rosh-x010-workbench-accent.webp')!important;
}
body.rosh-x009-home .x003-home-routing .rosh-route-grid>.rosh-route-card:nth-child(3){
 background-image:linear-gradient(90deg,rgba(255,255,255,.985),rgba(255,255,255,.86)),url('/images/rosh-x010-ecu-atmosphere.webp')!important;
}
body.rosh-x009-home .x003-home-routing .rosh-route-card>p{color:#4f6878!important}
body.rosh-x009-home .x003-home-routing .rosh-route-actions>a.rosh-route-primary{
 background:#193e56!important;border-color:#193e56!important;border-radius:11px!important;
}
body.rosh-x009-home .rosh-intelligence-showcase{isolation:isolate}
body.rosh-x003 :is(.x003-bottom-cta,.x003-split,.x003-principles){scroll-margin-top:85px}
body.rosh-x003 .x003-bottom-cta{padding:clamp(47px,5vw,78px) 0!important;background:#112b3b!important}
body.rosh-x003 .x003-bottom-cta h2{line-height:1.02!important;letter-spacing:-.02em!important}
body.rosh-x003 .x003-bottom-cta .x003-primary-link{
 background:#c5e9f4!important;color:#143b50!important;
 min-height:49px!important;padding:13px 19px!important;
}
body.rosh-x003 .x003-bottom-cta .x003-primary-link:hover{background:#e0f4fb!important}
body.rosh-x003 #wholesale.wholesale{padding-block:clamp(54px,6vw,94px)!important}
body.rosh-x003 #wholesale .wholesale-grid{gap:clamp(24px,5vw,70px)!important;align-items:center}
body.rosh-x003 #wholesale h2{
 font-size:clamp(47px,5vw,74px)!important;line-height:.96!important;
 margin:19px 0 18px!important;letter-spacing:-.02em!important;
}
body.rosh-x003 #wholesale p{max-width:560px;line-height:1.7!important}
body.rosh-x003 #wholesale .wholesale-panel{
 border-radius:19px!important;transition:transform .3s var(--rx30-ease),box-shadow .3s ease!important;
}
body.rosh-x003 .x003-split{gap:clamp(26px,5vw,68px)!important;padding-block:clamp(57px,6vw,95px)!important}
body.rosh-x003 .purchasing-card{
 border-radius:18px!important;transition:transform .3s var(--rx30-ease),box-shadow .3s ease,border-color .2s ease!important;
}
body.rosh-x003 .contact{padding-block:clamp(55px,7vw,96px)!important}
body.rosh-x003 .contact-grid{align-items:start!important;gap:clamp(30px,5vw,70px)!important}
body.rosh-x003 .contact-grid h2{
 line-height:1.03!important;font-size:clamp(38px,4.25vw,61px)!important;
}
body.rosh-x003 .contact-grid .inquiry{
 border-radius:20px!important;padding:clamp(19px,2.8vw,33px)!important;
 box-shadow:0 17px 52px rgba(10,42,59,.1)!important;
}
body.rosh-x003 .contact-grid .inquiry h3{font-size:clamp(21px,2.5vw,31px)!important;line-height:1.1!important}
body.rosh-x003 :is(.contact-grid .inquiry,.quick-shell,.quick-rfq-form,.rosh-sourcing-workspace) :is(input,select,textarea){
 border-radius:11px!important;border:1px solid rgba(92,133,160,.24)!important;
 min-height:46px!important;font-size:14px!important;
 background:#fff;color:#173647;
 transition:border-color .2s ease,box-shadow .2s ease!important;
}
body.rosh-x003 :is(.contact-grid .inquiry,.quick-shell,.quick-rfq-form,.rosh-sourcing-workspace) :is(input,select,textarea):focus{
 border-color:#4597b4!important;box-shadow:0 0 0 3px rgba(77,157,193,.12)!important;
}
body.rosh-x003 .rosh-sourcing-section>.section-head{
 margin-bottom:22px!important;
}
body.rosh-x003 .rosh-sourcing-section>.section-head h2{
 font-size:clamp(34px,4.3vw,54px)!important;
 line-height:.98!important;letter-spacing:-.015em!important;
}
body.rosh-x003 .rosh-sourcing-workspace{
 border-radius:20px!important;box-shadow:0 19px 47px rgba(17,49,72,.09)!important;
}
body.rosh-x003 .rosh-sourcing-tabs{padding:7px!important;gap:7px!important}
body.rosh-x003 .rosh-sourcing-tabs button{
 border-radius:12px!important;min-height:46px!important;
 transition:background .2s ease,box-shadow .2s ease,color .2s ease!important;
}
body.rosh-x003 .rosh-sourcing-panel{padding:clamp(17px,3vw,30px)!important}
body.rosh-x003 .quick-actions button,body.rosh-x003 .quick-intro button{
 min-height:46px!important;
}
body:has(>.account-wrap),body:has(.account-wrap){
 background:#edf3f6!important;color:#183345!important;
}
body .account-wrap{max-width:1200px!important;padding:0 clamp(16px,3vw,28px) 75px!important;margin-top:clamp(30px,5vw,65px)!important}
body .account-wrap>h1{
 font-size:clamp(40px,5vw,68px)!important;letter-spacing:-.014em!important;line-height:.95!important;margin:15px 0 20px!important;
}
body .account-wrap .account-grid{gap:clamp(13px,2vw,22px)!important}
body .account-wrap .pane{
 border-radius:18px!important;border:1px solid rgba(96,145,176,.16)!important;
 padding:clamp(18px,2.5vw,31px)!important;
 background:#fff!important;box-shadow:0 12px 35px rgba(12,37,58,.055)!important;
}
body .account-wrap .pane h2{font-size:clamp(24px,2.8vw,35px)!important;line-height:1.05!important;letter-spacing:-.02em!important}
body .account-wrap .pane :is(input,select,textarea){
 border-radius:11px!important;min-height:46px!important;
 border:1px solid #ccdae3!important;background:#f8fbfc!important;
 transition:border-color .18s ease,box-shadow .18s ease!important;
}
body .account-wrap .pane :is(input,select,textarea):focus{border-color:#5a9dc0!important;box-shadow:0 0 0 3px #8dc8e92c!important}
body .account-wrap .account-links{display:flex!important;gap:9px!important;flex-wrap:wrap!important}
body .account-wrap .account-links a{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 min-height:43px!important;border-radius:11px!important;text-decoration:none!important;
 padding:10px 15px!important;
}
body .account-wrap .account-guide{border-radius:15px!important;line-height:1.65!important}
body:has(.product-page) .technical-grid{gap:clamp(19px,3.2vw,44px)!important;align-items:start!important}
body:has(.product-page) :is(.technical-gallery,.technical-details){
 border-radius:19px!important;overflow:hidden;
}
body:has(.product-page) .technical-details h1{font-size:clamp(28px,3vw,43px)!important;line-height:1.08!important;letter-spacing:-.025em!important}
body:has(.product-page) :is(.technical-actions a,.technical-actions button,.px-gallery-controls button,.px-copy){border-radius:11px!important;min-height:44px!important}
body:has(.product-page) .technical-thumb{border-radius:9px!important;transition:border-color .2s ease,transform .25s var(--rx30-ease)!important}
body:has(.product-page) .technical-hero-image img{transition:transform .45s var(--rx30-ease)!important}
body .rosh-search-dialog{border-radius:20px!important;box-shadow:0 30px 100px #0008!important}
body .rosh-search-input-wrap{border-radius:13px!important}
body .rosh-search-header button,body .rosh-search-input-wrap button{border-radius:10px!important;min-height:42px}
body .rosh-x-panel{box-shadow:0 24px 85px #0008!important}
body .x030-inview{animation:x030-enter .55s var(--rx30-ease) both}
@keyframes x030-enter{from{opacity:.85;transform:translate3d(0,12px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@media(hover:hover) and (pointer:fine){
 body.rosh-x009-catalog #products .rosh-commerce-card:hover{transform:var(--rx30-rise)!important;box-shadow:0 22px 44px rgba(9,32,48,.11)!important}
 body.rosh-x009-catalog #products .rosh-commerce-card:hover .rosh-commerce-photo-link img{transform:scale(1.035)!important}
 body.rosh-x009-home .x003-home-routing .rosh-route-grid>.rosh-route-card:hover{
  transform:translateY(-4px)!important;box-shadow:0 20px 40px rgba(12,39,57,.11)!important;
  border-color:rgba(85,153,188,.42)!important;
 }
 body.rosh-x003 .purchasing-card:hover,body.rosh-x003 #wholesale .wholesale-panel:hover{
  transform:translateY(-3px)!important;box-shadow:0 22px 48px rgba(15,41,59,.14)!important;
 }
 body:has(.product-page) .technical-thumb:hover{transform:translateY(-2px)}
 body:has(.product-page) .technical-hero-image:hover img{transform:scale(1.02)}
}
@media(max-width:1120px){
 body.rosh-x009-catalog .rosh-catalog-desk-bridge{margin:16px 16px 0!important}
}
@media(max-width:740px){
 body.rosh-x003 .x003-masthead .wrap{padding:39px 18px 38px!important}
 body.rosh-x003 .x003-masthead h1{
  font-size:clamp(39px,10vw,49px)!important;line-height:.99!important;
  margin:12px 0 11px!important;max-width:98%!important;
 }
 body.rosh-x003 .x003-masthead p:last-child{font-size:13px!important;line-height:1.58!important}
 body.rosh-x009-home .hero{min-height:clamp(595px,82dvh,790px)!important}
 body.rosh-x009-home .hero-inner{
  padding:clamp(68px,10vh,93px) 18px clamp(58px,8vh,82px)!important;
 }
 body.rosh-x009-home .hero h1{font-size:clamp(45px,12.5vw,65px)!important;line-height:.94!important}
 body.rosh-x009-home .hero p{font-size:13px!important;line-height:1.6!important}
 body.rosh-x009-home .hero-links{gap:9px!important;flex-wrap:wrap!important}
 body.rosh-x009-home .x003-home-routing{padding:48px 0 64px!important}
 body.rosh-x009-home .x003-home-routing h2{font-size:clamp(37px,10vw,48px)!important;line-height:1.03!important}
 body.rosh-x009-home .rosh-route-card{padding:23px!important}
 body.rosh-x009-catalog .x003-masthead .wrap{padding:35px 18px 37px!important}
 body.rosh-x009-catalog .x003-masthead h1{font-size:clamp(39px,10.5vw,55px)!important;line-height:.97!important}
 body.rosh-x009-catalog .rosh-catalog-desk-bridge{
  margin:12px 12px 0!important;padding:12px 14px!important;gap:6px 12px!important;
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
 }
 body.rosh-x009-catalog .rosh-catalog-desk-bridge>span{grid-column:1/-1!important}
 body.rosh-x009-catalog .rosh-catalog-desk-bridge>strong{font-size:12px!important;width:auto!important}
 body.rosh-x009-catalog .rosh-catalog-desk-bridge>a{
  grid-column:2!important;grid-row:2!important;min-height:37px!important;
  font-size:10px!important;padding:8px 11px!important;
 }
 body.rosh-x009-catalog #catalog.section{padding-top:25px!important}
 body.rosh-x009-catalog #catalog .section-head h2{font-size:29px!important}
 body.rosh-x009-catalog .catalog-tools :is(input,select){font-size:13px!important}
 body.rosh-x003 #wholesale.wholesale{padding:49px 0!important}
 body.rosh-x003 #wholesale h2{font-size:clamp(43px,11vw,58px)!important;line-height:.96!important;margin:13px 0 18px!important}
 body.rosh-x003 #wholesale .wholesale-panel{padding:21px!important}
 body.rosh-x003 .x003-split{padding:50px 0!important;gap:24px!important}
 body.rosh-x003 .contact{padding-block:47px!important}
 body.rosh-x003 .contact-grid h2{font-size:clamp(35px,9vw,48px)!important}
 body.rosh-x003 .contact-grid .inquiry{padding:19px!important}
 body.rosh-x003 .rosh-sourcing-section>.section-head h2{font-size:clamp(34px,9vw,44px)!important}
 body.rosh-x003 .rosh-sourcing-panel{padding:17px!important}
 body .account-wrap{margin-top:33px!important}
 body .account-wrap>h1{font-size:clamp(40px,11vw,56px)!important}
 body .account-wrap .pane{padding:19px!important}
 body:has(.product-page) .technical-grid{gap:18px!important}
 body:has(.product-page) .technical-details{padding:21px!important}
 body:has(.product-page) .technical-details h1{font-size:clamp(28px,8vw,36px)!important}
 body .rosh-search-dialog{border-radius:15px!important}
}
@media(max-width:480px){
 body.rosh-x009-catalog .rosh-catalog-desk-bridge>strong{max-width:170px}
 body.rosh-x009-catalog .rosh-catalog-desk-bridge>a{max-width:155px;text-align:center}
 body.rosh-x009-catalog #catalog .section-head h2{font-size:27px!important}
 body.rosh-x003 .x003-bottom-cta-inner{gap:16px!important}
 body .account-wrap .account-links a{flex:1 1 auto!important;font-size:12px!important}
}
@media(prefers-reduced-motion:reduce){
 body .x030-inview{animation:none!important}
 body.rosh-x009-catalog #products .rosh-commerce-card,
 body.rosh-x009-catalog #products .rosh-commerce-photo-link img,
 body.rosh-x009-home .hero-search,
 body.rosh-x009-home .x003-home-routing .rosh-route-grid>.rosh-route-card,
 body.rosh-x003 .purchasing-card,
 body.rosh-x003 #wholesale .wholesale-panel,
 body:has(.product-page) .technical-hero-image img{
  transition:none!important;animation:none!important;transform:none!important;
 }
}