/* ========== hero 區 ========== */
/* 手機版圖片 (預設) */
.hero-1 {
  background: url("../images/contact-us/contact-us@1x.jpg") center/cover
    no-repeat;
}

/* 平板版 (≥768px)：中型圖 */
@media (min-width: 768px) {
  .hero-1 {
    background: url("../images/contact-us/contact-us@tablet.jpg") center/cover
      no-repeat;
  }
}

/* 桌機版 (≥1200px)：更大、更清晰圖片 */
@media (min-width: 1024px) {
  .hero-1 {
    background: url("../images/contact-us/contact-us@desktop.jpg") center/cover
      no-repeat;
  }
}

/* ========== 聯絡我們（Contact Section） ========== */

.cu-contact-section {
  padding: clamp(48px, 8vw, 96px) 16px;
}

/* 標題 */
.cu-contact-title {
  text-align: center;
  font-size: clamp(24px, 6vw, 36px);
  font-weight: 700;
  margin-bottom: clamp(24px, 4vw, 40px);
}

/* 內文外層寬度優化 —— 讓桌機版看起來更大器 */
.cu-contact-body {
  max-width: min(900px, 90%); /* 手機不壓縮、平板桌機更寬敞 */
  margin: 0 auto;
  font-size: clamp(16px, 2vw, 18px);
  line-height: 1.85;
  color: #222;
}

/* 每段文字間距 */
.cu-contact-body p + p {
  margin-top: clamp(16px, 2vw, 24px);
}

/* 桌機版：再加寬且提升排版氣勢 */
@media (min-width: 1024px) {
  .cu-contact-body {
    max-width: 1000px;
    font-size: 19px;
    line-height: 1.9;
  }
}

/* ========== 聯絡資訊區 ========== */

.cu-contact-info {
  padding-top: clamp(12px, 2vw, 24px);
  padding-bottom: clamp(40px, 6vw, 56px);
}

.cu-contact-info__inner {
  max-width: 1100px; /* 🔥 桌機平板加寬，大器 */
  margin: 0 auto;
  text-align: center;
}

/* --------- Email 區域 --------- */
.cu-contact-info__email-icon i {
  font-size: clamp(36px, 5vw, 48px);
  color: #3e3b7a;
  margin-bottom: 12px;
}

.cu-contact-info__email-text {
  font-size: clamp(16px, 2vw, 20px);
  margin-bottom: clamp(24px, 4vw, 40px);
}

.cu-contact-info__email-text a {
  color: #000;
  font-weight: 600;
}

/* --------- 分店資訊 --------- */
.cu-contact-info__branches {
  display: grid;
  gap: 40px;
  margin-top: 24px;
}

/* 平板：2 欄 */
@media (min-width: 768px) {
  .cu-contact-info__branches {
    grid-template-columns: repeat(2, 1fr);
    gap: 48px 32px;
  }
}

/* 桌機：3 欄（最大器版本） */
@media (min-width: 1200px) {
  .cu-contact-info__branches {
    grid-template-columns: repeat(3, 1fr);
    gap: 56px 40px;
  }
}

.cu-contact-info__branch-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 12px;
}

.cu-contact-info__loc-icon {
  font-size: clamp(32px, 4vw, 48px);
  color: #3e3b7a;
  margin-bottom: 6px;
}

.cu-contact-info__branch-name {
  font-size: clamp(20px, 3vw, 26px);
  font-weight: 700;
  text-align: center;
  margin-bottom: 12px;
}

.cu-contact-info__line {
  font-size: clamp(15px, 2vw, 18px);
  line-height: 1.75;
}

.cu-contact-info__divider {
  width: 80%;
  height: 1.5px;
  background: #ddd;
  margin: 20px auto 0;
}

/* --------- QR Code 區 --------- */
.cu-contact-info__qr {
  margin-top: clamp(40px, 6vw, 64px);
}

.cu-contact-info__qr-imgwrap {
  max-width: 260px; /* 🔥 桌機版更大 */
  margin: 0 auto 16px;
}

.cu-contact-info__qr-imgwrap img {
  width: 100%;
  height: auto;
  display: block;
}

.cu-contact-info__qr-text {
  font-size: clamp(18px, 3vw, 22px);
  font-weight: 600;
  color: #333;
  text-align: center;
  margin-top: 12px;
}

/* ========== survey-cake區 ========== */
.cu-survey {
  padding: 48px 16px 64px;
}

.cu-survey__title {
  text-align: center;
  font-size: clamp(20px, 5vw, 28px);
  font-weight: 700;
  margin-bottom: 24px;
}

.cu-survey__frame-wrap {
  max-width: 1000px;
  margin: 0 auto;
}

/* 固定一個足夠大的高度 */
.cu-survey__iframe {
  width: 100%;
  height: 1200px;
  border: 0;
}

@media (min-width: 768px) {
  .cu-survey__iframe {
    height: 1400px;
  }
}