/* Global responsive helpers */
html,body{height:100%;}
img,video,iframe{max-width:100%;height:auto;display:block}
.container{padding-left:5%;padding-right:5%;}

/* Navigation mobile toggle */
.nav-toggle{display:none;background:transparent;border:none;color:white;font-size:1.6rem;cursor:pointer}

/* Default layout adjustments for smaller screens */
@media (max-width:1024px){
  .hero-container, .product-detail, .hero-stats, .features-grid, .products-grid{grid-template-columns:1fr !important;}
  header h1{font-size:3rem !important}
  .nav-links{gap:1rem}
}

@media (max-width:768px){
  .nav-toggle{display:block}
  .nav-links{display:none;position:absolute;top:70px;right:5%;background:rgba(26,26,26,0.98);padding:1rem;border-radius:10px;flex-direction:column;min-width:200px}
  .nav-links a{padding:0.6rem 1rem}
  body.nav-open .nav-links{display:flex}
  header{height:auto;padding:4rem 0}
  header h1{font-size:2rem !important}
  .hero-container{padding:1rem}
  .product-image{height:auto}
}

/* Small phones */
@media (max-width:420px){
  .nav-container{padding:0 3%}
  .nav-brand{font-size:1.2rem}
  .hero-badge{font-size:0.8rem}
  .hero-buttons{flex-direction:column}
  .hero-buttons .hero-btn{width:100%}
}

/* Utility */
.hide-mobile{display:inline-block}
@media (max-width:768px){.hide-mobile{display:none}}