:root{
  --bpi-dark:#172B36;
  --bpi-dark2:#243944;
  --bpi-lime:#B7D52A;
  --bpi-lime2:#9FBD18;
  --bpi-light:#F5F7F8;
  --bpi-border:#E2E7E9;
  --bpi-text:#1D303B;
  --bpi-muted:#687780;
}
*{box-sizing:border-box}
.bpi-home{font-family:Poppins,Arial,sans-serif;color:var(--bpi-text);background:#fff}
.bpi-wrap{max-width:1240px;margin:auto;padding:0 22px}
.bpi-top{background:var(--bpi-dark);color:#fff;font-size:11px;padding:9px 0}
.bpi-top .bpi-wrap{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}
.bpi-mainhead{padding:16px 0;background:#fff}
.bpi-headgrid{display:grid;grid-template-columns:24% 52% 24%;align-items:center;gap:12px}
.bpi-logo{font-weight:800;font-size:26px;font-style:italic;letter-spacing:-1.2px;color:var(--bpi-dark)}
.bpi-logo span{color:var(--bpi-lime2)}
.bpi-search{height:46px;border:1px solid var(--bpi-border);border-radius:5px;display:flex;overflow:hidden}
.bpi-search input{border:0;outline:0;flex:1;padding:0 15px;font-size:13px}
.bpi-search button{width:55px;border:0;background:var(--bpi-lime);font-size:18px;cursor:pointer}
.bpi-head-actions{display:flex;justify-content:flex-end;gap:18px;font-size:12px}
.bpi-nav{background:var(--bpi-dark);color:#fff}
.bpi-nav .bpi-wrap{display:flex;align-items:center}
.bpi-nav a{color:#fff;text-decoration:none;padding:15px 18px;font-size:13px;font-weight:600}
.bpi-nav .all{background:var(--bpi-dark2)}
.bpi-hero{min-height:500px;background:linear-gradient(100deg,#eef3f5 0%,#f7f9fa 45%,#cfd8dc 100%);position:relative;overflow:hidden}
.bpi-hero:after{content:"";position:absolute;right:-80px;top:0;width:58%;height:100%;background:radial-gradient(circle at 45% 55%,rgba(183,213,42,.28),transparent 35%),linear-gradient(135deg,transparent,rgba(23,43,54,.10));}
.bpi-hero .bpi-wrap{position:relative;z-index:2;min-height:500px;display:flex;align-items:center}
.bpi-hero-copy{width:50%;padding:50px 0}
.bpi-eyebrow{font-size:13px;font-weight:700;letter-spacing:1.5px;color:var(--bpi-dark)}
.bpi-hero h1{font-size:54px;line-height:1.02;margin:13px 0 18px;letter-spacing:-2px}
.bpi-hero h1 span{color:var(--bpi-lime2)}
.bpi-hero p{max-width:520px;color:var(--bpi-muted);font-size:15px;line-height:1.7}
.bpi-bike-art{position:absolute;right:2%;bottom:-5px;width:50%;height:88%;z-index:1;display:flex;align-items:flex-end;justify-content:center;font-size:130px}
.bpi-bike-art .bike-box{width:88%;height:72%;border-radius:45% 45% 12% 12%;background:linear-gradient(145deg,#273d48,#101c22);box-shadow:0 30px 55px rgba(0,0,0,.25);position:relative}
.bpi-bike-art .bike-box:before{content:"BIKE";position:absolute;left:14%;top:28%;font-weight:900;font-size:72px;letter-spacing:8px;color:var(--bpi-lime);transform:skew(-10deg)}
.bpi-bike-art .bike-box:after{content:"PARTS";position:absolute;right:10%;bottom:20%;font-size:22px;font-weight:800;color:#fff;letter-spacing:3px}
.bpi-model-search{display:grid;grid-template-columns:1fr 1.25fr 52px;margin-top:24px;max-width:590px;background:#fff;border-radius:6px;overflow:hidden;box-shadow:0 8px 25px rgba(0,0,0,.10)}
.bpi-model-search select,.bpi-model-search input{border:0;border-right:1px solid var(--bpi-border);padding:15px;font-size:13px;outline:0}
.bpi-model-search button{border:0;background:var(--bpi-lime);cursor:pointer;font-size:18px}
.bpi-btn{display:inline-block;margin-top:17px;padding:13px 22px;border-radius:5px;background:var(--bpi-lime);color:var(--bpi-dark);font-weight:800;text-decoration:none;font-size:13px}
.bpi-trust{display:flex;gap:28px;margin-top:24px;font-size:12px;font-weight:600}
.bpi-section{padding:45px 0}
.bpi-section.gray{background:var(--bpi-light)}
.bpi-section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}
.bpi-title{font-size:28px;margin:0;letter-spacing:-.6px}
.bpi-title:after{content:"";display:block;width:42px;height:4px;background:var(--bpi-lime);margin-top:8px;border-radius:4px}
.bpi-view{font-size:12px;color:var(--bpi-text);font-weight:700;text-decoration:none}
.bpi-brands{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}
.bpi-brand{height:96px;border:1px solid var(--bpi-border);border-radius:7px;display:flex;align-items:center;justify-content:center;background:#fff;font-weight:800;font-size:19px;color:#263944}
.bpi-brand:nth-child(1),.bpi-brand:nth-child(2),.bpi-brand:nth-child(5),.bpi-brand:nth-child(6){color:#d72b2b}
.bpi-vehicles{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.bpi-vehicle{background:#fff;border:1px solid var(--bpi-border);border-radius:7px;padding:14px;text-align:center}
.bpi-vehicle .vimg{height:115px;border-radius:5px;background:linear-gradient(145deg,#eef2f4,#d8e0e4);display:flex;align-items:center;justify-content:center;font-size:48px}
.bpi-vehicle strong{display:block;text-align:left;margin-top:12px;font-size:13px}
.bpi-cats{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}
.bpi-cat{border:1px solid var(--bpi-border);border-radius:7px;background:#fff;padding:17px 8px;text-align:center;transition:.2s}
.bpi-cat:hover{border-color:var(--bpi-lime);transform:translateY(-2px)}
.bpi-cat .icon{font-size:38px;margin-bottom:10px}
.bpi-cat strong{font-size:12px}
.bpi-products{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.bpi-product{border:1px solid var(--bpi-border);border-radius:7px;background:#fff;padding:10px;position:relative}
.bpi-product .badge{position:absolute;left:12px;top:12px;background:var(--bpi-lime);font-size:9px;font-weight:800;padding:5px 7px;border-radius:4px}
.bpi-product .pimg{height:180px;background:#f5f7f8;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:70px}
.bpi-product h3{font-size:14px;margin:12px 3px 5px}
.bpi-product p{font-size:11px;color:var(--bpi-muted);margin:0 3px 9px}
.bpi-price{font-size:17px;font-weight:800;margin:0 3px 4px}
.bpi-price del{font-size:11px;color:#89959b;font-weight:400;margin-left:5px}
.bpi-rating{font-size:11px;color:#d79d00;margin:0 3px 10px}
.bpi-cart{width:100%;border:0;background:var(--bpi-dark);color:#fff;padding:10px;border-radius:4px;font-weight:700;cursor:pointer}
.bpi-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.bpi-benefit{display:flex;gap:12px;align-items:flex-start}
.bpi-benefit .ico{font-size:28px}
.bpi-benefit h3{font-size:14px;margin:0 0 5px}
.bpi-benefit p{font-size:11px;color:var(--bpi-muted);line-height:1.5;margin:0}
.bpi-promo{background:var(--bpi-dark);color:#fff;border-radius:10px;padding:38px 45px;display:flex;justify-content:space-between;align-items:center;overflow:hidden}
.bpi-promo h2{font-size:34px;margin:0 0 8px}.bpi-promo h2 span{color:var(--bpi-lime)}
.bpi-promo p{color:#cbd5d9;margin:0}
.bpi-reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.bpi-review{border:1px solid var(--bpi-border);border-radius:8px;padding:22px;background:#fff}
.bpi-review p{font-size:13px;line-height:1.7;color:#52636c}
.bpi-review strong{font-size:13px}.stars{color:#e1a400}
.bpi-news{background:var(--bpi-dark2);color:#fff;padding:40px 0}
.bpi-news .bpi-wrap{display:flex;justify-content:space-between;align-items:center;gap:20px}
.bpi-news h2{margin:0 0 6px}.bpi-news p{margin:0;color:#cbd5d9;font-size:13px}
.bpi-news form{display:flex;min-width:430px}.bpi-news input{flex:1;border:0;padding:14px}.bpi-news button{border:0;background:var(--bpi-lime);font-weight:800;padding:0 20px}
.bpi-footer{background:#132630;color:#fff;padding:45px 0 20px}.bpi-footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1.2fr;gap:30px}.bpi-footer h3{font-size:14px;margin:0 0 15px}.bpi-footer a{display:block;color:#c6d0d5;text-decoration:none;font-size:12px;margin:9px 0}.bpi-footer p{font-size:12px;color:#c6d0d5;line-height:1.7}.bpi-copy{border-top:1px solid #32434b;margin-top:30px;padding-top:18px;display:flex;justify-content:space-between;font-size:10px;color:#9faeb4}
.bpi-wa{position:fixed;right:20px;bottom:20px;width:58px;height:58px;border-radius:50%;background:#25D366;color:#fff;display:flex;align-items:center;justify-content:center;font-size:27px;text-decoration:none;box-shadow:0 8px 25px rgba(0,0,0,.25);z-index:99}
@media(max-width:1024px){.bpi-headgrid{grid-template-columns:25% 50% 25%}.bpi-hero h1{font-size:44px}.bpi-brands{grid-template-columns:repeat(4,1fr)}.bpi-vehicles{grid-template-columns:repeat(3,1fr)}.bpi-cats{grid-template-columns:repeat(4,1fr)}.bpi-products{grid-template-columns:repeat(3,1fr)}.bpi-footer-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:767px){.bpi-top{display:none}.bpi-headgrid{grid-template-columns:1fr auto}.bpi-logo{font-size:22px}.bpi-head-actions{font-size:0}.bpi-head-actions:after{content:"🛒";font-size:23px}.bpi-search{grid-column:1/-1;grid-row:2}.bpi-nav{display:none}.bpi-hero{min-height:650px}.bpi-hero .bpi-wrap{min-height:650px;align-items:flex-start}.bpi-hero-copy{width:100%;padding:55px 0}.bpi-hero h1{font-size:38px}.bpi-bike-art{width:100%;height:38%;right:0;bottom:0}.bpi-bike-art .bike-box{height:80%}.bpi-bike-art .bike-box:before{font-size:48px}.bpi-model-search{grid-template-columns:1fr;gap:0}.bpi-model-search select,.bpi-model-search input{border-right:0;border-bottom:1px solid var(--bpi-border)}.bpi-model-search button{height:46px}.bpi-trust{gap:12px;flex-wrap:wrap}.bpi-section{padding:32px 0}.bpi-section-head{align-items:flex-start}.bpi-title{font-size:23px}.bpi-brands{grid-template-columns:repeat(2,1fr)}.bpi-vehicles{grid-template-columns:repeat(2,1fr)}.bpi-cats{grid-template-columns:repeat(2,1fr)}.bpi-products{grid-template-columns:repeat(2,1fr)}.bpi-product .pimg{height:130px;font-size:48px}.bpi-benefits{grid-template-columns:1fr 1fr}.bpi-promo{padding:28px 24px}.bpi-promo h2{font-size:25px}.bpi-reviews{grid-template-columns:1fr}.bpi-news .bpi-wrap{display:block}.bpi-news form{min-width:0;margin-top:20px}.bpi-footer-grid{grid-template-columns:1fr 1fr}.bpi-copy{display:block;line-height:1.8}}