@charset "UTF-8";
/* ==============================
 * 價目表頁 (price-list.njk) 專用樣式
 * - 通用卡片外觀由全域 _k-00-components.scss 的 .c-card 提供
 * - 此處只負責：服務卡片、妝髮卡片、價目列表等 page-level 樣式
 * ============================ */
/* 服務卡片 Block：.price-service-card
   - HTML：<div class="c-card c-card--price c-card--split price-service-card ...">
   - 使用全域 .c-card，這裡只做 page-level 調整或未來客製
*/
.price-service-card {
  /* 目前維持使用 .c-card 預設樣式，有需要再加 override */
}

.price-service-card__title {
  /* 若未來不同服務要有不同標題樣式，可在此覆寫 */
}

.price-service-card__price {
  /* 若要針對某些服務調整價格樣式，可在此覆寫 */
}

.price-service-card__price-tag {
  /* 專屬服務卡片的價格標籤調整放這裡 */
}

.price-service-card__gallery {
  /* 目前沿用 .c-card__media 的 grid，保留給未來特殊 layout 用 */
}

/* ========= 區塊副標題：服務包含 / 升級選項 ========= */
.price-section-title {
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--color-text-subtle);
  margin: 25px 0 10px 0;
  border-bottom: 1px solid var(--color-border);
  padding-bottom: 8px;
}

/* ========= 價格列表（服務包含 / 升級 / 妝髮通用基底） ========= */
.price-list {
  list-style: none;
  padding-left: 0;
  margin: 0 0 20px 0;
}

.price-list__item {
  position: relative;
  padding-left: 28px;
  margin-bottom: 12px;
  line-height: 1.7;
  font-size: 1rem;
}

/* 服務包含項目（✓） */
.price-list--includes .price-list__item::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: var(--color-primary-accent);
  font-weight: 700;
  font-size: 1.2rem;
}

/* 升級項目（➕） */
.price-list--upgrades .price-list__item::before {
  content: "➕";
  position: absolute;
  left: 0;
  top: 2px;
}

/* 妝髮項目：文字稍微放大，無 icon */
.price-list--makeup .price-list__item {
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.8;
  padding-left: 0; /* 不需要 icon，去掉縮排 */
}

/* ==============================
 * 妝髮卡片 Block：.price-makeup-card
 * - HTML：<div class="c-card c-card--makeup c-card--split price-makeup-card">
 * ============================ */
.price-makeup-card {
  /* 共用 .c-card 外觀；若要與服務卡片做視覺區隔，可在此覆寫背景、邊框等 */
}

.price-makeup-card__title {
  /* 若希望妝髮標題略小／色彩不同，可在此調整 */
}

.price-makeup-card__gallery {
  /* 目前沿用 .c-card__media 的兩欄 grid，如未來改成單欄可在此覆寫 */
}