/* BRAND MOTORCYCLE PARTS — beginner-friendly, no frameworks required */
:root{--red:#db1029;--red-dark:#ac0920;--ink:#111216;--muted:#687078;--line:#e7e7e9;--background:#fff;--soft:#f5f5f6;--max:1250px;--focus:#006fda}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:var(--background);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.55}img{max-width:100%;display:block}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:wait}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.container{max-width:var(--max);margin:0 auto;padding:0 24px}.skip-link{position:absolute;z-index:50;top:-60px;left:20px;padding:10px 18px;background:white}.skip-link:focus{top:10px}.topline{background:#101115;color:#fff;font-size:10px;font-weight:800;letter-spacing:1.7px}.topline-inner{height:31px;display:flex;justify-content:space-between;align-items:center}.redmark{color:var(--red);font-size:18px;letter-spacing:-2px;padding-right:10px}.bar-separator{opacity:.3}.site-header{height:84px;background:#fff;position:sticky;top:0;z-index:30;box-shadow:0 1px 0 rgba(0,0,0,.07)}.nav-wrap{height:100%;display:flex;align-items:center;gap:38px}.brand{display:inline-flex;flex-direction:column;line-height:1;flex-shrink:0;letter-spacing:-2px;transform:skew(-8deg)}.brand-main{font-weight:1000;font-size:36px;font-style:italic;letter-spacing:-2.5px}.slashes{color:var(--red);margin-left:4px;font-size:40px;letter-spacing:-10px;padding-right:10px}.brand-small{font-size:10px;letter-spacing:3.4px;font-weight:900;padding-left:3px;margin-top:2px}.primary-nav{display:flex;align-items:center;gap:29px;margin-left:auto}.primary-nav a{font-weight:800;font-size:12px;white-space:nowrap;position:relative}.primary-nav a::after{content:"";position:absolute;bottom:-14px;height:3px;width:0;left:0;background:var(--red);transition:width .2s}.primary-nav a:hover::after,.primary-nav a.active::after{width:100%}.button{border:0;display:inline-flex;align-items:center;justify-content:space-between;gap:24px;padding:15px 22px;background:var(--red);color:#fff;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.55px;transition:background .2s,transform .2s}.button:hover{background:var(--red-dark);transform:translateY(-2px)}.button-nav{margin-left:4px;white-space:nowrap}.mobile-toggle{display:none}.hero{min-height:610px;position:relative;overflow:hidden;display:flex;align-items:center;background:#e9ecee}.hero-bg{position:absolute;inset:0;background:url("assets/hero-bmw-superbike.webp") 57% 50% / cover no-repeat}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.95) 22%,rgba(255,255,255,.76) 37%,rgba(255,255,255,.06) 69%,rgba(255,255,255,0) 100%)}.hero-inner{position:relative;width:100%;padding-top:68px;padding-bottom:68px}.hero-copy{max-width:535px}.eyebrow{display:inline-flex;align-items:center;gap:13px;letter-spacing:2.4px;font-size:11px;font-weight:900}.red-slash{height:26px;width:8px;display:inline-block;background:var(--red);transform:skew(-23deg)}.hero h1,.brands-title h2,.contact-intro h2{font-size:clamp(45px,5.4vw,83px);line-height:.96;letter-spacing:-4.7px;margin:28px 0 25px;font-weight:1000;font-style:italic}.hero h1 em,.contact-intro h2 em{font-style:italic;color:var(--red)}.hero h1 .dot,.brands-title .dot{color:var(--red)}.hero-copy>p{max-width:440px;font-size:17px;line-height:1.6;color:#34373b;margin-bottom:28px}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:28px}.text-link{font-size:12px;font-weight:900;text-transform:uppercase;border-bottom:1px solid var(--ink);padding-bottom:5px}.hero-number{position:absolute;bottom:20px;right:24px;color:#fff;background:rgba(0,0,0,.54);padding:7px 12px;letter-spacing:2px;font-size:10px;font-weight:700}.intro-strip{background:#111216;color:#fff}.intro-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.intro-grid span{font-size:10px;letter-spacing:1.4px;font-weight:800;padding:18px 0}.intro-grid b{color:var(--red);font-size:15px;margin-right:12px}.intro-grid span:not(:last-child){border-right:1px solid #333}.section{padding:95px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}.eyebrow.small{font-size:10px;letter-spacing:2px}.eyebrow.small .red-slash{height:19px;width:6px}.section h2{margin:11px 0 0;font-size:clamp(29px,3.2vw,46px);letter-spacing:-1.5px;line-height:1.05;font-weight:1000;font-style:italic}.section-heading>p{max-width:380px;font-size:13px;line-height:1.7;color:var(--muted);margin:0}.category-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.category-card{position:relative;min-width:0;overflow:hidden;min-height:209px;background:#161718;border-radius:2px;display:block}.category-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.72) 100%);pointer-events:none}.category-card img{width:100%;height:209px;object-fit:cover;transition:transform .4s;filter:contrast(1.08)}.category-card:hover img{transform:scale(1.08)}.category-bottom{position:absolute;z-index:1;bottom:0;left:0;right:0;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:14px 14px 16px;font-size:13px;font-style:italic;line-height:1.15}.category-bottom span{color:#ff2c44;font-size:24px}.category-bottom strong{max-width:150px}.selection-section{background:var(--soft)}.product-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.product-card{min-width:0;background:#fff;border:1px solid #e6e6e6;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.product-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px rgba(0,0,0,.07)}.product-image{position:relative;padding:15px;background:#fff;min-height:180px;display:flex;align-items:center}.product-image img{width:100%;max-height:150px;object-fit:contain}.product-label{position:absolute;left:12px;top:12px;background:#f2f2f3;padding:4px 7px;font-size:9px;font-weight:900;letter-spacing:1px}.product-details{padding:0 16px 17px;display:flex;flex-direction:column;flex:1}.brand-kicker{color:var(--red);letter-spacing:1.1px;font-weight:900;font-size:10px}.product-card h3{font-size:17px;line-height:1.25;margin:9px 0 9px;letter-spacing:-.3px}.product-card p{font-size:12px;line-height:1.65;color:#6d6e72;margin:0 0 20px}.product-enquire{background:#111216;border:0;color:#fff;padding:12px;display:flex;justify-content:space-between;align-items:center;font-weight:900;text-align:left;font-size:11px;margin-top:auto}.product-enquire:hover{background:var(--red)}.image-disclaimer{font-size:11px;color:#737780;margin:18px 0 0}.brands-section{background:#fff}.brand-layout{display:grid;grid-template-columns:1fr 1.35fr;gap:70px;align-items:center}.brands-title h2{font-size:clamp(30px,4vw,50px);letter-spacing:-2.2px;margin:16px 0}.brands-title p{color:#737780;max-width:350px;font-size:14px}.brand-cloud{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.brand-cloud button{background:#fff;border:1px solid #dedee0;padding:17px 19px;text-align:left;font-size:16px;font-weight:900;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:62px}.brand-cloud button:hover{border-color:var(--red);background:#fff9fa}.brand-cloud button span{font-size:15px;color:var(--red)}.brand-cloud button small{font-size:10px;margin-left:4px;letter-spacing:1px}.process-section{background:#f4f4f5}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.steps-grid>div{border-top:2px solid #1a1b1d;padding:19px 26px 14px 0}.step-number{color:var(--red);font-size:29px;font-weight:1000;font-style:italic}.steps-grid h3{font-size:17px;margin:18px 0 7px}.steps-grid p{color:#666a6e;font-size:13px;max-width:300px;line-height:1.8}.contact-section{background:#111217;color:#fff;position:relative;overflow:hidden}.contact-section:before{content:"";position:absolute;right:-90px;top:-90px;width:410px;height:410px;border:65px solid rgba(255,255,255,.02);border-radius:50%}.contact-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:75px;position:relative}.eyebrow.white{color:#fff}.contact-intro h2{font-size:clamp(40px,4.3vw,62px);letter-spacing:-2px;margin:25px 0}.contact-intro>p{color:#c4c6ca;max-width:420px;font-size:15px;line-height:1.9}.contact-intro ul{list-style:none;padding:0;margin:35px 0}.contact-intro li{font-size:13px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.15)}.contact-intro li:before{content:"/";color:var(--red);font-weight:1000;margin-right:13px}.contact-note{color:#d1d4db;font-size:12px}.contact-note a{color:#fff;text-decoration:underline}.contact-form-card{background:#fff;color:var(--ink);padding:35px;border-top:5px solid var(--red);box-shadow:0 10px 40px rgba(0,0,0,.1)}.contact-form-card h3{font-size:29px;font-style:italic;letter-spacing:-1px;margin:0}.contact-form-card>p{color:#767b81;font-size:13px;margin:5px 0 25px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}form label:not(.consent){display:block;font-size:12px;font-weight:800;margin:0 0 16px}form label span:not(.consent span){color:var(--red)}form input:not([type=checkbox]),form textarea{margin-top:7px;width:100%;border:1px solid #dadddf;border-radius:0;background:#fff;color:#222;padding:13px 12px;font-size:13px;outline:none}form textarea{resize:vertical;min-height:102px}form input:not([type=checkbox]):focus,form textarea:focus{border-color:var(--red);box-shadow:0 0 0 2px #ffe0e5}form input::placeholder,form textarea::placeholder{color:#a0a3a8}.consent{display:flex;gap:10px;align-items:flex-start;font-size:11px;color:#53565b;line-height:1.6;margin:4px 0 20px}.consent input{margin-top:3px;accent-color:var(--red)}.consent a,.fineprint a{color:var(--red);text-decoration:underline}.button-submit{width:100%;padding:17px 19px}.form-status{font-size:13px;margin:12px 0 0;min-height:18px;color:#c12b3e;font-weight:700}.form-status.success{color:#13734d}.fineprint{font-size:10px;color:#888d94;line-height:1.65;margin:7px 0 0}.honeypot{position:absolute!important;left:-9999px!important;height:1px!important;width:1px!important;overflow:hidden!important}.footer{background:#f6f6f7}.footer-main{display:grid;grid-template-columns:2fr 1fr 1.3fr;gap:50px;padding-top:65px;padding-bottom:55px}.footer-main p{color:#666b71;font-size:13px;max-width:300px;margin-top:20px}.footer-main h4{font-size:12px;letter-spacing:1px;margin:0 0 21px}.footer-main a:not(.brand),.footer-main .footer-email{display:block;font-size:13px;margin:0 0 10px;color:#6a6d73}.footer-main a:hover{color:var(--red)}.footer-bottom{border-top:1px solid #e1e1e3;padding-top:20px;padding-bottom:25px;display:flex;justify-content:space-between;gap:15px;color:#858991;font-size:11px}.brand-footer .brand-main{font-size:29px}.brand-footer .slashes{font-size:32px}.brand-footer .brand-small{font-size:8px;letter-spacing:2.8px}
@media(max-width:1100px){.nav-wrap{gap:16px}.primary-nav{gap:17px}.primary-nav a{font-size:11px}.brand-main{font-size:30px}.slashes{font-size:34px}.brand-small{font-size:8px}.category-grid,.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-image img{max-height:160px}.category-card img,.category-card{height:205px;min-height:205px}.contact-layout{gap:30px}}
@media(max-width:760px){html{scroll-padding-top:70px}.topline-right,.button-nav{display:none}.site-header{height:70px}.brand-main{font-size:30px}.nav-wrap{justify-content:space-between}.mobile-toggle{border:0;background:transparent;width:40px;height:43px;display:flex;flex-direction:column;justify-content:center;gap:6px;align-items:flex-end}.mobile-toggle span{width:27px;height:2px;background:var(--ink);transition:transform .2s}.mobile-toggle span:nth-child(2){width:21px}.mobile-toggle[aria-expanded=true] span:first-child{transform:translateY(8px) rotate(45deg)}.mobile-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.mobile-toggle[aria-expanded=true] span:last-child{transform:translateY(-8px) rotate(-45deg)}.primary-nav{display:none;position:absolute;left:0;right:0;top:70px;background:#fff;border-top:1px solid #e8e8ea;box-shadow:0 14px 28px rgba(0,0,0,.1);padding:18px 24px;flex-direction:column;align-items:stretch;gap:0}.primary-nav.open{display:flex}.primary-nav a{padding:14px 0;font-size:14px;border-bottom:1px solid #eee}.primary-nav a::after{display:none}.hero{min-height:650px;align-items:flex-start}.hero-bg{background-position:68% 88%;background-size:auto 72%;background-repeat:no-repeat}.hero-shade{background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,.98) 20%,rgba(255,255,255,.88) 39%,rgba(255,255,255,0) 63%)}.hero-inner{padding-top:38px}.hero h1{font-size:clamp(42px,10vw,67px);letter-spacing:-2.9px;margin:21px 0}.hero-copy>p{font-size:14px;max-width:410px}.hero-number{bottom:8px;font-size:9px}.intro-grid{grid-template-columns:1fr}.intro-grid span{padding:10px 0;font-size:9px}.intro-grid span:not(:last-child){border-right:0;border-bottom:1px solid #333}.section{padding:65px 0}.section-heading{display:block}.section-heading p{margin-top:15px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-layout,.contact-layout{grid-template-columns:1fr}.brand-layout{gap:24px}.steps-grid{grid-template-columns:1fr}.steps-grid>div{padding:12px 0 7px}.steps-grid h3{margin:6px 0}.steps-grid p{max-width:none}.contact-layout{gap:40px}.contact-form-card{padding:25px}.footer-main{grid-template-columns:1fr 1fr}.footer-main>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column}}
@media(max-width:500px){.container{padding:0 17px}.hero{min-height:630px}.hero-bg{background-size:auto 61%;background-position:65% 98%}.hero-shade{background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,.98) 26%,rgba(255,255,255,.83) 48%,transparent 72%)}.hero h1{font-size:clamp(37px,10.5vw,51px)}.hero-copy>p{max-width:310px}.hero-actions{gap:18px}.button{padding:14px 16px;gap:13px}.text-link{font-size:11px}.category-grid{gap:9px}.category-card,.category-card img{height:165px;min-height:165px}.category-bottom{padding:9px;font-size:11px}.product-grid{grid-template-columns:1fr}.product-image{min-height:190px}.product-image img{max-height:160px}.product-details{padding:0 20px 20px}.brand-cloud{grid-template-columns:1fr 1fr;gap:7px}.brand-cloud button{font-size:13px;padding:12px 10px;min-height:56px}.brand-cloud button small{font-size:8px}.field-row{grid-template-columns:1fr;gap:0}.contact-form-card{padding:18px}.footer-main{gap:20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}