/* ===== Hero-single 基本尺寸與排版===== */
/* 單張 hero 的容器 */
.hero-single {
  position: relative;
  min-height: 50vh;
  height: 65vh;
  overflow: visible; /* 和原本一致，避免覆蓋下拉 */
}

/* 暗層（沿用 carousel 的 before 寫法） */
.hero-single::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.15));
  pointer-events: none;
}
.hero-single .container {
  position: relative;
  z-index: 1;
}

/* 單張 hero：手機版左右內縮 */
@media (max-width: 576px) {
  .hero-single .container {
    /* 20~24px 左右內距，並兼容 iOS 安全區 */
    padding-left: max(24px, env(safe-area-inset-left));
    padding-right: max(24px, env(safe-area-inset-right));
  }

  /* 可選：限制行寬，視覺更舒服（不想要就刪掉） */
  .hero-single h1 {
    max-width: 22ch;
  }
  .hero-single .lead {
    max-width: 34ch;
  }

  /* 讓 hero-single 在手機和輪播一致 */
  .hero-single {
    min-height: 32dvh;
    height: 42dvh;
  }
}