@media(max-width:1100px){
  .hero__grid,.featured-grid,.category-grid,.catalog-grid,.tools-grid,.cta-box{grid-template-columns:1fr;}
  .cta-box{display:grid;}
}
@media(max-width:768px){
  .header-row{flex-direction:column;align-items:flex-start;padding:14px 0;}
  .main-nav{flex-wrap:wrap;gap:12px;}
  .hero__content h1,.page-hero h1,.tool-hero h1{font-size:38px;}
  .hero__search{flex-direction:column;}
  .hero__search input,.hero__search button{width:100%;}
  .section-head{flex-direction:column;align-items:flex-start;}
}