/* HC Packaging VN — understated mobile secondary contact, never desktop. */
.hc-mobile-whatsapp { display:none; }
@media (max-width:767px) {
  body .hc-mobile-whatsapp {
    position:fixed;
    right:max(16px, env(safe-area-inset-right, 0px));
    bottom:calc(16px + env(safe-area-inset-bottom, 0px));
    z-index:12;
    display:flex;
    align-items:center;
    gap:9px;
    min-width:134px;
    height:49px;
    padding:6px 14px 6px 8px;
    box-sizing:border-box;
    border:1px solid #d8d3cc;
    border-radius:999px;
    background:#fff;
    color:#161616;
    font:600 14px/1.25 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    text-decoration:none;
    white-space:nowrap;
    box-shadow:0 5px 16px rgba(22,22,22,.12);
    opacity:0;
    visibility:hidden;
    transform:translateY(10px);
    pointer-events:none;
    transition:opacity .18s ease, transform .18s ease, visibility .18s;
  }
  body .hc-mobile-whatsapp.is-visible {
    opacity:1;
    visibility:visible;
    transform:translateY(0);
    pointer-events:auto;
  }
  body .hc-mobile-whatsapp-icon {
    width:32px;
    height:32px;
    flex:none;
    border-radius:50%;
    background:#188a50;
    color:#fff;
    display:grid;
    place-items:center;
  }
  body .hc-mobile-whatsapp-icon svg {
    width:20px;
    height:20px;
    display:block;
  }
  body .hc-mobile-whatsapp-label {
    color:#161616;
    letter-spacing:0;
  }
  body .hc-mobile-whatsapp:focus-visible {
    outline:3px solid #1559a5;
    outline-offset:3px;
  }
  body .hc-mobile-whatsapp:hover {
    border-color:#188a50;
    box-shadow:0 6px 20px rgba(22,22,22,.14);
  }
  body.hc-new-menu-open .hc-mobile-whatsapp,
  html.mm-opened .hc-mobile-whatsapp,
  html.mm-wrapper--opened .hc-mobile-whatsapp,
  body.mm-opened .hc-mobile-whatsapp {
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }
}
@media (max-width:359px) {
  body .hc-mobile-whatsapp {
    min-width:49px;
    width:49px;
    padding:7px;
    justify-content:center;
  }
  body .hc-mobile-whatsapp-label { display:none; }
}
@media (prefers-reduced-motion:reduce) {
  body .hc-mobile-whatsapp { transition:none !important; transform:none !important; }
}