:root{
  --bg:#f0f2f8;
  --bg2:#fafbfe;
  --surface:#ffffff;
  --surface-soft:#f3f4fa;
  --line:#d0d4e6;
  --ink:#17204f;
  --muted:#626b8c;
  --primary:#273587;
  --primary-2:#3a49a0;
  --accent:#34439a;
  --accent-2:#7f8bd0;
  --shadow:0 14px 40px rgba(12,34,60,.10);
  --shadow-soft:0 8px 22px rgba(12,34,60,.07);
  --radius:18px;
  --radius-sm:12px;
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;
  --sans:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --max:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--sans);color:var(--ink);background:linear-gradient(180deg,var(--bg) 0%, var(--bg2) 52%, #f0f2f8 100%)}
a{text-decoration:none;color:inherit}img{display:block;max-width:100%}
.container{width:min(calc(100% - 32px),var(--max));margin:auto}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.24;background-image:linear-gradient(rgba(31,64,96,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(31,64,96,.055) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,black,transparent 72%)}
.header{position:sticky;top:0;z-index:50;background:rgba(238,243,247,.88);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.header-inner{min-height:86px;display:flex;align-items:center;gap:26px}
.brand{display:flex;align-items:center;gap:14px}
.brand img{height:63px;width:auto;object-fit:contain}
.nav{display:flex;gap:2px;align-items:center;justify-content:center;flex:1;margin:0;padding:0}
.nav li{list-style:none;position:relative}
.nav>li>a{display:block;padding:12px 15px;font-weight:700;font-size:.91rem;letter-spacing:.02em;text-transform:uppercase;border-radius:10px}
.nav>li>a:hover{background:rgba(255,255,255,.78);color:var(--primary)}
.dropdown{display:none;position:absolute;left:0;top:100%;min-width:325px;background:rgba(255,255,255,.98);border:1px solid var(--line);border-radius:16px;padding:10px;box-shadow:var(--shadow)}
.nav li:hover .dropdown{display:block}
.dropdown a{display:block;padding:12px 14px;border-radius:12px;border-left:3px solid transparent}
.dropdown a:hover{background:var(--surface-soft);border-left-color:var(--accent)}
.dropdown small{display:block;color:var(--muted);margin-top:4px;font-family:var(--mono);font-size:.72rem}
.header-actions{display:flex;align-items:center;gap:10px}
.lang-pill{font-family:var(--mono);font-size:.74rem;border:1px solid var(--line);padding:9px 11px;border-radius:999px;background:rgba(255,255,255,.85)}
.menu-toggle{display:none;border:1px solid var(--line);border-radius:14px;background:#fff;width:46px;height:46px;box-shadow:var(--shadow-soft)}
.menu-toggle span{display:block;width:20px;height:2px;background:var(--ink);margin:4px auto}
.btn,.btn-ghost,.btn-dark{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 18px;border:0;border-radius:999px;font-weight:800;font-size:.88rem;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}
.btn{background:linear-gradient(135deg,var(--accent),#4a59ad);color:#fff;box-shadow:0 10px 20px rgba(52,67,154,.24)}
.btn:hover{transform:translateY(-1px)}
.btn-ghost{background:rgba(255,255,255,.85);border:1px solid var(--line)}
.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}
.btn-dark{background:var(--primary);color:#fff}
main section{padding:24px 0}
.info-strip,.panel,.card,.category-card,.simple-card,.section-panel,.timeline-step,.contact-card,.form-card,.quote-box,.page-hero,.cta-banner,.icon-card,.seal-card,.hero-wrap,.product-mosaic,.data-bar,.company-highlights,.contact-tile,.story-panel{background:rgba(255,255,255,.94);border:1px solid var(--line);box-shadow:var(--shadow-soft)}
.info-strip{display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;border-radius:18px}
.info-strip>div{padding:18px;border-right:1px solid var(--line)}
.info-strip>div:last-child{border-right:0}
.info-strip strong{display:block;font-family:var(--mono);font-size:1rem;text-transform:uppercase}
.info-strip span{display:block;color:var(--muted);font-size:.82rem;line-height:1.55;margin-top:4px}
.hero{padding-top:18px}
.hero-wrap{border-radius:26px;display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden}
.hero-copy{padding:52px 48px;position:relative;background:radial-gradient(circle at top left,rgba(52,67,154,.12),transparent 34%),linear-gradient(180deg,#ffffff 0%,#f7fafc 100%)}
.hero-copy h1{margin:6px 0 16px;font-size:clamp(2.6rem,5.2vw,4.8rem);line-height:.95;letter-spacing:-.06em}
.hero-copy h1 span{color:var(--primary)}
.hero-copy p{margin:0;color:var(--muted);line-height:1.8;max-width:62ch}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.hero-badges{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}
.hero-badges .badge{padding:16px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.78)}
.hero-badges strong{display:block;font-family:var(--mono);font-size:.94rem}
.hero-badges span{display:block;color:var(--muted);font-size:.82rem;margin-top:6px;line-height:1.55}
.hero-visual{padding:16px;background:linear-gradient(160deg,#eceef8 0%, #f8fbfd 52%, #f0f2f8 100%);border-left:1px solid var(--line);display:grid;grid-template-rows:1fr auto;gap:12px}
.hero-media{min-height:420px;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:#fff}
.hero-media img{width:100%;height:100%;object-fit:cover}
.hero-note{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mini-card{padding:18px;border:1px solid var(--line);border-radius:16px;background:#fff}
.mini-card strong{display:block;font-family:var(--mono);font-size:.82rem;text-transform:uppercase;color:var(--primary)}
.mini-card p{font-size:.84rem;color:var(--muted);line-height:1.55;margin:7px 0 0}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:.72rem;color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font-weight:700}
.eyebrow:before{content:"";width:18px;height:1px;background:currentColor;opacity:.7}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:18px}
.section-heading h2{font-size:clamp(1.9rem,3vw,3.1rem);line-height:1.04;letter-spacing:-.045em;margin:10px 0 0}
.section-heading p{max-width:680px;color:var(--muted);line-height:1.75}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.card,.category-card,.simple-card,.section-panel,.timeline-step,.contact-card,.form-card,.quote-box,.contact-tile,.story-panel{padding:24px;border-radius:18px}
.category-card{display:flex;flex-direction:column;height:100%;position:relative;overflow:hidden}
.category-card img{aspect-ratio:16/10;object-fit:contain;background:linear-gradient(180deg,#f6f9fc,#eef4f8);border:1px solid var(--line);border-radius:16px;padding:14px}
.category-card h3,.card h3,.simple-card h3,.timeline-step h3{margin:16px 0 8px;font-size:1.08rem}
.category-card p,.card p,.simple-card p,.section-panel p,.timeline-step p,.quote-box p,.contact-card p,.story-panel p,.contact-tile p{margin:0;color:var(--muted);line-height:1.7}
.category-card .actions{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:15px;border-top:1px solid var(--line);font-family:var(--mono);font-size:.76rem;color:var(--accent);text-transform:uppercase}
.page-hero{margin-top:18px;padding:34px;border-radius:24px;display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:center;overflow:hidden;background:radial-gradient(circle at top left, rgba(52,67,154,.11), transparent 35%),linear-gradient(180deg,#ffffff,#f7fafc)}
.page-hero h1{font-size:clamp(2.2rem,4vw,3.6rem);line-height:1;letter-spacing:-.048em;margin:10px 0 14px}
.page-hero p{color:var(--muted);line-height:1.78;margin:0}
.page-hero .media{min-height:300px;border-radius:18px;border:1px solid var(--line);background:#f2f6fa;overflow:hidden;display:flex;align-items:center;justify-content:center}
.page-hero .media img{width:100%;height:100%;object-fit:cover}
.page-hero .media.contain img{object-fit:contain;padding:18px}
.breadcrumbs{font-family:var(--mono);font-size:.7rem;color:#7b8fa3;text-transform:uppercase;margin-bottom:14px}
.badge-list,.inline-tags,.check-list{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:16px 0 0}
.badge-list li,.inline-tags li,.check-list li{font-family:var(--mono);font-size:.75rem;border:1px solid var(--line);background:#f6f8fa;padding:8px 10px;border-radius:999px}
.quote-box{background:linear-gradient(145deg,#1c275f,#34439a);color:#fff}
.quote-box p{color:#d5d9f0}
.data-bar{padding:18px;border-radius:20px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;background:linear-gradient(145deg,#0d203d,#193a5b);color:#fff}
.data-bar .item{padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}
.data-bar strong{display:block;font-family:var(--mono);font-size:1rem;color:#7ee0de}
.data-bar span{display:block;margin-top:6px;color:#d4e2ec;font-size:.85rem;line-height:1.55}
.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.timeline-step b{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#e8f8f7;color:var(--accent);font-family:var(--mono);margin-bottom:10px}
.company-highlights{padding:22px;border-radius:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.contact-layout{display:grid;grid-template-columns:1fr .96fr;gap:14px}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.contact-item{border:1px solid var(--line);background:#f7f9fb;padding:15px;border-radius:14px;font-size:.9rem;line-height:1.6}
.contact-item strong{display:block;font-family:var(--mono);font-size:.72rem;color:var(--accent);text-transform:uppercase;margin-bottom:7px}
.form-card form{display:grid;gap:11px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
label{font-size:.84rem;font-weight:700;display:grid;gap:6px}
input,textarea,select{font:inherit;border:1px solid var(--line);border-radius:12px;padding:12px;background:#fff}
input:focus,textarea:focus,select:focus{outline:2px solid rgba(15,169,168,.2);border-color:var(--accent)}
textarea{min-height:140px}
.cta-banner{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px;border-radius:22px;background:linear-gradient(145deg,#ffffff,#f5f8fb)}
.cta-banner h3{font-size:clamp(1.5rem,2.5vw,2.2rem);margin:8px 0 0}
.notice{font-size:.76rem;color:var(--muted);font-family:var(--mono);margin-top:8px}
.footer{padding:28px 0}.footer-wrap{background:linear-gradient(160deg,#0a1b2d,#132e4a);color:#fff;border:1px solid #20384f;border-radius:22px;padding:28px}
.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr .9fr;gap:18px}
.footer-brand{max-width:330px;margin-bottom:12px}
.footer h4{font-family:var(--mono);font-size:.72rem;color:var(--accent-2);letter-spacing:.12em;text-transform:uppercase}
.footer a,.footer p{display:block;color:#bdcbd8;line-height:1.8;margin:0}
.footer-bottom{display:flex;justify-content:space-between;gap:14px;border-top:1px solid #284157;margin-top:18px;padding-top:16px;color:#889caf;font-family:var(--mono);font-size:.72rem}
.story-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:14px}
.story-panel h3{margin:0 0 10px;font-size:1.2rem}
.story-list{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:10px}
.story-list li{padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#f7fafc;color:var(--muted)}
.industry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.industry-card{padding:22px;border-radius:18px;background:rgba(255,255,255,.95);border:1px solid var(--line);box-shadow:var(--shadow-soft)}
.industry-card .num{font-family:var(--mono);font-size:.8rem;color:var(--accent);display:block;margin-bottom:12px}
.industry-card h3{margin:0 0 8px;font-size:1.06rem}
.industry-card p{margin:0;color:var(--muted);line-height:1.65}
.product-mosaic{padding:18px;border-radius:22px;display:grid;grid-template-columns:1.2fr .8fr;gap:14px}
.product-mosaic .big{min-height:290px;border-radius:18px;overflow:hidden;border:1px solid var(--line)}
.product-mosaic .big img,.product-mosaic .small img{width:100%;height:100%;object-fit:cover}
.product-mosaic .side{display:grid;gap:14px}
.product-mosaic .small{min-height:138px;border-radius:18px;overflow:hidden;border:1px solid var(--line);position:relative}
.product-mosaic .caption{position:absolute;left:14px;bottom:14px;padding:8px 12px;border-radius:999px;background:rgba(11,31,54,.7);color:#fff;font-family:var(--mono);font-size:.72rem}
.icon-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.icon-card{padding:20px;border-radius:18px;text-align:left}
.icon-card h3{margin:14px 0 8px;font-size:1rem}
.icon-card p{margin:0;color:var(--muted);line-height:1.65;font-size:.92rem}
.ico{width:56px;height:56px;border-radius:16px;background:linear-gradient(145deg,#163a60,#234f80);position:relative;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.ico:before,.ico:after{content:"";position:absolute}
.ico.rod:before{left:10px;right:10px;top:24px;height:8px;background:#bfe3ff;border-radius:5px}.ico.rod:after{left:18px;top:12px;width:20px;height:20px;border:4px solid #63d7d4;border-top-color:transparent;border-right-color:transparent;transform:rotate(45deg);border-radius:3px}
.ico.piston:before{left:8px;right:8px;top:18px;height:20px;border:4px solid #63d7d4;border-radius:6px}.ico.piston:after{left:25px;top:10px;width:6px;height:36px;background:#bfe3ff;border-radius:6px}
.ico.wiper:before{left:10px;right:10px;bottom:12px;height:8px;background:#bfe3ff;border-radius:4px}.ico.wiper:after{left:15px;top:10px;width:26px;height:26px;border-left:4px solid #63d7d4;border-bottom:4px solid #63d7d4;transform:skew(-20deg)}
.ico.ptfe:before{inset:12px;border:3px solid #63d7d4;border-radius:50%}.ico.ptfe:after{left:26px;top:10px;width:4px;height:36px;background:#bfe3ff;border-radius:4px}
.ico.pneu:before{left:12px;top:20px;width:30px;height:14px;border-radius:999px;background:#bfe3ff}.ico.pneu:after{left:22px;top:10px;width:12px;height:12px;border-radius:50%;background:#63d7d4;box-shadow:0 24px 0 #63d7d4}
.ico.guide:before{left:10px;top:10px;width:12px;height:36px;border-radius:8px;background:#63d7d4;box-shadow:24px 0 0 #63d7d4}.ico.guide:after{left:18px;top:24px;width:20px;height:8px;background:#bfe3ff;border-radius:5px}
.ico.arm:before{left:14px;top:12px;width:28px;height:28px;border:4px solid #63d7d4;border-radius:50%}.ico.arm:after{left:24px;top:24px;width:20px;height:4px;background:#bfe3ff;transform:rotate(45deg);transform-origin:left center}
.ico.static:before{left:13px;top:13px;width:30px;height:30px;border:4px solid #63d7d4;border-radius:50%}.ico.static:after{left:18px;top:18px;width:20px;height:20px;border:3px solid rgba(191,227,255,.8);border-radius:50%}
.seal-section{padding:14px 0}
.seal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.seal-card{position:relative;padding:20px 20px 18px;border-radius:18px;overflow:hidden}
.seal-card:after{content:"";position:absolute;right:-20px;bottom:-20px;width:80px;height:80px;border-radius:50%;border:1px solid rgba(15,169,168,.16)}
.seal-top{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.seal-code{display:inline-flex;padding:7px 10px;border-radius:999px;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;font-family:var(--mono);font-weight:800;letter-spacing:.05em;font-size:.8rem}
.seal-card h3{margin:0;font-size:1.05rem}
.seal-card p{margin:8px 0 0;color:var(--muted);line-height:1.68;font-size:.93rem}
.seal-mini{width:38px;height:38px;border-radius:12px;background:#edf7f7;display:flex;align-items:center;justify-content:center;position:relative}
.seal-mini:before,.seal-mini:after{content:"";position:absolute}
.seal-mini.rod:before{left:8px;right:8px;top:17px;height:5px;background:var(--primary);border-radius:4px}.seal-mini.rod:after{left:12px;top:8px;width:14px;height:14px;border:3px solid var(--accent);border-top-color:transparent;border-right-color:transparent;transform:rotate(45deg)}
.seal-mini.piston:before{left:7px;right:7px;top:10px;height:18px;border:3px solid var(--primary);border-radius:5px}.seal-mini.piston:after{left:17px;top:7px;width:4px;height:24px;background:var(--accent);border-radius:4px}
.seal-mini.wiper:before{left:7px;right:7px;bottom:8px;height:5px;background:var(--primary);border-radius:4px}.seal-mini.wiper:after{left:10px;top:8px;width:18px;height:18px;border-left:3px solid var(--accent);border-bottom:3px solid var(--accent);transform:skew(-20deg)}
.seal-mini.guide:before{left:9px;top:8px;width:6px;height:22px;background:var(--accent);border-radius:6px;box-shadow:14px 0 0 var(--accent)}.seal-mini.guide:after{left:12px;top:16px;width:14px;height:4px;background:var(--primary);border-radius:4px}
.seal-mini.ptfe:before{inset:8px;border:3px solid var(--accent);border-radius:50%}.seal-mini.ptfe:after{left:17px;top:6px;width:4px;height:24px;background:var(--primary);border-radius:4px}
.seal-mini.pneu:before{left:8px;top:14px;width:22px;height:10px;border-radius:999px;background:var(--primary)}.seal-mini.pneu:after{left:15px;top:8px;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 14px 0 var(--accent)}
.seal-mini.arm:before{left:9px;top:9px;width:20px;height:20px;border:3px solid var(--accent);border-radius:50%}.seal-mini.arm:after{left:18px;top:19px;width:12px;height:3px;background:var(--primary);transform:rotate(45deg);transform-origin:left center}
.data-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.contact-tile strong{display:block;font-family:var(--mono);font-size:.76rem;text-transform:uppercase;color:var(--accent);margin-bottom:8px}
.form-message{padding:14px 16px;border-radius:14px;margin-bottom:14px;background:#eaf9f8;color:#0b6767;border:1px solid #bce8e6}
.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
@media(max-width:1100px){.grid-4,.industry-grid,.icon-grid,.data-bar,.company-highlights,.timeline,.data-tiles,.seal-grid{grid-template-columns:repeat(2,1fr)}.hero-wrap,.page-hero,.story-grid,.product-mosaic,.grid-2,.contact-layout,.footer-grid{grid-template-columns:1fr 1fr}.section-heading{align-items:flex-start;flex-direction:column}}
@media(max-width:860px){.menu-toggle{display:block}.nav{display:none;position:absolute;left:16px;right:16px;top:82px;background:#fff;border:1px solid var(--line);padding:10px;border-radius:18px;flex-direction:column;align-items:stretch;box-shadow:var(--shadow)}.nav.open{display:flex}.dropdown{display:block;position:static;border:0;box-shadow:none;padding-left:10px;background:transparent}.header-actions .btn{display:none}.header-actions .lang-pill{display:none}.hero-copy{padding:34px 28px}.hero-visual{border-left:0;border-top:1px solid var(--line)}}
@media(max-width:640px){.info-strip,.hero-wrap,.page-hero,.grid-4,.grid-3,.grid-2,.timeline,.contact-layout,.contact-grid,.form-row,.footer-grid,.hero-note,.hero-badges,.story-grid,.product-mosaic,.industry-grid,.icon-grid,.data-bar,.company-highlights,.data-tiles,.seal-grid{grid-template-columns:1fr}.info-strip>div{border-right:0;border-bottom:1px solid var(--line)}.footer-bottom,.cta-banner{flex-direction:column;align-items:flex-start}.brand img{height:57px}}

.mech-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.mech-type-card{padding:18px;border-radius:18px;background:rgba(255,255,255,.95);border:1px solid var(--line);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:14px}.mech-type-card img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:16px;border:1px solid var(--line);background:linear-gradient(180deg,#f8fbfe,#eff5f8)}.mech-type-card h3{margin:0;font-size:1.02rem}.mech-type-card p{margin:0;color:var(--muted);line-height:1.6;font-size:.9rem}.mech-type-meta{display:flex;justify-content:space-between;align-items:center;gap:10px}.mech-type-badge{display:inline-flex;padding:7px 10px;border-radius:999px;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;font-family:var(--mono);font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.hyd-icon-thumb{width:100%;aspect-ratio:16/11;object-fit:cover;border-radius:16px;border:1px solid var(--line);background:linear-gradient(180deg,#f8fbfe,#eff5f8)}.icon-card .hyd-icon-thumb{margin-bottom:14px}.seal-mini-img{width:38px;height:38px;border-radius:12px;border:1px solid rgba(23,58,99,.08);background:#edf7f7;padding:4px;object-fit:cover}@media(max-width:1100px){.mech-type-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.mech-type-grid{grid-template-columns:1fr}}

.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.catalog-card-link{display:block;text-decoration:none;color:inherit}
.catalog-card{height:100%;padding:18px;border-radius:18px;background:rgba(255,255,255,.96);border:1px solid var(--line);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:14px;transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease}
.catalog-card-link:hover .catalog-card{transform:translateY(-4px);box-shadow:0 20px 44px rgba(7,27,55,.16);border-color:rgba(23,58,99,.18)}
.catalog-card img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:16px;border:1px solid var(--line);background:linear-gradient(180deg,#f8fbfe,#eff5f8)}
.catalog-card h3{margin:0;font-size:1.02rem;line-height:1.35}
.catalog-card p{margin:0;color:var(--muted);line-height:1.6;font-size:.92rem}
.card-linkhint{margin-top:auto;text-decoration:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:4px;color:var(--primary);font-weight:700;font-size:.9rem}
.pdf-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(52,67,154,.10);color:var(--primary);font-size:.76rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.pdf-chip::before{content:"PDF";display:inline-flex;align-items:center;justify-content:center;width:34px;height:22px;border-radius:999px;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;font-size:.7rem}
.note-bar{margin-top:14px;padding:12px 16px;border-radius:14px;background:#edf7fb;border:1px solid rgba(23,58,99,.08);color:var(--muted)}
@media(max-width:1100px){.catalog-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.catalog-grid{grid-template-columns:1fr}}

.catalog-card img{object-fit:contain!important;background:#fff!important;padding:10px}.category-card img{background:#fff}.mechanical-real-image{object-fit:contain!important;background:#fff!important;padding:12px}.packing-real-image{object-fit:contain!important;background:#fff!important;padding:12px}

.std-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:18px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow-soft)}.std-overview div{padding:16px;border-radius:14px;background:linear-gradient(180deg,#f8fbff,#eef4f9)}.std-overview span{display:block;color:var(--muted);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.std-overview strong{color:var(--primary);font-size:1rem}.std-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.std-card{min-width:0;width:100%;padding:18px;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:12px}.std-card img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:16px;border:1px solid var(--line)}.std-card h3{margin:0;font-size:1.05rem}.std-card p{margin:0;color:var(--muted);line-height:1.6;font-size:.92rem}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.process-grid article,.material-grid article{padding:20px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow-soft)}.process-grid span{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;font-weight:800}.process-grid h3{margin:14px 0 8px}.process-grid p,.material-grid p{margin:0;color:var(--muted);line-height:1.6}.material-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.material-grid strong{display:block;font-size:1.35rem;color:var(--primary);margin-bottom:8px}.data-list{margin:18px 0 0;padding-left:22px}.data-list li{margin:10px 0;color:var(--muted);line-height:1.55}.faq-wrap details{border:1px solid var(--line);border-radius:14px;background:#fff;padding:16px 18px;margin-bottom:12px}.faq-wrap summary{cursor:pointer;font-weight:700;color:var(--primary)}.faq-wrap details p{color:var(--muted);line-height:1.65;margin:12px 0 0}@media(max-width:1100px){.std-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.process-grid,.material-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.std-overview,.std-grid,.process-grid,.material-grid{grid-template-columns:1fr}}

.footer-brand{background:transparent!important;border:0!important;outline:0!important;filter:none!important}
.compact-highlights{padding:14px;gap:10px}
.compact-highlights .contact-tile{padding:15px 16px;border-radius:14px}
.compact-highlights .contact-tile strong{font-size:.8rem;font-weight:900;margin-bottom:5px;letter-spacing:.025em}
.compact-highlights .contact-tile p{font-size:.82rem;line-height:1.48;font-weight:600;color:#4f5878}
.oring-material-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.oring-material-card{padding:20px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow-soft)}
.material-code{display:inline-flex;padding:7px 11px;border-radius:999px;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;font-family:var(--mono);font-weight:900;font-size:.78rem;letter-spacing:.06em}
.oring-material-card h3{margin:14px 0 8px;font-size:1.08rem}.oring-material-card>p{margin:0;color:var(--muted);font-size:.91rem;line-height:1.6}
.oring-material-card dl{margin:16px 0 0;border-top:1px solid var(--line)}.oring-material-card dl div{padding:10px 0;border-bottom:1px solid var(--line)}.oring-material-card dt{font-family:var(--mono);font-weight:800;color:var(--primary);font-size:.72rem;text-transform:uppercase}.oring-material-card dd{margin:4px 0 0;color:var(--muted);font-size:.84rem;line-height:1.45}
.fep-showcase{padding:24px;border-radius:20px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-soft)}
.fep-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.fep-gallery figure{margin:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}.fep-gallery img{width:100%;height:270px;object-fit:cover}.fep-gallery figcaption{padding:11px 13px;color:var(--muted);font-size:.82rem;line-height:1.45;font-weight:600}
@media(max-width:1000px){.oring-material-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.oring-material-grid,.fep-gallery{grid-template-columns:1fr}.fep-gallery img{height:auto}}

.packing-row-list{display:grid;gap:16px}.packing-row-link{display:block;text-decoration:none;color:inherit}.packing-row{display:grid;grid-template-columns:minmax(280px,38%) 1fr;gap:22px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow-soft);transition:.18s ease}.packing-row-link:hover .packing-row{transform:translateY(-3px);box-shadow:0 20px 44px rgba(7,27,55,.14);border-color:rgba(23,58,99,.2)}.packing-row-media{height:220px;border-radius:14px;overflow:hidden;background:#fff;border:1px solid var(--line)}.packing-row-media img{width:100%;height:100%;object-fit:contain;display:block}.packing-row-body{display:flex;flex-direction:column;gap:10px}.packing-row-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.packing-row-head h3{margin:0;font-size:1.18rem}.packing-row-body p{margin:0;color:var(--muted);line-height:1.6}.packing-params{padding:10px 12px;border-radius:12px;background:#eef4fa;border:1px solid rgba(23,58,99,.08);color:var(--primary);font-size:.86rem;font-weight:700}.pump-table-wrap{padding:24px;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-soft)}.pump-table-wrap h3{margin-top:0}.pump-table{width:100%;border-collapse:collapse;margin-top:14px}.pump-table td{padding:11px 12px;border:1px solid var(--line);font-weight:650;color:var(--primary);background:#fbfdff}.pump-table tr:nth-child(even) td{background:#f2f6fa}@media(max-width:820px){.packing-row{grid-template-columns:1fr}.packing-row-media{height:190px}.pump-table td{display:block;width:100%}.pump-table tr{display:grid;grid-template-columns:1fr 1fr}}@media(max-width:520px){.pump-table tr{grid-template-columns:1fr}}

/* V10: corrected FEP/PFA photography and compact replacement tables */
.fep-gallery{gap:12px}
.fep-gallery figure{display:flex;flex-direction:column}
.fep-gallery img{height:230px;object-fit:contain;object-position:center;background:#fff;padding:10px}
.fep-gallery figcaption{padding:9px 11px;font-size:.78rem;line-height:1.35}
.media.contain img[src$="orings-main.jpg"]{object-fit:contain;background:#fff;padding:18px;image-rendering:auto}
.pump-table-wrap{padding:16px}
.pump-table-wrap h3{margin:0 0 4px;font-size:1.02rem}
.pump-table-wrap p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.35}
.pump-table{margin-top:8px;table-layout:fixed}
.pump-table td{padding:5px 7px;font-size:.78rem;line-height:1.2;font-weight:700;vertical-align:middle}
.compact-table-wrap .pump-table td{width:50%}
@media(max-width:820px){.pump-table td{display:table-cell;width:auto}.pump-table tr{display:table-row}.fep-gallery img{height:210px}}
@media(max-width:640px){.pump-table{font-size:.76rem}.pump-table td{padding:5px}.fep-gallery img{height:auto;max-height:280px}}

.gsm-doc-grid .catalog-card img{height:320px;aspect-ratio:auto;object-fit:contain;background:#fff;padding:6px}.selection-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow-soft)}.selection-table{width:100%;border-collapse:collapse;min-width:760px}.selection-table th,.selection-table td{padding:10px 12px;border:1px solid var(--line);text-align:left;vertical-align:top;line-height:1.4}.selection-table th{background:var(--primary);color:#fff;font-size:.82rem;letter-spacing:.02em}.selection-table td{font-size:.86rem;color:var(--muted)}.selection-table td:first-child{width:22%;color:var(--primary);background:#f5f8fb}.selection-table tr:nth-child(even) td:not(:first-child){background:#fbfdff}@media(max-width:640px){.gsm-doc-grid .catalog-card img{height:250px}.selection-table th,.selection-table td{padding:8px;font-size:.78rem}}

/* Firma: mocniejsze etykiety i numery sekcji */
.firma-page .eyebrow{font-size:.96rem;font-weight:900;letter-spacing:.095em;line-height:1.25}
.firma-page .compact-highlights .contact-tile strong{font-size:1rem;font-weight:900;letter-spacing:.02em;line-height:1.3}
.firma-page .industry-card .num{font-size:1.05rem;font-weight:900;letter-spacing:.06em;line-height:1.2}
@media(max-width:640px){
  .firma-page .eyebrow{font-size:.88rem}
  .firma-page .compact-highlights .contact-tile strong{font-size:.94rem}
  .firma-page .industry-card .num{font-size:1rem}
}

/* V13 refinements */
.hero-media img[src$="industrial-uds.jpg"],
.page-hero .media img[src$="industrial-uds.jpg"]{
  object-fit:contain;
  background:#fff;
  padding:16px;
}
.firma-page .page-hero .media.frick-hero{background:#fff}
.firma-page .grid-4 .card{
  padding:16px 18px;
}
.firma-page .grid-4 .card h3{
  margin:0 0 6px;
  font-size:1rem;
}
.firma-page .grid-4 .card p{
  font-size:.92rem;
  line-height:1.45;
}
.firma-page .industry-card{
  padding:16px 18px;
}
.firma-page .industry-card h3{
  margin:0 0 6px;
  font-size:1rem;
}
.firma-page .industry-card p{
  font-size:.92rem;
  line-height:1.45;
}
.footer-brand{
  display:block;
  max-width:300px;
  height:auto;
}
/* packing cards: image-led layout */
.packing-row{grid-template-columns:minmax(320px,46%) 1fr;gap:18px;padding:14px}
.packing-row-media{height:180px;background:#fff}
.packing-row-body{justify-content:center;gap:8px}
.packing-row-head h3{font-size:1.08rem}
.packing-row .packing-row-body p,
.packing-row .packing-params{display:none !important}
.simple-linkhint{margin-top:4px;font-size:.92rem;padding-top:0}
/* hydraulic & pneumatic category visuals */
.std-card img[src$=".svg"]{
  object-fit:contain;
  background:linear-gradient(180deg,#ffffff,#f4f8fb);
  padding:12px;
}

/* V14 – katalog Vulcan Seals */
.vulcan-grid{grid-template-columns:repeat(3,1fr)}
.vulcan-card img{object-fit:contain;background:#fff;padding:12px;min-height:220px}
.vulcan-card p strong{color:var(--primary)}
@media(max-width:1100px){.vulcan-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.vulcan-grid{grid-template-columns:1fr}.vulcan-card img{min-height:190px}}

/* V16 - OEM and hydraulic content */
.oem-grid .catalog-card img{object-fit:contain;background:#fff;padding:8px}
.compact-process{grid-template-columns:repeat(3,1fr)}
.compact-process article{display:grid;grid-template-columns:48px 1fr;align-items:center;gap:12px;padding:16px}
.compact-process article p{margin:0}
.check-list{margin:16px 0 0;padding:0;list-style:none}
.check-list li{position:relative;padding:8px 0 8px 26px;color:var(--muted);line-height:1.5;border-bottom:1px solid var(--line)}
.check-list li::before{content:"✓";position:absolute;left:0;top:8px;color:var(--primary);font-weight:900}
@media(max-width:900px){.compact-process{grid-template-columns:1fr}}


/* UDS: prostokątne ramki i elementy interfejsu */
*{border-radius:0 !important}

/* UDS 2026: ujednolicone fotografie i sekcje produktowe */
.catalog-card img{aspect-ratio:4/3;object-fit:contain!important;background:#fff!important;padding:12px}
.standard-seals-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.standard-seal-card img{width:100%;height:150px;object-fit:contain;background:#fff;padding:14px;border:1px solid var(--line)}
.standard-seal-card a{margin-top:auto;display:flex;justify-content:space-between;gap:12px;font-weight:700;text-decoration:none;color:var(--primary)}
.split-card-text-only{display:block;max-width:900px;margin-inline:auto}
.split-card-text-only>div{max-width:none}
@media(max-width:900px){.standard-seals-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.standard-seals-grid{grid-template-columns:1fr}}

/* Korekty UDS: logo +50%, etykiety w ramkach i stabilne obrazy */
.header-inner{min-height:86px}
.brand img{max-width:min(360px,42vw)}
.material-code{vertical-align:middle;margin-bottom:8px}
img{max-width:100%;height:auto}
.catalog-card>img{display:block}
@media(max-width:640px){.header-inner{min-height:76px}.brand img{max-width:56vw}}


/* V14: image frames flush to photography, flag language selector */
.lang-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 7px}
.lang-flag{appearance:none;border:0;background:transparent;padding:3px 4px;margin:0;font-size:1.25rem;line-height:1;cursor:pointer;border-radius:6px}
.lang-flag:hover,.lang-flag:focus-visible{background:var(--surface-soft);outline:2px solid transparent}
.google-translate-host{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
body{top:0!important}.goog-te-banner-frame.skiptranslate,.goog-te-banner-frame{display:none!important}
.hero-media img[src$="industrial-uds.jpg"],
.page-hero .media img[src$="industrial-uds.jpg"],
.category-card img,.catalog-card img,.mechanical-real-image,.packing-real-image,
.oem-grid .catalog-card img,.gsm-doc-grid .catalog-card img{
  padding:0!important;
}
.hero-media,.page-hero .media{padding:0!important}
.oring-selection-image{width:512px!important;max-width:100%;height:auto!important;object-fit:contain}
.split-card:has(.oring-selection-image){grid-template-columns:minmax(360px,512px) 1fr}
@media(max-width:800px){.split-card:has(.oring-selection-image){grid-template-columns:1fr}}
@media(max-width:860px){
  .header-actions .lang-pill{display:inline-flex}
  .header-actions{margin-left:auto}
}

/* V15: Cryo-Ring heading layout */
.cryo-heading{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(360px,512px);
  align-items:center;
  gap:30px;
}
.cryo-heading>div{min-width:0}
.cryo-heading>p{grid-column:1;max-width:760px;margin-top:-8px}
.cryo-heading-image{grid-column:2;grid-row:1 / span 2;margin:0;align-self:center}
.cryo-heading-image .oring-selection-image{display:block;width:512px!important;max-width:100%;height:auto!important;margin:0;border-radius:18px}
@media(max-width:900px){
  .cryo-heading{grid-template-columns:1fr}
  .cryo-heading>p,.cryo-heading-image{grid-column:1;grid-row:auto}
  .cryo-heading-image{max-width:512px}
}


/* V17: local flag pictograms and split-card alignment */
.lang-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 8px}
.lang-flag{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;background:transparent;border:0;cursor:pointer}
.lang-flag img{display:block;width:24px;height:24px;object-fit:contain}
.lang-flag:hover,.lang-flag:focus-visible{background:var(--surface-soft);outline:2px solid transparent}

.split-card{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:24px;align-items:center}
.split-card>.section-panel,.split-card>div{width:100%}
.split-card-text-only{grid-template-columns:1fr;max-width:none;margin:0 auto}
.split-card-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.cta-match-technical-panel{min-height:397.36px}

.split-card-illustrated{grid-template-columns:minmax(0,1fr) minmax(280px,420px)}
.split-card-illustration{width:100%;max-width:420px;justify-self:end;align-self:center;object-fit:contain;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-soft);padding:18px}

@media(max-width:900px){
  .cta-match-technical-panel{min-height:0}
  .split-card,.split-card-illustrated{grid-template-columns:1fr}
  .split-card-illustration{justify-self:center;max-width:360px}
}

/* V18: zdjęcia w kartach bez marginesów + równe panele hydrauliki */
.grid-4 > .category-card{
  padding:0!important;
  overflow:hidden;
}
.grid-4 > .category-card > img{
  display:block;
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  aspect-ratio:4 / 3;
  object-fit:cover!important;
  object-position:center;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:#fff!important;
}
.grid-4 > .category-card > h3{
  margin:18px 24px 8px;
}
.grid-4 > .category-card > p{
  margin:0 24px;
}
.grid-4 > .category-card > .actions{
  margin:18px 24px 0;
  padding:15px 0 24px;
}

.std-grid{align-items:stretch}
.std-card{
  padding:0!important;
  overflow:hidden;
  gap:0!important;
  height:100%;
}
.std-card > img{
  display:block;
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  aspect-ratio:4 / 3;
  object-fit:cover!important;
  object-position:center;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:#fff!important;
}
.std-card > h3{
  margin:18px 18px 10px!important;
}
.std-card > p{
  margin:0 18px 10px!important;
}
.std-card > .card-linkhint{
  margin:8px 18px 18px!important;
  margin-top:auto!important;
}

/* Kompatybilność z alternatywną wersją kart standard-seal-card */
.standard-seal-card{
  padding:0!important;
  overflow:hidden;
}
.standard-seal-card > img{
  display:block;
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  aspect-ratio:4 / 3;
  object-fit:cover!important;
  object-position:center;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:#fff!important;
}
.standard-seal-card > h3{margin:18px 18px 10px!important}
.standard-seal-card > p{margin:0 18px 12px!important}
.standard-seal-card > a{margin:8px 18px 18px!important;margin-top:auto!important}

.container.grid-2{
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:stretch;
}
.container.grid-2 > .section-panel{
  width:100%;
  min-width:0;
  height:100%;
}
@media(max-width:640px){
  .container.grid-2{grid-template-columns:1fr}
}

.pdf-image-link{cursor:pointer}
.pdf-image-link:focus-visible,.pdf-chip:focus-visible{outline:3px solid var(--accent);outline-offset:3px}