/* =====Hero區===== */

/* mobile圖片 */
.hero-1 {
  background: url("../images/erp-system/online-ordering-system/hero/online-ordering-system-hero@1x.jpg")
    center/cover no-repeat;
}

/* tablet圖片 */
@media (min-width: 768px) {
  .hero-1 {
    background: url("../images/erp-system/online-ordering-system/hero/online-ordering-system-hero@tablet.jpg")
      center center / cover no-repeat;
  }
}

/* desktop圖片 */
@media (min-width: 1024px) {
  .hero-1 {
    background: url("../images/erp-system/online-ordering-system/hero/online-ordering-system-hero@desktop.jpg")
      center center / cover no-repeat;
  }
}

/* ===== Flow section（大標 + 兩圖）===== */
.pm-flow .pm-heading-main {
  margin-bottom: clamp(18px, 5vw, 32px);
}

.pm-flow__grid {
  display: grid;
  grid-template-columns: 1fr; /* 一律單欄直排 */
  gap: clamp(12px, 3.6vw, 20px);
}

.pm-flow__item {
  margin: 0;
  background: #fff;
  padding: clamp(8px, 2.2vw, 12px);
  margin: clamp(12px, 4vw, 24px) 0; /* 上下間距會隨螢幕放大縮小 */
}

/* 圖片等比縮放、不裁切 */
.pm-flow__item picture,
.pm-flow__item img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto !important;
  object-fit: contain !important;
  border-radius: 8px;
}

.pm-flow__item:first-of-type {
  margin-top: clamp(20px, 5vw, 32px);
}