/* Approved stainless finish, 2026-09-28. Public subpages only. */
:root{--steel-surface:repeating-linear-gradient(45deg,rgba(255,255,255,.025) 0,rgba(255,255,255,.025) 1px,rgba(67,75,81,.008) 1px,rgba(67,75,81,.008) 3px),linear-gradient(45deg,#d3d8db 0%,#e4e7e9 35%,#eceeef 55%,#d8dde0 100%);--steel-ink:#202c33;--steel-line:#b4bdc3}
body :is(.catalog-page-hero h1,.technical-hub>.container>h1,.about-company .page-title h1,.category-card-body,.technical-card-banner,.material-choice-title,.history-date,.material-blue,.product-group-badge,.product-badge.group,.btn,.pdf-button,.careers-button,.other-detail-button,.material-products-link,.material-primary,.about-actions>a:not(.secondary),.company-end>a,.company-subnav a[aria-current=page],.material-browse-tabs a[aria-current=page],.about-intro figcaption,.careers-section figcaption,.other-detail-section figcaption,.contact-enquiry figcaption){background:var(--steel-surface)!important;color:var(--steel-ink)!important;border-color:var(--steel-line)!important;box-shadow:inset 0 1px 0 #ffffffb3}
body :is(.category-card-body,.technical-card-banner,.material-choice-title,.product-group-badge,.product-badge.group,.material-blue,.btn,.pdf-button) :is(h2,h3,p,span,.more-link){color:var(--steel-ink)!important}
body :is(.catalog-page-hero h1,.technical-hub>.container>h1,.about-company .page-title h1){border:1px solid #abb4ba;text-shadow:0 1px 0 #ffffffa6}
body :is(.category-card,.product-tile,.material-choice-card,.company-value,.team-card,.contact-shortcuts>a,.responsibility-links a,.careers-section figure,.other-detail-section figure,.contact-enquiry figure){border-color:var(--steel-line)!important}
body .hydraulic-catalog .product-tile,body.hydraulic-catalog .product-tile{background:var(--steel-surface)!important}
body :is(.product-tile-label,.product-tile-wp,.product-tile-standard){color:var(--steel-ink)!important}
body :is(.category-card-body,.material-choice-title){border-top:1px solid var(--steel-line)}
body :is(.category-card,.product-tile):hover{border-color:#778791!important;box-shadow:0 6px 20px #17232a16}
body :is(.material-navigation,.material-empty,.material-notice,.material-dialog .material-option,.about-proof,.about-responsibility,.story-block,.legal-download,.legal-contact,.contact-shortcuts>a,.enquiry-panel,.contact-practical article,.careers-benefits article,.other-specifications dl>div,.material-panels){background:#f3f4f4!important;border-color:#c4cbcf!important}
body :is(.material-navigation select,.material-browse-tabs a,.company-subnav a,.material-dialog){border-color:var(--steel-line)!important}
body .material-browse-tabs a{color:#33434d!important}
body #intermec-product th{background:#eef0f1!important}
body :is(.btn,.pdf-button,.careers-button,.other-detail-button):hover{filter:brightness(.96)}
body .precision-page figcaption{background:var(--steel-surface)!important;color:var(--steel-ink)!important}
body .precision-page figure{border-color:var(--steel-line)!important}
body .technical-cards .category-card-body{background:#fff!important;box-shadow:none}
/* Centre short card collections without enlarging their normal column width. */
body :is(.product-grid,.catalog-hub,.technical-cards){--card-columns:3;--card-gap:18px}
body .catalog-hub{--card-gap:16px}
body .grid-2.catalog-hub{--card-columns:2}
body .technical-cards{--card-gap:24px}
body .material-family .technical-cards{--card-columns:5;--card-gap:16px}
body :is(.product-grid,.catalog-hub,.technical-cards):has(> :first-child):not(:has(> :nth-child(4))){display:flex;flex-wrap:wrap;justify-content:center}
body :is(.product-grid,.catalog-hub,.technical-cards):not(:has(> :nth-child(4))) > :is(.product-tile,.category-card){flex:0 0 calc((100% - (var(--card-columns) - 1)*var(--card-gap))/var(--card-columns));min-width:0;box-sizing:border-box}
@media(min-width:1200px){body.hydraulic-catalog[data-product-overview] :is(.product-grid,.catalog-hub){--card-columns:4}}
@media(max-width:1100px){body .material-family .technical-cards{--card-columns:3}}
@media(max-width:900px){body .technical-cards{--card-columns:2}}
@media(max-width:860px){body .product-grid{--card-columns:2}body .catalog-hub{--card-columns:1}}
@media(max-width:750px){body .material-family .technical-cards{--card-columns:2}}
@media(max-width:600px){body .technical-cards{--card-columns:1}}
@media(max-width:560px){body .product-grid{--card-columns:1}}
@media(max-width:420px){body .material-family .technical-cards{--card-columns:1}}
/* Material identity uses the same stainless finish as the product group. */
body :is(.material-badge,.material-dark,.product-badge.material){background:var(--steel-surface)!important;color:#000!important;border-color:var(--steel-line)!important;box-shadow:inset 0 1px 0 #ffffffb3}
body :is(.material-badge,.material-dark,.product-badge.material) *{color:#000!important}
/* Matching three-row product and material identity boxes. */
body #intermec-product :is(.product-group-badge,.material-badge){display:inline-grid!important;grid-template-rows:20px minmax(44px,1fr) 32px;align-items:center!important;justify-items:center;justify-content:normal!important;gap:4px;width:220px;min-height:140px;padding:14px 16px!important;box-sizing:border-box;color:#000!important;text-decoration:none}
body #intermec-product :is(.product-group-badge,.material-badge)>span:first-child{font-size:11.2px!important;font-weight:700!important;letter-spacing:.13em!important;line-height:1.4!important}
body #intermec-product :is(#group,#material-label){font-size:32px!important;font-weight:800!important;line-height:1.1!important;letter-spacing:.02em!important;white-space:normal!important;overflow-wrap:anywhere}
body #intermec-product :is(#series,#material-description){font-size:14px!important;font-weight:600!important;line-height:1.3!important;transform:none!important;margin:0!important;color:#000!important}
body #intermec-product a.material-badge:hover{filter:brightness(.96)}
body #intermec-product a.material-badge:focus-visible{outline:3px solid #008acd;outline-offset:3px}
@media(max-width:600px){body #intermec-product :is(.product-group-badge,.material-badge){width:180px}}
/* Override legacy pressure-selector typography equally for all three rows. */
body #intermec-product .product-identity :is(.product-group-badge,.material-badge){padding:14px 10px!important;font-family:var(--font-body,Inter,Arial,sans-serif)!important}
body #intermec-product .product-identity :is(.product-group-badge,.material-badge)>span:first-child{font:700 11.2px/1.4 var(--font-body,Inter,Arial,sans-serif)!important;letter-spacing:.06em!important}
body #intermec-product .product-identity :is(.product-group-badge,.material-badge) :is(#group,#material-label){font:800 32px/1.1 var(--font-body,Inter,Arial,sans-serif)!important;letter-spacing:.02em!important}
body #intermec-product .product-identity :is(.product-group-badge,.material-badge) :is(#series,#material-description){font:600 19.6px/1.3 var(--font-body,Inter,Arial,sans-serif)!important;letter-spacing:normal!important;transform:none!important;margin:0!important}
body #intermec-product .product-identity:has(.pressure-control-group) :is(.pressure-control-group,.material-control-group){flex:1 1 0;min-width:0}
/* Compact identity boxes: about 25% lower, with room for wrapped material names. */
body #intermec-product .hero .fineprint{font-size:16.5px;font-weight:700}
body #intermec-product .product-identity :is(.product-group-badge,.material-badge){min-height:105px;grid-template-rows:minmax(16px,auto) minmax(36px,1fr) minmax(22px,auto);gap:3px;padding:10px 10px!important}
/* Locked 2026-09-28: identity boxes and selector buttons stay 105px high. */
body #intermec-product .product-identity :is(.product-group-badge,.material-badge,.material-change-button,.pressure-control-group,.material-control-group){height:105px!important;min-height:105px!important;max-height:105px!important;box-sizing:border-box}
body #intermec-product .product-identity :is(.product-group-badge,.material-badge){grid-template-rows:16px minmax(0,1fr) 26px;gap:2px;padding:8px 10px!important}
body #intermec-product .product-identity .material-change-button{padding:4px 3px!important;gap:4px!important;line-height:1.4}
/* Item selection keeps its behaviour without link-style typography. */
body #intermec-product .material-size-choice{color:inherit;text-decoration:none!important}
body #intermec-product .standard-badges{gap:10px;flex-wrap:wrap}
body #intermec-product .standard-badge{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 16px;box-sizing:border-box;background:var(--steel-surface);border:1px solid var(--steel-line);border-radius:5px;color:#000;font:600 13px/1.4 var(--font-body,Inter,Arial,sans-serif)}

/* Product content blocks: 8 mm between blocks on screen, approved 2026-09-29. */
@media screen {
 body #intermec-product > #dimensions{padding-bottom:0}
 body #intermec-product > :is(#specifications,#technical,#sleeves){padding-top:8mm;padding-bottom:0;margin-top:0;margin-bottom:0}
 body #intermec-product #dimensions > .datasheet-download-row{margin-bottom:0!important}
}

/* Keep material names and descriptions inside the locked 105px identity box. */
body #intermec-product .product-identity .material-badge{grid-template-rows:16px minmax(0,1fr) 26px;min-width:0}
body #intermec-product .product-identity .material-badge #material-label{font:800 20px/1.1 var(--font-body,Inter,Arial,sans-serif)!important;letter-spacing:0!important;white-space:normal!important;overflow-wrap:normal;max-width:100%;min-width:0}
body #intermec-product .product-identity .material-badge #material-description{font:500 12px/1.1 var(--font-body,Inter,Arial,sans-serif)!important;letter-spacing:0!important;max-width:100%;white-space:normal}

/* Titanium material name: keep the grade on the second line. */
body #intermec-product .product-identity .material-badge[href*="material-titanium-grade-"] #material-label{max-width:120px}