/* DymLabs: proportional branding and a distinct, persistent navigation. */
.about-art img{height:auto;aspect-ratio:1;object-fit:contain;width:min(360px,85%)}
.about-art{position:relative;padding:25px;border:1px solid #c9d0c0;border-radius:8px;background:radial-gradient(circle at 50% 42%,#f6f6ee,transparent 70%)}
.about-art:before,.about-art:after{position:absolute;font:500 10px 'DM Sans',sans-serif;letter-spacing:2px;color:#7c8872}
.about-art:before{content:'DYMLABS /';left:22px;top:18px}
.about-art:after{content:'TRUCK & VAN';right:22px;bottom:18px}
.about-art>span{margin:10px 0 28px;text-align:center;line-height:1.7}
header{background:#303632;color:#f7f6f2;border-bottom:1px solid #ffffff24;box-shadow:0 3px 16px #10181016;transition:background .25s,box-shadow .25s}
header.is-scrolled{background:#242b27;box-shadow:0 8px 28px #10181030}
header:after{content:'';position:absolute;left:0;bottom:-1px;width:var(--scroll-progress,0%);height:2px;background:#c4d3b9;pointer-events:none}
.brand{gap:14px;flex-shrink:0}
.brand img{width:60px;height:auto;aspect-ratio:1;object-fit:contain;mix-blend-mode:normal;background:#faf9f5;border-radius:7px;flex-shrink:0;border:1px solid #ffffff30}
.brand small{color:#c8d0c2}
header nav a{position:relative;padding:10px 0;color:#d7dcd3;transition:color .2s}
header nav a:after{content:'';position:absolute;left:0;right:0;bottom:3px;height:2px;background:#c4d3b9;transform:scaleX(0);transform-origin:left;transition:transform .25s}
header nav a:hover,header nav a[aria-current]{color:#fff}
header nav a:hover:after,header nav a[aria-current]:after{transform:scaleX(1)}
header .langs{background:#ffffff09;padding:3px;border:1px solid #ffffff14;border-radius:6px}
header .langs button{color:#c6cec0;border-radius:3px;min-width:30px}
header .langs button:hover{background:#ffffff12;color:#fff}
header .langs button[aria-pressed=true]{background:#dce5d5;color:#202820}
header .button{background:#e1e8da;color:#202820;border:1px solid transparent}
header .button:hover{background:#f4f7ef;box-shadow:0 4px 18px #0002}
.hero{background:radial-gradient(ellipse at 8% 0%,#30382d55,transparent 60%),#1b1e1c}
.hero-visual{border-radius:9px;box-shadow:0 18px 55px #0002;border:1px solid #ffffff26}
.product{border-radius:8px;box-shadow:0 3px 10px #1b251504}
.product:hover{border-color:#a6b49c;box-shadow:0 16px 35px #18231713}
.product-title .arrow{border-radius:50%}
.product-ask{border-top:1px solid #e8eae2;padding-top:13px;transition:color .2s}
.product-ask:hover{color:#46603b;text-decoration:none}
.search{border:1px solid #d8ddd0;border-radius:6px;padding:3px 12px;background:#eff1ea;transition:border-color .2s,box-shadow .2s}
.search:focus-within{border-color:#849675;box-shadow:0 0 0 3px #84967518}
.search input:focus-visible{outline:none}
.trust{padding:18px;background:#eef1e8;border:1px solid #d9dfd1;border-radius:8px}
.faq details[open]{background:#edf0e7;padding-left:18px;padding-right:18px;border-radius:6px;border-bottom-color:transparent;margin-bottom:5px}
.contact-card{border-radius:9px;background:linear-gradient(135deg,#ffffff06,transparent);box-shadow:0 15px 50px #0001}
.contact-card:hover{border-color:#b5c7a777;transform:translateY(-3px)}
.contact-card{transition:background .3s,border-color .3s,transform .3s}
.button{border-radius:5px}
@media(max-width:1050px){.brand img{width:50px;height:auto}}
@media(max-width:700px){
 header .brand{gap:10px}header .brand img{width:44px;height:auto}
 header .header-right{gap:10px}header .langs{padding:2px}header .langs button{min-width:25px;padding:6px 4px}
 header .menu-toggle{border-color:#ffffff40;color:#f7f6f2;border-radius:5px}
 header nav{background:#29312b;border-color:#ffffff20;box-shadow:0 14px 25px #0002}
 header nav a{width:fit-content}
 .about-art{padding:30px 15px 20px}.about-art img{width:270px;height:auto;max-width:100%}
 .about-art:before,.about-art:after{font-size:8px;letter-spacing:1.5px}
 .visual-caption{left:16px;right:16px}
 .trust{padding:14px;gap:12px}.trust p{line-height:1.8}
 .search{padding:2px 12px}.product-ask{padding-top:11px}
}
@media(prefers-reduced-motion:reduce){header,header nav a:after,.contact-card,.search{transition:none}}
/* Practical details, without decorative status dots. */
.status-dot{display:none}.technical-ring:before{border-style:solid}
.part-spec{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px;color:#5c6a53;font-size:9px;letter-spacing:.2px}
.part-spec span{border:1px solid #dce2d5;padding:3px 7px;border-radius:3px;background:#f0f3eb}
.matching-note{margin-top:36px;padding:30px 34px;border:1px solid #cfd7c6;border-left:3px solid #839578;border-radius:6px;display:grid;grid-template-columns:1.2fr 1fr;gap:45px;background:linear-gradient(120deg,#edf1e7,#f6f7f1)}
.matching-note .eyebrow{font-size:8px;margin-bottom:12px;color:#637258}
.matching-copy h3{font-size:21px;letter-spacing:-.6px;font-weight:600;margin-bottom:12px}
.matching-copy>p:not(.eyebrow){font-size:12px;max-width:520px;margin-bottom:18px}
.matching-checklist{display:flex;flex-direction:column;justify-content:center}
.matching-checklist>div{display:flex;align-items:center;gap:15px;padding:17px 0;border-bottom:1px solid #d5ddcc}
.matching-checklist>div:last-child{border-bottom:0}
.matching-checklist strong{font-size:12px;font-weight:500}
.matching-checklist span:first-child{font-size:10px;letter-spacing:1px;color:#819072}
.matching-checklist span:last-child{margin-left:auto;color:#718663;font-size:18px}
.direct-note{border-top:1px solid #c9d1c2;padding-top:24px;margin-top:28px;display:flex;gap:18px;align-items:flex-start}
.direct-monogram{font:600 31px Manrope,sans-serif;letter-spacing:-3px;line-height:1;width:48px;height:48px;border:1px solid #b6c2ab;border-radius:50%;display:grid;place-items:center;flex-shrink:0;padding-right:3px;color:#495a3f}
.direct-note .eyebrow{font-size:7px;letter-spacing:1.5px;display:block;margin-bottom:8px;color:#65735b}
.direct-note h3{font-size:17px;font-weight:600;letter-spacing:-.4px;margin-bottom:8px}
.about .direct-note p{font-size:11px;margin-bottom:5px}
@media(max-width:700px){.matching-note{grid-template-columns:1fr;padding:23px 20px;gap:12px;margin-top:28px}.matching-copy h3{font-size:20px}.matching-checklist>div{padding:13px 0}.part-spec{gap:4px;font-size:7px;line-height:1.5}.part-spec span{padding:3px 5px}.direct-note{gap:13px}.direct-monogram{width:40px;height:40px;font-size:26px}}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}

.contact-phone{display:flex;flex-direction:column;gap:4px;margin:24px 0}.contact-phone>span{font-size:13px;color:inherit;opacity:.8}.contact-phone>a{font-size:clamp(24px,3vw,36px);font-weight:600;line-height:1.3;width:fit-content;white-space:nowrap}.contact-phone>a:hover{text-decoration:underline;text-underline-offset:6px}

html[lang="pl"] .about-art:after{content:"CIĘŻARÓWKI I BUSY"}html[lang="nl"] .about-art:after{content:"VRACHTWAGENS & BESTELWAGENS"}

html[lang="de"] .about-art:after{content:"LKW & TRANSPORTER"}html[lang="fr"] .about-art:after{content:"POIDS LOURDS & UTILITAIRES"}
@media(max-width:700px){header{height:auto;min-height:76px;flex-wrap:wrap;gap:8px;padding-top:10px;padding-bottom:10px}header .header-right{margin-left:auto}header .langs button{min-width:27px}header .brand{gap:8px}}
@media(max-width:380px){header .brand small{display:none}header .brand span{font-size:16px}header .brand img{width:36px}header .header-right{gap:5px}header .langs button{min-width:24px;padding:6px 3px}}
@media(max-width:700px){html{scroll-padding-top:124px}header nav{top:100%}.product-title h3{overflow-wrap:anywhere}.part-spec{flex-wrap:wrap}}