/* Responsive Design */
@media (max-width:992px){
  .hero-section{flex-direction:column;text-align:center;padding:3em 1.5em;}
  .hero-bg img{margin-top:2em;width:80%;max-width:360px;}
  nav a{margin:0 .7em;}
}
@media (max-width:600px){
  .glass-header{flex-direction:column;align-items:flex-start;}
  .hero-content h1{font-size:1.9em;}
  .btn-primary,.btn-outline{display:block;width:100%;margin:.5em 0;}
  .category-card{padding:1.5em;}
}