/* ============================================================================
   Japan Bike Hub — responsive.css
   Breakpoints: ultra-wide, desktop, laptop, tablet, mobile, small mobile
   ============================================================================ */
@media (min-width:1800px){
  :root{ --container:1560px; }
  .hero__title{ font-size:7.6rem; }
}
@media (max-width:1180px){
  .tech__grid,.contact-grid{ grid-template-columns:1fr; }
  .grid-cats{ grid-template-columns:repeat(2,1fr); }
  .hero__inner{ grid-template-columns:1fr; }
  .hero__card{ justify-self:start; max-width:460px; }
}
@media (max-width:980px){
  .nav__menu,.nav__cta{ display:none; }
  .nav__burger{ display:flex; }
  .nav__menu.is-open{ display:flex; position:fixed; inset:78px 0 auto; flex-direction:column; gap:0; padding:1rem 1.2rem 1.6rem; background:rgba(9,10,13,.96); backdrop-filter:blur(18px); border-bottom:1px solid var(--line); }
  .nav__menu.is-open .nav__link{ padding:1rem 0; border-bottom:1px solid var(--line); font-size:1.1rem; }
  .grid-bikes,.grid-feats,.grid-news,.grid-3,.values,.info-cards,.stats__grid{ grid-template-columns:repeat(2,1fr); }
  .section{ padding-block:var(--sp-6); }
  .footer__grid{ grid-template-columns:1fr 1fr; }
}
@media (max-width:640px){
  .grid-bikes,.grid-cats,.grid-feats,.grid-news,.grid-3,.grid-2,.values,.info-cards,.stats__grid,.form__row{ grid-template-columns:1fr; }
  .hero__spec{ flex-wrap:wrap; gap:1.4rem; }
  .footer__grid{ grid-template-columns:1fr; }
  .sec-head{ flex-direction:column; align-items:flex-start; }
  .srow{ grid-template-columns:auto 1fr; }
  .srow__arrow{ display:none; }
  .footer__bottom{ flex-direction:column; }
}
@media (max-width:380px){
  .hero__title{ font-size:2.5rem; }
  .container,.container--wide{ width:calc(100% - 1.6rem); }
}