/*
 ROSH DIESEL X-026 | Customer Experience — Light Industrial
 Canonical, semantic design layer for the existing storefront.
 Scope: customer pages only; never alter the protected .nav/header chrome,
 internal /ops surfaces, or ROSH COMMAND.
 Architecture: tokens -> global page shell -> components -> route families -> states.
*/
:root{
 --rx26-canvas:#fafaf8;--rx26-surface:#ffffff;
 --rx26-surface-2:#f3f5f3;--rx26-surface-3:#eaeeeb;
 --rx26-ink:#181f23;--rx26-ink-2:#4e6066;--rx26-muted:#617179;
 --rx26-line:#dce3e1;--rx26-line-strong:#bdccce;
 --rx26-header:#0c1d2a; /* read-only brand reference; header not restyled */
 --rx26-brand:#205674;--rx26-brand-hover:#17465f;--rx26-brand-active:#0e354c;
 --rx26-brand-soft:#e6f0f3;--rx26-focus:#217ba2;
 --rx26-success:#246c54;--rx26-warning:#89601e;
 --rx26-error:#a23535;--rx26-info:#205674;
 --rx26-radius-sm:9px;--rx26-radius-md:13px;--rx26-radius-lg:18px;
 --rx26-shadow:0 8px 28px rgba(18,40,49,.042);
 --rx26-ease:cubic-bezier(.22,1,.36,1);
 --rx26-max:1320px;--rx26-gutter:clamp(18px,4vw,54px);
 --rx26-section:clamp(45px,6vw,84px);
 --rx26-display:'Barlow Condensed','Arial Narrow',sans-serif;
 --rx26-body:'DM Sans',Inter,system-ui,sans-serif;
 --rx26-mono:ui-monospace,SFMono-Regular,Consolas,monospace;
}
html[data-rosh-theme=dark],html[data-rosh-theme=light]{
 --rosh-canvas:var(--rx26-canvas);--rosh-panel:#fff;
 --rosh-raised:var(--rx26-surface-2);--rosh-divider:var(--rx26-line);
 --rosh-ink:var(--rx26-ink);--rosh-muted:var(--rx26-muted);
 --rosh-field:#fff;--rosh-elevation:var(--rx26-shadow);
}
body:not(:has(> .op-wrap)):not(.rosh-ops),
body.rosh-x003,body.rosh-x009-catalog,body.rosh-intelligence-page,
body:has(.product-page){
 background:var(--rx26-canvas)!important;color:var(--rx26-ink)!important;
 font-family:var(--rx26-body);
}
body > main,body main#rosh-intelligence{
 background:var(--rx26-canvas)!important;color:var(--rx26-ink)!important;
}
body :is(main,footer) :is(h1,h2,h3,h4,strong){text-wrap:pretty}
body main :is(h1,h2,h3){color:var(--rx26-ink);letter-spacing:-.02em}
body main h1{font-family:var(--rx26-display);font-size:clamp(44px,5.3vw,74px);line-height:1.02}
body main h2{font-family:var(--rx26-display);font-size:clamp(29px,3.7vw,49px);line-height:1.07}
body main p{line-height:1.68}
body main :is(.wrap,.section.wrap){max-width:var(--rx26-max);width:calc(100% - var(--rx26-gutter) - var(--rx26-gutter));margin-inline:auto}
body main :is(.section,.x003-home-routing,.x003-principles,.x003-split){padding-block:var(--rx26-section)}
body main :is(.eyebrow,.kicker,.x003-eyebrow,.ri-mini-eyebrow){
 color:var(--rx26-brand)!important;letter-spacing:.115em;font-size:11px;
}
body main :is(a,button,[role=button]){transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .2s var(--rx26-ease)}
body main :is(a,button,input,textarea,select,[role=tab]):focus-visible{
 outline:3px solid var(--rx26-focus)!important;outline-offset:3px!important;
}
body main a{color:var(--rx26-brand)}
body main a:hover{color:var(--rx26-brand-hover)}
body main :is(.submit,.outline,.white-button,.x003-primary-link,.rosh-route-primary,
 .rosh-commerce-request,.rosh-rfq-message,.purchasing-action,.technical-actions button,
 .catalog-controls button,.account-links a,.ri-form-actions button){
 border-radius:var(--rx26-radius-sm)!important;min-height:44px;
}
body main :is(.submit,.white-button,.x003-primary-link,.rosh-route-primary,.rosh-commerce-request){
 background:var(--rx26-brand)!important;color:#fff!important;border:1px solid var(--rx26-brand)!important;
 box-shadow:none!important;font-weight:760!important;
}
body main :is(.submit,.white-button,.x003-primary-link,.rosh-route-primary,.rosh-commerce-request):hover{
 background:var(--rx26-brand-hover)!important;color:#fff!important;transform:translateY(-1px);
}
body main :is(.outline,button.secondary){background:var(--rx26-surface)!important;color:var(--rx26-brand)!important;border:1px solid var(--rx26-line-strong)!important;box-shadow:none!important}
body main :is(input,textarea,select):not([type=checkbox]):not([type=radio]){
 background:#fff!important;color:var(--rx26-ink)!important;
 border:1px solid var(--rx26-line-strong)!important;border-radius:var(--rx26-radius-sm)!important;
 min-height:44px;box-shadow:none!important;
}
body main :is(input,textarea,select):not([type=checkbox]):not([type=radio]):focus{
 border-color:var(--rx26-focus)!important;box-shadow:0 0 0 3px #217ba21b!important;
}
body main :is(input,textarea)::placeholder{color:#77878a!important;opacity:1}
body main :is(button,input,select,textarea):disabled{
 opacity:.56;cursor:not-allowed;box-shadow:none!important
}
body main :is([aria-invalid=true],input:invalid:not(:placeholder-shown)):not([type=checkbox]){
 border-color:var(--rx26-error)!important;
}
body main :is(.product-sku,.cx-tile-sku,.part-number,.technical-spec-value,[data-sku],
 .technical-info strong,.rosh-rfq-rail-metrics strong,.px-gallery-count){
 font-variant-numeric:tabular-nums;overflow-wrap:anywhere;
}
body main :is(.product-sku,.cx-tile-sku,.part-number,[data-sku]){
 font-family:var(--rx26-mono);font-size:12px;letter-spacing:.015em;color:var(--rx26-ink-2)!important;
}
body main :is(.catalog-shell,.quick-shell,.inquiry,.pane,.cx-tile,.rosh-commerce-card,
 .purchasing-card,.rosh-route-card,.technical-details,.technical-gallery,
 .ri-sidebar,.ri-conversation,.ri-insights,.ri-tier,.ri-source-state,
 .account-guide,.rosh-rfq-review-rail,.rosh-case-workspace){
 background:var(--rx26-surface)!important;color:var(--rx26-ink)!important;
 border:1px solid var(--rx26-line)!important;border-radius:var(--rx26-radius-lg)!important;
 box-shadow:var(--rx26-shadow)!important;
}
body main :is(.catalog-shell,.quick-shell,.pane,.technical-details){padding:clamp(18px,2.6vw,32px)}
body main :is(.catalog-shell,.quick-shell,.pane,.technical-details,.ri-shell,.ri-conversation,.ri-sidebar){min-width:0}
body main :is(.catalog-shell,.quick-shell,.pane,.technical-details,.ri-shell) :is(input,select,textarea,button){max-width:100%;box-sizing:border-box}
body main :is(.rosh-commerce-card,.cx-tile,.purchasing-card,.rosh-route-card):hover{
 border-color:#b6cad0!important;box-shadow:0 12px 30px #102c3a12!important;
}
body main :is(.cx-tile-image,.rosh-commerce-photo-link,.technical-hero-image,.technical-no-image,.rx-product-image){
 background:var(--rx26-surface-2)!important;border-radius:var(--rx26-radius-sm);
}
body main :is(.cx-tile-image,.rosh-commerce-photo-link,.technical-hero-image) img{
 object-fit:contain;
}
body main :is(.catalog-tools,.catalog-controls,.quick-actions,.ri-form-actions){gap:12px}
body main :is(.catalog-meta,.catalog-footer,.technical-info,.quote){
 border-color:var(--rx26-line)!important;
}
body main :is(.ri-source-mark,.ri-overline,.rx-brief-eyebrow,.ri-tier-mark,.ri-access-note){
 color:var(--rx26-brand)!important;
}
body main :is(.ri-source-state,.ri-tier,.rx-brief,.ri-access-note){
 background:var(--rx26-surface-2)!important;border-color:var(--rx26-line)!important;
}
body main :is(.ri-access-note,.ri-composer-status,[role=status]){overflow-wrap:anywhere}
body main :is(.x003-bottom-cta,.x003-dark-panel,.rosh-intelligence-showcase,
 .rosh-catalog-desk-bridge,.ri-final,.x003-principles,.value-strip){
 background:var(--rx26-surface-2)!important;background-image:none!important;
 color:var(--rx26-ink)!important;border-color:var(--rx26-line)!important;
 box-shadow:none!important;
}
body main :is(.x003-bottom-cta,.x003-dark-panel,.rosh-intelligence-showcase,.ri-final) :is(h2,h3,strong,p){
 color:var(--rx26-ink)!important;
}
body main :is(.x003-bottom-cta,.ri-final,.rosh-intelligence-showcase){
 border-top:1px solid var(--rx26-line);padding-block:var(--rx26-section);
}
body main :is(.hero,.x003-masthead){
 color:var(--rx26-ink)!important;background-color:var(--rx26-canvas)!important;
 border-bottom:1px solid var(--rx26-line)!important;
}
body.rosh-x003 main .x003-masthead,
body.rosh-x009-catalog main .x003-masthead,
html[data-rosh-theme=dark] body.rosh-x009-catalog main .x003-masthead{
 background:var(--rx26-canvas)!important;background-image:none!important;
 color:var(--rx26-ink)!important;padding:0!important;
}
body main .x003-masthead .wrap{padding-block:clamp(45px,5.2vw,75px)!important}
body main .x003-masthead h1,body.rosh-x009-catalog main .x003-masthead h1{
 color:var(--rx26-ink)!important;font:700 clamp(46px,5.2vw,75px)/1 var(--rx26-display)!important;
 letter-spacing:-.02em!important;max-width:900px!important;margin:10px 0 12px!important;
}
body main .x003-masthead p,body main .x003-masthead p:last-child{
 color:var(--rx26-ink-2)!important;font-size:15px!important;max-width:670px!important;
 line-height:1.6!important;
}
body.rosh-x009-home main .hero{
 background:linear-gradient(90deg,rgba(250,250,248,.96) 0%,rgba(250,250,248,.91) 46%,rgba(250,250,248,.74) 100%),url('/images/rosh-higgsfield-hero.png') center/cover no-repeat!important;
 color:var(--rx26-ink)!important;min-height:510px!important;
}
body.rosh-x009-home main .hero-inner{padding-block:clamp(64px,8vw,106px)!important}
body.rosh-x009-home main .hero h1{
 font:800 clamp(53px,6.2vw,93px)/.94 var(--rx26-display)!important;
 max-width:900px!important;letter-spacing:-.025em!important;
 color:var(--rx26-ink)!important;
}
body.rosh-x009-home main .hero h1 em{color:var(--rx26-brand)!important}
body.rosh-x009-home main .hero p{color:var(--rx26-ink-2)!important;max-width:570px!important}
body.rosh-x009-home main .hero-search{
 border:1px solid var(--rx26-line-strong)!important;border-radius:var(--rx26-radius-md)!important;
 background:#fff!important;box-shadow:0 8px 24px #112c3910!important;
}
body.rosh-x009-home main .hero-links a{color:var(--rx26-brand)!important}
body main .value-strip{border-bottom:1px solid var(--rx26-line)!important}
body main .strip-grid div{border-color:var(--rx26-line)!important}
body main .strip-grid :is(b,span){color:var(--rx26-ink-2)!important}
body main .x003-route-grid>.rosh-route-card{background:#fff!important;background-image:none!important}
body main .x003-route-grid>.rosh-route-card :is(strong,p,span){color:var(--rx26-ink)!important}
body main .x003-route-grid>.rosh-route-card p{color:var(--rx26-ink-2)!important}
body main .x003-principles{background:var(--rx26-surface-2)!important}
body main .x003-dark-panel :is(h2,h3,p){color:var(--rx26-ink)!important}
/* Catalog and part identification: exact-product information outranks decoration. */
body.rosh-x009-catalog main .rosh-catalog-desk-bridge{
 max-width:var(--rx26-max)!important;margin:16px auto!important;
 background:var(--rx26-surface-2)!important;border:1px solid var(--rx26-line)!important;
}
body.rosh-x009-catalog main .rosh-catalog-desk-bridge :is(span,strong){color:var(--rx26-ink)!important}
body.rosh-x009-catalog main .rosh-catalog-desk-bridge a{
 background:var(--rx26-brand)!important;color:#fff!important;
}
body.rosh-x009-catalog main .cx-tile,
body.rosh-x009-catalog main .catalog-shell{background:#fff!important}
body.rosh-x009-catalog main .cx-tile-foot{color:var(--rx26-brand)!important}
body main .quick-shell :is(textarea,pre,code){color:var(--rx26-ink)!important}
body main .quick-intro{color:var(--rx26-ink-2)!important}
/* Product detail: coherent light gallery/specification/purchase layout. */
body:has(.product-page) main .product-page{
 width:min(1400px,calc(100% - var(--rx26-gutter) - var(--rx26-gutter)))!important;
 padding-bottom:var(--rx26-section)!important;
}
body:has(.product-page) main :is(.technical-details,.technical-gallery){
 background:#fff!important;background-image:none!important;color:var(--rx26-ink)!important;
}
body:has(.product-page) main .technical-details :is(h1,h2,h3){
 color:var(--rx26-ink)!important;
}
body:has(.product-page) main .technical-details :is(p,small,.technical-context,.technical-info span){
 color:var(--rx26-ink-2)!important;
}
body:has(.product-page) main .technical-breadcrumb,
body:has(.product-page) main .technical-breadcrumb a{color:var(--rx26-ink-2)!important}
body:has(.product-page) main :is(.technical-thumbnails,.px-gallery-controls){
 background:var(--rx26-surface-2)!important;color:var(--rx26-ink-2)!important;
 border-color:var(--rx26-line)!important;
}
body:has(.product-page) main .px-gallery-controls button{
 background:#fff!important;color:var(--rx26-brand)!important;border-color:var(--rx26-line)!important;
}
body:has(.product-page) main .technical-info{border-bottom:1px solid var(--rx26-line)!important}
/* Buyer HQ, forms, RFQs: consistent enterprise utility hierarchy. */
body main.account-wrap{max-width:1150px!important;width:calc(100% - var(--rx26-gutter) - var(--rx26-gutter))!important;margin:clamp(32px,5vw,72px) auto!important;padding:0 0 var(--rx26-section)!important}
body main.account-wrap h1{font:700 clamp(48px,5vw,73px)/1 var(--rx26-display)!important;letter-spacing:-.02em!important}
body main.account-wrap .account-grid{gap:16px!important}
body main.account-wrap .pane h2{font-size:clamp(27px,3vw,41px)!important}
body main.account-wrap :is(.account-guide,.account-links a){border-radius:var(--rx26-radius-md)!important}
body main.account-wrap :is(.pane label,.quote small){color:var(--rx26-ink-2)!important}
body main .rosh-rfq-review-rail{color:var(--rx26-ink)!important}
body main .rosh-rfq-review-rail :is(.rosh-rfq-rail-disclaimer,.rosh-rfq-decision-hint){color:var(--rx26-ink-2)!important}
/* Ask ROSH: a light technical workbench, no generic chatbot bubbles. */
html body.rosh-intelligence-page{background:var(--rx26-canvas)!important;color:var(--rx26-ink)!important}
html[data-rosh-theme] body.rosh-intelligence-page main#rosh-intelligence{
 --x26-canvas:var(--rx26-canvas);--x26-panel:#fff;
 --x26-border:var(--rx26-line);--x26-text:var(--rx26-ink);
 --x26-muted:var(--rx26-ink-2);--x26-ice:var(--rx26-brand);
 background:var(--rx26-canvas)!important;color:var(--rx26-ink)!important;
}
html[data-rosh-theme] body.rosh-intelligence-page main#rosh-intelligence .ri-intro{max-width:1150px!important;padding-block:clamp(36px,5vw,70px) 30px!important}
html[data-rosh-theme] body.rosh-intelligence-page main#rosh-intelligence .ri-intro h1{
 color:var(--rx26-ink)!important;font-size:clamp(49px,6vw,76px)!important;letter-spacing:-.02em!important;
}
html[data-rosh-theme] body.rosh-intelligence-page main#rosh-intelligence :is(.ri-kicker,.ri-intro-copy>p,.ri-intro-points span){
 color:var(--rx26-ink-2)!important;
}
html[data-rosh-theme] body.rosh-intelligence-page main#rosh-intelligence :is(.ri-intro-aside,.ri-sidebar,.ri-conversation,.ri-insights,.ri-handoff,.ri-final){
 background:#fff!important;background-image:none!important;color:var(--rx26-ink)!important;
 border-color:var(--rx26-line)!important;box-shadow:var(--rx26-shadow)!important;
}
html[data-rosh-theme] body.rosh-intelligence-page main#rosh-intelligence :is(.ri-intro-aside,.ri-shell,.ri-final){max-width:1150px!important}
html[data-rosh-theme] body.rosh-intelligence-page main#rosh-intelligence .ri-shell{
 width:calc(100% - var(--rx26-gutter) - var(--rx26-gutter))!important;gap:14px!important;
}
html[data-rosh-theme] body.rosh-intelligence-page main#rosh-intelligence :is(.ri-conversation-header,.ri-insight-top,.ri-chat,.ri-compose,.ri-side-top){
 background:#fff!important;background-image:none!important;color:var(--rx26-ink)!important;
 border-color:var(--rx26-line)!important;
}
html[data-rosh-theme] body.rosh-intelligence-page main#rosh-intelligence :is(.ri-conversation-header,.ri-sidebar,.ri-insights,.ri-intro-aside) :is(h2,h3,strong,p,small){
 color:var(--rx26-ink)!important;
}
html[data-rosh-theme] body.rosh-intelligence-page main#rosh-intelligence :is(.ri-conversation-header,.ri-sidebar,.ri-insights) small,
html[data-rosh-theme] body.rosh-intelligence-page main#rosh-intelligence :is(.ri-sidebar,.ri-insights,.ri-intro-aside) p{
 color:var(--rx26-ink-2)!important;
}
html[data-rosh-theme] body.rosh-intelligence-page main#rosh-intelligence .ri-agent-monogram{
 background:var(--rx26-brand)!important;border-color:var(--rx26-line)!important;
}
html[data-rosh-theme] body.rosh-intelligence-page main#rosh-intelligence .ri-agent-monogram img{filter:none!important}
html[data-rosh-theme] body.rosh-intelligence-page main#rosh-intelligence .ri-gear-emblem{filter:brightness(0) saturate(1)!important}
html[data-rosh-theme] body.rosh-intelligence-page main#rosh-intelligence :is(.ri-tier,.ri-access-note,.ri-source-state,.ri-welcome,.ri-insight-top,.ri-specialist,.ri-prompts button,.ri-compose-field){
 background:var(--rx26-surface-2)!important;background-image:none!important;
 color:var(--rx26-ink)!important;border-color:var(--rx26-line)!important;
}
/* Text tokens apply to the light workbench, NOT to messages; bubble text inherits its own contrast-safe foreground. */
html[data-rosh-theme] body.rosh-intelligence-page main#rosh-intelligence :is(.ri-welcome,.ri-source-state,.ri-tier,.ri-specialist) :is(h2,h3,strong,p,span){
 color:var(--rx26-ink)!important;
}
html[data-rosh-theme] body.rosh-intelligence-page main#rosh-intelligence :is(.ri-welcome,.ri-source-state,.ri-tier) p{
 color:var(--rx26-ink-2)!important;
}
html[data-rosh-theme] body.rosh-intelligence-page main#rosh-intelligence .ri-specialist.is-active{
 background:var(--rx26-brand-soft)!important;border-color:#99bec9!important;
 box-shadow:inset 3px 0 var(--rx26-brand)!important;
}
html[data-rosh-theme] body.rosh-intelligence-page main#rosh-intelligence :is(.ri-specialist,.ri-prompts button,.ri-mobile-tabs button,#ri-clear,#ri-evidence-toggle){
 border-radius:var(--rx26-radius-sm)!important;color:var(--rx26-ink)!important;
}
html[data-rosh-theme] body.rosh-intelligence-page main#rosh-intelligence .ri-compose{
 background:#fff!important;border-color:var(--rx26-line)!important;
}
html[data-rosh-theme] body.rosh-intelligence-page main#rosh-intelligence .ri-compose-field textarea{
 background:#fff!important;color:var(--rx26-ink)!important;
}
html[data-rosh-theme] body.rosh-intelligence-page main#rosh-intelligence :is(#ri-submit,#ri-handoff-trigger,.ri-form-actions button[type=submit]){
 background:var(--rx26-brand)!important;color:#fff!important;border-color:var(--rx26-brand)!important;
}
html[data-rosh-theme] body.rosh-intelligence-page main#rosh-intelligence :is(.ri-source-foot,.ri-form-grid,.ri-form-actions,.ri-access-note){
 border-color:var(--rx26-line)!important;
}
html[data-rosh-theme] body.rosh-intelligence-page main#rosh-intelligence :is(.ri-chat,.ri-conversation,.ri-sidebar,.ri-insights){
 scrollbar-color:#b6c5c9 transparent;
}
html[data-rosh-theme] body.rosh-intelligence-page main#rosh-intelligence .ri-final{margin-inline:auto!important}
html[data-rosh-theme] body.rosh-intelligence-page main#rosh-intelligence .ri-final :is(h2,p){color:var(--rx26-ink)!important}
/* Editorial and footer system; only below header, no global header selectors. */
body > footer,body footer,body:has(.product-page) footer{
 background:var(--rx26-surface-2)!important;color:var(--rx26-ink-2)!important;
 border-top:1px solid var(--rx26-line)!important;
}
body footer :is(a,span,p,small){color:var(--rx26-ink-2)!important}
body footer a:hover{color:var(--rx26-brand)!important}
body footer .footer-brand-mark{filter:brightness(0) saturate(1)}
/* Responsiveness: layout density responsive to procurement mode, not squeezed desktop. */
@media(max-width:1024px){
 body main .wrap,body main .section.wrap{width:calc(100% - var(--rx26-gutter) - var(--rx26-gutter))}
 body main .x003-route-grid{gap:14px}
 body main .x003-route-grid>.rosh-route-card{min-width:0}
 html[data-rosh-theme] body.rosh-intelligence-page main#rosh-intelligence .ri-shell{max-width:100%!important}
}
@media(max-width:740px){
 body main h1{font-size:clamp(43px,11vw,61px)!important}
 body main :is(.x003-split,.x003-route-grid,.account-grid){grid-template-columns:minmax(0,1fr)!important}
 body.rosh-x009-home main .hero{min-height:440px!important}
 body.rosh-x009-home main .hero-inner{padding-block:55px 65px!important}
 body.rosh-x009-home main .hero h1{font-size:clamp(50px,11.5vw,68px)!important}
 body main .hero-search{flex-wrap:wrap!important}
 body main .hero-search button{min-height:44px}
 body main .x003-masthead .wrap{padding-block:38px 42px!important}
 body main .x003-masthead h1{font-size:clamp(44px,10vw,59px)!important}
 body main :is(.catalog-shell,.quick-shell,.pane,.technical-details){padding:18px!important}
 body main :is(.technical-grid,.account-grid){grid-template-columns:minmax(0,1fr)!important}
 html[data-rosh-theme] body.rosh-intelligence-page main#rosh-intelligence .ri-intro,
 html[data-rosh-theme] body.rosh-intelligence-page main#rosh-intelligence .ri-shell,
 html[data-rosh-theme] body.rosh-intelligence-page main#rosh-intelligence .ri-final{
  width:calc(100% - var(--rx26-gutter) - var(--rx26-gutter))!important;
 }
 html[data-rosh-theme] body.rosh-intelligence-page main#rosh-intelligence .ri-conversation-header{padding:12px 14px!important}
 html[data-rosh-theme] body.rosh-intelligence-page main#rosh-intelligence .ri-sidebar{padding:18px!important}
 html[data-rosh-theme] body.rosh-intelligence-page main#rosh-intelligence .ri-intro h1{font-size:clamp(44px,10vw,60px)!important}
 html[data-rosh-theme] body.rosh-intelligence-page main#rosh-intelligence .ri-conversation{border-radius:var(--rx26-radius-lg)!important}
 html[data-rosh-theme] body.rosh-intelligence-page main#rosh-intelligence .ri-compose{padding:12px!important}
 body main .rosh-rfq-rail-metrics{grid-template-columns:1fr!important}
}
@media(max-width:390px){
 body main .ri-conversation-identity strong{font-size:20px!important}
 body main .ri-intro-points{flex-wrap:wrap}
 body main .catalog-tools>*{min-width:0}
}
@media(prefers-reduced-motion:reduce){
 body main :is(a,button,input,select,textarea,.cx-tile,.rosh-commerce-card){
  transition:none!important;animation:none!important;scroll-behavior:auto!important;
 }
}
/* X-026 contrast certification repair: older X-030 dark masthead rules
   carry high specificity in both theme states. Reset with equivalent
   theme-aware specificity while leaving protected header untouched. */
html[data-rosh-theme] body.rosh-x003 main .x003-masthead h1,
html[data-rosh-theme] body.rosh-x009-catalog main .x003-masthead h1{
 color:var(--rx26-ink)!important;
}
html[data-rosh-theme] body.rosh-x003 main .x003-masthead :is(p,p:last-child),
html[data-rosh-theme] body.rosh-x009-catalog main .x003-masthead :is(p,p:last-child){
 color:var(--rx26-ink-2)!important;
}
html[data-rosh-theme] body.rosh-x003 main .x003-masthead .x003-eyebrow,
html[data-rosh-theme] body.rosh-x009-catalog main .x003-masthead .x003-eyebrow{
 color:var(--rx26-brand)!important;
}
/* Shared conversion section & editorial accent contrast remediation.
   Prevent dark legacy surface backgrounds with dark new text. */
html[data-rosh-theme] body.rosh-x003 main section.x003-bottom-cta,
html[data-rosh-theme] body.rosh-x009-catalog main section.x003-bottom-cta,
html[data-rosh-theme] body.rosh-x009-home main section.x003-bottom-cta{
 background:var(--rx26-surface-2)!important;
 background-image:none!important;
 color:var(--rx26-ink)!important;
 border-color:var(--rx26-line)!important;
}
html[data-rosh-theme] body.rosh-x003 main section.x003-bottom-cta :is(h2,h3,p,strong),
html[data-rosh-theme] body.rosh-x009-catalog main section.x003-bottom-cta :is(h2,h3,p,strong){
 color:var(--rx26-ink)!important;
}
html[data-rosh-theme] body.rosh-x003 main :is(h1,h2,h3) em,
html[data-rosh-theme] body.rosh-x009-catalog main :is(h1,h2,h3) em,
html[data-rosh-theme] body.rosh-x009-home main :is(h1,h2,h3) em,
html[data-rosh-theme] body.rosh-x009-catalog main #catalog :is(h1,h2,h3) em{
 color:var(--rx26-brand)!important;
}
/* Keep native fields light even when the browser's UI preference is dark. */
body main :is(input,select,textarea){color-scheme:light}

/* X-026 / CATALOG CARD CONVERGENCE — light cards in both appearance modes.
   The header remains dark; product identity, pricing and availability are untouched.
   These selectors intentionally outrank legacy html[data-rosh-theme=dark] overrides. */
html[data-rosh-theme] body.rosh-x009-catalog main #products .rosh-commerce-card{
 --co-ink:var(--rx26-ink);--co-sub:var(--rx26-muted);
 --co-edge:var(--rx26-line);--co-surface:#fff;
 background:#fff!important;background-image:none!important;
 color:var(--rx26-ink)!important;
 border:1px solid var(--rx26-line)!important;
 box-shadow:var(--rx26-shadow)!important;
}
html[data-rosh-theme] body.rosh-x009-catalog main #products .rosh-commerce-card .product-body{
 background:#fff!important;color:var(--rx26-ink)!important;
}
html[data-rosh-theme] body.rosh-x009-catalog main #products .rosh-commerce-card .product-photo{
 background:var(--rx26-surface-2)!important;
}
html[data-rosh-theme] body.rosh-x009-catalog main #products .rosh-commerce-card :is(.placeholder,.catalog-photo-fallback){
 background:var(--rx26-surface-2)!important;color:var(--rx26-muted)!important;
}
html[data-rosh-theme] body.rosh-x009-catalog main #products .rosh-commerce-card :is(h3,h3 a,.rosh-commerce-money strong){
 color:var(--rx26-ink)!important;
}
html[data-rosh-theme] body.rosh-x009-catalog main #products .rosh-commerce-card .rosh-commerce-manufacturer{
 color:var(--rx26-brand)!important;
}
html[data-rosh-theme] body.rosh-x009-catalog main #products .rosh-commerce-card :is(.product-sku,.rosh-commerce-status){
 color:var(--rx26-muted)!important;
}
html[data-rosh-theme] body.rosh-x009-catalog main #products .rosh-commerce-card .rosh-commerce-request{
 background:var(--rx26-brand)!important;border-color:var(--rx26-brand)!important;
 color:#fff!important;
}
html[data-rosh-theme] body.rosh-x009-catalog main #products .rosh-commerce-card .rosh-commerce-request:hover{
 background:var(--rx26-brand-hover)!important;
}
html[data-rosh-theme] body.rosh-x009-catalog main #products .rosh-commerce-card .rosh-agent-context-link{
 background:#fff!important;color:var(--rx26-brand)!important;
 border:1px solid #8eb4c0!important;border-radius:12px!important;
}
html[data-rosh-theme] body.rosh-x009-catalog main #products .rosh-commerce-card .rosh-agent-context-link:hover{
 background:var(--rx26-brand-soft)!important;border-color:var(--rx26-brand)!important;
}
/* Grouped product families inherit the same white card system. */
html[data-rosh-theme] body.rosh-x009-catalog main #products .cf-family-card{
 background:#fff!important;color:var(--rx26-ink)!important;
 border-color:var(--rx26-line)!important;
}
html[data-rosh-theme] body.rosh-x009-catalog main #products .cf-family-heading strong{
 color:var(--rx26-ink)!important;
}
html[data-rosh-theme] body.rosh-x009-catalog main #products .cf-family-heading :is(small,span),
html[data-rosh-theme] body.rosh-x009-catalog main #products .cf-sku-identity span{
 color:var(--rx26-muted)!important;
}
html[data-rosh-theme] body.rosh-x009-catalog main #products .cf-family-note,
html[data-rosh-theme] body.rosh-x009-catalog main #products .cf-family-symbol{
 background:var(--rx26-brand-soft)!important;color:var(--rx26-brand)!important;
}
html[data-rosh-theme] body.rosh-x009-catalog main #products .cf-sku-row{
 border-color:var(--rx26-line)!important;
}
html[data-rosh-theme] body.rosh-x009-catalog main #products .cf-sku-actions a{
 color:var(--rx26-brand)!important;
}