/* Robotics and Solutions: scoped content styles and their two navigation menus. */
.robotics-page { --robotics-ink:#0d1117; --robotics-line:#e2e4e8; --robotics-muted:#545b66; }
.robotics-page .section-inner { max-width:1440px; padding-left:32px; padding-right:32px; }
.robotics-page .section { padding:64px 0; }
.robotics-breadcrumbs { padding:22px 0; font-size:13px; color:#5d6470; }
.robotics-breadcrumbs ol { display:flex; flex-wrap:wrap; gap:8px; list-style:none; }
.robotics-breadcrumbs li+li::before { content:'/'; padding-right:8px; color:#8b9098; }
.robotics-breadcrumbs a:hover,.robotics-related-note a,.robotics-text-link { text-decoration:underline; text-underline-offset:4px; }
.robotics-eyebrow { font-size:12px; letter-spacing:1.8px; text-transform:uppercase; font-weight:700; color:#5b6370; margin-bottom:12px; }
.robotics-product-hero { background:#fff; padding:28px 0 56px; }
.robotics-hero-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.1fr); align-items:center; gap:48px; }
.robotics-hero-copy h1,.robotics-category-hero h1 { font-size:clamp(30px,3.4vw,52px); line-height:1.1; max-width:760px; margin-bottom:24px; }
.robotics-intro { font-size:18px; line-height:1.75; color:#4d5560; max-width:780px; }
.robotics-actions { display:flex; flex-wrap:wrap; align-items:center; gap:20px; margin-top:28px; }
.robotics-actions .btn { min-height:50px; height:auto; padding:12px 24px; }
.robotics-text-link { display:inline-flex; align-items:center; min-height:44px; gap:8px; font-weight:600; font-size:14px; }
.robotics-product-image { margin:0; background:#fff; border:1px solid #e2e4e8; border-radius:14px; padding:20px; }
.robotics-product-image img { width:100%; height:auto; object-fit:contain; }
.robotics-section-nav { border-top:1px solid #e2e4e8; border-bottom:1px solid #e2e4e8; background:#fff; }
.robotics-section-nav .section-inner { display:flex; flex-wrap:wrap; gap:8px 30px; }
.robotics-section-nav a { padding:16px 0; font-size:14px; font-weight:600; min-height:48px; }
.robotics-section-heading { max-width:800px; margin-bottom:32px; }
.robotics-section-heading h2 { font-size:30px; margin-bottom:14px; }
.robotics-section-heading>p:not(.robotics-eyebrow) { color:#545b66; line-height:1.7; }
.robotics-gray { background:#f5f5f5; }
.robotics-feature-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.robotics-feature { padding:26px; border:1px solid #e2e4e8; border-radius:12px; background:#fff; }
.robotics-feature h3 { font-size:20px; margin-bottom:14px; line-height:1.3; }
.robotics-feature p { color:#545b66; line-height:1.75; }
.robotics-arrangement-media { width:calc(100% + 52px); margin:18px -26px 20px; }
.robotics-arrangement-media img { display:block; width:100%; height:auto; object-fit:contain; border-radius:0; }
.robotics-table-scroll { max-width:100%; overflow-x:auto; border:1px solid #dce0e5; border-radius:10px; background:#fff; }
.robotics-spec-table { border-collapse:collapse; width:100%; font-size:15px; text-align:left; }
.robotics-spec-table caption { text-align:left; padding:16px 20px; font-weight:600; }
.robotics-spec-table th,.robotics-spec-table td { padding:16px 20px; vertical-align:top; border-top:1px solid #e2e4e8; min-width:140px; }
.robotics-spec-table thead th { background:#0d1117; color:#fff; font-weight:600; }
.robotics-spec-table tbody th { font-weight:600; width:29%; }
.robotics-faq-layout { display:grid; grid-template-columns:1fr 1.6fr; gap:48px; }
.robotics-faq details { border-bottom:1px solid #dce0e5; }
.robotics-faq summary { cursor:pointer; font-weight:600; padding:22px 0; min-height:48px; }
.robotics-faq details p { padding:0 0 22px; color:#545b66; line-height:1.75; }
.robotics-back-link { padding-top:24px; padding-bottom:32px; }
.robotics-related-note { margin-top:28px; color:#545b66; line-height:1.8; }
.robotics-category-hero { padding:52px 0 60px; background:#0d1117; }
.robotics-category-hero h1 { color:#fff; }
.robotics-category-hero .robotics-eyebrow { color:#bec5cd; }
.robotics-category-hero .robotics-intro { color:#d4d8de; }
.robotics-card-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; }
.robotics-card-grid-three { grid-template-columns:repeat(3,minmax(0,1fr)); }
.robotics-card { display:flex; flex-direction:column; border:1px solid #e2e4e8; border-radius:14px; overflow:hidden; background:#fff; transition:box-shadow .2s; }
.robotics-card:hover { box-shadow:0 8px 24px #0d111710; }
.robotics-card-image { padding:20px; background:#fff; }
.robotics-card-image img { width:100%; aspect-ratio:4/3; height:auto; object-fit:contain; }
.robotics-card-body { padding:28px; display:flex; flex:1; flex-direction:column; }
.robotics-card-body h2 { font-size:24px; line-height:1.25; margin-bottom:16px; }
.robotics-card-body>p:not(.robotics-eyebrow) { color:#545b66; line-height:1.75; }
.robotics-card-link { display:block; margin-top:auto; padding-top:24px; font-weight:600; font-size:14px; }
.robotics-page a:focus-visible,.robotics-page summary:focus-visible,.robotics-table-scroll:focus-visible,.hdx-managed-menu a:focus-visible,.hdx-menu-toggle:focus-visible { outline:3px solid #356ac3; outline-offset:4px; }
.nav-list>.hdx-managed-menu { display:flex; align-items:center; position:relative; }
.nav-list>.hdx-managed-menu>a::after { display:none; }
.hdx-menu-toggle { display:inline-flex; align-items:center; justify-content:center; min-width:44px; min-height:44px; padding:0; background:transparent; border:0; color:#0d1117; }
.hdx-managed-menu .hdx-robot-menu { width:560px; min-width:0; max-height:calc(100dvh - 90px); overflow-y:auto; padding:16px 24px; left:50%; transform:translateX(-50%); }
.hdx-managed-menu .hdx-solutions-menu { min-width:265px; }
.hdx-managed-menu:not(.open)>.sub-menu { display:none; }
.hdx-managed-menu.open>.sub-menu { display:block; }
@media(min-width:1025px) {
    .nav-list>.hdx-managed-menu>.hdx-menu-toggle { display:none; }
    .hdx-managed-menu:not(.open):is(:hover,:focus-within)>.sub-menu { display:block; }
}
.hdx-robot-menu .hdx-nav-group { padding:10px 0; border-bottom:1px solid #e2e4e8; }
.hdx-robot-menu .hdx-nav-group:last-child { border-bottom:0; }
.hdx-robot-menu .hdx-nav-group>a { font-weight:700; padding:8px 4px; min-height:44px; }
.hdx-nav-links { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:4px 12px; }
.hdx-nav-links.hdx-nav-links-two { grid-template-columns:repeat(2,minmax(0,1fr)); }
.hdx-nav-links a { font-size:13px; line-height:1.4; padding:8px 4px; min-height:44px; display:flex; align-items:center; }
@media(max-width:1024px) {
    .nav-list>.hdx-managed-menu { display:grid; grid-template-columns:minmax(0,1fr) 44px; }
    .nav-list>.hdx-managed-menu>a { width:100%; }
    .hdx-managed-menu>.sub-menu { grid-column:1/-1; }
    .hdx-managed-menu .hdx-robot-menu { width:100%; max-height:none; padding:0 0 12px; left:auto; transform:none; }
    .hdx-managed-menu .hdx-solutions-menu { min-width:0; }
    .hdx-managed-menu.open>.sub-menu { display:block; }
    .hdx-nav-links { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .robotics-card-grid-three,.robotics-feature-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:768px) {
    .robotics-page .section-inner { padding-left:20px; padding-right:20px; }
    .robotics-page .section { padding:40px 0; }
    .robotics-hero-grid,.robotics-card-grid,.robotics-card-grid-three,.robotics-feature-grid,.robotics-faq-layout { grid-template-columns:minmax(0,1fr); gap:24px; }
    .robotics-product-hero { padding-top:12px; padding-bottom:36px; }
    .robotics-intro { font-size:16px; }
    .robotics-category-hero { padding:36px 0 40px; }
    .robotics-section-heading h2 { font-size:25px; }
    .robotics-section-nav .section-inner { gap:4px 18px; }
    .robotics-section-nav a { font-size:13px; padding:12px 0; }
    .robotics-feature,.robotics-card-body { padding:22px; }
    .robotics-arrangement-media { width:calc(100% + 44px); margin-left:-22px; margin-right:-22px; }
    .robotics-spec-table { font-size:13px; }
    .robotics-spec-table th,.robotics-spec-table td { padding:12px 14px; }
    .robotics-page .about-grid { grid-template-columns:minmax(0,1fr); }
}
@media(prefers-reduced-motion:reduce) { .robotics-card { transition:none; } }

/* Supplier-faithful detail media in the HEADUX Solutions visual rhythm. */
.robotics-source-hero { position:relative; overflow:hidden; background:#111; }
.robotics-source-hero picture,.robotics-source-hero picture img { display:block; width:100%; }
.robotics-source-hero picture { aspect-ratio:9/4; }
.robotics-source-hero picture img { height:100%; object-fit:cover; object-position:center bottom; }
.robotics-source-hero-copy { position:absolute; z-index:1; top:10%; left:0; right:0; text-align:center; color:#fff; }
.robotics-source-hero-copy .robotics-eyebrow { color:inherit; opacity:.9; }
.robotics-source-hero-copy h1 { color:inherit; font-size:clamp(30px,4.3vw,60px); line-height:1.1; margin:0 auto 16px; max-width:1050px; white-space:nowrap; letter-spacing:-.02em; text-shadow:0 2px 18px #0007; }
.robotics-source-hero-copy>p:last-child { font-size:clamp(15px,1.5vw,22px); font-weight:600; line-height:1.5; text-shadow:0 2px 10px #0008; }
.robotics-source-hero--laser-welding-robots .robotics-source-hero-copy { color:#111820; }
.robotics-source-hero--laser-welding-robots .robotics-source-hero-copy h1,.robotics-source-hero--laser-welding-robots .robotics-source-hero-copy>p:last-child { text-shadow:0 1px 15px #fff9; }
.robotics-source-hero--g-series .robotics-source-hero-copy>p:last-child { display:inline-block; padding:8px 16px; border-radius:4px; background:#0d1117c9; }
.robotics-source-heading { max-width:1000px; margin:0 auto 34px; text-align:center; }
.robotics-source-heading h2,.robotics-source-media-copy h2 { font-size:clamp(27px,2.7vw,40px); line-height:1.18; margin-bottom:14px; }
.robotics-source-heading>p,.robotics-source-media-copy>p { color:#545b66; line-height:1.75; margin-bottom:14px; }
.robotics-source-highlight { text-align:center; background:#fff; }
.robotics-source-highlight>.section-inner>p { max-width:900px; margin:0 auto 24px; color:#545b66; line-height:1.75; }
.robotics-source-highlight-media { position:relative; margin:32px auto 0; max-width:1120px; }
.robotics-source-highlight-media img { display:block; width:100%; height:auto; border-radius:8px; }
.robotics-source-slide-number { position:absolute; bottom:16px; left:16px; min-width:32px; min-height:32px; padding:5px; border-radius:50%; background:#0d1117; color:#fff; font-size:14px; }
.robotics-motion-toggle { position:absolute; bottom:16px; right:16px; min-height:44px; padding:9px 16px; border:1px solid #fff; border-radius:6px; background:#0d1117; color:#fff; font-size:14px; font-weight:600; cursor:pointer; }
.robotics-motion-toggle:focus-visible { outline:3px solid #356ac3; outline-offset:3px; }
.robotics-source-media-section { background:#f5f5f5; }
.robotics-source-media-section.robotics-source-media-reverse { background:#fff; }
.robotics-source-media-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.1fr); gap:54px; align-items:center; }
.robotics-source-media-grid>figure { margin:0; }
.robotics-source-media-grid>figure img { display:block; width:100%; height:auto; border-radius:8px; }
.robotics-source-media-reverse .robotics-source-media-grid>figure { grid-column:1; grid-row:1; }
.robotics-source-media-reverse .robotics-source-media-copy { grid-column:2; grid-row:1; }
.robotics-source-media-copy>p { margin:0 0 17px; }
.robotics-source-media-copy .robotics-source-subtitle { font-weight:600; color:#28313b; }
.robotics-source-gallery-section:nth-of-type(even) { background:#f5f5f5; }
.robotics-source-gallery { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px; }
.robotics-source-scenes-section .robotics-source-gallery { display:flex; flex-wrap:nowrap; overflow-x:auto; padding-bottom:12px; scroll-snap-type:x proximity; }
.robotics-source-scenes-section .robotics-source-gallery-card { flex:0 0 max(220px,calc((100% - 88px)/5)); scroll-snap-align:start; }
.robotics-source-scenes-section .robotics-source-gallery:focus-visible { outline:3px solid #356ac3; outline-offset:4px; }
.robotics-source-gallery-card { display:flex; flex-direction:column; min-width:0; background:#fff; border:1px solid #e2e4e8; border-radius:10px; overflow:hidden; color:#0d1117; }
.robotics-source-gallery-card figure { margin:0; background:#f7f7f7; }
.robotics-source-gallery-card img { display:block; width:100%; aspect-ratio:1; height:auto; object-fit:contain; }
.robotics-source-examples-section .robotics-source-gallery-card img { aspect-ratio:1; object-fit:cover; }
.robotics-source-gallery-copy { padding:20px; }
.robotics-source-gallery-copy h3 { font-size:18px; line-height:1.35; margin-bottom:8px; }
.robotics-source-gallery-copy p { font-size:14px; line-height:1.6; color:#545b66; }
a.robotics-source-gallery-card:hover { box-shadow:0 8px 24px #0d11171a; }
.robotics-source-specs { background:#f5f5f5; }
.robotics-source-configurations { display:flex; flex-wrap:wrap; justify-content:center; gap:20px; margin-bottom:34px; }
.robotics-source-configuration { flex:1 1 220px; max-width:380px; min-width:0; margin:0; padding:18px; background:#fff; border:1px solid #e2e4e8; border-radius:10px; text-align:center; }
.robotics-source-configuration img { display:block; width:100%; height:230px; object-fit:contain; }
.robotics-source-detail--g-series .robotics-source-configuration img { aspect-ratio:1; height:auto; object-fit:cover; object-position:center bottom; }
.robotics-source-configuration figcaption { font-weight:600; line-height:1.4; margin-top:12px; }
@media(max-width:1024px) {
    .robotics-source-gallery { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:768px) {
    .robotics-source-hero picture { aspect-ratio:5/6; }
    .robotics-source-hero--arc-welding-robots picture { aspect-ratio:1/1; }
    .robotics-source-hero--laser-welding-robots .robotics-source-hero-copy { color:#fff; }
    .robotics-source-hero--laser-welding-robots .robotics-source-hero-copy h1,.robotics-source-hero--laser-welding-robots .robotics-source-hero-copy>p:last-child { text-shadow:0 2px 10px #0009; }
    .robotics-source-hero-copy { top:8%; }
    .robotics-source-hero-copy h1 { font-size:clamp(14px,4.2vw,34px); margin-bottom:10px; }
    .robotics-source-hero--arc-welding-robots .robotics-source-hero-copy h1,.robotics-source-hero--laser-welding-robots .robotics-source-hero-copy h1 { font-size:clamp(17px,5.4vw,35px); }
    .robotics-source-hero-copy>p:last-child { font-size:14px; }
    .robotics-source-media-grid { grid-template-columns:minmax(0,1fr); gap:24px; }
    .robotics-source-media-reverse .robotics-source-media-grid>figure,.robotics-source-media-reverse .robotics-source-media-copy { grid-column:auto; grid-row:auto; }
    .robotics-source-media-grid>figure { order:2; }
    .robotics-source-gallery { gap:14px; }
    .robotics-source-gallery-copy { padding:16px; }
    .robotics-source-configuration img { height:190px; }
}
@media(max-width:480px) {
    .robotics-source-hero-copy { top:6%; }
    .robotics-source-hero-copy .robotics-eyebrow { font-size:10px; margin-bottom:8px; }
    .robotics-source-gallery { grid-template-columns:minmax(0,1fr); }
    .robotics-source-gallery-card img { aspect-ratio:4/3; }
}
@media(min-width:769px) {
    .robot-mob-section .cat-banner-img { aspect-ratio:32/15; object-fit:cover; object-position:center bottom; }
}