/* Shared image treatment for Radio In Store and Digital Signage. */
:root {
  --content-image-radius: 18px;
  --thumbnail-image-radius: 10px;
}

.hero-photo,
.hero-photo img,
.editorial-photo-placeholder,
.editorial-photo-placeholder img,
.benefit-card-media,
.sector-card-media,
.ds-hero-background,
.ds-solution-visual img,
.ds-client-photo,
.ds-client-photo img:not(.ds-portfolio-logo),
.ds-price-visual,
.ds-price-visual > img,
.ds-photo-card,
.ds-photo-card img,
.ds-photo-wide img,
.ds-case-gallery figure,
.ds-case-gallery img,
.ds-custom-gallery figure,
.ds-custom-gallery img {
  border-radius: var(--content-image-radius);
}

/* Keep the radius visible when images fill a card or zoom on hover. */
.editorial-photo-card,
.benefit-grid article,
.sector-grid article,
.ds-client-story {
  border-radius: var(--content-image-radius);
}

.ds-client-photo,
.ds-case-gallery figure {
  background: #fff;
}

.service-bridge-link > img,
.ds-product-thumbnails img,
.network-monitor-scene img {
  border-radius: var(--thumbnail-image-radius);
}

@media (max-width: 600px) {
  :root { --content-image-radius: 14px; }
}