/* utility class ที่มีอยู่ใน genplay-member.css ของ design reference (Tailwind JIT output) แต่ขาดไปใน
   genplay-member.css ของโปรเจกต์นี้ (เช็คล่าสุด 2026-08-28 — design reference อัปเดต +10px→+70px และ
   เพิ่ม bottom-[150px]/rounded-[12px_12px_0_0]/px-3 เพิ่มมาด้วย) ไม่พบการใช้ class พวกนี้ใน markup
   ปัจจุบันของทั้งสองฝั่งเลย (ไม่มีผลต่อหน้าตาอะไรตอนนี้ ยกเว้นจุดที่ override ไว้ด้านล่างสำหรับ
   .gp-shop-support-fab) เพิ่มไว้ให้ครบตาม design reference — ห้ามแก้ genplay-member.css ตรงๆ (protected) */
.bottom-\[1px\] {
  bottom: 1px;
}

.bottom-\[150px\] {
  bottom: 150px;
}

.-translate-x-\[calc\(50\%\+70px\)\] {
  --tw-translate-x: calc(calc(50% + 70px) * -1);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rounded-\[15px\] {
  border-radius: 15px;
}

.rounded-\[12px_12px_0_0\] {
  border-radius: 12px 12px 0 0;
}

.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.h-\[100px\] {
  height: 100px;
}

@media (min-width: 768px) {
  .md\:h-\[170px\] {
    height: 170px;
  }

  .md\:w-\[170px\] {
    width: 170px;
  }
}

/* ── gp-shop-support-fab: ตำแหน่ง/รูปทรงใหม่จาก design reference ──────────────
   เดิม bottom ผูกกับ --gp-shop-footer-h (ค่าเปลี่ยนไปมาตามหน้า/state ของ footer) ทำให้ปุ่มลอยไป
   ทับ badge นับถอยหลังของการ์ดสินค้าตอนเลื่อนดู (พบจริงหลัง mobile footer ถูกเอากลับมา 2026-08-28
   ทำให้ --gp-shop-footer-h ไม่ใช่ 0 อีกต่อไป) design reference แก้เป็น bottom คงที่ 150px แทน (ไม่ผูก
   กับ footer เลย) และเปลี่ยนมุมโค้งจากโค้งบนเป็นโค้งซ้าย (ดูเหมือนแท็บยื่นออกจากขอบขวาแทนแท็บลอยเหนือ
   footer) ยืนยันโดยผู้ใช้ 2026-08-28 — ไฟล์นี้โหลดหลัง genplay-member.css เลย override ได้โดยไม่ต้องใช้
   !important (ลำดับ source ชนะที่ specificity เท่ากัน) */
.gp-shop-support-fab {
  bottom: 150px;
  border-radius: 12px 0 0 12px;
}

@media (min-width: 1024px) and (orientation: landscape) {
  /* ต้องคืน bottom:0 ตรงนี้ด้วย เพราะ bottom:150px ด้านบนเป็น base rule (นอก media query) โหลดหลัง
     genplay-member.css ทั้งไฟล์ เลยชนะ bottom:0 เดิมของ genplay-member.css เองในโหมด desktop ไปด้วย
     ทั้งที่ตั้งใจแก้แค่ mobile (ปุ่มเลยลอยกลางจอแทนที่จะติดขอบล่างสุดตอนจอกว้าง ยืนยันโดยผู้ใช้ 2026-08-28) */
  .gp-shop-support-fab {
    bottom: 0;
    border-radius: 12px 12px 0 0;
  }
}