/* ============================================
   節慶禮盒包裝 holiday-gift-packaging.css（瑋崧企業社）
   由 Locofy 電腦版匯出「轉寫」而非重新設計：色彩／間距／圓角／字級／
   行高皆沿用 Locofy 原值；僅將絕對定位版面重構為正常流 + RWD。

   命名規範（使用者要求）：
   - 以 H2 為界，每區塊各自一份獨立 CSS，區塊間不共用任何 class
     （灰膠囊也各區分開：hgp-eggyolk__chip / hgp-midautumn__chip / hgp-print__chip）。
   - 每區塊上下 padding 各寫各的、不共用同一條規則。
   - 唯一例外＝跨頁共用組件：page-hero / page-tab / page-sec-lead / pill-btn。

   敘述條（__bar）：票根標籤（page-tab 236×51）壓米色說明 bar（page-sec-lead 800×105）
   上緣置中、重疊 8px（page-tab 預設 margin-bottom:-8）。
   BEM 前綴：.hgp-
   ============================================ */

/* ====================================================================
   區塊 1：月餅盒（hgp-mooncake）
   左示意圖 479×450 + 棕標頭塊（#cc9a55/#ab7a44）+ 橘字描邊框。
   上下 padding：首區接 hero，上方較大。
   ==================================================================== */
.hgp-mooncake {
  padding-top: clamp(48px, 6vw, 84px);
  padding-bottom: clamp(40px, 5vw, 66px);
}
.hgp-mooncake__bar {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: clamp(32px, 4vw, 56px);
}
.hgp-mooncake__body {
  display: flex;
  align-items: stretch; /* 左圖與右側容器同高 */
  justify-content: center;
  gap: 48px;
  max-width: 1238px;
  margin-inline: auto;
}
.hgp-mooncake__photo {
  flex-shrink: 0;
  width: 479px;
  height: auto; /* 高度隨右側規格容器伸展（與右側同高） */
  object-fit: contain;
}
.hgp-mooncake__rows {
  display: flex;
  flex-direction: column;
  gap: 33px;
}
.hgp-mooncake__row {
  display: flex;
  align-items: stretch;
  flex: 1;
}
.hgp-mooncake__key {
  flex-shrink: 0;
  border-radius: 4px;
  background-color: #cc9a55;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 12px;
  box-sizing: border-box;
  font-size: 20px;
  color: #fff;
}
.hgp-mooncake__key--lg {
  width: 305px;
}
.hgp-mooncake__key--md {
  width: 305px;
  background-color: #ab7a44;
}
.hgp-mooncake__key--sm {
  width: 161px;
  padding: 12px 8px;
}
.hgp-mooncake__key--alt {
  background-color: #ab7a44;
}
.hgp-mooncake__val {
  flex: 1;
  list-style: none;
  margin: 0;
  padding: 11px 28px;
  border: 1px solid #cc9a55;
  border-radius: 4px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
  font-size: 16px;
  line-height: 20px;
  color: #000;
}
.hgp-mooncake__key--md + .hgp-mooncake__val {
  border-color: #ab7a44;
}
.hgp-mooncake__val b {
  font-weight: 400;
  color: #ee6e00;
}
.hgp-mooncake__note {
  color: #000;
}
.hgp-mooncake__row--pair {
  gap: 24px;
}
.hgp-mooncake__pair {
  display: flex;
  align-items: stretch;
}
.hgp-mooncake__val--sm {
  padding: 16px 18px;
}
.hgp-mooncake__key--alt + .hgp-mooncake__val--sm {
  border-color: #ab7a44;
}
/* 客製方式內層 wrapper：桌機穿透（li 直接參與 val 的 flex，桌機版面不變）。
   手機版於 ≤640 改為實體容器並承載框線（見 ≤640）。 */
.hgp-mooncake__val-inner {
  display: contents;
}

/* ====================================================================
   區塊 2：蛋黃酥盒（hgp-eggyolk）
   4 張白卡（圓角 8 + drop-shadow）：上方灰色產品圖佔位（原稿空 src）+ 文字內容。
   橘標題 #aa560e／灰膠囊 #d9d9d9。上下 padding 各自取值。
   ==================================================================== */
.hgp-eggyolk {
  padding-top: clamp(36px, 4.5vw, 64px);
  padding-bottom: clamp(40px, 5vw, 66px);
}
.hgp-eggyolk__bar {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: clamp(32px, 4vw, 56px);
}
.hgp-eggyolk__cards {
  display: grid;
  grid-template-columns: 292fr 354fr 292fr 272fr;
  gap: 24px;
  max-width: 1234px;
  margin-inline: auto;
  align-items: stretch;
}
/* 票根造型白卡：Union SVG 當背景（右側半圓缺口造型），不用白底色。
   padding 右側留多一點容納缺口；投影改在 SVG 形狀上（filter）。 */
.hgp-eggyolk__card {
  filter: drop-shadow(0 4px 25.2px rgba(0, 0, 0, 0.25));
  background: center / 100% 100% no-repeat;
  padding: 30px 44px 30px 30px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
/* 卡4 純圓角卡（無缺口）：左右 padding 對稱 */
.hgp-eggyolk__card--plain {
  padding-right: 30px;
}
.hgp-eggyolk__title {
  margin: 0;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  color: #aa560e;
}
.hgp-eggyolk__rows {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.hgp-eggyolk__row {
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: 16px;
  line-height: 20px;
  color: #000;
}
.hgp-eggyolk__row dd {
  margin: 0;
}
/* 灰膠囊（本區專屬，不與他區共用） */
.hgp-eggyolk__chip {
  flex-shrink: 0;
  min-height: 28px;
  min-width: 58px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 13px;
  box-sizing: border-box;
  background-color: #d9d9d9;
  font-size: 16px;
  line-height: 20px;
  color: #000;
  white-space: nowrap;
}
.hgp-eggyolk__chip--wide {
  white-space: normal;
}
.hgp-eggyolk__note {
  margin: 0;
  font-size: 16px;
  line-height: 20px;
  color: #000;
}
.hgp-eggyolk__list {
  list-style: disc;
  margin: 0;
  padding-left: 40px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  font-size: 16px;
  line-height: 20px;
  color: #000;
}

/* ====================================================================
   區塊 3：母親節禮盒（hgp-mothersday）
   米色滿版底 #f4eddd 80%；4 卡：圓形棕章 radius 74（#aa560e/#ab7a44 交替）
   壓白卡（radius 12）上緣；尺寸卡棕膠囊 #5a3b1f。
   上下 padding：米色滿版底，上下留白較大。
   ==================================================================== */
/* 整區背景圖：白色禮盒＋康乃馨淡雅大圖（滿版 cover），不調透明度。 */
.hgp-mothersday {
  position: relative;
  padding-top: clamp(56px, 7vw, 84px);
  padding-bottom: clamp(56px, 7vw, 104px);
  background-image: url("../../images/holiday-gift-packaging/mothersday-section-bg.webp");
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
}
.hgp-mothersday__bar {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: clamp(32px, 4vw, 56px);
}
/* 說明 bar 加陰影（僅說明，標題不加）：filter drop-shadow 貼合形狀 */
.hgp-mothersday__bar .page-sec-lead {
  filter: drop-shadow(4px 4px 10px rgba(0, 0, 0, 0.25));
}
/* 母親節說明 bar 改白底（融入白色禮盒背景圖），僅限本區、不影響其他區的 page-sec-lead */
.hgp-mothersday__bar .page-sec-lead {
  background-color: #fff;
}
.hgp-mothersday__cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 41px;
  max-width: 1205px;
  margin-inline: auto;
  align-items: stretch; /* 4 卡等高 */
  filter: drop-shadow(0px 4px 17.6px rgba(0, 0, 0, 0.25));
}
.hgp-mothersday__card {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.hgp-mothersday__badge {
  position: relative;
  z-index: 1;
  width: 148px;
  height: 148px;
  border-radius: 74px;
  background-color: #aa560e;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 24px 24px 45px 24px;
  box-sizing: border-box;
  font-size: 20px;
  font-weight: 500;
  color: #fff;
}
.hgp-mothersday__badge--alt {
  background-color: #ab7a44;
}
/* 手機專屬換行 <br class="hgp-br-m">：桌機隱藏（不換行），僅 ≤640 顯示 */
.hgp-br-m {
  display: none;
}
.hgp-mothersday__panel {
  flex: 1; /* 撐到卡片同高（等高） */
  width: 100%;
  z-index: 1;
  margin-top: -44px;
  padding: 27px 24.5px; /* 上方留白容納壓上來的圓章 */
  box-sizing: border-box;
  border-radius: 12px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; /* 內容垂直置中 */
}
/* 適用產業＆用途卡：內容靠左、垂直置中 */
.hgp-mothersday__panel--left {
  align-items: center;
}
.hgp-mothersday__rows {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
  font-size: 16px;
  color: #000;
}
.hgp-mothersday__rows li {
  display: flex;
  align-items: center;
  gap: 12px;
}
/* 棕膠囊（本區專屬） */
.hgp-mothersday__chip {
  flex-shrink: 0;
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px 10px;
  box-sizing: border-box;
  background-color: #5a3b1f;
  color: #fff;
  white-space: nowrap;
}
.hgp-mothersday__note {
  color: #000;
}
.hgp-mothersday__plain {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
  text-align: center;
  font-size: 16px;
  line-height: 20px;
  color: #000;
}
/* 適用卡：清單靠左 */
.hgp-mothersday__panel--left .hgp-mothersday__plain {
  align-items: flex-start;
  text-align: left;
}

/* ====================================================================
   區塊 4：中秋禮盒（hgp-midautumn）
   單一白卡（radius 12 + drop-shadow）橫 4 欄 + 直分隔線；灰膠囊 #d9d9d9。
   上下 padding 對稱。
   ==================================================================== */
.hgp-midautumn {
  padding-top: clamp(40px, 5vw, 72px);
  padding-bottom: clamp(40px, 5vw, 72px);
}
.hgp-midautumn__bar {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: clamp(32px, 4vw, 56px);
}
/* 中秋：細描邊外框（無底色、無陰影），對齊設計稿 */
.hgp-midautumn__card {
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: clamp(24px, 3vw, 48px);
  max-width: 1240px;
  margin-inline: auto;
  padding: clamp(32px, 4vw, 56px) clamp(28px, 3vw, 48px);
  border: 1px solid #5a3b1f;
  background-color: transparent;
}
.hgp-midautumn__col {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.hgp-midautumn__title {
  margin: 0;
  font-size: 20px;
  font-weight: 500;
  color: #ee6e00;
}
.hgp-midautumn__divider {
  flex-shrink: 0;
  width: 1px;
  background-color: #000;
}
.hgp-midautumn__rows {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
  font-size: 16px;
  color: #000;
}
.hgp-midautumn__rows li {
  display: flex;
  align-items: center;
  gap: 10px;
}
/* 灰膠囊（本區專屬） */
.hgp-midautumn__chip {
  flex-shrink: 0;
  min-height: 28px;
  min-width: 88px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 13px;
  box-sizing: border-box;
  background-color: #cfb18d;
  font-size: 16px;
  line-height: 20px;
  color: #fff;
  white-space: nowrap;
}
.hgp-midautumn__bullets {
  list-style: disc;
  margin: 0;
  padding-left: 21px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  font-size: 16px;
  line-height: 20px;
  color: #000;
}

/* ====================================================================
   區塊 5：聖誕禮盒（hgp-christmas）
   4 group：棕標頭塊 __cap（#cc9a55、上緣圓角）+ 描邊框內容；橘色 key #aa560e。
   敘述條是 __bar，group 標頭是 __cap，命名不衝突。上下 padding 對稱。
   ==================================================================== */
/* 聖誕：米色滿版底（對齊設計稿）。上下 padding 較大容納米色帶。 */
.hgp-christmas {
  padding-top: clamp(64px, 7vw, 104px); /* 上方留白容納突出右上角的裝飾圖 */
  padding-bottom: clamp(48px, 6vw, 88px);
  background-color: rgba(244, 237, 221, 0.8);
}
/* 定位基準：裝飾圖相對此容器絕對定位 */
.hgp-christmas__inner {
  position: relative;
}
/* 聖誕禮物裝飾圖：黏在 H2 說明 bar 右上角、往上突出（本頁本區獨有裝飾）。
   純裝飾、不擋互動。電腦版固定 top:-180 / right:6.6vw / width:361。 */
.hgp-christmas__decor {
  position: absolute;
  z-index: 2;
  top: -180px;
  right: 6.6vw;
  width: 361px;
  height: auto;
  object-fit: contain;
  pointer-events: none;
}
.hgp-christmas__bar {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: clamp(40px, 5vw, 64px); /* 與下方 4 group 間距 */
}
/* 說明 bar 加陰影（僅說明，標題不加）：filter drop-shadow 貼合形狀 */
.hgp-christmas__bar .page-sec-lead {
  filter: drop-shadow(4px 4px 10px rgba(0, 0, 0, 0.25));
}
/* 聖誕說明 bar 改白底（米色滿版底上米色 bar 看不出，改白），僅限本區、不影響其他區 */
.hgp-christmas__bar .page-sec-lead {
  background-color: #fff;
}
.hgp-christmas__cols {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  max-width: 1238px;
  margin-inline: auto;
  align-items: stretch;
}
.hgp-christmas__col {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
/* 橘漸層標頭塊（左深橘 → 右淺橘黃，對齊設計稿） */
.hgp-christmas__cap {
  background-image: linear-gradient(180deg, #ee6e00 0%, #f7b15c 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 16px 12px;
  font-size: 20px;
  color: #fff;
}
.hgp-christmas__panel {
  flex: 1;
  border-top: none;
  border-radius: 0 0 4px 4px;
  box-sizing: border-box;
  padding: 29px 44px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  background-color: #fff;
  justify-content: center;
}
.hgp-christmas__rows {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-size: 16px;
  line-height: 20px;
  color: #000;
}
/* 材質 group：下方容器內容置中（只此 group，不影響其他 group） */
.hgp-christmas__panel--center {
  align-items: center;
}
.hgp-christmas__panel--center .hgp-christmas__rows {
  align-items: center;
}
/* 「類型」key 文字：橘色 + 等寬對齊 + 與值留間距 */
.hgp-christmas__rows b {
  display: inline-block;
  margin-right: 12px;
  font-weight: 500;
  color: #ee6e00;
}
.hgp-christmas__plain {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  font-size: 16px;
  line-height: 20px;
  color: #000;
}
.hgp-christmas__note {
  margin: 0;
  font-size: 16px;
  line-height: 20px;
  color: #000;
}

/* ====================================================================
   區塊 6：禮盒印刷加工（hgp-print）
   2×2 大卡：左大圖 + 右側棕底白字標頭塊 + 描述 + 細分隔線 + 規格列（橘膠囊）。
   上下 padding：末區接 footer，下方較大。
   ==================================================================== */
.hgp-print {
  padding-top: clamp(40px, 5vw, 72px);
  padding-bottom: clamp(56px, 7vw, 96px);
}
.hgp-print__bar {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: clamp(32px, 4vw, 56px);
}
.hgp-print__cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 56px 48px;
  max-width: 1192px;
  margin-inline: auto;
  align-items: stretch;
}
.hgp-print__card {
  display: flex;
  gap: 20px;
  max-width: 548px;
}
/* 正方形顯示（1:1） */
.hgp-print__photo {
  flex-shrink: 0;
  width: clamp(180px, 20vw, 242px);
  aspect-ratio: 1;
  height: auto;
  object-fit: cover;
}
.hgp-print__body {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
/* 標題：白字標頭塊、全寬（撐滿內容區），底色由 accent 決定 */
.hgp-print__title {
  margin: 0;
  align-self: stretch; /* 全寬 */
  text-align: center;
  padding: 6px 18px;
  font-size: 20px;
  font-weight: 500;
  color: #fff;
}
/* accent 對角交替：橘=燙金/特殊印刷，棕=局部上光/霧膜 */
.hgp-print__title--orange {
  background-color: #ee6e00;
}
.hgp-print__title--brown {
  background-color: #5a3b1f;
}
.hgp-print__desc {
  margin: 0;
  font-size: 16px;
  line-height: 20px;
  color: #000;
}
/* 分隔線：虛線（對齊設計稿） */
.hgp-print__divider {
  height: 0;
  border-top: 1px dashed #cc9a55;
}
.hgp-print__specs {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.hgp-print__row {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 16px;
  line-height: 20px;
  color: #000;
}
.hgp-print__row dd {
  margin: 0;
  white-space: nowrap;
}
/* 橘色膠囊（本區專屬，對齊設計稿） */
.hgp-print__chip {
  flex-shrink: 0;
  min-width: 84px;
  min-height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  background-color: #ab7a44;
  font-size: 16px;
  line-height: 20px;
  color: #fff;
  white-space: nowrap;
}
.hgp-print__dot {
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: transparent;
  margin-inline: 41px;
}

/* ====================================================================
   RWD（斷點 1280 / 1024 / 768 / 640）— 每區塊各自收斂，互不影響
   ==================================================================== */
@media (max-width: 1024px) {
  .hgp-mooncake__body {
    flex-direction: column;
    align-items: center;
    gap: 32px;
  }
  .hgp-mooncake__photo {
    width: min(479px, 100%);
    height: auto;
    aspect-ratio: 479 / 450;
  }
  .hgp-mooncake__rows {
    width: 100%;
    max-width: 698px;
  }

  /* 平板：4 → 2 欄。票根 SVG 背景在較寬卡片會橫向拉伸變形，
     故改用單純圓角白底卡（缺口造型只在桌機 4 欄完整顯示），padding 對稱、等高。 */
  .hgp-eggyolk__cards {
    grid-template-columns: 1fr 1fr;
  }
  .hgp-eggyolk__card,
  .hgp-eggyolk__card--plain {
    background-image: none !important;
    background-color: #fff;
    border-radius: 8px;
    padding: 30px;
  }
  .hgp-mothersday__cards {
    grid-template-columns: 1fr 1fr;
  }

  .hgp-midautumn__card {
    flex-wrap: wrap;
  }
  .hgp-midautumn__col {
    flex: 1 1 calc(50% - 24px);
  }

  .hgp-christmas__cols {
    grid-template-columns: 1fr 1fr;
  }
  /* 裝飾圖縮小、上移量收斂（避免窄螢幕跑版） */
  .hgp-christmas__decor {
    top: clamp(-120px, -12vw, -80px);
    right: 4vw;
    width: clamp(200px, 28vw, 300px);
  }

  .hgp-print__cards {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  /* ============================================
     ≤640 手機版：依 Figma 手機畫布（375 寬）逐區塊重排，像素級對齊
     只新增手機規則、不改桌機。設計稿：figma-export/holiday-gift-packaing/mobile
     各區塊字級統一 13px / line-height 22px；標題/chip 13px。
     ============================================ */

  /* ===== 各區塊上下間距收斂 ===== */
  .hgp-mooncake,
  .hgp-eggyolk,
  .hgp-midautumn,
  .hgp-print {
    padding-block: 48px;
  }
  .hgp-mothersday,
  .hgp-christmas {
    padding-block: 56px;
  }
  .hgp-mooncake__bar,
  .hgp-eggyolk__bar,
  .hgp-mothersday__bar,
  .hgp-midautumn__bar,
  .hgp-christmas__bar,
  .hgp-print__bar {
    margin-bottom: 24px;
  }

  /* ===== 區塊1 月餅盒：圖上文下堆疊、規格列直向 ===== */
  .hgp-mooncake__body {
    flex-direction: column;
    align-items: center;
    gap: 48px;
    max-width: 294px;
  }
  .hgp-mooncake__photo {
    width: 100%;
    height: auto;
  }
  .hgp-mooncake__rows {
    width: 100%;
    gap: 24px;
  }
  .hgp-mooncake__row {
    flex-direction: column;
    gap: 0;
  }
  .hgp-mooncake__row--pair {
    flex-direction: column;
    gap: 16px;
  }
  .hgp-mooncake__pair {
    flex-direction: column;
  }
  /* 標頭塊 chip 改 13px、寬度自適應 */
  .hgp-mooncake__key,
  .hgp-mooncake__key--lg,
  .hgp-mooncake__key--md,
  .hgp-mooncake__key--sm {
    width: 100%;
    padding: 8px 12px;
    font-size: 13px;
    font-weight: var(--fw-semibold);
    margin-bottom: -7px;
  }
  .hgp-mooncake__val,
  .hgp-mooncake__val--sm {
    padding: 15px 22px 12px;
    font-size: 13px;
    line-height: 22px;
  }
  /* 尺寸/材質（一般 __val）：內容靠左 */
  .hgp-mooncake__val {
    align-items: flex-start;
    text-align: left;
  }
  /* 適用產業/客製方式（__val--sm）：內容置中 */
  .hgp-mooncake__val--sm {
    align-items: center;
    text-align: center;
  }
  /* 適用產業（pair 第1個）：清單橫排、置中換行 */
  .hgp-mooncake__pair:first-child .hgp-mooncake__val--sm {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px 16px;
  }
  /* 客製方式：外層 val 去框、當置中容器；框線移到內層 wrapper（fit-content、置中、項目靠左） */
  .hgp-mooncake__pair:last-child .hgp-mooncake__val--sm {
    border: 0;
    padding: 0;
    align-items: center;
    border: 1px solid #ab7a44;
    border-radius: 4px;
  }
  .hgp-mooncake__pair:last-child .hgp-mooncake__val-inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    width: fit-content;
    max-width: 100%;
    margin-inline: auto;
    padding: 15px 24px 12px;
    box-sizing: border-box;
    text-align: left;
  }

  /* ===== 區塊2 蛋黃酥盒：白卡單欄、13px ===== */
  .hgp-eggyolk__cards {
    grid-template-columns: 1fr;
    gap: 20px;
    max-width: 272px;
    min-height: 196px;
    margin-inline: auto;
  }

  .hgp-eggyolk__card {
  }
  .hgp-eggyolk__card,
  .hgp-eggyolk__card--plain {
    padding: 28.5px 25px 25px;
    gap: 12px;
    align-items: center;
  }
  /* 手機版各卡票根 SVG 以 ::before 偽元素鋪底（不寫在 background-image，
     避免蓋掉 inline / 與內容干擾）。卡本身去背景圖，內容墊在偽元素之上。 */
  .hgp-eggyolk__cards .hgp-eggyolk__card {
    position: relative;
    background-image: none !important;
    filter: none; /* 投影改由 SVG 造型呈現，關掉桌機 drop-shadow */
  }
  /* 各卡高度固定，讓票根 SVG（contain）完整貼合：
     尺寸 267 / 材質 217 / 適用 217 / 客製 196 */
  .hgp-eggyolk__cards .hgp-eggyolk__card:nth-child(1) {
    height: 267px;
  }
  .hgp-eggyolk__cards .hgp-eggyolk__card:nth-child(2) {
    height: 217px;
  }
  .hgp-eggyolk__cards .hgp-eggyolk__card:nth-child(3) {
    height: 217px;
    padding: 37.68px 25px 25px;
  }
  .hgp-eggyolk__cards .hgp-eggyolk__card:nth-child(4) {
    height: 196px;
    justify-content: center;
  }
  .hgp-eggyolk__cards .hgp-eggyolk__card > * {
    position: relative;
    z-index: 1;
    width: fit-content;
  }
  /* 票根 SVG 整張完整貼上、不依容器拉伸（contain 保持原比例、置頂對齊） */
  .hgp-eggyolk__cards .hgp-eggyolk__card::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background-position: center top;
    background-size: contain;
    background-repeat: no-repeat;
    pointer-events: none;
  }
  .hgp-eggyolk__cards .hgp-eggyolk__card:nth-child(1)::before {
    background-image: url("../../images/holiday-gift-packaing/pastry-spec__size-shape-461-6431.svg");
  }
  .hgp-eggyolk__cards .hgp-eggyolk__card:nth-child(2)::before,
  .hgp-eggyolk__cards .hgp-eggyolk__card:nth-child(3)::before {
    background-image: url("../../images/holiday-gift-packaing/pastry-spec__material-shape-461-6452.svg");
  }
  .hgp-eggyolk__cards .hgp-eggyolk__card:nth-child(4)::before {
    background-image: url("../../images/holiday-gift-packaing/feature-card__badge-461-6486.svg");
  }
  .hgp-eggyolk__title {
    font-size: 13px;
    font-weight: var(--fw-semibold);
  }
  .hgp-eggyolk__rows {
    gap: 12px;
  }
  .hgp-eggyolk__row,
  .hgp-eggyolk__note,
  .hgp-eggyolk__list {
    font-size: 13px;
    line-height: 22px;
  }

  .hgp-eggyolk__note {
    text-align: center;
    max-width: 187px;
  }

  .hgp-eggyolk__chip {
    min-height: 0;
    min-width: 0;
    padding: 4px;
    font-size: 13px;
  }
  /* 紙盒尺寸卡（卡1）標籤等寬對齊（4入/6入/8入/12入） */
  .hgp-eggyolk__cards .hgp-eggyolk__card:nth-child(1) .hgp-eggyolk__chip {
    width: 60px;
    flex-shrink: 0;
  }
  /* 紙盒材質卡（卡2）標籤等寬對齊（白卡紙/E楞瓦楞紙/紙托內襯） */
  .hgp-eggyolk__cards .hgp-eggyolk__card:nth-child(2) .hgp-eggyolk__chip {
    width: 135px;
    flex-shrink: 0;
  }

  /* ===== 區塊3 母親節：2×2 網格，每卡＝圓弧標頭壓白卡（設計稿手機版） ===== */
  /* 手機顯示專屬換行（特殊紙/適用產業/紙盒客製） */
  .hgp-br-m {
    display: inline;
  }
  .hgp-mothersday__cards {
    grid-template-columns: 1fr 1fr;
    gap: 36px 16px;
    max-width: 318px;
    margin-inline: auto;
  }
  /* 圓弧標頭：全寬撐滿卡片、上圓弧下方切平（半橢圓弧），壓在白卡上方、下半疊進白卡 */
  .hgp-mothersday__badge {
    width: 110px;
    height: 110px;
    min-height: 0;
    border-radius: 74px;
    padding: 10px 12px 44px;
    font-size: 13px;
    font-weight: var(--fw-semibold);
    line-height: 1.3;
  }
  /* 白卡上緣壓進標頭圓弧下半 */
  .hgp-mothersday__panel {
    margin-top: -48px;
    padding: 19px 10px;
    min-height: 234px;
  }
  .hgp-mothersday__rows,
  .hgp-mothersday__plain {
    gap: 8px;
    font-size: 13px;
    line-height: 22px;
    text-align: left;
  }
  .hgp-mothersday__chip {
    min-height: 0;
    padding: 4px 10px;
    font-size: 13px;
  }
  /* 尺寸卡：chip（小型/中型/大型禮盒）+ 尺寸文字上下堆疊、置中 */
  .hgp-mothersday__rows li {
    flex-direction: column;
    align-items: center;
    gap: 0;
  }

  /* ===== 區塊4 中秋：單卡四欄堆疊、13px ===== */
  .hgp-midautumn__card {
    flex-direction: column;
    padding: 24px 20px;
    max-width: 275px;
    gap: 28px;
  }
  .hgp-midautumn__col {
    flex: 1 1 100%;
    gap: 12px;
  }
  .hgp-midautumn__divider {
    width: 132px;
    height: 1px;
    align-self: center;
  }
  .hgp-midautumn__title {
    font-size: 13px;
    font-weight: var(--fw-semibold);
  }
  .hgp-midautumn__rows,
  .hgp-midautumn__bullets {
    font-size: 13px;
    line-height: 22px;
  }
  .hgp-midautumn__chip {
    min-height: 0;
    min-width: 0;
    padding: 4px 13px;
    font-size: 13px;
  }

  /* ===== 區塊5 聖誕：漸層標頭+白卡單欄、13px；裝飾圖縮貼右上 ===== */
  .hgp-christmas__cols {
    grid-template-columns: 1fr;
    gap: 36px;
    max-width: 234px;
    margin-inline: auto;
  }
  .hgp-christmas__decor {
    top: -22px;
    right: 3px;
    width: 94px;
  }
  .hgp-christmas__cap {
    padding: 2px 12px;
    font-size: 13px;
    font-weight: var(--fw-semibold);
  }
  .hgp-christmas__panel {
    padding: 25px 39px;
    border: none;
  }
  .hgp-christmas__rows,
  .hgp-christmas__plain,
  .hgp-christmas__note {
    font-size: 13px;
    line-height: 22px;
  }

  /* ===== 區塊6 印刷加工：圖上文下堆疊、13px、橘膠囊 ===== */
  .hgp-print__cards {
    max-width: 236px;
    margin-inline: auto;
    gap: 28px;
  }
  .hgp-print__card {
    flex-direction: column;
    gap: 16px;
  }
  /* 圖依原始比例顯示（不裁切、不強制正方） */
  .hgp-print__photo {
    width: 100%;
    height: auto;
    aspect-ratio: auto;
    object-fit: contain;
  }
  /* 手機版印刷加工圖換設計稿圖（content 替換 img 顯示；桌機 src 不變）。
     卡順序：燙金 / 局部上光 / 霧膜 / 特殊印刷。 */
  .hgp-print__cards .hgp-print__card:nth-child(1) .hgp-print__photo {
    content: url("../../images/holiday-gift-packaing/printing-card__photo-461-6708.webp");
  }
  .hgp-print__cards .hgp-print__card:nth-child(2) .hgp-print__photo {
    content: url("../../images/holiday-gift-packaing/printing-card__photo-461-6729.webp");
  }
  .hgp-print__cards .hgp-print__card:nth-child(3) .hgp-print__photo {
    content: url("../../images/holiday-gift-packaing/printing-card__photo-461-6750.webp");
  }
  .hgp-print__cards .hgp-print__card:nth-child(4) .hgp-print__photo {
    content: url("../../images/holiday-gift-packaing/printing-card__photo-461-6771.webp");
  }
  .hgp-print__body {
    gap: 16px;
  }
  .hgp-print__title {
    padding: 8.2px 18px;
    font-size: 13px;
    font-weight: var(--fw-semibold);
  }
  .hgp-print__desc,
  .hgp-print__row {
    font-size: 13px;
    line-height: 22px;
  }
  /* 膠囊固定寬，讓下方無膠囊列的值對齊（對齊設計稿：三值左緣同一線） */
  .hgp-print__chip {
    min-width: 72;
    min-height: 0;
    padding: 0 4px;
    font-size: 13px;
  }
  /* 佔位 dot：與膠囊同寬、透明無圓點，使值對齊到膠囊右側同一起點 */
  .hgp-print__dot {
    width: 84px;
    height: auto;
    margin: 0;
    background: none;
    border-radius: 0;
  }
}

/* 本頁 .page-components 上內距：改數字即可，只影響本頁（未設則沿用共用預設 30px） */
.page-components { --pc-pt: 30px; }