/* Gree CNC — WhatsApp Business (contact card + floating button) */
.whatsapp-card { margin-top: 24px; padding: 20px; border: 1px solid rgba(255,255,255,.12); border-radius: 16px; background: linear-gradient(180deg, rgba(37,211,102,.08), rgba(37,211,102,.03)); min-width: min-content; box-sizing: border-box; }
.whatsapp-head { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; }
.whatsapp-ico { width: 28px; height: 28px; color: #25d366; flex-shrink: 0; }
.whatsapp-title { font-weight: 700; color: #fff; font-size: 15px; }
.whatsapp-sub { font-size: 12.5px; color: #9fb0c3; }
.whatsapp-card img { max-width: 180px; width: 180px; height: 180px; min-width: 180px; min-height: 180px; border-radius: 12px; border: 1px solid rgba(255,255,255,.12); display: block; margin: 0 auto 14px; aspect-ratio: 1 / 1; object-fit: cover; object-position: center; flex-shrink: 0; }
.whatsapp-number { text-align: center; margin-bottom: 14px; }
.whatsapp-number .lbl { display: inline-block; min-width: 74px; color: #9fb0c3; font-size: 12px; margin-right: 6px; }
.whatsapp-number a { color: #25d366; font-weight: 700; font-size: 16px; text-decoration: none; }
.whatsapp-cta { display: block; text-align: center; background: #25d366; color: #04111f; font-weight: 700; padding: 12px 18px; border-radius: 10px; text-decoration: none; transition: transform .15s, box-shadow .2s; }
.whatsapp-cta:hover { transform: translateY(-2px); box-shadow: 0 10px 26px rgba(37,211,102,.35); }

/* Floating WhatsApp button (pure CSS toggle, no JS) */
.whatsapp-float { position: fixed; right: 20px; bottom: 20px; z-index: 9999; font-family: inherit; }
.wa-toggle { position: absolute; opacity: 0; width: 0; height: 0; }
.wa-fab { display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 50%; background: #25d366; color: #fff; cursor: pointer; box-shadow: 0 8px 24px rgba(37,211,102,.45); transition: transform .15s; overflow: hidden; }
.wa-fab:hover { transform: scale(1.06); }
.wa-fab svg { width: 30px; height: 30px; display: block; }
.wa-pop { position: absolute; right: 0; bottom: 72px; width: 260px; background: #0b1220; border: 1px solid rgba(37,211,102,.4); border-radius: 16px; padding: 16px; box-shadow: 0 18px 50px rgba(0,0,0,.5); display: none; text-align: center; }
.wa-toggle:checked ~ .wa-pop { display: block; }
.wa-pop-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
.wa-pop-title { font-weight: 700; color: #fff; font-size: 14px; }
.wa-pop-close { cursor: pointer; color: #9fb0c3; font-size: 22px; line-height: 1; user-select: none; }
.wa-pop img { width: 200px; height: 200px; border-radius: 10px; border: 1px solid rgba(255,255,255,.12); display: block; margin: 0 auto 10px; aspect-ratio: 1 / 1; object-fit: cover; object-position: center; }
.wa-pop-sub { font-size: 12px; color: #9fb0c3; margin: 0 0 8px; }
.wa-pop-num { margin: 0 0 12px; }
.wa-pop-num a { color: #25d366; font-weight: 700; font-size: 16px; text-decoration: none; }
.wa-pop-cta { display: block; text-align: center; background: #25d366; color: #04111f; font-weight: 700; padding: 10px 14px; border-radius: 10px; text-decoration: none; }
.wa-pop-cta:hover { box-shadow: 0 10px 26px rgba(37,211,102,.35); }
@media (max-width: 540px) {
  .whatsapp-float { right: 14px; bottom: 14px; }
  .wa-pop { width: 220px; }
  .wa-pop img { width: 170px; height: 170px; aspect-ratio: 1 / 1; object-fit: cover; object-position: center; }
}