/* Visual safety: labels live in their own band and never share space with the imagery. */
.transform-ad {
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: auto;
  margin: 0;
  min-height: 0;
  transform: none;
  width: 100%;
}

.transform-ad-labels {
  display: flex;
  justify-content: space-between;
  padding: 0 10%;
}

.transform-ad-labels span {
  align-items: center;
  color: #fff9eb;
  display: flex;
  flex-direction: column;
  font-size: 20px;
  font-weight: 700;
  gap: 2px;
  line-height: 1.35;
}

.transform-ad-labels span:last-child { color: #b9e5d9; }
.transform-ad-labels b { color: #ffd53d; font-size: 20px; letter-spacing: 1.2px; }

.transform-ad img {
  display: block;
  height: auto;
  max-width: 100%;
  width: 100%;
}

/* Prevent any legacy phone illustration rules from affecting the new advertising image. */
.transform-art.transform-ad::before,
.transform-art.transform-ad::after { content: none; }

@media (max-width: 850px) {
  .transform-art.transform-ad { height: auto; max-width: 620px; transform: none; width: 100%; }
}

@media (max-width: 560px) {
  .transform-ad-labels { padding: 0 4%; }
  .transform-ad-labels span,
  .transform-ad-labels b { font-size: 20px; }
  .transform-art.transform-ad { height: auto; transform: none; width: 100%; }
}