* {
  box-sizing: border-box;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}
/* =========================
   모바일 전용 수정
========================= */
@media (max-width: 768px) {

  html,
  body {
    overflow-x: hidden;
  }

  .hero-inner {
    display: flex;
    flex-direction: column;
  }

  .hero-image-wrap,
  .hero-content {
    width: 100%;
  }

  .hero-main-image,
  .hero-right-image,
  .product-image-area img,
  .use-cases img {
    width: 100%;
    height: auto;
    display: block;
  }

  .products-grid {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 0 14px;
  }

  .product-card {
    width: 100%;
    max-width: 100%;
  }

  .header-badges {
    display: none;
  }

}