/* Shared corner scale for the Digital Signage landing only. */
.digital-signage-page {
  --ds-radius-control: 8px;
  --ds-radius-small: 12px;
  --ds-radius-card: 16px;
  --ds-radius-panel: 24px;
}

/* Cards, photographs and disclosures share the same silhouette. */
.digital-signage-page :is(.ds-lead-option, .ds-existing-path, .ds-client-story,
  .ds-cost-option, .ds-cost-closing, .ds-lead-card, .ds-photo-card,
  .ds-custom-gallery figure, .ds-content-list, .ds-comparison article,
  .ds-queue-flow article, .ds-configurator-start, .ds-project-card,
  .ds-migration-box, .service-bridge-link, .ds-sector-grid .sector-card,
  .ds-extra-services > .container > .ds-service-details) {
  border-radius: var(--ds-radius-card);
}
.digital-signage-page .ds-extra-services > .container > .ds-service-details > summary:focus-visible {
  border-radius: var(--ds-radius-card);
}
.digital-signage-page :is(.ds-solution-visual img, .ds-cost-service-photo img,
  .ds-custom-gallery img, .ds-photo-card img) { border-radius: var(--ds-radius-card); }

/* Images inside cards inherit clipping from the outer card, avoiding double corners. */
.digital-signage-page :is(.ds-lead-option > img, .ds-client-photo,
  .ds-client-photo img, .sector-card-media, .sector-card-link) { border-radius: 0; }
.digital-signage-page .sector-card-link { border-radius: inherit; }

/* Larger composite panels use one larger radius and a smaller nested radius. */
.digital-signage-page :is(.ds-configurator-questions, .ds-config-result,
  .ds-price-card, .ds-hardware .ds-offer-redesign, .timed-trial-banner,
  .ds-header.has-menu .ds-nav) { border-radius: var(--ds-radius-panel); }
.digital-signage-page .ds-hardware .ds-offer-redesign .ds-price-visual {
  border-radius: var(--ds-radius-card);
}
.digital-signage-page :is(.ds-price-conversion, .ds-cost-trial, .ds-rai-note) {
  border-radius: var(--ds-radius-card);
}

/* Compact blocks, labels and icon tiles. */
.digital-signage-page :is(.ds-client-logos figure, .ds-config-option,
  .ds-detail-icon, .ds-film-icon, .ds-price-benefits article,
  .ds-installation-types span, .ds-radio-video-grid > div,
  .ds-contact-badges li, .ds-project-step-number,
  .ds-price-copy .ds-price-amount) { border-radius: var(--ds-radius-small); }
.digital-signage-page :is(.ds-queue-flow i, .ds-rai-note .material-symbols-outlined,
  .ds-price-benefits .material-symbols-outlined) { border-radius: var(--ds-radius-small); }

/* Controls share one radius. Important matches the existing typography theme. */
.digital-signage-page .button { border-radius: var(--ds-radius-control) !important; }
.digital-signage-page :is(.field input, .field select, .field textarea,
  .ds-menu-toggle, .ds-header .ds-nav > a, .header-contact-link,
  .ds-hero-video-toggle, .ds-film-footer button, .ds-ready-badge,
  .footer-contact-button) { border-radius: var(--ds-radius-control); }
.digital-signage-page :is(.ds-hero-media figcaption, .ds-photo-card figcaption,
  .ds-custom-gallery figcaption) { border-radius: var(--ds-radius-control); }

/* A monitor outline represents hardware, so keep its nested frame proportions. */
.digital-signage-page .network-monitor { border-radius: var(--ds-radius-panel); }
.digital-signage-page .network-monitor-screen { border-radius: var(--ds-radius-card); }

@media (max-width: 680px) {
  .digital-signage-page .ds-hero-background { border-radius: var(--ds-radius-card); }
}

/* Supporting media and nested service panels use the same scale. */
.digital-signage-page :is(.ds-extra-body > .section, .ds-sync-example > div) {
  border-radius: var(--ds-radius-card);
}
.digital-signage-page #progetto .ds-cost-service-photo img { border-radius: var(--ds-radius-card); }
.digital-signage-page :is(.ds-price-visual img, .network-monitor img,
  .ds-lead-option > img, .ds-client-photo img, .sector-card-media) { border-radius: 0; }
.digital-signage-page :is(.service-bridge-link img, .material-symbols-outlined) {
  border-radius: var(--ds-radius-small);
}
.digital-signage-page .ds-ledwall-screen { border-radius: var(--ds-radius-small); }
.digital-signage-page .ds-configurator-time { border-radius: 999px; }
.digital-signage-page .ds-header.has-menu .ds-menu-toggle { border-radius: var(--ds-radius-control); }
@media (min-width: 681px) {
  .digital-signage-page .ds-hero-background { border-radius: 0; }
}

/* Brand marks and client logos retain their original outlines. */
.digital-signage-page :is(.brand, .brand-logo, .ds-client-logos img) { border-radius: 0; }