/* OXBikers Web V2 — Lot 1: Hero homepage */
.ox-hero {
  position: relative;
  min-height: 78vh;
  display: flex;
  align-items: center;
  background-position: center;
  background-size: cover;
  color: #fff;
  overflow: hidden;
}
.ox-hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(8, 10, 12, .86) 0%, rgba(8, 10, 12, .58) 48%, rgba(8, 10, 12, .22) 100%);
}
.ox-hero-container { position: relative; z-index: 2; width: 100%; }
.ox-hero-content { max-width: 760px; padding: 120px 0 110px; }
.ox-hero-eyebrow {
  margin: 0 0 18px;
  font-weight: 800;
  letter-spacing: .12em;
  font-size: .82rem;
  text-transform: uppercase;
}
.ox-hero h1 {
  color: #fff;
  font-size: clamp(2.5rem, 6vw, 5.25rem);
  line-height: 1.02;
  margin-bottom: 22px;
  text-transform: none;
}
.ox-hero-subtitle {
  max-width: 680px;
  font-size: clamp(1.05rem, 1.8vw, 1.35rem);
  line-height: 1.65;
  margin-bottom: 32px;
  color: rgba(255,255,255,.94);
}
.ox-hero-actions { display: flex; gap: 14px; flex-wrap: wrap; align-items: center; }
.ox-hero-primary { margin: 0; border-radius: 6px !important; }
.ox-hero-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 13px 28px;
  border: 2px solid rgba(255,255,255,.92);
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  transition: .2s ease;
}
.ox-hero-secondary:hover { background: #fff; color: #111; }
.ox-hero-trust {
  margin: 24px 0 0;
  font-size: .96rem;
  line-height: 1.5;
  color: rgba(255,255,255,.9);
}
.ox-hero-trust i { margin-right: 8px; }
@media (max-width: 767px) {
  .ox-hero { min-height: 72vh; background-position: 62% center; }
  .ox-hero-overlay { background: rgba(8,10,12,.68); }
  .ox-hero-content { padding: 94px 0 70px; text-align: center; }
  .ox-hero-actions { justify-content: center; }
  .ox-hero-actions a { width: 100%; max-width: 330px; }
  .ox-hero-trust { font-size: .88rem; }
}


/* OXBikers Web V2 — Lot 2: Why choose OXBikers */
.ox-why {
  padding: 88px 0 82px;
  background: #f7f7f5;
}
.ox-section-heading {
  max-width: 820px;
  margin: 0 auto 44px;
}
.ox-section-eyebrow {
  margin: 0 0 10px;
  font-size: .82rem;
  font-weight: 800;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.ox-section-heading h2 {
  margin-bottom: 16px;
  font-size: clamp(2rem, 4vw, 3.25rem);
  line-height: 1.12;
  text-transform: none;
}
.ox-section-heading > p:last-child {
  margin: 0;
  font-size: 1.08rem;
  line-height: 1.7;
  color: #5f6368;
}
.ox-why-grid > div {
  display: flex;
  margin-bottom: 24px;
}
.ox-benefit-card {
  width: 100%;
  padding: 30px 28px;
  background: #fff;
  border: 1px solid rgba(17,17,17,.08);
  border-radius: 6px;
  box-shadow: 0 12px 34px rgba(17,17,17,.06);
  transition: transform .2s ease, box-shadow .2s ease;
}
.ox-benefit-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 42px rgba(17,17,17,.10);
}
.ox-benefit-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  margin-bottom: 20px;
  border-radius: 50%;
  background: #111;
  color: #fff;
  font-size: 1.25rem;
}
.ox-benefit-card h3 {
  margin: 0 0 12px;
  font-size: 1.28rem;
  line-height: 1.3;
  text-transform: none;
}
.ox-benefit-card p {
  margin: 0;
  color: #666;
  line-height: 1.65;
}
.ox-why-actions { margin-top: 18px; }
@media (max-width: 767px) {
  .ox-why { padding: 64px 0 58px; }
  .ox-section-heading { margin-bottom: 32px; }
  .ox-benefit-card { padding: 26px 22px; }
}

/* OXBikers UI & Logic V9 */
.ox-hero-v3{min-height:760px;padding:70px 0}.ox-hero-v3 .ox-hero-content{padding:80px 0}.ox-quick-request{background:#fff;border-radius:18px;padding:30px;box-shadow:0 24px 70px rgba(0,0,0,.25);color:#202124}.ox-quick-request h2{font-size:2rem;text-transform:none;margin:4px 0 10px}.ox-quick-request p{color:#646970;line-height:1.6}.ox-card-kicker,.ox-bike-category{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;font-weight:800}.ox-quick-request label{display:block;font-size:.82rem;font-weight:700;margin:13px 0 0}.ox-quick-request input,.ox-quick-request select{width:100%;height:48px;margin-top:6px;border:1px solid #d9dde2;border-radius:8px;padding:0 12px;background:#fff}.ox-request-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ox-request-submit{width:100%;margin-top:18px;border:0}.ox-process-strip{padding:44px 0;background:#111;color:#fff}.ox-process-strip h2{text-align:center;color:#fff;font-size:1.8rem;text-transform:none;margin-bottom:26px}.ox-process-step{display:flex;align-items:center;gap:15px;padding:14px 0}.ox-process-step span{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:#e87522;font-weight:800}.ox-process-step strong{font-size:1rem}.ox-fleet-section,.ox-tour-section{padding:88px 0}.ox-tour-section{background:#f6f7f8}.ox-bike-card{height:calc(100% - 26px);margin-bottom:26px;background:#fff;border:1px solid #e7e9ec;border-radius:14px;overflow:hidden;box-shadow:0 10px 30px rgba(20,25,30,.07);transition:.2s}.ox-bike-card:hover{transform:translateY(-4px);box-shadow:0 18px 44px rgba(20,25,30,.12)}.ox-bike-image{display:block;aspect-ratio:4/3;background:#f2f3f4}.ox-bike-image img{width:100%;height:100%;object-fit:cover}.ox-bike-body{padding:22px}.ox-bike-topline{display:flex;justify-content:space-between;gap:10px;align-items:center;color:#73777d}.ox-bike-topline strong{color:#e87522;font-size:.88rem}.ox-bike-body h3{font-size:1.3rem;text-transform:none;margin:12px 0}.ox-bike-body p{min-height:72px;color:#686d73;line-height:1.55}.ox-bike-actions{display:flex;flex-direction:column;gap:10px}.ox-bike-actions .button-primary{margin:0;text-align:center;padding:12px 14px}.ox-link-button{text-align:center;padding:10px 14px;border:1px solid #d8dce0;font-weight:700;color:#202124}.ox-section-cta{margin-top:22px}.ox-tour-card{height:calc(100% - 24px);margin-bottom:24px;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 10px 30px rgba(20,25,30,.07)}.ox-tour-card img{width:100%;height:230px;object-fit:cover}.ox-tour-card>div{padding:20px}.ox-tour-card span{font-size:.78rem;text-transform:uppercase;font-weight:800;color:#e87522}.ox-tour-card h3{font-size:1.22rem;text-transform:none;margin:8px 0 0}.main-navigation .button-primary{padding:10px 16px!important}
@media(max-width:991px){.ox-hero-v3{padding:30px 0 70px}.ox-hero-v3 .ox-hero-content{text-align:center;padding:70px 0 38px}.ox-hero-v3 .ox-hero-actions{justify-content:center}.ox-quick-request{max-width:620px;margin:auto}.ox-process-step{justify-content:center}}
@media(max-width:575px){.ox-request-grid{grid-template-columns:1fr}.ox-quick-request{padding:22px}.ox-fleet-section,.ox-tour-section{padding:62px 0}.ox-bike-body p{min-height:0}}

/* Popular motorcycles V12 */
.ox-popular-v12 { padding: 92px 0; background: #f6f7f9; }
.ox-popular-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:32px; text-align:left; margin-bottom:34px; }
.ox-popular-heading > div { max-width:720px; }
.ox-view-all-link { display:inline-flex; align-items:center; gap:10px; font-weight:700; color:#181818; white-space:nowrap; }
.ox-view-all-link:hover { color:#d85b19; }
.ox-popular-grid { row-gap:28px; }
.ox-popular-card { height:100%; display:flex; flex-direction:column; overflow:hidden; border:1px solid #e5e7eb; border-radius:18px; background:#fff; box-shadow:0 10px 30px rgba(15,23,42,.06); transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.ox-popular-card:hover { transform:translateY(-5px); box-shadow:0 20px 42px rgba(15,23,42,.12); border-color:#d9dde3; }
.ox-popular-image-wrap { position:relative; background:linear-gradient(180deg,#f7f7f7,#eceff2); min-height:220px; overflow:hidden; }
.ox-popular-image-wrap .ox-bike-image { display:flex; align-items:center; justify-content:center; height:240px; padding:18px; }
.ox-popular-image-wrap img { width:100%; height:100%; object-fit:contain; transition:transform .35s ease; }
.ox-popular-card:hover .ox-popular-image-wrap img { transform:scale(1.035); }
.ox-popular-badge { position:absolute; top:16px; left:16px; z-index:2; padding:7px 11px; border-radius:999px; color:#fff; font-size:11px; line-height:1; font-weight:800; letter-spacing:.06em; text-transform:uppercase; box-shadow:0 4px 12px rgba(0,0,0,.12); }
.ox-popular-badge-road { background:#263238; }
.ox-popular-badge-mixed { background:#b94e16; }
.ox-popular-badge-offroad { background:#556b2f; }
.ox-popular-card .ox-bike-body { flex:1; display:flex; flex-direction:column; padding:22px; }
.ox-popular-card .ox-bike-topline { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; margin-bottom:10px; }
.ox-popular-card .ox-bike-category { color:#7a7f87; font-size:12px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; }
.ox-popular-price { display:flex; align-items:baseline; gap:4px; color:#111827; white-space:nowrap; }
.ox-popular-price small { color:#7a7f87; font-size:10px; text-transform:uppercase; }
.ox-popular-price strong { font-size:22px; line-height:1; }
.ox-popular-price span { color:#7a7f87; font-size:12px; }
.ox-popular-card h3 { margin:0 0 10px; font-size:22px; line-height:1.25; }
.ox-popular-card h3 a { color:#111827; }
.ox-popular-card h3 a:hover { color:#d85b19; }
.ox-popular-card p { color:#626873; line-height:1.6; margin:0 0 20px; }
.ox-popular-actions { margin-top:auto; display:grid; grid-template-columns:1fr 1.25fr; gap:10px; align-items:stretch; }
.ox-popular-actions .ox-link-button,
.ox-popular-actions .button-primary { min-height:46px; display:flex; align-items:center; justify-content:center; border-radius:6px; text-align:center; font-weight:700; }
.ox-popular-actions .ox-link-button { border:1px solid #d9dde3; color:#1f2937; background:#fff; }
.ox-popular-actions .ox-link-button:hover { border-color:#d85b19; color:#d85b19; }
.ox-popular-actions .button-primary { gap:8px; width:100%; cursor:pointer; border-radius:6px !important; }
.ox-popular-actions .btn-wrap { width:100%; }
@media (max-width: 991px) { .ox-popular-heading { align-items:flex-start; flex-direction:column; gap:14px; } }
@media (max-width: 575px) { .ox-popular-v12 { padding:64px 0; } .ox-popular-actions { grid-template-columns:1fr; } .ox-popular-image-wrap .ox-bike-image { height:220px; } }


/* Popular motorcycles V12.1 — 3 cards per row */
@media (min-width: 992px) {
  .ox-popular-grid > [class*="col-"] {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
}
@media (min-width: 576px) and (max-width: 991px) {
  .ox-popular-grid > [class*="col-"] {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 575px) {
  .ox-popular-grid > [class*="col-"] {
    flex: 0 0 100%;
    max-width: 100%;
  }
}