/* ROSH CATALOG X-010 — senior art-directed static industrial surfaces.
   Supersedes X-009 video-heavy styling in place. No changes to transactional selectors or product data. */
:root{
 --rx10-night:#0a1b27;--rx10-graphite:#172f3d;
 --rx10-paper:#f2f6f8;--rx10-steel:#d3e2ea;
 --rx10-radius:16px;--rx10-control:11px;
 --rx10-ease:cubic-bezier(.22,1,.36,1);
 --rx10-ecu:url('/images/rosh-x010-ecu-atmosphere.webp');
 --rx10-workbench:url('/images/rosh-x010-workbench-accent.webp');
}
body.rosh-x009-home .hero{
 position:relative;isolation:isolate;overflow:hidden;
 min-height:clamp(460px,42vw,570px)!important;
 background:#0b1e2b!important;
 background-image:linear-gradient(107deg,#071722 0%,#112935 72%,#142d3a 100%)!important;
 box-shadow:inset 0 -1px rgba(184,218,234,.14);
}
/* A narrow right-side photographic detail, not a full-bleed hero image. */
body.rosh-x009-home .hero::before{
 content:"";position:absolute;inset:0 0 0 46%;z-index:0;
 background:var(--rx10-ecu) 72% center/cover no-repeat!important;
 opacity:.23;pointer-events:none;
 filter:grayscale(.45) saturate(.64) contrast(1.05);
 -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.4) 32%,#000 96%);
 mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.4) 32%,#000 96%);
}
body.rosh-x009-home .hero::after{
 content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
 background:linear-gradient(90deg,rgba(4,14,22,.26),transparent 67%)!important;
 opacity:1;
}
body.rosh-x009-home .hero>.hero-inner{
 position:relative;z-index:2;
 padding-top:clamp(67px,6.5vw,94px)!important;
 padding-bottom:clamp(70px,6.5vw,96px)!important;
}
body.rosh-x009-home .hero h1{
 font-size:clamp(56px,5.6vw,88px)!important;
 line-height:.94;max-width:770px!important;
 letter-spacing:-.03em;letter-spacing:-.034em;
 margin-bottom:21px!important;
}
body.rosh-x009-home .hero h1 em{color:#c4dce9!important}
body.rosh-x009-home .hero p{
 color:#d1e1ea!important;max-width:530px;
 font-size:clamp(13px,1.14vw,16px)!important;line-height:1.66!important;
 margin-bottom:24px!important;
}
body.rosh-x009-home .hero-search{
 max-width:610px;width:min(100%,610px);
 min-height:58px;padding:6px!important;
 background:#f7fafc;border:1px solid rgba(225,240,247,.85);
 border-radius:13px!important;
 box-shadow:0 10px 31px rgba(0,0,0,.16);
 transition:border-color 160ms var(--rx10-ease),box-shadow 160ms var(--rx10-ease);
}
body.rosh-x009-home .hero-search:focus-within{
 transform:none!important;border-color:#84c5e1;box-shadow:0 0 0 3px rgba(140,195,226,.20),0 11px 29px rgba(0,0,0,.16);
}
body.rosh-x009-home .hero-search input{
 flex:1;min-width:0;min-height:43px;padding-left:9px;color:#17354a;
 font-size:clamp(13px,1vw,15px);
}
body.rosh-x009-home .hero-search button{
 flex-shrink:0;min-height:45px!important;
 background:#1b536f!important;color:#fff!important;
 border-radius:10px!important;
 box-shadow:none;padding:10px 18px!important;
}
body.rosh-x009-home .hero-search button:hover{background:#153f55!important}
body.rosh-x009-home .hero-links{
 display:flex;flex-wrap:wrap;gap:4px 22px!important;margin-top:14px!important;
}
body.rosh-x009-home .hero-links a{min-height:40px;color:#e0edf3!important;font-size:12px}
body.rosh-x009-home .hero-links a::after{display:none!important}
/* Photographic supporting details appear only on editorial panels, never on product lists. */
body.rosh-x009-home .x003-home-routing{padding:clamp(63px,7vw,86px) 0;background:linear-gradient(#edf3f6,#f8fafb)}
body.rosh-x009-home .x003-route-grid{gap:clamp(12px,1.5vw,19px)}
body.rosh-x009-home .rosh-route-grid>.rosh-route-card{
 min-width:0;position:relative;isolation:isolate;overflow:hidden;
 background:#fff;border:1px solid #d7e3eb;
 border-radius:var(--rx10-radius);
 box-shadow:0 8px 28px rgba(9,37,55,.029);
 transition:border-color 170ms var(--rx10-ease),box-shadow 170ms var(--rx10-ease);
}
body.rosh-x009-home .rosh-route-grid>.rosh-route-card::before{display:none}
body.rosh-x009-home .rosh-route-grid>.rosh-route-card:nth-child(2){
 background-image:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.985) 62%,rgba(255,255,255,.91) 100%),var(--rx10-workbench);
 background-position:center,right center;background-size:cover; 
}
body.rosh-x009-home .rosh-route-card :is(a,button){border-radius:var(--rx10-control)!important}
body.rosh-x009-home .rosh-route-card strong{letter-spacing:-.017em}
@media(hover:hover) and (pointer:fine){
 body.rosh-x009-home .rosh-route-grid>.rosh-route-card:hover{
  box-shadow:0 12px 30px rgba(10,40,57,.055);border-color:#a9c7d8;
 }
}
body.rosh-x009-home .rosh-intelligence-showcase{position:relative;isolation:isolate;overflow:hidden}
body.rosh-x009-home .rosh-intelligence-showcase .rs-concept{
 position:relative;isolation:isolate;overflow:hidden;border-radius:var(--rx10-radius);
}
body.rosh-x009-home .rosh-intelligence-showcase .rs-concept::before{
 content:"";position:absolute;inset:0 0 0 66%;z-index:0;pointer-events:none;
 background:var(--rx10-ecu) right center/cover no-repeat;
 opacity:.05;filter:grayscale(1);
 -webkit-mask-image:linear-gradient(90deg,transparent,#000);
 mask-image:linear-gradient(90deg,transparent,#000);
}
body.rosh-x009-home .rosh-intelligence-showcase .rs-concept>*{position:relative;z-index:1}
/* Product catalog masthead: compact, typographic, with selective right-edge workbench detail. */
body.rosh-x009-catalog .x003-masthead{
 min-height:205px!important;position:relative;isolation:isolate;overflow:hidden;
 display:flex;align-items:center;padding:46px 0!important;
 background:#112735!important;background-image:linear-gradient(107deg,#0a1c28,#163545)!important;
}
body.rosh-x009-catalog .x003-masthead::before{
 content:"";position:absolute;inset:0 0 0 51%;z-index:0;pointer-events:none;
 background:var(--rx10-workbench) 73% center/cover no-repeat;
 opacity:.19;filter:saturate(.57) contrast(1.07);
 -webkit-mask-image:linear-gradient(90deg,transparent,#000 95%);
 mask-image:linear-gradient(90deg,transparent,#000 95%);
}
body.rosh-x009-catalog .x003-masthead::after{display:none!important}
body.rosh-x009-catalog .x003-masthead>.wrap{position:relative;z-index:1;min-width:0}
body.rosh-x009-catalog .x003-masthead h1{
 color:#f3f9fd;font-size:clamp(52px,5.3vw,76px)!important;
 letter-spacing:-.03em;margin:9px 0 10px;
}
body.rosh-x009-catalog .x003-masthead p:last-child{
 color:#ccdee9!important;max-width:600px!important;font-size:14px;line-height:1.65;
}
body.rosh-x009-catalog #catalog{padding-top:clamp(48px,4.3vw,63px)!important}
body.rosh-x009-catalog .catalog-shell{
 min-width:0;background:#fff;
 padding:clamp(16px,1.7vw,23px);border-radius:18px;
 border:1px solid #d4e1e9;box-shadow:0 10px 33px rgba(15,37,54,.04);
}
body.rosh-x009-catalog .catalog-tools{display:flex;flex-wrap:wrap;gap:9px;align-items:stretch}
body.rosh-x009-catalog .catalog-search{
 flex:2 1 320px;min-width:0;min-height:47px;
 background:#f9fbfc;border:1px solid #d5e3e9;border-radius:11px;
}
body.rosh-x009-catalog .catalog-search:focus-within{
 border-color:#7cacc4;box-shadow:0 0 0 3px rgba(113,177,212,.12);
}
body.rosh-x009-catalog .catalog-tools select{
 flex:1 1 145px;min-width:0;min-height:47px;
 background:#fbfcfd;border:1px solid #d5e3e9;border-radius:10px;
}
body.rosh-x009-catalog .catalog-meta{
 display:flex;align-items:center;flex-wrap:wrap;gap:10px 17px;
 padding:16px 0;min-width:0;
}
body.rosh-x009-catalog .catalog-controls{display:flex;flex-wrap:wrap;gap:5px;margin-left:auto}
body.rosh-x009-catalog .catalog-controls button{min-height:40px;border-radius:10px!important}
body.rosh-x009-catalog :is(.signal-chip,.catalog-signal-band button){border-radius:10px!important}
body.rosh-x009-catalog .products{min-width:0;gap:clamp(12px,1.2vw,18px)}
body.rosh-x009-catalog .product{
 min-width:0;overflow:hidden;border-radius:15px;
 background:#fff;border:1px solid #d9e4ea;
 box-shadow:0 4px 16px rgba(9,36,53,.024);
 transition:border-color 170ms var(--rx10-ease),box-shadow 170ms var(--rx10-ease);
}
body.rosh-x009-catalog .product-photo{
 height:210px;overflow:hidden;background:#f5f8fa;
 border-bottom:1px solid #ebf0f3;
}
body.rosh-x009-catalog .product-photo img{
 object-fit:contain;max-width:100%;padding:clamp(14px,1.2vw,19px);
 transition:transform 230ms var(--rx10-ease);
}
@media(hover:hover) and (pointer:fine){
 body.rosh-x009-catalog .product:hover{
  transform:none;box-shadow:0 9px 28px rgba(12,41,60,.052);
  border-color:#b2cbd9;
 }
 body.rosh-x009-catalog .product:hover .product-photo img{transform:scale(1.018)}
}
body.rosh-x009-catalog .product-body{padding:clamp(14px,1.3vw,18px);min-width:0}
body.rosh-x009-catalog .product h3{
 font-size:14px;line-height:1.43;
 margin:8px 0;letter-spacing:-.009em;overflow-wrap:anywhere;
}
body.rosh-x009-catalog .product-sku{
 font-size:10px;color:#4b6d80;
 font-variant-numeric:tabular-nums;overflow-wrap:anywhere;
}
body.rosh-x009-catalog .product-meta{line-height:1.5}
body.rosh-x009-catalog .product-inspect{
 align-self:start;margin:0 0 13px;padding:5px 2px;
 color:#234f68;border:0!important;text-decoration:underline;text-underline-offset:3px;
}
body.rosh-x009-catalog .product-bottom{flex-wrap:wrap;gap:8px}
body.rosh-x009-catalog .product-bottom strong{
 font-size:clamp(22px,1.9vw,25px);letter-spacing:-.018em;
 font-variant-numeric:tabular-nums;
}
body.rosh-x009-catalog .product-bottom button{
 min-height:43px;background:#1d536f;color:#fff;
 border-color:#1d536f;border-radius:10px!important;
}
body.rosh-x009-catalog .product-bottom button:disabled{
 background:#edf2f5;border-color:#dce6eb;color:#607683;
}
body.rosh-x009-catalog .catalog-list-view .product{grid-template-columns:clamp(120px,14vw,175px) minmax(0,1fr)}
body.rosh-x009-catalog .catalog-list-view .product-body{min-width:0}
body.rosh-x009-catalog .product-dialog{
 border-radius:17px;max-width:min(1050px,calc(100vw - 24px));
 max-height:calc(100dvh - 24px);overflow-y:auto;
}
body.rosh-x009-catalog :is(.dialog-main-image,.technical-hero-image){
 max-width:100%;object-fit:contain;
}
body.rosh-x009-catalog :is(.dialog-actions button,.dialog-close,.cart-drawer button){
 border-radius:10px!important;
}
body.rosh-x009-catalog :is(.cart-drawer,.product-dialog){overscroll-behavior:contain}
/* Operations/buyer surfaces remain deliberately non-photographic and easy to scan. */
body :is(.technical-gallery,.technical-details,.pane,.inquiry,.quick-shell,.purchasing-card,.account-grid .pane){
 border-radius:var(--rx10-radius);min-width:0;
}
body :is(.technical-thumb,.technical-actions button,.technical-actions a,.account-links a,.account-grid button,.inquiry button,.quick-actions button){
 border-radius:var(--rx10-control)!important;
}
body .technical-gallery{background:#fbfdfe;border-color:#d9e5eb}
body .technical-details{border-color:#d7e2e9;box-shadow:0 10px 29px rgba(9,38,55,.025)}
body .account-wrap{min-width:0}
body .account-wrap .account-grid{gap:clamp(13px,1.7vw,19px)}
body .account-wrap .pane{
 min-width:0;border:1px solid #d6e3ea;background:#fff;
 box-shadow:0 8px 24px rgba(12,42,59,.028);
}
body .account-wrap .pane :is(input,select,textarea){
 min-width:0;max-width:100%;border-radius:10px!important;
}
body .account-wrap .account-links{display:flex;flex-wrap:wrap;gap:8px 16px}
body :is(.submit,.outline,.nav-icon,.nav button,.x003-primary-link,.rosh-route-primary,.rosh-route-secondary,.white-button){
 border-radius:var(--rx10-control)!important;
}
body :is(a,button,input,select,textarea,summary,[role="button"]):focus-visible{
 outline:3px solid #81c2de!important;outline-offset:3px;
}
body :is(.catalog-tools,.catalog-meta,.catalog-controls,.section-head,.technical-grid,.dialog-grid)>*{min-width:0}
@media(max-width:1024px){
 body.rosh-x009-home .hero::before{inset:0 0 0 57%;opacity:.15}
 body.rosh-x009-catalog .x003-masthead::before{inset:0 0 0 63%;opacity:.12}
}
@media(max-width:800px),(pointer:coarse){
 body.rosh-x009-home .hero{min-height:0!important}
 body.rosh-x009-home .hero::before{inset:0 0 0 67%;opacity:.065}
 body.rosh-x009-home .hero::after{background:linear-gradient(90deg,rgba(4,14,22,.22),transparent)!important}
 body.rosh-x009-home .hero>.hero-inner{
  padding-top:clamp(55px,8vw,78px)!important;
  padding-bottom:clamp(60px,8vw,84px)!important;
 }
 body.rosh-x009-catalog .x003-masthead{min-height:0!important;padding:39px 0!important}
 body.rosh-x009-catalog .x003-masthead::before{inset:0 0 0 73%;opacity:.055}
 body.rosh-x009-catalog .catalog-controls{margin-left:0}
 body.rosh-x009-catalog .catalog-tools select{flex:1 1 42%}
 body.rosh-x009-home .rosh-intelligence-showcase .rs-concept::before{display:none}
}
@media(max-width:560px){
 body.rosh-x009-home .hero h1{font-size:clamp(46px,11vw,63px)!important;max-width:100%!important}
 body.rosh-x009-home .hero-search{flex-wrap:wrap;gap:5px}
 body.rosh-x009-home .hero-search input{flex:1 1 100%;min-height:44px;width:100%}
 body.rosh-x009-home .hero-search button{width:100%;min-height:44px!important}
 body.rosh-x009-home .hero-links{gap:2px 17px!important}
 body.rosh-x009-catalog .catalog-tools select{flex:1 1 100%}
 body.rosh-x009-catalog .catalog-meta{align-items:flex-start}
 body.rosh-x009-catalog .catalog-controls{width:100%}
 body.rosh-x009-catalog .catalog-controls button{flex:1 1 auto}
 body.rosh-x009-catalog .catalog-list-view .product{grid-template-columns:84px minmax(0,1fr)}
 body.rosh-x009-catalog .catalog-list-view .product-body{display:flex;flex-direction:column;align-items:stretch;gap:5px}
 body.rosh-x009-catalog .catalog-list-view .product-bottom{display:flex;flex-wrap:wrap;gap:6px;min-width:0}
 body.rosh-x009-catalog .product-dialog{max-width:calc(100vw - 12px);max-height:calc(100dvh - 12px)}
 body .technical-grid,body .account-wrap .account-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce),(prefers-reduced-data:reduce){
 body.rosh-x009-catalog .product,
 body.rosh-x009-catalog .product-photo img,
 body.rosh-x009-home .hero-search{transition:none!important;animation:none!important;transform:none!important}
}