/* TehranWeb Services Experience 1.0.16 - additional ACF-managed presentation.
   All defaults remain identical to the approved 1.0.15 design.
   This file only takes effect when a custom ACF image/icon/background is selected. */
.twsx-page .twsx-acf-background {
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center center !important;
  z-index: 0 !important;
  border-radius: inherit !important;
}
.twsx-page .twsx-acf-icon-image {
  display: block !important;
  width: 60% !important;
  height: 60% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  border: 0 !important;
  box-shadow: none !important;
  margin: 0 auto !important;
  padding: 0 !important;
  background: transparent !important;
}
.twsx-page .twsx-process__symbol .twsx-acf-icon-image { width: 56% !important; height: 56% !important; }
.twsx-page .twsx-account__button .twsx-acf-icon-image { width: 26px !important; height: 26px !important; flex: none !important; }
.twsx-page .twsx-final__frame > .twsx-acf-background { z-index: 0 !important; }
.twsx-page .twsx-account > .twsx-acf-background,
.twsx-page .twsx-process > .twsx-acf-background,
.twsx-page .twsx-services > .twsx-acf-background { z-index: 0 !important; }
/* Override service-column count on wide screens only when the ACF control is changed. */
@media (min-width: 1101px) {
  body.tehranweb-services-experience #twsx-services .twsx-services__grid[style*="--twsx-service-cols"] {
    grid-template-columns: repeat(var(--twsx-service-cols), minmax(0, 1fr)) !important;
    max-width: none !important;
  }
}
/* Optional badge is generated by the service post ACF field; not part of its illustration. */
.twsx-page .twsx-service-card__badge { z-index: 4 !important; }