/* ═══════════════════════════════════════════════════════════════
   KEYFRAMES.hk — 價格隱藏層（2026-10-12）
   ───────────────────────────────────────────────────────────────
   原因：每個 project 規模／人手／交付要求都唔同，固定價唔準確，
        公開價會令客人覺得「只有呢個價」，反而收窄咗成交空間。

   做法：前端 CSS 隱藏所有可見價格，HTML/JS source 完全唔改。
        ─ 日後想重新公開：刪走 <link rel="stylesheet" href="/assets/no-price.css">
          或者將下面每個 selector 加返 `display:原始值` 就即刻生效。
        ─ 價格數字仍然留喺 source、JSON-LD、i18n 字典入面（方便內部對帳）。
   ═══════════════════════════════════════════════════════════════ */

/* ── 1. 套餐卡嘅價格欄 ── */
.pc-price,
.price-card .pc-price,
.oc-price,          /* 拍攝地點附加費 */
.demo-price,        /* demo 優惠價 */
.demo-original,     /* demo 原價 */
.fc-stat strong,    /* 菲林每卷價格 */
.svc-price,
.svc-from,

/* ── 2. 服務卡「從 HK$xxx」標籤 ── */
.svc-tag,
.svc-card .tag,

/* ── 3. Hero / 副標題入面嘅價格字眼 ── */
.subtitle[data-i18n$="7"] .price-inline,
.pc-tagline .price,

/* ── 4. FAQ 入面嘅價格段落 ── */
.faq-a .price-ref

{
  /* 唔完全 display:none —— 保留版面高度，避免下面內容突然跳動 */
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
}

/* ── 5. 通用：任何 class 名含 price / 定價 的元素 ── */
[class*="price"] > *,
.price-inline,
.price-ref,
.hk-price {
  color: transparent !important;
}

/* 套餐卡因為有分隔線同留白，隱藏價格後加個「按項目報價」嘅替代文案 */
.price-card { position: relative; }
.price-card::after {
  content: "按項目報價 · 歡迎查詢";
  display: block;
  font-family: var(--sans, 'Inter', sans-serif);
  font-size: 0.92rem;
  font-weight: 600;
  color: var(--c-gold, #B68C52);
  letter-spacing: 0.5px;
  margin-top: 4px;
}
.price-card .pc-price { display: none !important; }

/* ── 6. 菲林沖曬價目表（.lc-row 第二欄）── */
.lc-row span:last-child {
  visibility: hidden !important;
}
.lc-row::after {
  content: "歡迎查詢";
  visibility: visible !important;
  font-size: 0.85rem;
  color: var(--c-gold, #B68C52);
}

/* ── 7. 比較表（AI vs 傳統）成本欄 ── */
.compare-table td.col-ai,
.compare-table td.col-trad {
  position: relative;
  color: transparent !important;
}
.compare-table td.col-ai::before,
.compare-table td.col-trad::before {
  content: "按項目報價";
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  color: var(--c-gold, #B68C52);
  font-size: 0.82rem;
}

/* ── 8. 手機版微調 ── */
@media (max-width: 600px) {
  .price-card::after {
    font-size: 0.85rem;
  }
}

/* ── 9. 列印時（PDF 報價單）唔好印隱藏字樣 ── */
@media print {
  [class*="price"] > *,
  .price-inline, .price-ref, .hk-price {
    color: inherit !important;
  }
}

/* ── 10. 預約頁套餐價（JS 生成，搵先會發現）── */
.pkg-price,
.pkg-price *,
.pkg-card .price,
.mini-session-price {
  visibility: hidden !important;
  min-height: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  font-size: 0 !important;
}
.pkg-option { position: relative; }
.pkg-option::after {
  content: "按項目報價 · 歡迎查詢";
  display: block;
  font-family: var(--sans, 'Inter', sans-serif);
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--c-gold, #B68C52);
  margin: 4px 0 8px;
}

/* ── 11. 保險網：任何仲帶住 HK$ 字樣嘅元素一律唔顯示數字 ── */
.pkg-price, .pc-price, .oc-price, .demo-price, .demo-original,
.svc-tag, .fc-stat, .lc-row span:last-child {
  position: relative;
}