:root { --red:#e30613; --red-dark:#b9000a; --ink:#101418; --slate:#252c32; --muted:#667078; --line:#dfe3e6; --soft:#f2f4f5; --white:#fff; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:white; font-family:Arial,Helvetica,sans-serif; }
a { color:inherit; text-decoration:none; }
img { display:block; max-width:100%; }

.site-header { height:88px; padding:0 clamp(24px,6vw,88px); display:flex; align-items:center; justify-content:space-between; gap:24px; background:rgba(255,255,255,.97); border-bottom:1px solid #eceff1; position:sticky; top:0; z-index:50; backdrop-filter:blur(12px); }
.brand { display:inline-flex; align-items:center; flex:0 0 auto; }
.brand img { width:192px; height:auto; aspect-ratio:200 / 54; display:block; object-fit:contain; }
nav { display:flex; align-items:center; gap:clamp(16px,2vw,32px); font-size:13px; font-weight:700; }
nav a:hover { color:var(--red); }
.nav-cta { padding:13px 20px; color:white!important; background:var(--red); }
.mobile-menu { display:none; }
.mobile-language-menu { display:none; }
.language-switcher { flex:0 0 auto; display:flex; align-items:center; gap:3px; padding:4px; background:#eef0f1; border:1px solid #dce1e4; }
.language-switcher button,.language-switcher a { width:31px; height:30px; padding:0; display:flex; align-items:center; justify-content:center; color:#5d666c; background:transparent; border:0; font:700 10px/1 Arial,Helvetica,sans-serif; cursor:pointer; touch-action:manipulation; -webkit-tap-highlight-color:transparent; }
.language-switcher button:hover,.language-switcher a:hover { color:var(--ink); background:white; }
.language-switcher button[aria-pressed="true"],.language-switcher a[aria-current="page"] { color:white; background:var(--red); }

/* Product categories submenu */
.nav-products { position:relative; display:flex; align-items:center; align-self:stretch; }
.nav-products-trigger { height:88px; display:flex; align-items:center; gap:5px; }
.nav-products-trigger span { color:var(--red); font-size:10px; transition:transform .2s; }
.products-submenu { width:360px; max-height:calc(100vh - 108px); padding:9px; display:grid; position:absolute; top:calc(100% - 1px); left:-18px; overflow-y:auto; visibility:hidden; opacity:0; transform:translateY(8px); background:white; border:1px solid #dce1e4; border-top:3px solid var(--red); box-shadow:0 22px 55px rgba(15,22,27,.18); transition:opacity .18s,transform .18s,visibility .18s; }
.products-submenu a { min-height:38px; padding:7px 10px; display:grid; grid-template-columns:30px 1fr; gap:8px; align-items:center; color:#273139; border-bottom:1px solid #edf0f2; font-size:12px; line-height:1.25; }
.products-submenu a:last-child { border-bottom:0; }
.products-submenu a span { color:var(--red); font-size:10px; font-weight:900; }
.products-submenu a b { font-weight:750; }
.products-submenu a:hover,.products-submenu a:focus-visible { color:var(--red); background:#f6f8f9; outline:0; }
.nav-products:hover .products-submenu,.nav-products:focus-within .products-submenu { visibility:visible; opacity:1; transform:translateY(0); }
.nav-products.submenu-force-closed .products-submenu { visibility:hidden !important; opacity:0 !important; transform:translateY(8px) !important; pointer-events:none; }
.nav-products:hover .nav-products-trigger span,.nav-products:focus-within .nav-products-trigger span { transform:rotate(180deg); }
.nav-products.submenu-force-closed .nav-products-trigger span { transform:rotate(0) !important; }

.mobile-products-submenu { border-bottom:1px solid #edf0f2; }
.mobile-products-submenu summary { min-height:50px; padding:0 18px; display:flex; align-items:center; justify-content:space-between; color:#20292f; font-size:14px; font-weight:750; cursor:pointer; list-style:none; }
.mobile-products-submenu summary::-webkit-details-marker { display:none; }
.mobile-products-submenu summary::after { content:"▾"; color:var(--red); font-size:12px; transition:transform .2s; }
.mobile-products-submenu[open] summary::after { transform:rotate(180deg); }
.mobile-products-links { max-height:55vh; overflow-y:auto; background:#f6f8f9; border-top:1px solid #e8ecee; }
.mobile-menu-panel .mobile-products-links a { min-height:40px; padding:7px 14px 7px 24px; color:#3e484e; background:transparent; border-bottom:1px solid #e6eaec; font-size:12px; font-weight:700; line-height:1.3; }
.mobile-menu-panel .mobile-products-links a:last-child { margin-top:0; color:#3e484e; background:transparent; border-bottom:0; }
.mobile-menu-panel .mobile-products-links a:hover { color:var(--red); background:white; }
.mobile-menu-panel .mobile-products-submenu { width:100%; margin:0; display:block; border-bottom:1px solid #edf0f2; }
.mobile-menu-panel .mobile-products-submenu > summary { width:100%; min-width:0; min-height:50px; margin:0; padding:0 18px; display:flex; align-items:center; justify-content:space-between; color:#20292f; background:transparent; border:0; border-radius:0; font-size:14px; font-weight:750; line-height:1.2; text-align:left; cursor:pointer; list-style:none; }
.mobile-menu-panel .mobile-products-submenu > summary:hover,.mobile-menu-panel .mobile-products-submenu > summary:focus-visible { color:#20292f; background:#f7f8f9; outline:0; }
.mobile-menu-panel .mobile-products-submenu > summary::before { content:none; }
.mobile-menu-panel .mobile-products-submenu > summary::after { content:"▾"; margin-left:12px; color:#7a858b; font-size:12px; transition:transform .22s ease; }
.mobile-menu-panel .mobile-products-submenu[open] > summary::after { transform:rotate(180deg); }
.mobile-menu-panel .mobile-products-links { max-height:min(54vh,460px); overflow-y:auto; background:#f8f9fa; }
.mobile-menu-panel .mobile-products-submenu:not([open]) > .mobile-products-links { display:none !important; }
.mobile-menu-panel .mobile-products-submenu[open] > .mobile-products-links { display:block; }

/* Simple submenu: Solutions */
.nav-solutions { position:relative; display:flex; align-items:center; align-self:stretch; }
.nav-solutions-trigger { height:88px; display:flex; align-items:center; gap:5px; }
.nav-solutions-trigger span { color:var(--red); font-size:10px; transition:transform .2s; }
.solutions-submenu { width:290px; padding:9px; display:grid; position:absolute; top:calc(100% - 1px); left:-18px; visibility:hidden; opacity:0; transform:translateY(8px); background:white; border:1px solid #dce1e4; border-top:3px solid var(--red); box-shadow:0 22px 55px rgba(15,22,27,.18); transition:opacity .18s,transform .18s,visibility .18s; }
.solutions-submenu a { min-height:42px; padding:8px 10px; display:grid; grid-template-columns:30px 1fr; gap:8px; align-items:center; color:#273139; border-bottom:1px solid #edf0f2; font-size:12px; line-height:1.25; }
.solutions-submenu a:last-child { border-bottom:0; }
.solutions-submenu a span { color:var(--red); font-size:10px; font-weight:900; }
.solutions-submenu a b { font-weight:750; }
.solutions-submenu a:hover,.solutions-submenu a:focus-visible { color:var(--red); background:#f6f8f9; outline:0; }
.nav-solutions:hover .solutions-submenu,.nav-solutions:focus-within .solutions-submenu { visibility:visible; opacity:1; transform:translateY(0); }
.nav-solutions.submenu-force-closed .solutions-submenu { visibility:hidden !important; opacity:0 !important; transform:translateY(8px) !important; pointer-events:none; }
.nav-solutions:hover .nav-solutions-trigger span,.nav-solutions:focus-within .nav-solutions-trigger span { transform:rotate(180deg); }
.nav-solutions.submenu-force-closed .nav-solutions-trigger span { transform:rotate(0) !important; }

.mobile-solutions-submenu { width:100%; margin:0; display:block; border-bottom:1px solid #edf0f2; }
.mobile-menu-panel .mobile-solutions-submenu > summary { width:100%; min-width:0; min-height:50px; margin:0; padding:0 18px; display:flex; align-items:center; justify-content:space-between; color:#20292f; background:transparent; border:0; border-radius:0; font-size:14px; font-weight:750; line-height:1.2; text-align:left; cursor:pointer; list-style:none; }
.mobile-menu-panel .mobile-solutions-submenu > summary::-webkit-details-marker { display:none; }
.mobile-menu-panel .mobile-solutions-submenu > summary:hover,.mobile-menu-panel .mobile-solutions-submenu > summary:focus-visible { color:#20292f; background:#f7f8f9; outline:0; }
.mobile-menu-panel .mobile-solutions-submenu > summary::before { content:none; }
.mobile-menu-panel .mobile-solutions-submenu > summary::after { content:"▾"; margin-left:12px; color:#7a858b; font-size:12px; transition:transform .22s ease; }
.mobile-menu-panel .mobile-solutions-submenu[open] > summary::after { transform:rotate(180deg); }
.mobile-menu-panel .mobile-solutions-links { background:#f8f9fa; border-top:1px solid #e8ecee; }
.mobile-menu-panel .mobile-solutions-submenu:not([open]) > .mobile-solutions-links { display:none !important; }
.mobile-menu-panel .mobile-solutions-submenu[open] > .mobile-solutions-links { display:block; }
.mobile-menu-panel .mobile-solutions-links a { min-height:40px; padding:7px 14px 7px 24px; color:#3e484e; background:transparent; border-bottom:1px solid #e6eaec; font-size:12px; font-weight:700; line-height:1.3; }
.mobile-menu-panel .mobile-solutions-links a:last-child { margin-top:0; color:#3e484e; background:transparent; border-bottom:0; }
.mobile-menu-panel .mobile-solutions-links a:hover { color:var(--red); background:white; }
.service-card[id] { scroll-margin-top:110px; }

.hero { min-height:720px; position:relative; overflow:hidden; color:white; background:#151a1e; }
.hero::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(13,17,20,.96),rgba(13,17,20,.82) 48%,rgba(13,17,20,.2)); }
.hero-slides,.hero-slide { position:absolute; inset:0; }
.hero-slides { z-index:0; overflow:hidden; background:#151a1e url('assets/hero-factory-night-process.webp') center/cover no-repeat; }
.hero-slide { opacity:0; background-position:center; background-size:cover; background-repeat:no-repeat; filter:saturate(.86) contrast(1.05); animation:hero-rotation 35s infinite; transform:scale(1.018); }
.hero-slide-1 { background-image:url('assets/hero-factory-night-process.webp'); animation-delay:0s; }
.hero-slide-2 { background-image:url('assets/hero-factory-night-automation.webp'); animation-delay:7s; }
.hero-slide-3 { background-image:url('assets/hero-factory-day-manufacturing.webp'); animation-delay:14s; }
.hero-slide-4 { background-image:url('assets/hero-factory-day-food.webp'); animation-delay:21s; }
.hero-slide-5 { background-image:url('assets/hero-factory-twilight-energy.webp'); animation-delay:28s; }
@keyframes hero-rotation {
  0% { opacity:0; transform:scale(1.018); }
  3% { opacity:1; }
  20% { opacity:1; transform:scale(1.055); }
  23% { opacity:0; }
  100% { opacity:0; transform:scale(1.055); }
}
.hero-grid { position:absolute; inset:0; z-index:1; opacity:.12; background-image:linear-gradient(rgba(255,255,255,.28) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.28) 1px,transparent 1px); background-size:72px 72px; }
.hero-content { position:relative; z-index:2; width:min(720px,55vw); padding:112px 0 140px clamp(24px,8vw,120px); }
.eyebrow { margin:0 0 22px; color:#ff6670; font-size:12px; font-weight:800; letter-spacing:.18em; text-transform:uppercase; }
.eyebrow.dark { color:var(--red); }
.hero h1 { margin:0; font-size:clamp(52px,6.3vw,92px); line-height:.98; letter-spacing:-.055em; font-weight:720; }
.hero h1 span { display:block; color:#aeb5ba; }
.hero-copy { max-width:640px; margin:30px 0 0; color:#d0d5d8; font-size:19px; line-height:1.7; }
.hero-actions { display:flex; flex-wrap:wrap; gap:14px; margin-top:36px; }
.button { display:inline-flex; justify-content:center; align-items:center; gap:11px; min-height:52px; padding:0 24px; font-size:14px; font-weight:750; transition:transform .2s,background .2s; }
.button:hover { transform:translateY(-2px); }
.relepro-button-logo { width:112px; height:auto; max-height:29px; object-fit:contain; flex:0 0 auto; background:transparent; }
.button-primary { background:var(--red); color:white; }
.button-primary:hover { background:var(--red-dark); }
.button-ghost { border:1px solid rgba(255,255,255,.35); color:white; }
.button-light { background:white; color:var(--ink); }
.button.full { width:100%; }
.hero-card { position:absolute; z-index:3; right:clamp(24px,7vw,104px); top:110px; width:min(370px,31vw); padding:38px; color:var(--ink); background:white; box-shadow:0 28px 80px rgba(0,0,0,.32); }
.siemens-logo { width:225px; height:82px; object-fit:contain; object-position:left center; }
.card-kicker { margin:24px 0 8px; color:var(--red); text-transform:uppercase; letter-spacing:.12em; font-size:11px; font-weight:800; }
.hero-card h2 { margin:0; font-size:29px; line-height:1.12; letter-spacing:-.03em; }
.hero-card p:not(.card-kicker) { color:var(--muted); font-size:15px; line-height:1.65; }
.hero-card .hero-silver-level { display:inline-flex; margin:6px 0 0; padding:7px 13px; color:#1c262c; background:linear-gradient(135deg,#f3f5f6,#b8c0c5); border:1px solid #a3adb2; font-size:10px; font-weight:900; letter-spacing:.14em; line-height:1; text-transform:uppercase; }
.hero-card>a { display:flex; justify-content:space-between; margin-top:28px; padding-top:20px; border-top:1px solid var(--line); font-size:13px; font-weight:750; }
.hero-card>a span { color:var(--red); font-size:19px; }
.trust-strip { position:absolute; z-index:4; bottom:0; left:0; right:0; min-height:112px; padding:0 clamp(24px,8vw,120px); display:grid; grid-template-columns:repeat(4,1fr); align-items:center; background:rgba(9,12,14,.88); border-top:1px solid rgba(255,255,255,.12); }
.trust-strip div { display:flex; flex-direction:column; padding-left:26px; border-left:2px solid var(--red); }
.trust-strip strong { font-size:22px; }
.trust-strip span { margin-top:4px; color:#aeb5ba; font-size:12px; text-transform:uppercase; letter-spacing:.08em; }

.section { padding:112px clamp(24px,8vw,120px); }
.section-heading { display:grid; grid-template-columns:1.25fr .75fr; gap:90px; align-items:end; }
.section-heading h2,.company h2,.certifications h2 { margin:0; font-size:clamp(38px,4vw,60px); line-height:1.05; letter-spacing:-.045em; }
.section-heading>p { margin:0; color:var(--muted); font-size:17px; line-height:1.7; }
.service-grid { margin-top:64px; display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }
.service-card { min-height:420px; padding:0; display:flex; flex-direction:column; overflow:hidden; border-right:1px solid var(--line); border-bottom:1px solid var(--line); transition:.25s; background:white; }
.service-card:hover { transform:translateY(-5px); z-index:2; box-shadow:0 22px 60px rgba(20,27,32,.12); }
.service-image { width:100%; height:auto; aspect-ratio:auto; display:block; object-fit:contain; flex:0 0 auto; }
.service-card-body { min-height:230px; padding:25px 30px 28px; display:flex; flex:1; flex-direction:column; }
.service-card-body>span { color:var(--red); font-family:var(--font-geist-mono); font-size:12px; }
.service-card h3 { margin:25px 0 13px; font-size:23px; letter-spacing:-.025em; }
.service-card p { margin:0; color:var(--muted); font-size:15px; line-height:1.7; }
.service-card a { margin-top:auto; font-size:13px; font-weight:750; }

.product-catalog { padding:112px clamp(24px,8vw,120px); background:#f5f6f7; border-top:1px solid var(--line); }
.catalog-heading { display:grid; grid-template-columns:1.15fr .85fr; gap:90px; align-items:end; }
.catalog-heading h2 { margin:0; font-size:clamp(42px,4.5vw,66px); line-height:1.02; letter-spacing:-.05em; }
.catalog-heading>p { margin:0; max-width:620px; color:var(--muted); font-size:17px; line-height:1.7; }
.category-index { margin-top:64px; display:grid; grid-template-columns:repeat(2,1fr); border-top:1px solid #cfd4d7; border-left:1px solid #cfd4d7; background:white; }
.category-group { min-height:310px; padding:30px 34px; border-right:1px solid #cfd4d7; border-bottom:1px solid #cfd4d7; }
.category-title { min-height:62px; display:grid; grid-template-columns:42px 1fr; gap:14px; align-items:start; }
.category-title>span { padding-top:3px; color:var(--red); font-family:var(--font-geist-mono); font-size:11px; font-weight:800; }
.category-title h3 { margin:0; max-width:430px; font-size:22px; line-height:1.2; letter-spacing:-.025em; }
.category-group ul { margin:22px 0 0 56px; padding:0; list-style:none; columns:2; column-gap:28px; }
.category-group li { break-inside:avoid; position:relative; padding:0 0 11px 14px; color:#505a61; font-size:15px; line-height:1.5; }
.category-group li::before { content:""; position:absolute; left:0; top:.52em; width:5px; height:5px; background:var(--red); }
.category-group.has-product-gallery { min-height:445px; display:grid; grid-template-columns:minmax(180px,.88fr) minmax(250px,1.12fr); grid-template-rows:auto 1fr; gap:18px 26px; align-items:start; }
.category-group.has-product-gallery .category-title { grid-column:1/-1; }
.category-group.has-product-gallery ul { grid-column:1; grid-row:2; margin:2px 0 0 56px; columns:1; }
.category-group.has-product-gallery li { padding-bottom:8px; }
.category-group.has-product-gallery li::before { top:.74em; }
.product-image-trigger { width:100%; padding:4px 7px 4px 0; color:inherit; background:transparent; border:0; font:inherit; line-height:1.4; text-align:left; cursor:pointer; transition:color .2s,transform .2s; }
.product-image-trigger:hover,.product-image-trigger:focus-visible { color:var(--red-dark); transform:translateX(3px); outline:0; }
.product-image-trigger[aria-pressed="true"] { color:var(--red-dark); font-weight:800; }
.product-gallery { min-width:0; grid-column:2; grid-row:2; align-self:start; display:flex; flex-direction:column; overflow:hidden; background:#f4f6f7; border:1px solid #d9dee1; box-shadow:0 12px 28px rgba(18,26,32,.08); }
.product-gallery-stage { position:relative; flex:none; width:100%; aspect-ratio:4 / 3; min-height:0; overflow:hidden; background:linear-gradient(145deg,#fff,#e8ecee); }
.product-gallery-stage.is-expandable { cursor:zoom-in; }
.product-gallery-stage.is-expandable::after { content:"⛶"; width:34px; height:34px; position:absolute; top:12px; right:12px; z-index:3; display:grid; place-items:center; color:white; background:rgba(7,16,25,.62); border:1px solid rgba(255,255,255,.28); border-radius:3px; font-size:18px; line-height:1; pointer-events:none; backdrop-filter:blur(5px); }
.product-gallery-stage.is-expandable:focus-visible { outline:3px solid var(--red); outline-offset:-3px; }
.product-gallery-image { position:absolute; inset:0; display:block; width:100%; height:100%; min-height:0; object-fit:contain; object-position:center center; background:#eef1f2; opacity:0; transform:scale(1.01); transition:opacity 1.45s cubic-bezier(.22,1,.36,1),transform 1.45s cubic-bezier(.22,1,.36,1); will-change:opacity,transform; }
.product-gallery-image.is-active { opacity:1; transform:scale(1); }
.product-gallery-missing { width:100%; height:100%; min-height:240px; display:grid; place-items:center; padding:24px; color:#7a858b; background:linear-gradient(145deg,#f7f9fa,#e5eaed); font-size:12px; font-weight:800; letter-spacing:.12em; text-align:center; text-transform:uppercase; }
.product-gallery-missing[hidden] { display:none; }
.product-gallery.is-missing .product-gallery-caption { color:#5f6a70; background:linear-gradient(transparent,rgba(238,241,242,.96)); }
.product-gallery-caption { position:absolute; right:0; bottom:0; left:0; margin:0; padding:34px 18px 14px; color:white; background:linear-gradient(transparent,rgba(13,18,22,.84)); font-size:14px; font-weight:800; line-height:1.35; }
.product-gallery-footer { min-height:45px; padding:0 14px; display:flex; align-items:center; justify-content:center; gap:12px; color:#69737a; background:white; border-top:1px solid #e3e7e9; font-size:10px; font-weight:800; letter-spacing:.075em; text-transform:uppercase; }
.product-gallery-dots { display:flex; align-items:center; gap:1px; }
.product-gallery-dots button { width:24px; height:24px; padding:0; display:grid; place-items:center; position:relative; background:transparent; border:0; border-radius:50%; cursor:pointer; }
.product-gallery-dots button::before { content:""; width:8px; height:8px; display:block; background:#c9d0d4; border-radius:50%; transition:background .2s,transform .2s; }
.product-gallery-dots button:hover::before,.product-gallery-dots button:focus-visible::before { background:#7b858b; transform:scale(1.18); }
.product-gallery-dots button:focus-visible { outline:2px solid var(--red); outline-offset:1px; }
.product-gallery-dots button[aria-current="true"]::before { background:var(--red); transform:scale(1.25); }
.product-gallery-dots button.is-pending::before { background:transparent; border:1px solid #aeb8bd; }
.product-gallery-dots button.is-pending[aria-current="true"]::before { border-color:var(--red); }
.lightbox-open { overflow:hidden; }
.product-lightbox[hidden] { display:none; }
.product-lightbox { position:fixed; inset:0; z-index:1000; padding:clamp(12px,2.2vw,30px); display:grid; place-items:center; color:white; background:rgba(5,10,14,.94); opacity:0; transition:opacity .24s ease; }
.product-lightbox.is-open { opacity:1; }
.product-lightbox-panel { width:min(1500px,100%); height:min(94vh,1000px); min-height:0; position:relative; display:grid; grid-template-rows:minmax(0,1fr) auto; overflow:hidden; background:#09131b; border:1px solid rgba(255,255,255,.16); box-shadow:0 28px 90px rgba(0,0,0,.55); }
.product-lightbox-stage { min-height:0; position:relative; overflow:hidden; background:#071019; cursor:pointer; }
.product-lightbox-image { position:absolute; inset:0; width:100%; height:100%; display:block; object-fit:contain; opacity:0; transform:scale(1.008); transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1); }
.product-lightbox-image.is-active { opacity:1; transform:scale(1); }
.product-lightbox-close,.product-lightbox-arrow { position:absolute; z-index:3; display:grid; place-items:center; color:white; background:rgba(5,12,17,.68); border:1px solid rgba(255,255,255,.28); cursor:pointer; backdrop-filter:blur(8px); transition:background .2s,border-color .2s,transform .2s; }
.product-lightbox-close:hover,.product-lightbox-arrow:hover { background:var(--red); border-color:var(--red); }
.product-lightbox-close:focus-visible,.product-lightbox-arrow:focus-visible,.product-lightbox-dots button:focus-visible { outline:3px solid white; outline-offset:2px; }
.product-lightbox-close { width:48px; height:48px; top:16px; right:16px; border-radius:50%; font-size:34px; line-height:1; }
.product-lightbox-arrow { width:58px; height:76px; top:50%; border-radius:4px; transform:translateY(-50%); font-size:52px; font-weight:300; line-height:1; }
.product-lightbox-arrow:hover { transform:translateY(-50%) scale(1.04); }
.product-lightbox-previous { left:18px; }
.product-lightbox-next { right:18px; }
.product-lightbox-information { min-height:82px; padding:17px 84px 16px 24px; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:6px 24px; align-items:center; background:#101c25; border-top:1px solid rgba(255,255,255,.12); }
.product-lightbox-caption { margin:0; font-size:clamp(16px,1.5vw,22px); font-weight:800; line-height:1.3; }
.product-lightbox-counter { color:#aebbc4; font:800 12px/1 var(--font-geist-mono); letter-spacing:.08em; }
.product-lightbox-dots { grid-column:1/-1; display:flex; align-items:center; gap:8px; }
.product-lightbox-dots button { width:28px; height:18px; padding:0; position:relative; background:transparent; border:0; cursor:pointer; }
.product-lightbox-dots button::before { content:""; position:absolute; inset:7px 0 auto; height:3px; background:#62717c; transition:background .2s,transform .2s; }
.product-lightbox-dots button[aria-current="true"]::before { background:#16afd0; transform:scaleY(1.5); }
.product-gallery-pending { position:relative; min-height:285px; align-items:center; justify-content:center; padding:20px; color:#727c82; background:linear-gradient(145deg,#f9fafb,#e9edef); box-shadow:none; }
.product-gallery-placeholder { width:min(260px,100%); display:grid; grid-template-columns:repeat(3,1fr); gap:7px; opacity:.72; }
.product-gallery-placeholder i { aspect-ratio:4/3; display:block; position:relative; overflow:hidden; background:linear-gradient(145deg,#dfe4e7,#f7f8f9); border:1px solid #d3dade; }
.product-gallery-placeholder i::after { content:""; width:18px; height:18px; position:absolute; top:50%; left:50%; border:2px solid #c1c9ce; border-top-color:var(--red); transform:translate(-50%,-50%) rotate(45deg); }
.product-gallery-pending p { margin:18px 0 0; font-size:11px; font-weight:800; letter-spacing:.1em; text-align:center; text-transform:uppercase; }
.product-gallery-pending>span { position:absolute; right:12px; bottom:9px; color:#b5bdc2; font:800 10px/1 Arial,Helvetica,sans-serif; }
.catalog-actions { margin-top:36px; display:flex; flex-wrap:wrap; gap:14px; }
.button-outline-dark { color:var(--ink); border:1px solid #aeb5ba; background:transparent; }
.button-outline-dark:hover { border-color:var(--ink); }

.siemens-section { display:grid; grid-template-columns:1fr 1fr; color:white; background:var(--red); }
.siemens-copy { padding:100px clamp(40px,8vw,120px); }
.siemens-copy .eyebrow { color:white; opacity:.75; }
.siemens-copy h2 { max-width:650px; margin:0; font-size:clamp(42px,4.5vw,68px); line-height:1; letter-spacing:-.05em; }
.siemens-copy .lead { max-width:640px; margin:28px 0; font-size:18px; line-height:1.7; color:rgba(255,255,255,.85); }
.partner-level { display:inline-flex; margin:22px 0 0; padding:9px 15px; color:#172027; background:linear-gradient(135deg,#f5f7f8,#bfc6ca); border:1px solid rgba(255,255,255,.7); font-size:12px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; box-shadow:0 8px 22px rgba(0,0,0,.15); }
.siemens-copy ul { margin:0 0 34px; padding:0; list-style:none; display:grid; grid-template-columns:1fr 1fr; gap:15px; font-size:14px; }
.siemens-copy li::before { content:"✓"; margin-right:9px; font-weight:900; }
.certificate-panel { min-height:650px; padding:70px; display:flex; align-items:center; justify-content:center; background:var(--slate); }
.certificate-placeholder { width:min(540px,100%); min-height:430px; padding:54px 48px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; color:var(--ink); background:white; border:12px solid #e9ecee; box-shadow:0 28px 70px rgba(0,0,0,.25); }
.certificate-placeholder img { width:230px; max-height:92px; object-fit:contain; margin-bottom:28px; }
.certificate-placeholder span { color:var(--red-dark); font-size:12px; font-weight:900; text-transform:uppercase; letter-spacing:.13em; }
.certificate-placeholder strong { max-width:390px; margin:15px 0 8px; color:#151b20; font-size:32px; line-height:1.12; }
.certificate-placeholder small { max-width:390px; color:#465159; font-size:15px; line-height:1.6; }
.partner-certificate { position:relative; overflow:hidden; border-color:#cbd1d4; background:linear-gradient(145deg,#fff 0%,#f4f6f7 68%,#d7dcdf 100%); }
.partner-certificate::before { content:"SILVER"; position:absolute; right:-28px; top:22px; padding:7px 32px; color:#263138; background:#c4cbcf; transform:rotate(35deg); font-size:9px; font-weight:900; letter-spacing:.18em; }
.partner-certificate b { margin:8px 0 22px; padding:9px 18px; color:#172027; background:linear-gradient(135deg,#f3f5f6,#aeb8bd); border:1px solid #8f9ba1; font-size:13px; letter-spacing:.14em; text-transform:uppercase; }

@media (prefers-reduced-motion:reduce) {
  .hero-slide { animation:none; transform:none; }
  .hero-slide-1 { opacity:1; }
  .product-gallery-image,.product-lightbox,.product-lightbox-image { transition:none; }
}

@media (max-width:1180px) {
  .category-index { grid-template-columns:1fr; }
}

.manufacturers { background:var(--soft); }
.section-heading.compact { grid-template-columns:1fr .6fr; }
.logo-group { margin-top:64px; }
.logo-group.secondary-group { margin-top:76px; padding-top:52px; border-top:1px solid #d2d7da; }
.logo-group-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:32px; }
.logo-group-heading span { display:block; margin-bottom:8px; color:var(--red); font-size:10px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.logo-group-heading h3 { margin:0; font-size:clamp(24px,2.4vw,34px); letter-spacing:-.035em; }
.logo-group-heading a { padding-bottom:4px; color:var(--red); font-size:13px; font-weight:800; }
.logo-grid { margin-top:30px; display:grid; gap:18px; }
.logo-grid.store-brands { grid-template-columns:repeat(4,minmax(0,1fr)); }
.logo-grid.established-brands { grid-template-columns:repeat(5,minmax(0,1fr)); }
.logo-card { height:210px; padding:42px; display:flex; align-items:center; justify-content:center; position:relative; overflow:hidden; background:white; border:1px solid #e1e5e7; box-shadow:0 12px 30px rgba(22,29,34,.07); transition:transform .2s,box-shadow .2s; }
.logo-card:hover { transform:translateY(-4px); box-shadow:0 20px 44px rgba(22,29,34,.13); }
.logo-card img { width:100%; max-width:250px; max-height:112px; object-fit:contain; mix-blend-mode:multiply; }
.logo-card.featured { border-top:5px solid var(--red); }
.logo-card span { position:absolute; bottom:15px; color:var(--red); font-size:10px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.logo-card.pr-logo img { width:122px; max-width:none; max-height:none; transform:scale(2.3); }
.logo-card.rittal-logo img { width:auto; height:122px; max-height:122px; }
.logo-card.brand-dark { background:#151b21; border-color:#151b21; }
.logo-card.brand-dark img { max-width:230px; mix-blend-mode:normal; }
.logo-card.cables-rct-card img { max-width:220px; }
.logo-card.pemsa-card img { max-width:235px; }
.logo-card-link { min-width:0; display:block; position:relative; color:inherit; text-decoration:none; }
.logo-card-link::after { content:"↗"; position:absolute; top:12px; right:14px; z-index:2; color:#7b858b; font-size:14px; font-weight:800; opacity:.55; transition:color .2s,opacity .2s,transform .2s; }
.logo-card-link:hover::after,.logo-card-link:focus-visible::after { color:var(--red); opacity:1; transform:translate(2px,-2px); }
.logo-card-link:focus-visible { outline:3px solid var(--red); outline-offset:4px; }
.logo-card-link:focus-visible .logo-card { transform:translateY(-4px); box-shadow:0 20px 44px rgba(22,29,34,.13); }

.training-page { background:#f3f5f6; }
.training-page .site-header { position:relative; }
.training-hero { min-height:690px; padding:clamp(70px,8vw,120px) clamp(24px,8vw,120px); position:relative; display:grid; grid-template-columns:minmax(0,1.08fr) minmax(340px,.72fr); gap:clamp(50px,8vw,120px); align-items:center; overflow:hidden; color:white; background:#07131c; }
.training-hero-background { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; opacity:.96; filter:brightness(1.12) saturate(1.08); }
.training-hero::before { content:""; position:absolute; inset:0; z-index:1; background:linear-gradient(90deg,rgba(5,14,21,.84) 0%,rgba(5,14,21,.66) 40%,rgba(5,14,21,.12) 70%,rgba(5,14,21,.28) 100%); }
.training-hero::after { content:""; position:absolute; inset:0; z-index:1; background:linear-gradient(0deg,rgba(5,14,21,.34),transparent 46%); }
.training-hero-copy,.sitrain-card { position:relative; z-index:2; }
.training-hero-copy { max-width:700px; }
.training-hero-copy h1 { margin:0; font-size:clamp(54px,6vw,92px); line-height:.95; letter-spacing:-.055em; }
.training-hero-copy>p:not(.eyebrow) { max-width:650px; margin:26px 0 0; color:#d4dde2; font-size:18px; line-height:1.7; }
.training-image-note { display:block; margin-top:28px; color:#91a0a9; font-size:10px; letter-spacing:.08em; text-transform:uppercase; }
.sitrain-card { padding:clamp(30px,4vw,52px); color:var(--ink); background:rgba(255,255,255,.96); border-top:6px solid var(--red); box-shadow:0 30px 80px rgba(0,0,0,.34); backdrop-filter:blur(8px); }
.sitrain-card img { width:210px; height:auto; margin-bottom:34px; }
.sitrain-card .eyebrow { color:var(--red-dark); }
.sitrain-card h2 { margin:0; font-size:clamp(32px,3vw,46px); line-height:1.05; letter-spacing:-.04em; }
.sitrain-card p:not(.eyebrow) { margin:22px 0 30px; color:#505a61; font-size:15px; line-height:1.65; }
.training-facility { padding:110px clamp(24px,8vw,120px); display:grid; grid-template-columns:.72fr 1.28fr; gap:clamp(55px,8vw,120px); align-items:start; background:white; }
.training-facility-visual { margin:0; overflow:hidden; color:white; background:linear-gradient(145deg,#0b1a25,#173244); border-top:6px solid #14afd0; box-shadow:0 22px 55px rgba(10,25,35,.16); }
.training-facility-visual img { width:100%; height:auto; aspect-ratio:auto; display:block; object-fit:contain; }
.training-facility-visual figcaption { min-height:104px; padding:22px 28px 25px; display:flex; flex-direction:column; justify-content:center; gap:8px; }
.training-facility-visual figcaption strong { color:white; font-size:clamp(23px,2.2vw,31px); line-height:1.05; letter-spacing:-.035em; }
.training-facility-visual figcaption span { color:#89dced; font-size:12px; font-weight:900; line-height:1.3; letter-spacing:.15em; text-transform:uppercase; }
.training-facility-copy h2 { max-width:760px; margin:0; font-size:clamp(42px,4.6vw,68px); line-height:1; letter-spacing:-.05em; }
.training-facility-copy .lead-dark { max-width:800px; margin-bottom:30px; }
.training-topics { margin:0 0 34px; padding:0; display:flex; flex-wrap:wrap; gap:9px; list-style:none; }
.training-topics li { padding:9px 13px; color:#3d4a52; background:#f0f3f4; border:1px solid #dce2e5; font-size:13px; font-weight:750; }
.training-disclaimer { max-width:780px; margin:22px 0 0; color:#7a858b; font-size:12px; line-height:1.6; }

.company { padding:120px clamp(24px,8vw,120px); display:grid; grid-template-columns:1fr 1fr; gap:clamp(42px,5vw,80px); align-items:center; }
.company-images { min-height:0; position:relative; }
.image-main { width:100%; height:auto; aspect-ratio:auto; object-fit:contain; box-shadow:0 24px 60px rgba(20,27,32,.16); }
.lead-dark { margin:28px 0 40px; color:var(--muted); font-size:18px; line-height:1.75; }
.company-points { border-top:1px solid var(--line); }
.company-points div { padding:20px 0; display:grid; grid-template-columns:150px 1fr; gap:25px; border-bottom:1px solid var(--line); }
.company-points strong { font-size:15px; }
.company-points span { color:var(--muted); font-size:15px; line-height:1.55; }
.company-contact-details { margin-top:14px; display:grid; border:1px solid var(--line); background:#f7f8f9; }
.company-contact-details>div { min-width:0; padding:15px 17px; display:grid; grid-template-columns:132px minmax(0,1fr); gap:14px; align-items:baseline; border-bottom:1px solid var(--line); }
.company-contact-details>div:last-child { border-bottom:0; }
.company-contact-details span { color:#68727a; font-size:12px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.company-contact-details a,.company-contact-details address { color:var(--ink); font-size:15px; line-height:1.45; font-style:normal; overflow-wrap:anywhere; }
.company-contact-details a:hover { color:var(--red-dark); text-decoration:underline; text-underline-offset:3px; }

.relepro { padding:100px clamp(24px,8vw,120px); display:grid; grid-template-columns:.88fr 1.12fr; gap:clamp(48px,6vw,86px); align-items:center; color:white; background:linear-gradient(125deg,#151a1e,#292f34); }
.relepro h2 { max-width:800px; margin:0; font-size:clamp(42px,4.5vw,68px); line-height:1.02; letter-spacing:-.05em; }
.relepro p:not(.eyebrow) { max-width:700px; color:#b7bec2; font-size:17px; line-height:1.7; }
.relepro-visual { display:block; overflow:hidden; border:1px solid rgba(255,255,255,.16); border-radius:12px; background:white; box-shadow:0 30px 80px rgba(0,0,0,.34); transition:transform .25s,box-shadow .25s; }
.relepro-visual:hover { transform:translateY(-5px); box-shadow:0 38px 90px rgba(0,0,0,.42); }
.relepro-visual img { width:100%; height:auto; aspect-ratio:5/3; object-fit:cover; }

.certifications { padding:90px clamp(24px,8vw,120px); display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; background:#eef0f1; }
.certifications>div:first-child>p:last-child { max-width:620px; color:var(--muted); line-height:1.7; }
.cert-cards { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.cert-document { min-height:270px; position:relative; overflow:hidden; background:white; border-top:5px solid var(--red); }
.cert-document>img { width:100%; height:270px; object-fit:cover; object-position:top; opacity:.16; filter:grayscale(1); transition:.25s; }
.cert-document:hover>img { opacity:.28; transform:scale(1.02); }
.cert-document>span { position:absolute; inset:auto 0 0; padding:28px; display:flex; flex-direction:column; background:linear-gradient(transparent,white 35%); }
.cert-document b { color:var(--ink); font-size:34px; letter-spacing:-.04em; }
.cert-document small { margin-top:6px; color:var(--muted); line-height:1.4; }

.contact { padding:110px clamp(24px,8vw,120px); display:grid; grid-template-columns:1.2fr .8fr; gap:100px; color:white; background:var(--ink); }
.contact h2 { max-width:720px; margin:0; font-size:clamp(44px,5vw,72px); line-height:1.02; letter-spacing:-.05em; }
.contact-intro>p:last-child { color:#aeb5ba; font-size:17px; }
.contact-card { padding:36px; background:#20262b; border:1px solid rgba(255,255,255,.12); }
.contact-card>div { padding:0 0 20px; margin-bottom:20px; border-bottom:1px solid rgba(255,255,255,.12); }
.contact-card span { display:block; margin-bottom:7px; color:#8e989f; font-size:10px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.contact-card a:not(.button),.contact-card address { font-size:17px; line-height:1.45; font-style:normal; }
.contact-card a:not(.button):hover { color:#ff6570; }

footer { padding:70px clamp(24px,8vw,120px) 30px; background:white; }
.footer-brand { display:flex; justify-content:space-between; align-items:center; padding-bottom:46px; }
.footer-brand img { width:190px; }
.footer-brand p { max-width:400px; color:var(--muted); font-size:13px; text-align:right; }
.footer-links { padding:26px 0; display:flex; gap:32px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); font-size:13px; font-weight:700; }
.footer-links a:hover { color:var(--red); }
.footer-legal { padding:20px 0 0; display:flex; flex-wrap:wrap; gap:12px 28px; color:#5d666c; font-size:12px; }
.footer-legal a:hover { color:var(--red); }
.footer-bottom { padding-top:24px; display:flex; justify-content:space-between; gap:20px; color:#7d858a; font-size:11px; }

.legal-page { background:#f5f6f7; }
.legal-header nav { margin-left:auto; }
.legal-main { padding-bottom:110px; }
.legal-hero { padding:90px clamp(24px,8vw,120px) 70px; color:white; background:linear-gradient(125deg,#151a1e,#2b3237); }
.legal-hero .eyebrow { color:#ff6670; }
.legal-hero h1 { max-width:900px; margin:0; font-size:clamp(44px,5vw,74px); line-height:1.02; letter-spacing:-.05em; }
.legal-hero>p:last-child { max-width:760px; margin:24px 0 0; color:#bbc2c6; font-size:16px; line-height:1.7; }
.legal-layout { width:min(1280px,calc(100% - 48px)); margin:64px auto 0; display:grid; grid-template-columns:260px minmax(0,1fr); gap:60px; align-items:start; }
.legal-index { position:sticky; top:118px; padding:26px; display:flex; flex-direction:column; gap:14px; background:white; border-top:4px solid var(--red); box-shadow:0 14px 34px rgba(22,29,34,.07); }
.legal-index strong { margin-bottom:8px; font-size:12px; letter-spacing:.12em; text-transform:uppercase; }
.legal-index a { color:#5b646a; font-size:13px; line-height:1.4; }
.legal-index a:hover { color:var(--red); }
.legal-content { display:grid; gap:28px; }
.legal-section { scroll-margin-top:118px; padding:50px clamp(28px,5vw,68px); background:white; border:1px solid #e2e6e8; box-shadow:0 14px 34px rgba(22,29,34,.05); }
.legal-number { margin:0 0 12px; color:var(--red); font-size:11px; font-weight:900; letter-spacing:.16em; }
.legal-section h2 { margin:0 0 40px; font-size:clamp(34px,4vw,52px); letter-spacing:-.045em; }
.legal-section h3 { margin:34px 0 12px; font-size:18px; letter-spacing:-.02em; }
.legal-section p,.legal-section li { color:#505a61; font-size:14px; line-height:1.8; }
.legal-section a { color:var(--red-dark); text-decoration:underline; text-underline-offset:3px; }
.legal-section ul { padding-left:22px; }
.legal-data { margin:24px 0 34px; border-top:1px solid var(--line); }
.legal-data div { padding:15px 0; display:grid; grid-template-columns:190px 1fr; gap:24px; border-bottom:1px solid var(--line); }
.legal-data dt { color:#6a7379; font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.legal-data dd { margin:0; font-size:14px; line-height:1.6; }

@media (max-width:1050px) {
  nav a:not(.nav-cta), .nav-products, .nav-solutions { display:none; }
  .mobile-menu { display:block; position:relative; z-index:5; flex:0 0 auto; }
  .mobile-menu > summary { width:46px; min-width:46px; min-height:44px; padding:0; display:flex; align-items:center; justify-content:center; color:#263139; background:transparent; border:1px solid transparent; border-radius:4px; cursor:pointer; list-style:none; touch-action:manipulation; transition:color .2s,background .2s,border-color .2s; }
  .mobile-menu > summary:hover,.mobile-menu > summary:focus-visible,.mobile-menu[open] > summary { color:var(--red); background:#f5f7f8; border-color:#dde2e5; outline:0; }
  .mobile-menu > summary::-webkit-details-marker { display:none; }
  .mobile-menu > summary::before { content:"☰"; font-size:25px; font-weight:400; line-height:1; }
  .mobile-menu[open] > summary::before { content:"×"; font-size:28px; }
  .mobile-menu-panel { width:min(300px,calc(100vw - 24px)); padding:8px; display:grid; position:absolute; top:calc(100% + 10px); right:0; background:white; border:1px solid #dce1e4; box-shadow:0 22px 50px rgba(15,22,27,.22); }
  .mobile-menu-panel a { min-height:50px; padding:0 18px; display:flex; align-items:center; color:#20292f; border-bottom:1px solid #edf0f2; font-size:14px; font-weight:750; }
  .mobile-menu-panel a:last-child { margin-top:6px; color:white; background:var(--red); border:0; }
  .hero { min-height:auto; padding-bottom:112px; }
  .hero-content { width:100%; padding-right:45%; }
  .hero-card { width:38vw; right:28px; }
  .service-grid { grid-template-columns:1fr 1fr; }
  .category-group ul { columns:1; }
  .siemens-section,.contact,.relepro { grid-template-columns:1fr; }
  .company { gap:50px; }
  .logo-grid.store-brands,.logo-grid.established-brands { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .legal-header nav a:not(.nav-cta) { display:none; }
  .legal-layout { grid-template-columns:1fr; gap:28px; }
  .legal-index { position:relative; top:auto; display:grid; grid-template-columns:repeat(4,1fr); }
  .legal-index strong { grid-column:1/-1; }
  .training-hero { grid-template-columns:1fr; }
  .sitrain-card { max-width:650px; }
}
@media (max-width:880px) {
  .company { grid-template-columns:1fr; }
  .company-images { width:100%; max-width:760px; }
}
@media (max-width:720px) {
  .site-header { height:auto; min-height:72px; padding:10px 12px; display:grid; grid-template-columns:1fr auto auto; align-items:center; gap:6px; }
  .site-header .brand { align-self:center; }
  .brand img { width:clamp(108px,34vw,145px); height:auto; }
  .nav-cta { padding:11px 14px; font-size:12px; }
  .site-header nav { display:none; }
  .mobile-menu { display:block; position:relative; z-index:5; grid-column:2; justify-self:end; }
  .mobile-menu > summary { width:46px; min-width:46px; min-height:44px; padding:0; display:flex; align-items:center; justify-content:center; color:#263139; background:transparent; border:1px solid transparent; border-radius:4px; cursor:pointer; list-style:none; touch-action:manipulation; transition:color .2s,background .2s,border-color .2s; }
  .mobile-menu > summary:hover,.mobile-menu > summary:focus-visible,.mobile-menu[open] > summary { color:var(--red); background:#f5f7f8; border-color:#dde2e5; outline:0; }
  .mobile-menu > summary::-webkit-details-marker { display:none; }
  .mobile-menu > summary::before { content:"☰"; font-size:25px; font-weight:400; line-height:1; }
  .mobile-menu[open] > summary::before { content:"×"; font-size:28px; }
  .mobile-menu-panel { width:min(250px,calc(100vw - 24px)); padding:8px; display:grid; position:absolute; top:calc(100% + 10px); right:calc(-70px - 6px); background:white; border:1px solid #dce1e4; box-shadow:0 22px 50px rgba(15,22,27,.22); }
  .mobile-menu-panel a { min-height:50px; padding:0 18px; display:flex; align-items:center; color:#20292f; border-bottom:1px solid #edf0f2; font-size:14px; font-weight:750; }
  .mobile-menu-panel a:last-child { margin-top:6px; color:white; background:var(--red); border:0; }
  .language-switcher { display:none; }
  .mobile-language-menu { display:block; position:relative; z-index:6; grid-column:3; justify-self:end; }
  .mobile-language-menu summary { min-width:70px; min-height:44px; padding:0 8px; display:flex; align-items:center; justify-content:center; gap:5px; color:#253038; background:#eef1f3; border:1px solid #d7dde0; font-size:12px; font-weight:850; cursor:pointer; list-style:none; touch-action:manipulation; }
  .mobile-language-menu summary::-webkit-details-marker { display:none; }
  .mobile-language-menu summary::before { content:"🌐"; font-size:16px; font-weight:400; line-height:1; }
  .mobile-language-menu summary::after { content:"▾"; color:var(--red); font-size:12px; transition:transform .2s; }
  .mobile-language-menu[open] summary::after { transform:rotate(180deg); }
  .mobile-language-panel { width:150px; padding:7px; display:grid; position:absolute; top:calc(100% + 10px); right:0; background:white; border:1px solid #dce1e4; box-shadow:0 18px 42px rgba(15,22,27,.2); }
  .mobile-language-panel a { min-height:43px; padding:0 13px; display:flex; align-items:center; color:#263139; border-bottom:1px solid #edf0f2; font-size:13px; font-weight:750; }
  .mobile-language-panel a:last-child { border-bottom:0; }
  .mobile-language-panel a[aria-current="page"] { color:white; background:var(--red); }
  .hero { padding-bottom:0; }
  .hero-content { width:100%; padding:72px 24px 48px; }
  .hero h1 { font-size:52px; }
  .hero-copy { font-size:16px; }
  .hero-card { position:relative; top:auto; right:auto; width:auto; margin:0 24px 32px; }
  .trust-strip { position:relative; grid-template-columns:1fr 1fr; gap:26px 10px; padding-top:28px; padding-bottom:28px; }
  .section { padding:78px 24px; }
  .section-heading,.section-heading.compact,.certifications { grid-template-columns:1fr; gap:26px; }
  .product-catalog { padding:78px 24px; }
  .catalog-heading { grid-template-columns:1fr; gap:26px; }
  .category-index { grid-template-columns:1fr; margin-top:42px; }
  .category-group { min-height:auto; padding:26px 22px; }
  .category-group ul { margin-left:42px; }
  .category-group.has-product-gallery { min-height:auto; grid-template-columns:1fr; grid-template-rows:auto auto auto; gap:20px; }
  .category-group.has-product-gallery .category-title { grid-column:1; grid-row:1; }
  .category-group.has-product-gallery .product-gallery { grid-column:1; grid-row:2; }
  .category-group.has-product-gallery ul { grid-column:1; grid-row:3; margin:0 0 0 42px; }
  .product-gallery-stage { min-height:0; aspect-ratio:4 / 3; }
  .product-gallery-image { min-height:0; }
  .product-gallery-pending { min-height:250px; }
  .product-gallery-footer { min-height:50px; }
  .product-lightbox { padding:0; }
  .product-lightbox-panel { width:100%; height:100dvh; border:0; }
  .product-lightbox-close { width:44px; height:44px; top:12px; right:12px; font-size:31px; }
  .product-lightbox-arrow { width:45px; height:62px; font-size:42px; }
  .product-lightbox-previous { left:8px; }
  .product-lightbox-next { right:8px; }
  .product-lightbox-information { min-height:92px; padding:14px 18px 16px; gap:5px 12px; }
  .product-lightbox-dots { gap:3px; }
  .product-lightbox-dots button { flex:1; max-width:42px; }
  .service-grid { grid-template-columns:1fr; }
  .service-card { min-height:290px; }
  .siemens-copy { padding:72px 24px; }
  .siemens-copy ul { grid-template-columns:1fr; }
  .certificate-panel { min-height:500px; padding:32px 24px; }
  .certificate-placeholder { min-height:400px; padding:38px 28px; }
  .certificate-placeholder img { width:205px; }
  .certificate-placeholder strong { font-size:27px; }
  .logo-group { margin-top:48px; }
  .logo-group.secondary-group { margin-top:56px; padding-top:40px; }
  .logo-group-heading { align-items:flex-start; flex-direction:column; gap:16px; }
  .logo-grid.store-brands,.logo-grid.established-brands { grid-template-columns:1fr 1fr; gap:12px; }
  .logo-card { height:164px; padding:28px; }
  .logo-card img { max-width:190px; max-height:86px; }
  .logo-card.pr-logo img { width:96px; }
  .logo-card.rittal-logo img { height:92px; }
  .company { padding:78px 24px; }
  .company-images { min-height:0; }
  .image-main { height:auto; }
  .company-points div { grid-template-columns:1fr; gap:8px; }
  .company-contact-details>div { grid-template-columns:1fr; gap:3px; }
  .relepro { padding:72px 24px; gap:46px; }
  .relepro-visual { border-radius:8px; }
  .certifications { padding:72px 24px; }
  .cert-cards { grid-template-columns:1fr; }
  .cert-document,.cert-document>img { min-height:190px; height:190px; }
  .contact { padding:78px 24px; gap:46px; }
  .contact h2 { font-size:45px; }
  .footer-brand { align-items:flex-start; flex-direction:column; gap:24px; }
  .footer-brand p { text-align:left; }
  .footer-links { flex-wrap:wrap; }
  .footer-bottom { flex-direction:column; }
  .legal-hero { padding:64px 24px 54px; }
  .legal-layout { width:calc(100% - 32px); margin-top:32px; }
  .legal-index { grid-template-columns:1fr 1fr; }
  .legal-section { padding:38px 24px; }
  .legal-data div { grid-template-columns:1fr; gap:6px; }
  .training-hero { min-height:auto; padding:70px 24px; gap:42px; }
  .training-hero-background { object-position:62% center; filter:brightness(1.14) saturate(1.08); }
  .training-hero::before { background:linear-gradient(180deg,rgba(5,14,21,.72) 0%,rgba(5,14,21,.46) 45%,rgba(5,14,21,.66) 100%); }
  .training-hero::after { background:linear-gradient(0deg,rgba(5,14,21,.24),transparent 55%); }
  .training-hero-copy h1 { font-size:52px; }
  .sitrain-card { padding:32px 26px; }
  .sitrain-card img { width:175px; margin-bottom:26px; }
  .training-facility { padding:76px 24px; grid-template-columns:1fr; gap:38px; }
  .training-facility-visual figcaption { min-height:90px; padding:18px 22px 21px; }
}
@media (max-width:430px) {
  .hero-actions .button { width:100%; }
  .trust-strip { grid-template-columns:1fr; }
  .logo-grid.store-brands,.logo-grid.established-brands { grid-template-columns:1fr; }
  .logo-card { height:178px; padding:34px; }
  .hero h1 { font-size:44px; }
  .contact h2 { font-size:39px; }
}