/* genplay-member.css ตั้ง display:flex ให้ .gp-shop-product-modal__disc-rate แบบไม่มีเงื่อนไข ทับ
   [hidden] ของ UA stylesheet (specificity เท่ากัน แต่ author style ชนะเสมอ) ทำให้กล่องว่าง ๆ โชว์อยู่
   แม้ JS (shop-product-modal.js) จะ set hidden="" ถูกต้องแล้วก็ตาม (ไม่มีส่วนลด) — ยืนยันโดยผู้ใช้ */
.gp-shop-product-modal__disc-rate[hidden] {
  display: none;
}

/* .gp-shop-product-modal__gift-btn มี display:inline-flex ตายตัวใน genplay-member.css เหมือนกัน
   (บั๊กเดียวกับ __disc-rate ด้านบน) — shop-product-modal.js set .hidden = giftOff แล้วแต่ไม่มีผล
   ทางภาพเลย ปุ่ม gift เลยค้างโชว์แม้ package_gift = "0" ยืนยันโดยผู้ใช้ 2026-08-26 */
.gp-shop-product-modal__gift-btn[hidden] {
  display: none;
}

/* .gp-shop-product-modal__gift-btn ไม่มี :disabled style เลยใน genplay-member.css (ทั้งใน design
   ต้นฉบับด้วย) ต่างจาก .gp-shop-product-modal__add-cart ที่มี — ทำให้ตอน soldOut (ซื้อครบแล้ว/cart เต็ม/
   สินค้าหมด/หมดเวลา) ปุ่ม gift ที่ยังกดไม่ได้จริง (shop-product-modal.js set .disabled = soldOut) แต่หน้าตา
   ยังดูกดได้ปกติ (พื้นน้ำเงินเข้ม ไอคอนสว่าง) — ทำให้เหมือนกับ add-cart:disabled เป๊ะ ยืนยันโดยผู้ใช้ 2026-08-26 */
.gp-shop-product-modal__gift-btn:disabled {
  border-color: #333333;
  background-color: #333333;
  cursor: not-allowed;
}

.gp-shop-product-modal__gift-btn:disabled img {
  filter: brightness(0) saturate(100%) invert(45%);
}

.gp-shop-product-modal__gift-btn:disabled:hover,
.gp-shop-product-modal__gift-btn:disabled:active {
  transform: none;
  filter: none;
}