/*
Theme Name: Vos Motorsport Shop
Theme URI: https://vosmotorsport.nl
Author: Vos Motorsport
Description: Eigen WooCommerce-thema voor bandenservice, bandenverkoop en autosportonderdelen.
Version: 1.1.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: vos-motorsport
License: GPL-2.0-or-later
*/
:root{--bg:#0d1013;--surface:#161a1e;--surface2:#1d2328;--panel:#171c20;--line:#323941;--text:#f6f7f8;--muted:#a8b0b7;--orange:#ff7131;--orange2:#f15e23;--yellow:#f2d35c;--max:1190px;--radius:17px;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,'Arial',sans-serif;font-size:15px;line-height:1.7}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}::selection{background:var(--orange);color:#0c0d0f}
.container{width:min(var(--max),calc(100% - 48px));margin-inline:auto}.eyebrow{display:flex;gap:11px;align-items:center;color:var(--orange);text-transform:uppercase;letter-spacing:.2em;font-size:.73rem;font-weight:800}.eyebrow:before{content:'';width:24px;height:3px;background:currentColor}.section{padding:100px 0}.section-alt{background:#11161a}.headline{font:900 clamp(3.4rem,7vw,7rem)/.85 'Barlow Condensed','Arial Narrow',Impact,sans-serif;letter-spacing:.005em;text-transform:uppercase;margin:14px 0 24px}.headline span,.section-title em{font-style:normal;color:var(--orange)}.section-title{font:800 clamp(2.5rem,4.5vw,4.6rem)/.95 'Barlow Condensed','Arial Narrow',Impact,sans-serif;text-transform:uppercase;letter-spacing:.015em;margin:16px 0}.body-copy{color:#b8c0c6;max-width:620px}.kicker{display:block;color:var(--yellow);font-size:12px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.button{display:inline-flex;gap:16px;justify-content:center;align-items:center;background:var(--orange);color:#121212;border:1px solid var(--orange);padding:15px 23px;border-radius:4px;text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:900;transition:transform .2s,background .2s;cursor:pointer}.button:hover{transform:translateY(-2px);background:#ff8f57}.button.secondary{background:transparent;color:var(--text);border-color:#6b7379}.button.secondary:hover{background:#ffffff13}.buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:31px}
.skip-link{position:absolute;top:-100px;left:8px;z-index:100;background:var(--yellow);color:#111;padding:8px}.skip-link:focus{top:8px}.topbar{background:#171c20;color:#b8c0c6;font-size:11px;letter-spacing:.1em;text-transform:uppercase}.topbar-inner{display:flex;align-items:center;justify-content:space-between;height:29px}.topbar .star{color:var(--orange)}.site-header{position:sticky;top:0;z-index:30;background:#0e1113ec;border-bottom:1px solid #353b4180;backdrop-filter:blur(20px)}.nav{display:flex;justify-content:space-between;align-items:center;min-height:79px;gap:28px}.brand{display:flex;align-items:center;gap:12px;min-width:max-content}.brand-mark{width:47px;height:47px}.brand-name{display:flex;flex-direction:column;font:900 31px/.75 'Barlow Condensed',Impact,sans-serif;letter-spacing:.035em}.brand-name small{font:800 10px/1.1 Manrope,Arial,sans-serif;letter-spacing:.35em;color:var(--orange);margin-top:7px}.nav-links{display:flex;gap:30px;align-items:center}.nav-links a{font-weight:800;text-transform:uppercase;font-size:11px;letter-spacing:.12em;color:#ccd1d5;position:relative;transition:color .2s}.nav-links a:hover,.nav-links a.active{color:var(--orange)}.nav-cta{margin-left:15px;border:1px solid #8a939a;padding:12px 16px;border-radius:3px}.menu-toggle{display:none;border:1px solid var(--line);background:transparent;color:#fff;border-radius:4px;padding:7px 11px;cursor:pointer}
.hero{position:relative;overflow:hidden;min-height:666px;background:radial-gradient(ellipse at 72% 40%,#333f45 0%,#181e22 28%,#101417 65%,#0c0f12 100%)}.hero:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(127deg,transparent 0,transparent 67px,#ffffff03 68px,#ffffff03 70px),linear-gradient(90deg,#0c0f1299,transparent 80%);pointer-events:none}.hero:after{content:'';position:absolute;bottom:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--orange) 0 44%,var(--yellow) 44% 48%,transparent 48%)}.hero-grid{min-height:666px;display:grid;grid-template-columns:54% 46%;align-items:center;position:relative}.hero-content{position:relative;z-index:3;padding:85px 0}.hero .headline{font-size:clamp(4rem,8.1vw,8.8rem);max-width:800px;margin-bottom:26px}.hero-sub{color:#c8cfd3;font-size:16px;max-width:435px;line-height:1.8}.hero-visual{position:relative;height:100%;min-height:480px}.hero-visual img{position:absolute;width:134%;max-width:none;top:16%;right:-27%;height:auto;filter:drop-shadow(15px 36px 45px #0009);transform:rotate(-1deg)}.hero-number{position:absolute;top:3%;right:-2%;font:900 clamp(9rem,20vw,19rem)/1 'Barlow Condensed',Impact,sans-serif;color:#fff;opacity:.035}.hero-stripe{position:absolute;width:800px;height:175px;background:linear-gradient(90deg,transparent,var(--orange),var(--yellow),transparent);transform:rotate(-21deg);opacity:.12;top:28%;left:-12%}.hero-caption{position:absolute;bottom:20%;right:0;text-align:right;color:#aab2b8;font-size:10px;letter-spacing:.2em;text-transform:uppercase}.hero-caption b{display:block;color:#fff;font-size:15px;letter-spacing:.1em}
.ticker{background:#f26726;color:#131517;overflow:hidden}.ticker-inner{display:flex;align-items:center;gap:38px;padding:11px 0;white-space:nowrap;font:900 15px 'Barlow Condensed',Impact,sans-serif;letter-spacing:.14em}.ticker-inner span:not(:last-child):after{content:'✦';margin-left:38px}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:33px}.section-head p{max-width:440px;color:var(--muted)}.dual-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.pillar{border:1px solid #394148;background:#161c20;overflow:hidden;position:relative;border-radius:var(--radius);display:block;transition:transform .25s,border-color .25s}.pillar:hover{transform:translateY(-6px);border-color:var(--orange)}.pillar-image{height:285px;overflow:hidden;position:relative;background:radial-gradient(circle at 60% 40%,#434a4e,#1b2024 65%)}.pillar-image img{height:100%;width:100%;object-fit:cover;transition:transform .4s}.pillar:hover .pillar-image img{transform:scale(1.04)}.pillar-image:after{content:'';position:absolute;inset:0;background:linear-gradient(to top,#15191d 0%,transparent 60%)}.pillar-tag{position:absolute;top:20px;left:22px;background:#0c0e10d9;color:var(--yellow);padding:7px 11px;letter-spacing:.16em;font-weight:900;font-size:10px}.pillar-content{padding:27px 31px 32px}.pillar-content h3{font:800 41px/.95 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;margin:0 0 13px}.pillar-content p{color:#b5bec4;min-height:51px;margin:0 0 23px}.text-link{display:inline-flex;gap:16px;color:var(--orange);align-items:center;font-weight:900;font-size:12px;letter-spacing:.1em;text-transform:uppercase}.text-link .arrow{font-size:21px}
.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}.stat-panel{background:linear-gradient(135deg,#242c31,#11161a);border:1px solid #404850;border-radius:var(--radius);padding:50px;min-height:315px;position:relative;overflow:hidden}.stat-panel:after{content:'';position:absolute;right:-54px;top:-80px;width:250px;height:350px;border:42px solid #ff713113;transform:rotate(17deg)}.stat-panel .giant{font:900 clamp(5rem,12vw,11rem)/.88 'Barlow Condensed',Impact,sans-serif;color:var(--orange)}.stat-panel h3{font:800 35px/1 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;margin:17px 0 9px}.stat-panel p{color:var(--muted);margin:0}.facts{display:flex;flex-wrap:wrap;gap:28px;margin-top:34px}.fact{border-left:3px solid var(--orange);padding-left:14px}.fact strong{font:800 30px/1 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;display:block}.fact small{color:var(--muted);font-size:11px;letter-spacing:.07em;text-transform:uppercase}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service{padding:29px 26px 35px;border:1px solid var(--line);background:#171d21;border-radius:12px}.service .num{font:900 43px/.9 'Barlow Condensed',Impact,sans-serif;color:var(--orange)}.service h3{font:800 29px/1.1 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;margin:28px 0 12px}.service p{color:var(--muted);margin:0;font-size:13px}.cta-strip{background:linear-gradient(110deg,#f26726,#fe9144);color:#101214;padding:48px 0}.cta-flex{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta-flex h2{font:900 clamp(2.5rem,5vw,4.5rem)/.92 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;margin:7px 0}.cta-flex p{margin:0}.cta-flex .button{background:#14181c;color:#fff;border-color:#14181c}.footer{background:#090b0d;padding:65px 0 23px;border-top:1px solid #303840}.footer-cols{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px}.footer p{color:#9fa9af;max-width:390px}.footer h4{text-transform:uppercase;letter-spacing:.15em;font-size:12px}.footer ul{padding:0;margin:0;list-style:none}.footer li{margin:9px 0;color:#b4bec5}.footer a:hover{color:var(--orange)}.footer-bottom{border-top:1px solid #252b2f;padding-top:20px;margin-top:42px;display:flex;justify-content:space-between;gap:16px;color:#6f7a80;font-size:11px}
.page-hero{position:relative;overflow:hidden;padding:88px 0 100px;background:radial-gradient(circle at 85% 0,#2d363b,#15191d 55%,#0f1216)}.page-hero:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(125deg,transparent 0,transparent 79px,#ffffff04 80px,#ffffff04 82px)}.page-hero .container{position:relative}.page-hero h1{font:900 clamp(4.7rem,10vw,9rem)/.85 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;margin:20px 0}.page-hero p{color:#b9c3c9;font-size:16px;max-width:580px}.page-hero .watermark{position:absolute;right:2%;top:-25%;font:900 340px 'Barlow Condensed',Impact,sans-serif;color:#ffffff06;pointer-events:none}.breadcrumbs{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#aab4bc}.breadcrumbs a{color:var(--orange)}.image-panel{background:linear-gradient(120deg,#161c20,#333a3f);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;min-height:350px;display:grid;place-items:center}.image-panel img{width:100%;height:auto}.info-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.info-card{background:var(--surface);border:1px solid var(--line);padding:28px;border-radius:11px;min-height:160px}.info-card span{display:block;color:var(--orange);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.info-card strong{display:block;font:800 30px 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;margin:9px 0}.info-card p{font-size:12px;color:var(--muted);margin:0}.feature-list{display:grid;gap:15px;margin-top:32px}.feature{display:flex;gap:14px;align-items:flex-start;border-bottom:1px solid #2f383d;padding-bottom:16px}.feature svg{flex:none;margin-top:4px}.feature strong{display:block;text-transform:uppercase;letter-spacing:.06em;font-size:13px}.feature p{margin:3px 0;color:var(--muted);font-size:13px}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px}.contact-box{border:1px solid var(--line);padding:38px;border-radius:var(--radius);background:var(--panel)}.contact-box h2{font:800 36px 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;margin:3px 0 20px}.detail{border-top:1px solid var(--line);padding:18px 0}.detail span{display:block;color:var(--orange);font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:800}.detail p{margin:4px 0;color:#d9dedf}.note{border-left:3px solid var(--orange);background:#2b241f;color:#f1dacc;padding:16px 20px;font-size:13px;margin-top:23px}.mini-label{color:var(--yellow);font-size:10px;letter-spacing:.2em;font-weight:900;text-transform:uppercase}
@media(max-width:920px){.hero-grid{grid-template-columns:1fr;min-height:760px}.hero-content{padding:66px 0 0}.hero .headline{font-size:clamp(4.4rem,10vw,7.7rem);max-width:640px}.hero-visual{min-height:345px}.hero-visual img{top:-10%;right:-9%;width:min(830px,103%)}.hero-caption{bottom:11%;right:10%}.split{gap:30px}.service-grid{grid-template-columns:repeat(2,1fr)}.nav-links{gap:18px}.nav-cta{margin-left:0}}
@media(max-width:680px){.container{width:min(100% - 34px,var(--max))}.topbar-inner span:last-child{display:none}.nav{min-height:70px}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:#13181c;border-bottom:1px solid #394148;padding:12px 20px 24px}.nav-links.open{display:flex}.nav-links a{padding:14px 10px;border-bottom:1px solid #30383d}.nav-cta{margin:14px 0 0;text-align:center}.brand-mark{width:43px;height:43px}.hero-grid{min-height:710px}.hero-content{padding:67px 0 0}.hero .headline{font-size:clamp(3.9rem,16vw,6.9rem)}.hero-sub{font-size:14px}.hero-visual{min-height:280px}.hero-visual img{top:-4%;right:-17%;width:135%}.hero-caption{bottom:14%;font-size:8px;right:1%}.section{padding:70px 0}.section-head{display:block}.section-title{font-size:3.2rem}.dual-grid,.split,.contact-layout{grid-template-columns:1fr}.pillar-image{height:220px}.pillar-content p{min-height:unset}.stat-panel{padding:35px}.service-grid,.info-row{grid-template-columns:1fr}.cta-flex{display:block}.cta-flex .button{margin-top:24px}.footer-cols{grid-template-columns:1fr 1fr}.footer-cols>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column}.page-hero{padding:70px 0}.page-hero h1{font-size:5rem}.buttons .button{font-size:10px;padding:14px 18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Vos Motorsport: bedrijfsgerichte layout */
.nav-links a{white-space:nowrap}.service-card-link{display:block;color:inherit;height:100%}.service-card-link:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}.small-overline{font-size:11px;font-weight:800;letter-spacing:.14em;color:var(--orange);text-transform:uppercase}.hero-visual .wheel-img{top:0%;right:-16%;width:124%;transform:none;filter:drop-shadow(12px 30px 40px #0007)}.hero-grid{grid-template-columns:53% 47%}.hero .headline{font-size:clamp(4.5rem,8.5vw,9.2rem)}.hero-wordmark{position:absolute;bottom:10%;right:-8%;font:900 clamp(5.5rem,15vw,14rem)/1 'Barlow Condensed',Impact,sans-serif;color:#ffffff08;pointer-events:none}.pill-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:21px}.pill{display:inline-block;border:1px solid #4c575e;border-radius:50px;padding:6px 13px;color:#c7cfd4;font-size:11px;font-weight:700;letter-spacing:.04em}.value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.value-card{padding:30px 28px;border:1px solid var(--line);background:linear-gradient(145deg,#1b2226,#14191d);border-radius:12px}.value-card .number{font:900 51px/1 'Barlow Condensed',Impact,sans-serif;color:var(--orange)}.value-card h3{font:800 30px/1 'Barlow Condensed',Impact,sans-serif;margin:18px 0 10px;text-transform:uppercase}.value-card p{color:var(--muted);font-size:13px;margin:0}.list-clean{list-style:none;padding:0;margin:24px 0}.list-clean li{padding:14px 0;border-bottom:1px solid var(--line);display:flex;gap:13px;align-items:flex-start;font-weight:700;font-size:13px}.list-clean li:before{content:'✓';color:var(--orange);font-weight:900}.placeholder{color:#b5bdc2;font-style:italic}.notification{padding:16px 20px;background:#221f1b;border-left:3px solid var(--orange);color:#dfcbc2;font-size:13px;margin-top:24px}.simple-card{background:#181d21;border:1px solid #384047;border-radius:15px;padding:35px}.simple-card h3{font:800 34px/1.1 'Barlow Condensed',Impact,sans-serif;margin:5px 0 13px;text-transform:uppercase}.simple-card p{color:var(--muted)}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.faq-item{padding:26px 0;border-top:1px solid var(--line)}.faq-item h3{font-size:15px;margin:0 0 6px}.faq-item p{font-size:13px;color:var(--muted);margin:0}.strong-note{font-weight:800;color:#f1f3f4}.hero-visual img{max-width:none}.page-hero .watermark{font-size:clamp(12rem,29vw,22rem)}.footer-cols{grid-template-columns:1.4fr 1fr 1fr}.filter-muted{color:var(--muted)}
@media(max-width:920px){.hero-visual .wheel-img{right:-6%;top:-12%;width:95%;}.hero-wordmark{bottom:4%;right:3%}.hero-grid{grid-template-columns:1fr}.value-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.hero-grid{min-height:750px}.hero-visual{min-height:305px}.hero-visual .wheel-img{top:-18%;right:-16%;width:120%}.hero .headline{font-size:clamp(3.5rem,13vw,5.8rem)}.value-grid,.faq-grid{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr}.section-head{margin-bottom:22px}.page-hero h1{font-size:clamp(4.2rem,15vw,6.5rem)}.footer-cols{grid-template-columns:1fr 1fr}.hero-caption{right:2%}}
/* Prevent long Dutch compound words from forcing horizontal scrolling */
.service-grid,.dual-grid,.split,.contact-layout,.value-grid,.info-row,.faq-grid{min-width:0}
.service-grid>* , .dual-grid>*, .split>*,.contact-layout>*,.value-grid>*,.info-row>* ,.faq-grid>*{min-width:0}
.section-title,.page-hero h1,.service h3,.contact-box h2,.simple-card h3{overflow-wrap:anywhere}
@media(max-width:680px){.service-grid{grid-template-columns:minmax(0,1fr)}.contact-layout,.split,.dual-grid,.faq-grid,.value-grid{grid-template-columns:minmax(0,1fr)}.page-hero h1{font-size:clamp(3.2rem,13vw,5.4rem)}.section-title{font-size:clamp(2.4rem,10.5vw,3.2rem)}.contact-box{padding:27px}.contact-box .service-grid{grid-template-columns:minmax(0,1fr)!important}}

/* WordPress + WooCommerce integration */
body.admin-bar .site-header{top:32px}
@media(max-width:782px){body.admin-bar .site-header{top:46px}}
.accent{color:var(--orange)}
.nav-links .nav-cart{border:1px solid var(--orange);padding:9px 12px;border-radius:3px;color:#fff}
.vos-cart-count{display:inline-flex;align-items:center;justify-content:center;margin-left:5px;background:var(--orange);color:#141516;min-width:22px;height:22px;padding:0 6px;border-radius:20px;font-weight:900}
.vos-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:35px 0}
.vos-category{position:relative;min-height:158px;display:flex;flex-direction:column;align-items:flex-start;padding:22px 24px;background:linear-gradient(142deg,#22282d,#13171a);border:1px solid #38424a;border-radius:10px;transition:border-color .2s,transform .2s}
.vos-category:hover{border-color:var(--orange);transform:translateY(-3px)}
.vos-category-number{font-size:12px;font-weight:800;color:var(--orange);letter-spacing:.1em}
.vos-category h3{font:800 clamp(1.5rem,2.3vw,2.3rem)/1.05 'Barlow Condensed',Impact,'Arial Narrow',sans-serif;text-transform:uppercase;margin:auto 0 0;overflow-wrap:anywhere;max-width:90%}
.vos-category-arrow{position:absolute;bottom:18px;right:20px;color:var(--orange);font-weight:900;font-size:24px}
.service .text-link{margin-top:25px}
.vos-shop-section{padding-top:55px}
.vos-shop-intro{border-top:1px solid var(--line);padding-top:20px;margin-top:55px;margin-bottom:25px}
.vos-shop-intro h2{font:800 38px 'Barlow Condensed',Impact,sans-serif;letter-spacing:.06em;margin:0}
.vos-shop-intro p{color:var(--muted)}
.vos-editor-content{min-height:160px;max-width:1000px}
.vos-editor-content a:not(.button){color:var(--orange);text-decoration:underline}
.vos-editor-content h1,.vos-editor-content h2,.vos-editor-content h3{font-family:'Barlow Condensed',Impact,sans-serif;text-transform:uppercase}
.vos-editor-content p,.vos-editor-content li{color:#d3d9de}
.vos-blog-card{padding:25px 0;border-bottom:1px solid var(--line)}
.custom-logo{max-height:50px;width:auto;max-width:90px;object-fit:contain}
.custom-logo-link{display:flex;align-items:center}
.footer .brand-mark{flex-shrink:0}
/* WooCommerce plugin-managed listing and checkout. */
.woocommerce{color:var(--text)}
.woocommerce .woocommerce-breadcrumb{color:var(--muted);margin-bottom:25px}
.woocommerce .woocommerce-breadcrumb a{color:var(--orange)}
.woocommerce ul.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:28px 0;clear:both}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none}
.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{float:none!important;width:auto!important;min-width:0!important;margin:0!important;padding:17px;border:1px solid var(--line);background:#181e22;border-radius:11px;overflow:hidden}
.woocommerce ul.products li.product .woocommerce-loop-product__title{color:#fff;font:800 26px/1.12 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase}
.woocommerce ul.products li.product a img{width:100%;aspect-ratio:5/4;object-fit:contain;background:#22292d;border-radius:6px;margin-bottom:14px}
.woocommerce ul.products li.product .price,.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--orange);font-weight:900}
.woocommerce span.onsale{background:var(--orange);color:#161616}
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt{background:var(--orange);color:#151515;border-radius:4px;padding:14px 16px;font-weight:900;letter-spacing:.03em}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover{background:#ff965d;color:#151515}
.woocommerce div.product .product_title{font:900 clamp(2.7rem,5vw,4.5rem)/1 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase}
.woocommerce div.product .woocommerce-tabs ul.tabs li,.woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:#252c31;border-color:var(--line)}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{color:#f4f5f5}
.woocommerce div.product .woocommerce-tabs .panel{padding:24px;background:#171d21;border-radius:7px}
.woocommerce .quantity .qty,.woocommerce input.input-text,.woocommerce textarea,.woocommerce select,.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea{background:#f6f7f8;color:#17191b;border-radius:3px;border:1px solid #bac3c7;min-height:42px;padding:9px}
.woocommerce table.shop_table{background:#171d21;color:#fff;border-color:#596168}
.woocommerce table.shop_table td,.woocommerce table.shop_table th{border-color:#596168}
.woocommerce .cart-collaterals .cart_totals,.woocommerce form.checkout,.woocommerce-checkout #payment{color:#fff}
.woocommerce-checkout #payment{background:#252c31}
.woocommerce-checkout #payment div.payment_box{background:#414c53;color:white}
.woocommerce-message,.woocommerce-info{background:#19271f;border-top-color:var(--orange);color:#e5eae9}
.woocommerce-message a,.woocommerce-info a{color:var(--orange)}
.woocommerce-error{color:#2a1717}
.woocommerce-info::before,.woocommerce-message::before{color:var(--orange)}
.woocommerce .woocommerce-result-count{color:var(--muted)}
.woocommerce select.orderby{color:#1b1d1e;background:#f3f3f3;border:1px solid #999;border-radius:4px;padding:10px}
.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{background:#20282d;color:#fff}
/* Modern WooCommerce cart and checkout blocks. */
.wc-block-components-sidebar,.wc-block-components-main,.wc-block-checkout,.wp-block-woocommerce-cart,.wp-block-woocommerce-checkout{color:#f4f5f6}
.wc-block-components-totals-wrapper,.wc-block-components-order-summary,.wc-block-components-product-name{color:#e7ecee}
.wc-block-components-text-input input,.wc-block-components-combobox input,.wc-block-components-address-form input,.wc-block-components-form input{background:#fff!important;color:#151515!important}
.wc-block-components-button,.wc-block-components-checkout-place-order-button{background:var(--orange)!important;color:#151515!important;border-radius:4px!important}
.wc-block-components-radio-control,.wc-block-components-radio-control__option,.wc-block-checkout__shipping-option,.wc-block-components-totals-item{color:#fff}
.wc-block-components-notice-banner{color:#111}
@media(max-width:980px){.nav-links{gap:14px}.nav-links a{font-size:10px}.vos-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.vos-category-grid{grid-template-columns:1fr 1fr;gap:9px}.vos-category{min-height:130px;padding:18px 14px}.vos-category h3{font-size:clamp(1.3rem,5vw,2rem)}.vos-category-arrow{right:12px;bottom:12px}.woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.woocommerce ul.products li.product{padding:10px}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:21px}.woocommerce div.product div.images,.woocommerce div.product div.summary{width:100%;float:none}}
@media(max-width:380px){.vos-category-grid,.woocommerce ul.products{grid-template-columns:1fr}}

/* === Vos Motorsport 1.1: eigen logo's, hiërarchie en responsive layout === */
.site-header .nav{min-height:104px;gap:22px}
.site-header .brand{display:inline-flex;align-items:center;flex:0 0 auto}
.brand-logo-main{height:92px;width:92px;object-fit:contain;display:block}
.site-header .custom-logo{height:92px!important;max-height:92px!important;width:auto;max-width:170px;object-fit:contain}
.site-header .brand:has(.custom-logo) .brand-name{display:none}
.hero-visual img.hero-primary-logo{position:absolute;top:9%;right:1%;width:clamp(110px,12vw,175px);height:auto;z-index:2;max-width:unset;filter:drop-shadow(0 12px 16px #0008);transform:none;opacity:.94}
.footer-cols{display:grid;grid-template-columns:1.2fr 1fr .9fr 1.15fr;gap:30px;align-items:start}
.footer-company .footer-main-logo{width:156px;height:auto;max-width:100%;margin-bottom:14px}
.footer-company p{max-width:290px;margin-top:0;font-size:13px}
.footer-partner{border-left:1px solid #343c42;padding-left:25px}
.footer-partner h4{margin:4px 0 14px;color:var(--orange)}
.footer-partner img{display:block;width:100%;max-width:250px;height:auto;object-fit:contain}
@media(max-width:1140px){.site-header .nav{gap:12px}.site-header .nav-links{gap:15px}.site-header .nav-links a{font-size:10px}}
@media(max-width:980px){.brand-logo-main{width:76px;height:76px}.site-header .nav{min-height:86px}.site-header .custom-logo{height:76px!important;max-height:76px!important}.footer-cols{grid-template-columns:1.3fr 1fr 1fr}.footer-partner{grid-column:1/-1;border-left:0;border-top:1px solid #343c42;padding:22px 0 0}}
@media(max-width:760px){.site-header .nav-links{gap:9px}.site-header .nav-links a{font-size:9px}}
@media(max-width:680px){.site-header .nav{min-height:77px}.brand-logo-main{width:70px;height:70px}.site-header .custom-logo{height:70px!important;max-height:70px!important}.site-header .nav-links{gap:0}.site-header .nav-links a{font-size:12px}.hero-visual img.hero-primary-logo{right:0%;top:2%;width:116px}.footer-cols{grid-template-columns:1fr 1fr}.footer-partner{grid-column:1/-1}}