#cf-whatsapp-float {
  position: fixed;
  right: calc(20px + env(safe-area-inset-right, 0px));
  bottom: calc(20px + env(safe-area-inset-bottom, 0px));
  z-index: 80;
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  padding: 0;
  margin: 0;
  border: 2px solid #fff;
  border-radius: 50%;
  background: #25d366;
  box-shadow: 0 3px 12px #21094e26;
  text-decoration: none;
  visibility: visible;
  pointer-events: auto;
  transition: none !important;
  animation: none !important;
  transform: none !important;
  -webkit-tap-highlight-color: transparent;
}
#cf-whatsapp-float[data-fullscreen="true"] { visibility: hidden; pointer-events: none; }
#cf-whatsapp-float img { width: 28px; height: 28px; max-width: none; margin: 0; display: block; }
#cf-whatsapp-float:focus-visible { outline: 3px solid #6d13ec; outline-offset: 3px; }
@media (max-width: 640px) {
  #cf-whatsapp-float {
    right: calc(14px + env(safe-area-inset-right, 0px));
    bottom: calc(14px + env(safe-area-inset-bottom, 0px));
    width: 48px;
    height: 48px;
  }
}

/* A fixed right-hand clearance for interactive groups. No scroll-time layout changes.
   Existing content, card grids and form behavior are retained. */
:root { --cf-whatsapp-clearance: max(0px, calc(84px + env(safe-area-inset-right, 0px) - max(24px, calc((100vw - 1180px) / 2)))); }
.hero-actions, .service-explorer, .service-accordion-mobile, .web-offer,
.portfolio-grid, .portfolio-filters, .resource-grid, .form-card, .footer-links, .footer-bottom {
  margin-inline-end: var(--cf-whatsapp-clearance);
}
/* The agency landing uses centered wrappers with a narrower mobile gutter. */
.work-grid { margin-inline-end: var(--cf-whatsapp-clearance); }
.contact .wrap { padding-inline-end: var(--cf-whatsapp-clearance); }
html { scroll-padding-bottom: calc(84px + env(safe-area-inset-bottom, 0px)); }
@media (max-width: 640px) {
  :root { --cf-whatsapp-clearance: calc(48px + env(safe-area-inset-right, 0px)); }
}
@media (max-width: 670px) {
  .work-grid { margin-inline-end: calc(var(--cf-whatsapp-clearance) + 8px); }
  .contact .wrap { padding-inline-end: calc(var(--cf-whatsapp-clearance) + 8px); }
}