/* ==========================================================================
   HI POWER SPORTS — RESPONSIVE STYLESHEET
   ========================================================================== */

/* ===== Large screens / Laptops ===== */
@media (max-width:1199.98px){
  .hero-title{font-size:3rem;}
  .section-title{font-size:2.2rem;}
  .masonry-grid{column-count:2;}
}

/* ===== Tablets ===== */
@media (max-width:991.98px){
  .navbar-toggler{display:flex;}
  .navbar-collapse{
    position:fixed; top:0; right:0; width:280px; height:100vh; background:var(--black);
    padding:70px 30px 30px; transform:translateX(100%); transition:transform .4s ease;
    border-left:1px solid rgba(212,175,55,.2); z-index:999;
  }
  .navbar-collapse.show{transform:translateX(0);}
  .navbar-nav{align-items:flex-start !important;}
  .nav-link{margin:10px 0 !important;}
  .btn-quote{margin-top:20px;}

  .hero-title{font-size:2.5rem;}
  .hero-sub{font-size:1rem;}
  .about-badge{right:10px;}

  .product-card{flex-direction:column; height:auto;}
  .product-img{flex:0 0 240px;}
  .product-info{padding:26px 24px;}

  /* FAQ image above accordion on mobile/tablet */
  .faq-section .row{flex-direction:column-reverse;}

  .process-timeline{flex-direction:column; align-items:flex-start;}
  .process-line{display:none;}
  .process-step{display:flex; align-items:center; gap:16px; text-align:left; width:100%;}
  .process-icon{margin:0; flex-shrink:0; width:60px; height:60px;}
  .process-icon i{font-size:22px;}

  .section-padding{padding:70px 0;}
}

/* ===== Small Tablets / Large Phones ===== */
@media (max-width:767.98px){
  .hero-title{font-size:2rem;}
  .section-title{font-size:1.8rem;}
  .masonry-grid{column-count:1;}
  .masonry-item.tall img, .masonry-item:not(.tall) img{height:260px;}

  .about-img{height:320px;}
  .contact-form{padding:26px;}
  .footer-bottom{flex-direction:column; text-align:center;}
  .hero-content{padding-top:90px;}
  .products-next, .products-prev{display:none;}
  .slide-1 .hero-bg { background-image: url('../images/hero/mobile1.png'); }
  .slide-2 .hero-bg { background-image: url('../images/hero/mobile2.png'); }
}

/* ===== Mobile ===== */
@media (max-width:575.98px){
  .hero-eyebrow{font-size:11px;}
  .hero-title{font-size:1.7rem;}
  .hero-sub{font-size:.92rem;}
  .btn-premium, .btn-outline-premium{padding:12px 22px; font-size:12px;}
  .section-title{font-size:1.5rem;}
  .about-badge{padding:16px 18px;}
  .badge-num{font-size:1.5rem;}
  .counter-box h3{font-size:1.9rem;}
  .contact-info-card, .contact-form{padding:24px 18px;}
  .why-card, .vmc-card{padding:28px 20px;}
  #backToTop{width:44px; height:44px; bottom:20px; right:20px;}
  .process-icon{width:50px; height:50px;}
  .process-icon i{font-size:18px;}
}

/* ===== Reduced Motion ===== */
@media (prefers-reduced-motion: reduce){
  *{animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important;}
}