/* ── เฉพาะหน้า Treatment ─────────────────────────────────── */
/* มือถือ: ซ่อนภาพ cover เพราะกินพื้นที่จอไปเยอะเกินไป
   พอไม่มีภาพเข้มให้แถบเมนูทับ แถบจึงต้องทึบตั้งแต่แรก ไม่งั้นตัวอักษรครีมจะจมกับพื้นครีม
   (ใช้ #nav เพื่อให้ชนะ .nav.is-solid ที่ JS สลับ โดยไม่ต้องพึ่ง !important) */
@media (max-width:767px){
  .coverband{display:none}
  body{padding-top:var(--navh)}
  .nav#nav{background:var(--c-bar-bg);border-bottom-color:var(--c-bar-line)}
  .nav#nav::before{opacity:0}
}
/* หน้านี้ไม่มีภาพสไลด์ให้แถบเมนูทับ แถบจึงต้องทึบตั้งแต่แรก
   และดันเนื้อหาลงมาเท่าความสูงแถบ ไม่ให้โดนแถบบัง */


.card__price{font-size:var(--fs-sm);color:var(--c-accent);font-weight:500;
  font-variant-numeric:tabular-nums;letter-spacing:.02em}
/* ปุ่มทุกใบดันลงล่างสุด จะได้อยู่ระดับเดียวกันทุกการ์ด */
.card__act{margin-top:auto;padding-top:var(--s-4)}
.card__price{margin-bottom:0}
/* ปุ่มในการ์ด — ตัวหนังสือใหญ่ขึ้นแต่ขนาดปุ่มเท่าเดิม (min-height 48px คงไว้) */
.card__act .btn{font-size:var(--fs-body);letter-spacing:.02em}

/* ปุ่มกางรายละเอียด — โผล่เฉพาะจอมือถือ จอ 768 ขึ้นไปกางไว้ตลอดไม่ต้องกด */
.fold__btn{display:flex;align-items:center;gap:var(--s-3);width:100%;min-height:44px;
  margin-top:var(--s-3);padding:var(--s-2) 0 0;background:transparent;border:0;
  border-top:1px solid var(--c-line);cursor:pointer;text-align:start;
  font-family:var(--font-body);font-size:var(--fs-sm);font-weight:400;color:var(--c-accent);
  line-height:var(--lh-ui)}
.fold__ico{margin-inline-start:auto;flex:none;width:16px;height:16px;position:relative}
.fold__ico::before,.fold__ico::after{content:"";position:absolute;inset:50% 0 auto 0;height:1px;
  background:currentColor;transform:translateY(-50%)}
.fold__ico::after{transform:translateY(-50%) rotate(90deg);
  transition:transform var(--dur) var(--ease)}
.fold__btn[aria-expanded="true"] .fold__ico::after{transform:translateY(-50%) rotate(0deg)}
.fold{display:grid;gap:0}
@media (min-width:768px){ .fold__btn{display:none} }

/* รายละเอียดในแพ็กเกจ — สีเข้มกว่าคำอธิบาย เพราะเป็นข้อมูลที่ลูกค้าต้องการก่อน */
.card__pack{font-size:var(--fs-sm);color:var(--c-ink);line-height:1.62;
  margin-bottom:var(--s-3)}
.card__pack p{margin:0}
.card__pack .en{color:var(--c-ink-2);font-size:var(--fs-xs);line-height:1.62}

/* ตารางราคา — ชื่อช่วงเวลาซ้าย ราคาชิดขวา นั่งบนเส้นฐานเดียวกัน */
.prices{display:grid;gap:2px;margin-top:var(--s-3);margin-bottom:0}
.price{display:flex;align-items:baseline;gap:var(--s-3);font-size:var(--fs-sm);
  font-variant-numeric:tabular-nums;margin:0}
.price dt{color:var(--c-ink-2);flex:none;margin:0}
.price dd{margin:0;margin-inline-start:auto;color:var(--c-accent);font-weight:500;
  white-space:nowrap}

.empty{border:1px dashed var(--c-line);border-radius:var(--card-radius);
  padding:var(--s-6) var(--s-5);text-align:start;color:var(--c-ink-2);
  font-size:var(--fs-sm);max-width:var(--maxw-text)}