#backToTop {
  display: block;
  position: fixed;
  bottom: 80px;
  right: 30px; /* ระยะเริ่มต้นเมื่อปิดพาเนล */
  z-index: 850; /* ปรับให้สูงกว่า Panel เล็กน้อยหรือใกล้เคียงเพื่อให้เห็นชัด */
  border: none;
  outline: none;
  background-color: transparent;
  cursor: pointer;
  padding: 0;
  width: 60px;
  opacity: 0;
  visibility: hidden;
  /* เพิ่ม right เข้าไปใน transition เพื่อให้ปุ่มเลื่อนไถลตามพาเนล */
  transition: opacity 0.4s, right 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), visibility 0.4s;
}

/* --- จุดที่เพิ่ม: เมื่อเปิด Side Panel ให้เลื่อนปุ่มมาทางซ้าย --- */
body.panel-open #backToTop {
  /* ความกว้างพาเนล 700px + ระยะห่างเดิม 30px = 730px */
  right: 730px; 
}

#backToTop img {
  width: 100%;
  height: auto;
}

#backToTop.show {
  opacity: 1;
  visibility: visible;
}

#backToTop:hover {
  transform: scale(1.1);
  filter: brightness(1.1);
  transition: transform 0.2s ease-in-out;
}

#backToTop:active {
  transform: scale(0.95);
}