@media (max-width: 1024px) {
  .ai-tool-hero {
    grid-template-columns: 1fr;
  }

  .ai-tool-logo-wrap {
    justify-content: flex-start;
  }
}

@media (max-width: 768px) {
  .ai-tool-single {
    margin-top: 24px;
    gap: 18px;
  }

  .ai-tool-hero,
  .ai-tool-section {
    padding: 20px;
    border-radius: var(--tuai-radius-md);
  }

  .ai-tool-gallery {
    grid-template-columns: 1fr;
  }
}