/* CSS Starts Here */
:root {
  --primary-color: #ffb7b7; /* Vibrant Coral/Red */
  --secondary-color: #83c6ff; /* Teal */
  --accent-color: #ffd166; /* Sunny Yellow */
  --neutral-light: #ffffff; /* Very light warm beige/off-white */
  --neutral-dark: #4a4a4a; /* Dark Gray for text */
  --text-color-default: #333333; /* Explicit default text color */




/* CSS Ends Here */

/* 閹剚璇濿hatsApp閸ョ偓鐖� */
.floating-whatsapp-button {
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 1000;
  cursor: pointer; /* 绾喕绻氭Η鐘崇垼閹稿洭鎷℃稉鐑樺閸拷 */
}

.floating-whatsapp-button a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  background-color: #25d366;
  color: white;
  border-radius: 50%;
  text-decoration: none;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease;
  cursor: pointer; /* 绾喕绻氭Η鐘崇垼閹稿洭鎷℃稉鐑樺閸拷 */
}

.floating-whatsapp-button i {
  font-size: 32px;
  pointer-events: none; /* 绾喕绻氶崶鐐垼娑撳秳绱伴梼缁橆剾娴滃娆㈤崘鎺撳満閸掓壆鍩楅崗鍐 */
}

.floating-whatsapp-button a:hover {
  transform: scale(1.05) translateY(-5px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
}

/* 閸︺劎些閸斻劏顔曟径鍥︾瑐鐠嬪啯鏆ｇ亸鍝勵嚟 */
@media (max-width: 768px) {
  .floating-whatsapp-button {
    bottom: 20px;
    right: 20px;
  }

  .floating-whatsapp-button a {
    width: 50px;
    height: 50px;
  }

  .floating-whatsapp-button i {
    font-size: 28px;
  }
}