/* Reversible mobile corrections, 24 September 2026.
 * Remove this stylesheet to revert. No content, layout template or database changes.
 * Scope: existing contact module and the service index accordion only.
 */
.deb-svcs-acc .deb-svc-acc__ph {
  aspect-ratio: auto;
}
.deb-svcs-acc .deb-svc-acc__ph img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: fill;
  filter: none;
}
@media (max-width: 800px) {
  .deb-contact .deb-contact-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .deb-contact .deb-contact-grid > *,
  .deb-contact .deb-contact-row > *,
  .deb-contact .deb-field,
  .deb-contact .deb-vies {
    min-width: 0;
    max-width: 100%;
  }
  .deb-contact .deb-contact-item a[href^="mailto:"] {
    display: inline-block;
    max-width: 100%;
    font-size: clamp(20px, 6vw, 30px);
    line-height: 1.25;
    overflow-wrap: anywhere;
  }
  .deb-contact .deb-tag {
    max-width: 100%;
    white-space: normal;
    overflow-wrap: anywhere;
    line-height: 1.6;
    align-items: baseline;
  }
  .deb-contact .deb-tag__dot {
    flex: 0 0 auto;
  }
  .deb-contact .deb-vies__opts {
    min-width: 0;
    flex-wrap: wrap;
  }
  .deb-contact .deb-vies__opt {
    max-width: 100%;
    white-space: normal;
  }
  /* These native widgets were flush to the viewport in all three translations.
   * Preserve their parent Elementor containers and the existing DS page gutter.
   */
  body:has(.deb-svcs-acc) .elementor-widget-deb-section-heading .deb-sh,
  .deb-svcs-acc {
    margin-inline: var(--page-margin, 20px);
  }
}