/* ELPAR: scoped presentation refresh; no external fonts or assets. */
:root{--navy:#002744;--blue:#075785;--paper:#f5f6f7;--line:#dce2e6}
body{font-size:16px;line-height:1.6;color:#273b48;background:var(--paper)}
:focus-visible{outline:3px solid #bd7700;outline-offset:4px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip-link{position:absolute;left:12px;top:-100px;z-index:100;background:white;padding:12px}.skip-link:focus{top:8px}
.staging{font-size:11px;line-height:1.4;padding:6px 16px;background:#e9eef1;color:#425766}
.site-header{border:0;background:white}.head{padding:22px 24px;gap:42px;flex-wrap:nowrap}.brand{flex-shrink:0;line-height:0}.logo{width:170px}
.navigation{display:flex;align-items:center;gap:24px;flex:1;min-width:0}.head nav{gap:24px}.main-nav a{font-size:14px;color:var(--navy);padding:9px 0;border-bottom:2px solid transparent}.main-nav a:hover,.main-nav a[aria-current]{border-color:var(--blue)}.head .languages{gap:4px;margin-left:auto}.languages a{padding:6px 8px;font-size:12px;border:1px solid transparent}.languages a[aria-current]{border-color:#c7d3da;background:#edf2f5}
.catalog-bar{background:var(--navy);color:white}.bar-inner{max-width:1200px;padding:10px 24px;margin:auto;display:flex;gap:32px;align-items:center;position:relative}.category-menu{min-width:240px}.category-menu summary{padding:8px 0;cursor:pointer;font-size:15px;font-weight:650;list-style:none;display:flex;justify-content:space-between;gap:30px}.category-menu summary::-webkit-details-marker{display:none}.category-menu summary span{font-size:20px;line-height:1}.category-menu[open] summary span{transform:rotate(45deg)}.category-menu nav{position:absolute;left:24px;top:100%;z-index:30;width:min(510px,calc(100% - 48px));background:white;border:1px solid var(--line);box-shadow:0 16px 30px #00274424;display:flex;flex-direction:column;padding:10px}.category-menu nav a{padding:12px 14px;color:var(--navy);text-decoration:none;border-bottom:1px solid var(--line);font-size:14px}.category-menu nav a:hover{background:#eef3f6}.site-search{flex:1;flex-wrap:nowrap;gap:0;margin-left:auto;max-width:650px;align-items:stretch}.site-search input{min-width:0;flex:1;border:0;border-radius:2px 0 0 2px;padding:9px 14px;font-size:14px;width:auto}.site-search button{border:1px solid #a6bfce;background:#17415d;font-size:13px;border-radius:0 2px 2px 0;white-space:nowrap;padding:9px 16px}
main{padding-top:30px;padding-bottom:64px}h1{font-size:clamp(1.8rem,3vw,2.65rem);letter-spacing:-.035em;font-weight:720;border:0;margin:18px 0 28px;padding:0}h2{font-weight:650;letter-spacing:-.015em}.breadcrumbs{display:flex;gap:10px;flex-wrap:wrap;font-size:12px;color:#536b7b;margin:0 0 22px}.breadcrumbs a{color:#536b7b}.home main{padding-top:28px}.hero{display:grid;grid-template-columns:39% 61%;background:#fff;border:1px solid var(--line);min-height:390px;overflow:hidden}.hero-copy{padding:42px 0 36px 36px;position:relative;z-index:1;align-self:center}.hero h1{font-size:clamp(2rem,3.2vw,3.05rem);line-height:1.07;max-width:330px;margin:0 0 24px}.hero-copy>p{font-size:15px;max-width:390px;line-height:1.75;margin:18px 0}.hero-copy .button{background:var(--navy);border-color:var(--navy);font-weight:600;padding:12px 26px;font-size:14px;border-radius:2px}.hero-visual{margin:0;display:flex;align-items:center;background:#e8ecee}.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:32px 0 16px}.section-heading h2{font-size:24px;margin:0}.section-heading>a{font-size:13px;font-weight:600;text-decoration:none}.cards{gap:20px}.category-cards{grid-template-columns:repeat(3,minmax(0,1fr));margin:0}.category-cards section{padding:0;position:relative;transition:box-shadow .15s,transform .15s}.category-cards section:hover{box-shadow:0 5px 18px #00274415;transform:translateY(-2px)}.category-cards img{height:115px;max-height:none;width:100%;object-fit:cover;margin:0}.category-cards h2{padding:18px 20px 0;font-size:15px;line-height:1.45;margin:0;min-height:62px}.category-cards section>a{display:block;font-size:0;padding:0 20px 16px;text-decoration:none}.category-cards section>a::after{content:'→';font-size:20px}.category-cards section>a::before{content:'';position:absolute;inset:0}.category-cards section:focus-within{outline:3px solid #bd7700;outline-offset:3px}
.promo-rail.cards{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:260px;gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;margin:0;padding:2px 2px 18px;scrollbar-color:#8199a9 #e5eaed;scrollbar-width:thin}.promo-rail section{scroll-snap-align:start;padding:18px;position:relative}.promo-rail img{height:230px;max-height:230px;margin:0 auto 16px;object-fit:contain}.promo-rail h2{font-size:15px;line-height:1.4;margin:8px 0}.promo-rail p,.promo-rail section>a{font-size:12px;line-height:1.5}.rail-controls{display:flex;gap:8px}.rail-controls[hidden]{display:none}.rail-controls button{padding:4px 12px;color:var(--navy);background:white;border-color:#b6c6d1;font-size:20px}
.inner-page .cards article{padding:24px;box-shadow:0 2px 4px #00274404}.cards article h2{font-size:17px;margin:16px 0 10px}.cards article img{height:160px;max-height:160px;border-bottom:1px solid #edf0f2;padding-bottom:16px}.cards article h2 a{text-decoration:none}.cards article h2 a:hover{text-decoration:underline}.cards article p{font-size:14px;line-height:1.65}.inner-page main>form{padding:20px;background:white;border:1px solid var(--line);margin:0 0 18px}.inner-page main>form label{font-size:13px;font-weight:600}.inner-page main>form input{margin-left:10px;font-size:15px}.inner-page main>p{font-size:14px}.product-photo{background:white;border:1px solid var(--line);padding:24px}.product-photo img{margin:0 auto;max-height:230px}.technical{padding:24px;border:1px solid var(--line)}.technical td{font-size:14px}.technical td:first-child{min-width:100px;width:28%!important}.table-scroll{border:1px solid var(--line);padding:0}.variants th{background:var(--navy);color:white;font-size:12px;text-transform:uppercase;letter-spacing:.035em}.variants td{padding:13px 16px;font-size:14px}.variants tr:nth-child(even){background:#f1f5f7}button,.button{transition:background-color .15s}button:hover,.button:hover{background:#12628e}#warianty{margin-top:40px}.editorial>section{padding:28px;border-color:var(--line);margin:18px 0}.editorial>section h2{margin-top:0}.editorial a{overflow-wrap:anywhere}.editorial .table-scroll table{width:100%!important}.editorial td{vertical-align:top}.editorial .missing{margin:10px 0}.inner-page .editorial{max-width:100%}
footer>.inner{padding-top:36px;padding-bottom:32px}.footer-heading{display:flex;justify-content:space-between;gap:24px;margin-bottom:22px}.footer-heading strong{font-size:20px;font-weight:650}.footer-heading a{font-weight:600;text-decoration:none}footer nav{display:flex;flex-wrap:wrap;gap:14px 24px}footer nav a{font-size:13px;text-decoration:none;margin:0}.preview-detail{border-top:1px solid #ffffff24;padding-top:20px;margin-top:26px;color:#b9cbd7;font-size:12px;max-width:900px}
@media(max-width:980px){.head{gap:24px}.navigation{gap:12px}.head nav{gap:12px}.hero-copy{padding:28px 0 24px 28px}.hero h1{font-size:35px}.hero-copy>p{font-size:14px}.hero{min-height:360px}.category-menu{min-width:180px}}
@media(max-width:760px){.head{padding:16px;align-items:flex-start;gap:16px;flex-wrap:wrap}.brand{width:100%}.logo{width:145px}.navigation{width:100%;flex-wrap:wrap;gap:12px}.head .main-nav{gap:4px 18px;flex:1}.head .main-nav a{font-size:13px;padding:4px 0}.head .languages{position:absolute;top:67px;right:16px;gap:2px}.languages a{font-size:11px}.bar-inner{padding:10px 16px;gap:14px;flex-wrap:wrap}.category-menu{min-width:0;width:100%}.category-menu summary{padding:2px 0}.category-menu nav{left:16px;width:calc(100% - 32px)}.site-search{max-width:none;flex-basis:100%;width:100%;margin:0}.site-search input{width:0}.site-search button{padding:10px;font-size:12px}main{padding:24px 16px 40px}.home main{padding-top:16px}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:26px 24px 12px}.hero h1{font-size:34px;max-width:270px;margin-bottom:16px}.hero-copy>p{max-width:none;font-size:14px;line-height:1.65}.hero-visual{height:auto;aspect-ratio:1141/680}.hero-visual img{object-fit:cover}.section-heading{margin-top:28px}.section-heading h2{font-size:22px}.category-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.category-cards img{height:90px}.category-cards h2{padding:12px 12px 0;font-size:13px;min-height:100px}.category-cards section>a{padding:0 12px 12px}.promo-rail.cards{grid-auto-columns:260px}.technical{padding:10px}.technical td{font-size:12px}.inner-page main>form{padding:16px}.inner-page main>form input{margin:8px 0 0}.editorial>section{padding:18px}.footer-heading{display:block}.footer-heading strong{font-size:18px;display:block;margin-bottom:12px}.footer-heading a{font-size:14px}footer>.inner{padding:28px 16px}.cards article p{font-size:14px}h1{font-size:30px;margin-bottom:24px}.product-photo{padding:16px}.breadcrumbs{font-size:11px;gap:8px}.variants td{padding:10px;font-size:12px}.variants th{font-size:11px}.inner-page .cards{gap:16px}}
/* Document pictograms must retain icon scale, unlike cable photographs. */
.cards article img[src$="/pdf.png"]{display:inline-block;width:22px;height:auto;max-height:26px;padding:0;margin:0;border:0}
body[data-route="/kontakt"] .editorial,body[data-route="/dopobrania"] .editorial{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
body[data-route="/kontakt"] .editorial>section,body[data-route="/dopobrania"] .editorial>section{margin:0;min-width:0}
body[data-route="/kontakt"] .editorial>p,body[data-route="/dopobrania"] .editorial>section:nth-child(n+8){grid-column:1/-1}
body[data-route="/dopobrania"] .editorial>section>img{max-height:190px}
body[data-route="/dopobrania"] .editorial li{padding:7px 0;font-size:14px}
@media(max-width:760px){body[data-route="/kontakt"] .editorial,body[data-route="/dopobrania"] .editorial{grid-template-columns:1fr;gap:16px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media print{.breadcrumbs,.skip-link,.rail-controls{display:none!important}main{padding:0}.technical{border:0;padding:0}.product-photo{border:0;padding:0}.variants th{color:black;background:white}.hero,.category-cards,.promo-rail.cards{display:block;overflow:visible}.hero-visual{height:auto}.promo-rail section{break-inside:avoid}.hero-copy{padding:0}.category-cards section>a{font-size:12px}}

/* Technical data tables: rowspans make :first-child a different column per row.
   Keep numeric values intact; scroll the technical panel on narrow screens. */
.technical table.tabela-3{min-width:780px;table-layout:auto}
.technical table.tabela-3 td{width:auto!important;min-width:0;overflow-wrap:normal;word-break:normal;white-space:nowrap;line-height:1.5;padding:8px}
.technical table.tabela-3 tr:nth-child(-n+3) td{white-space:normal}
.technical table.tabela-3 td p{margin:0}
.technical:focus-visible{outline:3px solid #bd7700;outline-offset:3px}
@media print{.technical table.tabela-3{min-width:0}.technical table.tabela-3 td{white-space:normal}}

/* Original catalog cell fills: semantic TH groups retain rowspan, not row zebra. */
.technical .tabela-2 td,
.technical .tabela-3 td { background-color:#fff; }
.technical .tabela-2 td:first-child,
.technical .tabela-3 th { background-color:#3498db; color:#fff; }