/* VELKUNO 1.2: automotive brand, product discovery and technical reading. */
:root{--ink:#17191c;--paper:#fff;--lime:#f34a24;--line:#e2e4e7;--muted:#646b73;--soft:#f4f5f6}
body{font-family:Arial,"Noto Sans",sans-serif;color:var(--ink);background:var(--paper)}
body,p{line-height:1.7}p{color:var(--muted)}
h1,h2,h3{letter-spacing:-.035em}h1{font-size:clamp(38px,4.7vw,66px);max-width:1050px;line-height:1.12}h2{font-size:clamp(27px,3vw,40px)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #f34a24;outline-offset:4px}
.announcement{background:#17191c;color:#eee;font-size:10px;letter-spacing:.07em;padding:9px 20px}
.site-header{background:#fff;padding:24px 5vw;gap:28px;border-bottom:1px solid var(--line)}
.wordmark{font-size:28px;letter-spacing:-.055em}.brand-icon{background:#17191c;color:#fff;height:34px;width:34px;line-height:34px}.brand-period{color:#f34a24}
.main-nav{font-size:13px;gap:26px}.main-nav a:hover,.main-nav a[aria-current]{border-color:#f34a24}
.language-menu summary{border-radius:4px;border-color:#dedfe2}.language-menu ul{top:68px;background:white;border-radius:6px;z-index:10;box-shadow:0 15px 40px #17191c24}
.language-menu a:hover,.language-menu .current-lang{background:#fff0eb}
.header-search-row{background:var(--soft);padding:10px 5vw;border-bottom:1px solid var(--line)}
.header-search-row .catalogue-filter{max-width:1440px;margin:auto}.header-search-row label{font-size:0;flex:1;min-width:0}
.header-search-row input{margin:0;padding:9px 14px;font-size:13px;background:#fff;border-color:#dedfe2}.header-search-row .button{padding:11px 26px;font-size:12px}
.button{background:#f34a24;color:#fff;border-color:#f34a24;border-radius:3px;padding:16px 24px;gap:15px;font-size:13px}.button:hover{background:#d93916;border-color:#d93916}
.button-outline{background:transparent;border-color:#ffffff80;color:#fff}.button-outline:hover{background:#ffffff16;border-color:#fff}
.text-link{border-color:#f34a24;padding-bottom:4px;font-weight:600}.eyebrow{text-transform:uppercase;color:#f34a24;font-size:11px;letter-spacing:.17em;margin-bottom:15px}
.site-main{padding:64px 5vw 80px;min-height:65vh}.page-content{max-width:1280px}.home-content{display:block;padding:0;overflow:visible}
.home-content .page-content{display:block}.home-content .hero-actions{max-width:none;margin:32px 0 0;gap:14px}
.brand-hero{position:relative;background:#17191c;color:#fff;min-height:620px;display:flex;align-items:center;overflow:hidden}
.brand-hero picture{position:absolute;inset:0}.hero-photo{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.brand-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#090a0dea 0%,#090a0db8 27%,#090a0d25 57%,transparent 100%)}
.hero-inner{position:relative;z-index:1;padding:70px 5vw;max-width:650px}.hero-inner h1{font-size:clamp(42px,5.3vw,78px);line-height:1.03;max-width:570px;color:#fff;margin-bottom:24px;overflow-wrap:anywhere}
.hero-inner p:not(.eyebrow){color:#d3d6da;font-size:17px;max-width:430px}.hero-inner .eyebrow{color:#ff9c73;font-size:10px}
.hero-caption{position:absolute;z-index:1;bottom:17px;inset-inline-end:5vw;color:#d0d2d4;font-size:10px}
.home-search{max-width:1280px;margin:0 auto;padding:30px 34px;background:#fff;border:1px solid var(--line);border-top:3px solid #f34a24;position:relative;z-index:2;box-shadow:0 12px 35px #17191c0b}
.home-search .eyebrow{color:#17191c;font-weight:700;margin-bottom:8px}.catalogue-filter{display:flex;align-items:end;gap:16px;margin:24px 0}.catalogue-filter label{flex:1;margin:0;min-width:180px;font-size:12px}.catalogue-filter label:first-child{flex:1.7}
.catalogue-filter input,.catalogue-filter select{background:#fff;border:1px solid #d1d5da;padding:13px;font:inherit;font-size:14px;border-radius:3px;width:100%;margin-top:8px;color:var(--ink)}
input:focus,textarea:focus,.catalogue-filter select:focus{outline:2px solid #f34a24;outline-offset:1px}
.home-search .catalogue-filter{margin:0}.design-section{max-width:1280px;margin:0 auto;padding:70px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}.section-heading h2{margin:0}.section-heading .text-link{flex-shrink:0}
.category-links{display:flex;gap:10px;flex-wrap:wrap}.category-links a{border:1px solid var(--line);padding:10px 18px;font-size:13px;border-radius:3px}.category-links a:hover{border-color:#f34a24}.category-links span{margin-inline-start:28px;color:#f34a24}
.content-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:30px 0}.content-card{border:1px solid var(--line);padding:0;background:#fff;border-radius:4px;overflow:hidden;transition:border-color .2s}.content-card:hover{border-color:#aeb5bf}
.card-image{display:block;background:#f7f8f9;padding:24px}.content-card img{display:block;width:100%;height:250px;object-fit:contain;margin:0;background:transparent}.card-body{padding:23px}.card-sku{font-size:10px!important;letter-spacing:.05em;overflow-wrap:anywhere;margin:0 0 12px}.content-card h2{font-size:20px;line-height:1.35;margin:0 0 12px;letter-spacing:-.015em}.card-fitment{font-size:12px!important}.card-link{font-size:12px;font-weight:bold;border-top:1px solid var(--line);padding-top:15px;display:flex;justify-content:space-between}.card-link span{color:#f34a24}
.catalogue-tools{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:22px;font-size:13px}.catalogue-tools strong{background:var(--soft);padding:3px 9px;margin-inline-start:9px}
.process-section{border-top:1px solid var(--line)}.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:32px 0 0}.steps article{border:1px solid var(--line);padding:28px;max-width:none}.step-number{color:#f34a24;font-size:13px;margin-bottom:30px}.steps h3{font-size:20px;margin:0}.vk-role-about .steps{margin-bottom:60px}
.guide-promo{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.guide-visual{position:relative;overflow:hidden;background:#17191c;color:#fff;min-height:310px;padding:34px;display:flex;flex-direction:column;justify-content:space-between}.guide-visual span{letter-spacing:.25em;font-size:11px;color:#cdd0d4}.guide-visual strong{position:relative;font-size:40px;line-height:1.15;max-width:100%;overflow-wrap:anywhere}.technical-lines{position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0 46px,#ffffff0b 47px 48px)}.guide-visual:after{content:"";position:absolute;right:-40px;top:30px;width:130px;height:300px;border:1px solid #f34a24;transform:rotate(25deg)}
.quote-band{background:#17191c;color:#fff;padding:52px 5vw;display:flex;gap:50px;justify-content:space-between;align-items:center;margin:70px -5vw -80px}.quote-band h2{font-size:clamp(27px,3vw,40px);max-width:800px;margin-bottom:17px}.quote-band p:not(.eyebrow){color:#c0c4ca;font-size:15px;max-width:750px;margin-bottom:0}.quote-band>.button{flex-shrink:0;max-width:300px}.home-content .quote-band{margin:0;padding:60px max(5vw,calc((100vw - 1280px)/2))}
.product-layout{max-width:1280px;gap:24px 55px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.product-heading h1{font-size:clamp(30px,3.3vw,48px);letter-spacing:-.03em;line-height:1.13}.product-media>img{width:100%;max-height:540px;object-fit:contain;padding:25px;background:var(--soft);border:1px solid var(--line)}.product-gallery img{height:110px;padding:9px}.product-media iframe{height:auto;aspect-ratio:16/9}
.product-specs{font-size:13px;background:var(--soft);padding:12px 20px}.product-specs div{gap:18px;border-color:#e0e2e5}.product-specs dt{flex:0 0 32%;overflow-wrap:anywhere}.product-specs dd{flex:1;overflow-wrap:anywhere}.product-description{font-size:15px;overflow-wrap:anywhere}.product-description p{font-size:15px}.product-summary>.button{width:100%;margin-top:15px}.translation-note{border-color:#f34a24;background:#fff5f0;padding:12px;font-size:12px}
.vk-role-contact .page-content{max-width:1040px}.enquiry-form{background:var(--soft);border:1px solid var(--line);padding:34px;max-width:1040px;border-radius:4px;margin-top:35px}.enquiry-form input,.enquiry-form textarea{background:#fff;border-color:#ccd1d7;border-radius:3px;font-size:15px}.enquiry-form .button{min-width:210px}.form-notice{background:#f0f8f2;border-color:#4d8260}.consent{line-height:1.7;font-size:12px}.consent input{flex-shrink:0}
.vk-role-blog .content-card{padding:24px}.vk-role-blog .content-card img{height:210px;object-fit:cover;margin-bottom:22px}.article-empty,.empty-state{padding:42px;background:var(--soft);border:1px solid var(--line);margin-top:28px}.empty-symbol{font-size:42px;color:#f34a24}.empty-state h2{font-size:28px}
.vk-role-article .page-content,.vk-role-privacy .page-content{max-width:850px}.vk-role-article .page-content>h1{font-size:clamp(34px,4vw,58px)}.vk-role-article .page-content h2{font-size:30px;margin-top:44px}.vk-role-article .page-content p,.vk-role-privacy .page-content p{font-size:17px;line-height:1.85}.vk-role-article .wp-post-image{width:100%;height:auto;margin:20px 0 36px}.vk-role-article .page-content ul{padding-inline-start:23px}.vk-role-article .page-content a:not(.button){text-decoration:underline;text-underline-offset:3px}
.site-footer{background:#101114;border-top:1px solid #36373b;padding:45px 5vw;gap:40px}.site-footer p{color:#9ca2ab}.footer-links{max-width:720px;gap:22px;justify-content:flex-end}.footer-links a:hover{color:#ff936f}.footer-links a[rel="external"]{font-size:9px;color:#8c939e}
body.rtl .brand-hero:after{background:linear-gradient(270deg,#090a0dea 0%,#090a0db8 27%,#090a0d25 57%,transparent 100%)}body.rtl .hero-photo{transform:scaleX(-1)}body.rtl .hero-inner{margin-inline-end:auto}
@media(min-width:1600px){.brand-hero{min-height:720px}.hero-inner{max-width:750px}}
@media(max-width:1380px){.design-section{margin-inline:5vw}.home-search{margin-inline:5vw}}
@media(max-width:1000px){.site-header{gap:18px}.main-nav{gap:16px;font-size:12px}.brand-hero{min-height:580px}.hero-inner{max-width:58%;padding:50px 5vw}.hero-inner h1{font-size:56px}.guide-promo{gap:35px}.steps article{padding:24px}.quote-band{gap:30px}}
@media(max-width:800px){.content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"heading" "media" "summary"}.product-specs div{flex-wrap:nowrap}.catalogue-filter{display:flex;flex-wrap:wrap}.catalogue-filter label{margin:0;min-width:200px}.catalogue-filter .button{flex:1}.steps{gap:15px}.steps article{padding:20px}.steps h3{font-size:17px}.quote-band{flex-direction:column;align-items:flex-start}.quote-band>.button{max-width:none}.guide-visual strong{font-size:32px}.main-nav{gap:15px;flex-wrap:wrap}}
@media(max-width:650px){.announcement{font-size:9px;padding:7px 14px}.site-header{padding:19px 5vw;gap:16px}.wordmark{font-size:24px}.main-nav{font-size:11px;order:3;width:100%;justify-content:space-between;gap:8px;margin:5px 0 0}.language-menu ul{top:57px;inset-inline-end:5vw}.header-search-row{padding:8px 5vw}.header-search-row .catalogue-filter{flex-wrap:nowrap;gap:8px}.header-search-row .catalogue-filter label{min-width:0}.header-search-row .button{flex:0 0 auto;padding:10px 16px}.header-search-row input{font-size:12px}
 .site-main{padding:42px 5vw 55px}.site-main.home-content{padding:0;display:block}.brand-hero{display:block;min-height:670px}.hero-photo{object-position:62% bottom;height:53%;position:absolute;bottom:0}.brand-hero:after,body.rtl .brand-hero:after{background:linear-gradient(180deg,#0d0e10 0%,#0d0e10 39%,#0d0e10cc 48%,transparent 70%)}.hero-inner{padding:42px 6vw 0;max-width:none}.hero-inner h1{font-size:48px;max-width:100%;margin-bottom:20px}.hero-inner p:not(.eyebrow){font-size:15px;max-width:none}.hero-inner .hero-actions{margin-top:25px;gap:10px;max-width:none}.hero-actions .button{padding:13px 15px;font-size:12px;gap:12px}.hero-caption{font-size:9px;bottom:12px}
 .home-search{margin:0;padding:25px 6vw;box-shadow:none;border-inline:0}.catalogue-filter{gap:13px}.catalogue-filter label{min-width:100%;width:100%;flex:1!important}.catalogue-filter .button{width:100%;flex:1}.design-section{padding:45px 0;margin-inline:6vw}.section-heading{gap:20px;flex-wrap:wrap;align-items:flex-start}.section-heading .text-link{font-size:12px}.content-grid{grid-template-columns:minmax(0,1fr);gap:20px}.card-image{padding:25px}.content-card img{height:245px}.card-body{padding:22px}.steps{grid-template-columns:minmax(0,1fr);margin:25px 0 0;gap:14px}.steps article{display:block;padding:25px}.step-number{margin:0 0 15px}.steps h3{font-size:19px}.guide-promo{grid-template-columns:1fr;gap:28px}.guide-visual{min-height:240px;padding:28px}.quote-band{padding:35px 6vw;margin:45px -5vw -55px;gap:28px}.home-content .quote-band{margin:0;padding:40px 6vw}.quote-band h2{font-size:30px}.quote-band .button{width:100%}
 .product-heading h1{font-size:34px;overflow-wrap:anywhere}.product-media>img{padding:15px;max-height:390px}.product-gallery img{height:85px;padding:6px}.product-specs{padding:10px 15px}.product-specs dt{flex:0 0 35%}.product-specs dd{font-size:12px}.enquiry-form{padding:22px;margin-top:28px}.enquiry-form .button{width:100%}.form-grid{grid-template-columns:1fr}.article-empty,.empty-state{padding:28px}.site-footer{padding:35px 6vw;gap:25px}.footer-links{justify-content:flex-start;font-size:12px;gap:18px}.vk-role-article .page-content>h1{font-size:36px}.vk-role-article .page-content h2{font-size:27px}.vk-role-article .page-content p{font-size:16px}}
@media(prefers-reduced-motion:reduce){.content-card{transition:none}}

.featured-single{grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);align-items:stretch}.sourcing-panel{padding:45px;background:var(--soft);border:1px solid var(--line);display:flex;flex-direction:column;justify-content:center}.sourcing-panel h2{max-width:600px}.sourcing-panel p{font-size:15px}.sourcing-panel ul{list-style:none;padding:0;margin:0 0 28px;display:flex;gap:12px;flex-wrap:wrap}.sourcing-panel li{font-size:11px;border:1px solid #d7dce1;padding:8px 12px}.sourcing-panel .button{align-self:flex-start}@media(max-width:650px){.featured-single{grid-template-columns:minmax(0,1fr)}.sourcing-panel{padding:28px}.header-search-row .catalogue-filter .button{width:auto;flex:0 0 auto}.sourcing-panel h2{font-size:28px}}

@media(max-width:650px){.brand-hero{display:flex;flex-direction:column;min-height:0}.brand-hero picture{position:relative;inset:auto;width:100%;height:250px;order:2;background:#0d0e10}.brand-hero .hero-photo{position:static;width:100%;height:100%;object-fit:contain;object-position:center bottom}.brand-hero:after,body.rtl .brand-hero:after{display:none}.hero-inner{order:1;width:100%;padding-bottom:30px;background:#0d0e10}.hero-caption{bottom:8px}}

.vk-design-v2 .site-main a.button,.vk-design-v2 .header-search-row button.button{background:#f34a24;color:#fff;border:1px solid #f34a24;border-radius:3px;font-weight:700;font-size:13px;line-height:1.4;padding:16px 24px}.vk-design-v2 .site-main a.button:hover,.vk-design-v2 .header-search-row button.button:hover{background:#d93916;border-color:#d93916}.vk-design-v2 .site-main a.button-outline{background:transparent;border-color:#ffffff80}.vk-design-v2 .header-search-row button.button{padding:11px 26px;font-size:12px}@media(max-width:650px){.vk-design-v2 .hero-actions a.button{padding:13px 15px;font-size:12px}.vk-design-v2 .header-search-row button.button{padding:10px 16px}}

/* Approved VELKUNO wordmark: transparent canvas centred within its visible bounds. */
.vk-design-v2 .wordmark{flex-shrink:0}.logo-frame{position:relative;display:block;width:220px;height:32px;overflow:hidden}.logo-frame .brand-logo{position:absolute;top:50%;left:0;display:block;width:100%;max-width:none;height:auto;transform:translateY(-50%)}.site-footer .brand-logo{filter:brightness(0) invert(1)}
@media(max-width:650px){.logo-frame{width:180px;height:27px}}
