/* ==========================================================================
   Floating WhatsApp button — shared base.
   Note: amazon/index.html originally used z-index: 100 here (every other
   page used 300). That single difference is preserved as an override in
   css/pages/amazon.css rather than changed here.
   ========================================================================== */
.whatsapp {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: rgb(37, 211, 102);
  color: #fff;
  padding: 12px 16px;
  border-radius: 50px;
  text-decoration: none;
  font-weight: bold;
  box-shadow: 0 0 15px rgba(0, 255, 100, 0.6);
  z-index: 300;
}

@media (max-width: 700px) {
  .whatsapp { bottom: 16px; right: 16px; }
}