:root{--navy:#102f4e;--navy-2:#123a63;--blue:#0b63a8;--yellow:#f8b801;--text:#243447;--muted:#667085;--line:#dfe7ef;--soft:#f4f8fc;--shadow:0 16px 42px rgba(16,47,78,.09);--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);line-height:1.72;background:#fff;-webkit-font-smoothing:antialiased}.container{max-width:1160px;margin:0 auto;padding:0 22px}.topbar{background:var(--navy);color:#fff;font-size:13px}.topbar .container{display:flex;justify-content:space-between;gap:16px;padding-top:8px;padding-bottom:8px}.topbar a{color:#fff;text-decoration:none;font-weight:700}.header{position:sticky;top:0;z-index:30;border-bottom:1px solid rgba(223,231,239,.92);background:rgba(255,255,255,.96);backdrop-filter:blur(14px)}.header-inner{min-height:76px;display:flex;align-items:center;gap:22px;justify-content:space-between}.article-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--navy);flex:0 0 auto}.article-brand-mark{width:44px;height:44px;display:grid;place-items:center;border-radius:11px;background:var(--navy);color:var(--yellow);font-weight:900;letter-spacing:-1px}.article-brand-copy{display:flex;flex-direction:column;line-height:1.08}.article-brand-copy strong{font-size:18px;color:var(--navy)}.article-brand-copy span{font-size:11px;color:var(--muted);margin-top:4px}.nav{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.nav a{color:#475467;text-decoration:none;font-size:14px;font-weight:800}.nav a:hover,.nav a[aria-current="page"]{color:var(--blue)}.btn{background:var(--yellow);color:var(--navy)!important;text-decoration:none;font-weight:900;padding:11px 16px;border-radius:10px;white-space:nowrap}.breadcrumb{font-size:13px;color:#7b8794;margin:22px 0}.breadcrumb a{color:var(--blue);text-decoration:none;font-weight:800}.layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:42px;align-items:start}.article{min-width:0;padding-bottom:20px}.article h1{font-size:clamp(34px,4vw,48px);line-height:1.08;color:var(--navy);margin:12px 0 14px;letter-spacing:-1px}.article h2{font-size:29px;line-height:1.18;color:var(--navy);margin-top:42px;margin-bottom:14px;scroll-margin-top:105px}.article h3{font-size:21px;color:var(--navy-2);margin-top:28px;line-height:1.25}.article p,.article li{font-size:16px}.article a{color:var(--blue);text-decoration:none;font-weight:750}.article a:hover{text-decoration:underline}.article>img,.article p>img{max-width:100%;height:auto;border-radius:16px;box-shadow:0 10px 28px rgba(16,47,78,.07)}.meta{color:var(--muted);font-size:13px!important;margin-bottom:22px}.article ul,.article ol{padding-left:24px}.article blockquote{margin:28px 0;padding:18px 22px;border-left:4px solid var(--yellow);background:#fff8e7;border-radius:0 12px 12px 0}.article table{width:100%;border-collapse:collapse}.article th,.article td{padding:12px 13px;border:1px solid #d7e0e9;text-align:left}.article th{background:var(--navy);color:#fff}.article code{background:#eef3f7;padding:2px 5px;border-radius:5px}.toc{position:sticky;top:98px;align-self:start;border:1px solid var(--line);border-radius:16px;padding:20px;background:#fff;box-shadow:0 10px 28px rgba(16,47,78,.05)}.toc h2{font-size:19px;color:var(--navy);margin:0 0 12px}.toc ul{list-style:none;padding:0;margin:0}.toc li+li{border-top:1px solid #edf1f5}.toc a{display:block;padding:9px 2px;color:#526173;text-decoration:none;font-size:13px;font-weight:800}.toc a:hover{color:var(--blue)}.footer{margin-top:58px;background:var(--navy);color:#fff;padding:44px 0 20px}.footer .article-brand-copy strong{color:#fff}.footer .article-brand-copy span{color:#c5d6e4}.footer p{color:#d7e3ef;font-size:14px;max-width:450px}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:32px}.footer h3{font-size:15px;margin:0 0 12px}.footer a{color:#d7e3ef;text-decoration:none}.footer a:hover{color:#fff}.links{display:flex;flex-direction:column;gap:8px;font-size:14px}.copy{border-top:1px solid rgba(255,255,255,.18);margin-top:28px;padding-top:16px;color:#bfcfdd;font-size:13px}
@media(max-width:1000px){.layout{grid-template-columns:minmax(0,1fr) 240px;gap:28px}.nav{gap:12px}.nav a{font-size:13px}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}}
@media(max-width:850px){.layout{grid-template-columns:1fr}.toc{position:static;order:-1}.header-inner{min-height:auto;padding-top:12px;padding-bottom:12px;flex-wrap:wrap}.nav{order:3;width:100%;overflow-x:auto;flex-wrap:nowrap;padding:2px 0 4px;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav a{white-space:nowrap}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:560px){.container{padding:0 16px}.topbar .container{justify-content:center}.topbar span:first-child{display:none}.header-inner{gap:12px}.article-brand-mark{width:39px;height:39px}.article-brand-copy strong{font-size:17px}.article-brand-copy span{font-size:10px}.btn{padding:9px 12px;font-size:12px}.breadcrumb{margin:17px 0}.article h1{font-size:34px}.article h2{font-size:25px;margin-top:36px}.article p,.article li{font-size:15.5px}.toc{padding:17px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* LED RAR cluster */
.article-label{display:inline-flex;background:#eaf3fb;color:var(--blue);padding:6px 10px;border-radius:999px;font-size:11px!important;font-weight:900;letter-spacing:.08em;margin:0 0 4px;text-transform:uppercase}.article-visual{position:relative;overflow:hidden;min-height:245px;margin:24px 0 26px;padding:34px;border-radius:20px;background:linear-gradient(135deg,#0b2035 0%,#123a63 58%,#f8b801 160%);color:#fff;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:var(--shadow)}.article-visual:before{content:"";position:absolute;right:-70px;top:-40px;width:330px;height:180px;background:radial-gradient(ellipse at center,rgba(255,255,255,.95) 0%,rgba(248,184,1,.45) 20%,rgba(248,184,1,0) 68%);transform:rotate(-12deg)}.article-visual .visual-badge{position:absolute;left:28px;top:26px;padding:7px 10px;border:1px solid rgba(255,255,255,.3);border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.06em}.article-visual strong{font-size:42px;line-height:1;color:#fff;letter-spacing:-1px;z-index:1}.article-visual small{font-size:15px;color:#dce7f0;margin-top:9px;z-index:1}.article-visual .beam{position:absolute;right:-40px;bottom:34px;width:45%;height:18px;background:linear-gradient(90deg,rgba(248,184,1,0),rgba(248,184,1,.9));filter:blur(3px);transform:skewX(-18deg)}.quick-answer{border:1px solid #bfd4e5;background:#f5faff;border-radius:16px;padding:20px 22px;margin:26px 0}.quick-answer strong{display:block;color:var(--navy);font-size:15px;text-transform:uppercase;letter-spacing:.04em}.quick-answer p{margin:7px 0 0}.pillar-backlink{margin:0 0 22px;border-left:4px solid var(--yellow);background:#fff8e7;padding:14px 16px;border-radius:0 10px 10px 0}.product-note{background:#fff8e7;border:1px solid #f2d170;border-radius:14px;padding:18px 20px}.checklist{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.checklist label{padding:12px 14px;background:#f6fafc;border:1px solid var(--line);border-radius:10px;font-weight:750}.table-wrap{overflow-x:auto;margin:20px 0}.fine{font-size:13px!important;color:var(--muted)}.related-box{margin-top:42px;padding:26px;background:var(--soft);border:1px solid var(--line);border-radius:18px}.related-box h2{margin:0 0 8px!important;font-size:24px!important}.related-box>p{margin-top:0;color:var(--muted)}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.related-grid a{display:flex;flex-direction:column;gap:7px;padding:16px;background:#fff;border:1px solid var(--line);border-radius:12px;text-decoration:none!important}.related-grid a:hover{box-shadow:0 8px 20px rgba(16,47,78,.08)}.related-grid span{font-size:11px;color:var(--blue);font-weight:900;text-transform:uppercase}.related-grid strong{color:var(--navy);line-height:1.25}.cluster-map .related-grid{grid-template-columns:repeat(2,1fr)}.source-box{margin:34px 0 0;padding:20px;border-top:1px solid var(--line);background:#fafcfe;border-radius:12px}.source-box>strong{color:var(--navy)}.source-box ul{margin:10px 0;padding-left:20px}.source-box p{font-size:13px!important;color:var(--muted);margin-bottom:0}.toc-cluster{border-top:1px solid var(--line);margin-top:12px;padding-top:12px;display:flex;flex-direction:column;gap:7px}.toc-cluster a{color:var(--blue)!important}.led-card-visual{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:190px;padding:20px;background:linear-gradient(135deg,#102f4e,#0b63a8);color:#fff;overflow:hidden}.led-card-visual:after{content:"";position:absolute;right:-30px;top:12px;width:180px;height:95px;background:radial-gradient(ellipse,rgba(248,184,1,.8),rgba(248,184,1,0) 70%);transform:rotate(-14deg)}.led-card-visual strong{font-size:27px;z-index:1}.led-card-visual small{color:#d9e8f4;z-index:1}.led-card-visual.speed{background:linear-gradient(135deg,#102f4e,#123a63)}.led-card-visual.smart{background:linear-gradient(135deg,#173956,#0b63a8)}
@media(max-width:700px){.checklist{grid-template-columns:1fr}.related-grid,.cluster-map .related-grid{grid-template-columns:1fr}.article-visual{min-height:210px;padding:24px}.article-visual strong{font-size:34px}}

/* ASPAD LED commercial integration */
.commerce-panel{margin:34px 0;padding:28px;border-radius:18px;background:linear-gradient(135deg,#102f4e 0%,#174b76 100%);color:#fff;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(270px,.8fr);gap:28px;align-items:center;box-shadow:0 14px 34px rgba(16,47,78,.14)}
.commerce-panel h2{color:#fff!important;margin:5px 0 8px!important;font-size:27px!important}.commerce-panel p{margin:0!important;color:#dbe8f2!important}.commerce-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:#f8b801}.commerce-actions{display:grid;gap:10px}.commerce-primary,.commerce-secondary{display:flex;align-items:center;justify-content:center;text-align:center;text-decoration:none!important;font-weight:900;border-radius:10px;padding:13px 16px;line-height:1.25}.commerce-primary{background:#f8b801;color:#102f4e!important}.commerce-secondary{background:#fff;color:#102f4e!important;border:1px solid rgba(255,255,255,.5)}
.recommended-products{margin:36px 0}.recommended-products-head>span{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#0b63a8;font-weight:900}.recommended-products-head h2{margin:5px 0 8px!important}.recommended-products-head p{margin:0 0 18px!important;color:#667085}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.product-card{overflow:hidden;border:1px solid #dfe7ef;border-radius:16px;background:#fff;display:grid;grid-template-columns:170px 1fr;min-height:230px;box-shadow:0 8px 24px rgba(16,47,78,.05)}.product-image{display:flex;align-items:center;justify-content:center;background:#f7f9fb;padding:12px}.product-image img{display:block;width:100%;height:205px;object-fit:contain}.product-card-body{padding:20px;display:flex;flex-direction:column}.product-code{font-size:11px;font-weight:800;color:#667085;text-transform:uppercase;letter-spacing:.04em}.product-card h3{font-size:18px!important;line-height:1.3!important;margin:7px 0 9px!important}.product-card h3 a{color:#102f4e;text-decoration:none}.product-card p{font-size:14px;margin:0 0 16px!important;color:#475467}.product-card-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:auto}.product-link{display:inline-flex;background:#f8b801;color:#102f4e!important;text-decoration:none!important;font-weight:900;padding:9px 13px;border-radius:8px;font-size:13px}.compat-link{font-weight:800;text-decoration:none!important;color:#0b63a8!important;font-size:13px}
.product-note a{font-weight:800}
@media(max-width:900px){.commerce-panel{grid-template-columns:1fr}.product-grid{grid-template-columns:1fr}.product-card{grid-template-columns:150px 1fr}}
@media(max-width:560px){.commerce-panel{padding:22px 18px;border-radius:15px}.commerce-panel h2{font-size:23px!important}.product-card{grid-template-columns:1fr}.product-image img{height:190px}.product-card-body{padding:17px}.commerce-primary,.commerce-secondary{padding:12px 13px;font-size:13px}}
/* ASPAD official article logo */
.article-brand-logo{display:block;width:auto;height:48px;max-width:180px;object-fit:contain}
.footer .article-brand{background:#fff;padding:7px 10px;border-radius:10px;width:max-content}
.footer .article-brand-logo{height:43px;max-width:158px}
@media(max-width:560px){.article-brand-logo{height:40px;max-width:150px}.footer .article-brand-logo{height:38px;max-width:142px}}

/* Ross-Tech cluster 2026 */
.ross-hero{position:relative;overflow:hidden;min-height:230px;margin:24px 0 26px;padding:32px;border-radius:20px;background:linear-gradient(135deg,#0b2035,#123a63 62%,#0b63a8);display:flex;flex-direction:column;justify-content:flex-end;color:#fff;box-shadow:var(--shadow)}.ross-hero:after{content:"VCDS";position:absolute;right:24px;top:15px;font-size:82px;font-weight:950;color:rgba(255,255,255,.06);letter-spacing:-5px}.ross-hero strong{font-size:36px;line-height:1.06;max-width:720px;z-index:1}.ross-hero small{font-size:14px;color:#d8e6f3;margin-top:9px;z-index:1}.ross-pill{display:inline-flex;width:max-content;background:#eaf3fb;color:#0b63a8;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;margin-bottom:6px}.ross-commerce{margin:36px 0;padding:28px;border-radius:18px;background:#f5f9fc;border:1px solid #dce7ef}.ross-commerce h2{margin:5px 0 8px!important}.ross-commerce>div:first-child p{margin:0 0 20px}.ross-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.ross-product-card{display:flex;flex-direction:column;gap:7px;padding:17px;background:#fff;border:1px solid #dce7ef;border-radius:13px;text-decoration:none!important;min-height:132px}.ross-product-card span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#0b63a8;font-weight:900}.ross-product-card strong{color:#102f4e;line-height:1.25}.ross-product-card small{margin-top:auto;color:#667085}.cluster-list{columns:2;column-gap:34px}.cluster-list li{break-inside:avoid;margin:0 0 9px}.article-warning{background:#fff4f2;border-left:5px solid #d92d20;border-radius:8px;padding:17px 19px;margin:24px 0}.article-warning strong{color:#9a1d15}.article-tip{background:#f0f9ff;border-left:5px solid #0b63a8;border-radius:8px;padding:17px 19px;margin:24px 0}.ross-version{display:inline-flex;align-items:center;gap:7px;background:#eef8f1;color:#216e39;border:1px solid #b7ddc1;padding:7px 10px;border-radius:9px;font-size:12px;font-weight:900}.related-grid.ross-related{grid-template-columns:repeat(3,1fr)}@media(max-width:800px){.ross-product-grid{grid-template-columns:1fr}.cluster-list{columns:1}.ross-hero strong{font-size:31px}.related-grid.ross-related{grid-template-columns:1fr}}

/* RUKO / Burghie metal cluster */
.ruko-pill{display:inline-flex;width:max-content;background:#fff0f0;color:#c11f2a;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;margin-bottom:6px}.ruko-hero{position:relative;overflow:hidden;min-height:235px;margin:24px 0 26px;padding:32px;border-radius:20px;background:linear-gradient(135deg,#16191d,#272d34 60%,#c81926);display:flex;flex-direction:column;justify-content:flex-end;color:#fff;box-shadow:var(--shadow)}.ruko-hero:before{content:"RUKO";position:absolute;right:22px;top:10px;font-size:92px;font-weight:950;color:rgba(255,255,255,.055);letter-spacing:-6px}.ruko-hero:after{content:"";position:absolute;right:12%;bottom:-85px;width:120px;height:310px;border:18px solid rgba(255,255,255,.07);border-radius:60px;transform:rotate(28deg)}.ruko-hero strong{font-size:38px;line-height:1.05;max-width:760px;z-index:1}.ruko-hero small{font-size:14px;color:#f0d7da;margin-top:9px;z-index:1}.ruko-hero .visual-badge{position:absolute;left:28px;top:26px;padding:7px 10px;border:1px solid rgba(255,255,255,.28);border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.06em}.ruko-commerce{margin:38px 0;padding:28px;border-radius:18px;background:#fbf7f7;border:1px solid #eadcdc}.ruko-commerce h2{margin:5px 0 8px!important}.ruko-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0}.ruko-product-card{display:grid;grid-template-columns:105px 1fr;grid-template-rows:auto auto 1fr;column-gap:14px;align-items:center;padding:14px;background:#fff;border:1px solid #e5dcdc;border-radius:13px;text-decoration:none!important;min-height:145px}.ruko-product-card img{grid-row:1/4;width:100px;height:110px;object-fit:contain;background:#f8f8f8;border-radius:9px}.ruko-product-card span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#c11f2a;font-weight:900}.ruko-product-card strong{color:#102f4e;line-height:1.25}.ruko-product-card small{color:#667085;margin-top:5px}.ruko-product-card.no-image{grid-template-columns:80px 1fr}.oil-icon{grid-row:1/4;width:68px;height:78px;display:flex;align-items:center;justify-content:center;background:#f8b801;border-radius:12px;color:#102f4e;font-weight:950;letter-spacing:.08em}.related-grid.ruko-related{grid-template-columns:repeat(3,1fr)}.article table{width:100%;border-collapse:collapse;font-size:14px}.article th,.article td{border:1px solid #dce5ed;padding:10px 12px;text-align:left;vertical-align:top}.article th{background:#f2f6f9;color:#102f4e}.cluster-list a{font-weight:750}.commerce-kicker{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#c11f2a;font-weight:900}.commerce-primary{display:inline-flex;background:#f8b801;color:#102f4e!important;text-decoration:none!important;font-weight:900;padding:11px 15px;border-radius:9px;font-size:13px}@media(max-width:800px){.ruko-product-grid,.related-grid.ruko-related{grid-template-columns:1fr}.ruko-hero strong{font-size:31px}}@media(max-width:560px){.ruko-product-card{grid-template-columns:80px 1fr}.ruko-product-card img{width:76px;height:90px}.ruko-hero{padding:24px;min-height:210px}.ruko-hero strong{font-size:29px}}


/* RUKO cluster - product cards revizia 12.08.2026 */
.ruko-commerce{margin:40px 0;padding:30px;border:1px solid #dce5ee;border-radius:24px;background:linear-gradient(180deg,#f8fbfd 0%,#f3f7fa 100%);box-shadow:0 12px 34px rgba(16,47,78,.07)}
.ruko-commerce .commerce-kicker{display:inline-flex;padding:6px 10px;border-radius:999px;background:#e9f1f8;color:#174f7d;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.ruko-commerce h2{margin:10px 0 8px!important}.ruko-commerce>p{max-width:760px;color:#526477;margin:0 0 20px}
.ruko-product-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;margin:22px 0 24px!important;align-items:stretch}
.ruko-product-card{position:relative;display:flex!important;flex-direction:column!important;min-width:0!important;padding:0!important;overflow:hidden;border:1px solid #dfe6ed!important;border-radius:18px!important;background:#fff!important;text-decoration:none!important;box-shadow:0 8px 24px rgba(16,47,78,.08)!important;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.ruko-product-card:hover{transform:translateY(-4px);box-shadow:0 16px 38px rgba(16,47,78,.14)!important;border-color:#b7c9d8!important}
.ruko-card-media{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;padding:18px;background:linear-gradient(180deg,#fff,#f7f9fb);border-bottom:1px solid #edf1f4}
.ruko-card-media img{display:block;width:100%!important;height:100%!important;max-width:240px!important;max-height:190px!important;object-fit:contain!important;margin:0 auto!important}
.ruko-brand-badge{position:absolute;left:14px;top:14px;z-index:1;display:inline-flex;padding:5px 9px;border:1px solid #dce6ee;border-radius:999px;background:rgba(255,255,255,.94);color:#183e61;font-size:10px!important;font-weight:900;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 2px 7px rgba(16,47,78,.06)}
.ruko-card-body{display:flex;flex:1;flex-direction:column;padding:18px}
.ruko-product-code{display:block!important;margin:0 0 7px;color:#6a7b8b!important;font-size:11px!important;font-weight:800!important;letter-spacing:.06em;text-transform:uppercase}
.ruko-card-title{display:block;color:#102f4e!important;font-size:16px!important;line-height:1.32!important;font-weight:850!important;margin:0 0 9px}
.ruko-card-note{display:block;color:#5c6e7f!important;font-size:13px!important;line-height:1.48!important;margin:0 0 16px}
.ruko-card-cta{display:flex!important;align-items:center;justify-content:center;min-height:42px;margin-top:auto;padding:10px 14px;border-radius:10px;background:#f8b801;color:#15283b!important;font-size:12px!important;font-weight:950!important;letter-spacing:.035em;text-transform:uppercase;transition:filter .2s ease,transform .2s ease}
.ruko-product-card:hover .ruko-card-cta{filter:brightness(.97);transform:translateY(-1px)}
.ruko-commerce .commerce-primary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 17px;border:1px solid #b9c9d7;border-radius:11px;background:#fff;color:#173f62;text-decoration:none;font-size:12px;font-weight:900;letter-spacing:.035em}
.ruko-commerce .commerce-primary:hover{border-color:#829fb8;background:#f9fbfd}
.documented-detail{margin:28px 0;padding:24px 26px;border:1px solid #dfe8ef;border-radius:18px;background:#fbfdff}
.documented-detail h2{margin-top:0!important}.documented-detail h3{margin-top:22px}.documented-detail p:last-child,.documented-detail ul:last-child,.documented-detail ol:last-child{margin-bottom:0}
.tech-callout{margin:20px 0 0;padding:15px 17px;border-left:4px solid #f8b801;border-radius:8px;background:#fff8dc;color:#34495b}
.tech-table{width:100%;border-collapse:collapse;margin:20px 0 4px;font-size:14px}.tech-table th,.tech-table td{padding:11px 12px;border:1px solid #dfe6ed;text-align:left;vertical-align:top}.tech-table th{background:#eef4f8;color:#173f62}.tech-table td{background:#fff}
@media(max-width:1000px){.ruko-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ruko-product-grid .ruko-product-card:last-child{grid-column:auto}}
@media(max-width:640px){.ruko-commerce{padding:20px 16px;border-radius:18px}.ruko-product-grid{grid-template-columns:1fr!important;gap:14px!important}.ruko-card-media{aspect-ratio:16/10}.documented-detail{padding:19px 17px}.tech-table{font-size:12px}.tech-table th,.tech-table td{padding:8px}}

/* specificity reset for modern RUKO cards */
.ruko-product-card .ruko-card-note{display:block;color:#5c6e7f!important;font-size:13px!important;line-height:1.48!important;margin:0 0 16px;text-transform:none!important;letter-spacing:normal!important;font-weight:500!important}
.ruko-product-card .ruko-card-title{display:block;color:#102f4e!important;font-size:16px!important;line-height:1.32!important;font-weight:850!important;margin:0 0 9px}
.ruko-product-card .ruko-card-cta{display:flex!important;align-items:center;justify-content:center;min-height:42px;margin-top:auto;padding:10px 14px;border-radius:10px;background:#f8b801;color:#15283b!important;font-size:12px!important;font-weight:950!important;letter-spacing:.035em!important;text-transform:uppercase!important}
.ruko-product-card .ruko-brand-badge{color:#183e61!important;font-size:10px!important;letter-spacing:.08em!important;text-transform:uppercase!important}


/* Live article TOC: only the article contents, always accessible while scrolling. */
.toc{max-height:calc(100vh - 118px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.toc-title{display:block;color:var(--navy);font-size:15px;font-weight:900;letter-spacing:.01em;margin:0 0 8px;padding:0 2px 10px;border-bottom:1px solid var(--line)}
.toc a{border-left:3px solid transparent;padding:8px 8px 8px 10px;line-height:1.35;border-radius:0 8px 8px 0;transition:background .15s ease,color .15s ease,border-color .15s ease}
.toc a.is-active{color:var(--blue);background:#f1f7fc;border-left-color:var(--yellow)}
.toc-cluster{display:none!important}
@media(max-width:850px){.toc{position:sticky;top:82px;z-index:18;order:-1;max-height:210px;overflow-y:auto;background:rgba(255,255,255,.98);box-shadow:0 8px 24px rgba(16,47,78,.10)}}
@media(max-width:560px){.toc{top:72px;max-height:190px}}

/* LED article imagery */
.led-article-hero{margin:24px 0 26px;border-radius:20px;overflow:hidden;background:#0b2035;box-shadow:var(--shadow)}
.led-article-hero .article-hero-media{display:block;width:100%;aspect-ratio:16/9;max-height:440px;overflow:hidden;background:#0b2035}.led-article-hero .article-hero-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.led-article-hero figcaption{padding:10px 14px;background:#f6f9fc;border-top:1px solid var(--line);font-size:13px;line-height:1.45;color:#667085}

/* ASPAD v7: hide article TOC on mobile. Desktop/tablet sidebar remains unchanged. */
@media (max-width: 767px){
  .layout > .toc,
  aside.toc,
  nav.toc,
  .toc[aria-label="Cuprins"]{
    display:none !important;
  }
}

/* ASPAD v8: mobile articles - remove TOC completely */
@media (max-width: 850px){
  .layout > .toc, aside.toc, nav.toc, .toc[aria-label="Cuprins"]{display:none!important;}
  .layout{grid-template-columns:minmax(0,1fr)!important;}
  .article{min-width:0!important;width:100%!important;}
}

/* v9 – imagini principale articole: late pe desktop, mai înalte pe mobil */
.article .article-hero-media,
.led-article-hero .article-hero-media{
  width:100%;
  aspect-ratio:16/9!important;
  max-height:440px;
  overflow:hidden;
}
.article .article-hero-media img,
.led-article-hero .article-hero-media img{
  display:block;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}
@media(max-width:767px){
  .article .article-hero-media,
  .led-article-hero .article-hero-media{
    aspect-ratio:4/3!important;
    max-height:360px;
  }
}
