/* V158 — SG-Tronic global corner-radius consistency
   Main visual rule: cards, image panels and buttons stay between 3px and 6px.
   Pills, circular icons and round navigation controls are intentionally excluded. */

/* Buttons */
.btn,
button:not(.nav-drop-trigger),
.ecu-upload-float,
.mobile a{
  border-radius:4px!important;
}

/* Main content cards / boxes */
.service-grid > a,
.related > a,
.symptom-grid article,
.steps article,
.mode-grid article,
.trust-panel article,
.benefits,
.area-card,
.region-card,
.coverage-check,
.remap-online-services,
.remap-online-grid a,
.remap-online-note,
.faq details,
.intl143-summary,
.intl143-service-grid article,
.intl143-feature-image,
.intl143-postal-grid article,
.intl143-postal-note,
.intl143-coverage-grid article,
.intl143-process-grid article,
.intl143-trust-grid article,
.intl143-related a,
.sa151-route-grid article,
.sa151-area-card,
.sa151-related-grid a,
.sa151-faq details,
.sa151-overview-media,
.sa151-hero-media,
.ecu-security-cta,
.ecu-security-notes article{
  border-radius:5px!important;
}

/* Images and image containers */
figure,
.service-image,
.vehicle-photo,
.intl143-hero-photo,
.intl143-feature-image,
.intl-postal-image,
.intl-tool-visual,
.sa151-hero-media,
.sa151-overview-media{
  border-radius:5px!important;
  overflow:hidden;
}

figure img,
.service-image img,
.vehicle-photo img,
.intl143-feature-image img,
.sa151-hero-media img,
.sa151-overview-media img{
  border-radius:4px!important;
}

/* Generic bordered panels used across older pages */
.panel,
.card,
.box,
.content-card,
.info-card,
.service-card,
.feature-card,
.price-card,
.notice,
.callout{
  border-radius:5px!important;
}

/* Keep special pill / circular UI intentionally round */
.tag,
.badge,
.pill,
.chip,
.trust span,
.town-list span,
.sa151-town-list span,
.intl143-points span,
.back-to-top,
.mark{
  border-radius:999px!important;
}

/* Navigation dropdown panels should match the site, not look pill-shaped */
.nav-drop-menu,
.mobile-menu-panel{
  border-radius:5px!important;
}

@media(max-width:680px){
  .btn,
  button:not(.nav-drop-trigger),
  .ecu-upload-float,
  .mobile a{
    border-radius:4px!important;
  }

  .service-grid > a,
  .related > a,
  .symptom-grid article,
  .steps article,
  .mode-grid article,
  .trust-panel article,
  .faq details,
  .remap-online-services,
  .remap-online-grid a,
  .sa151-area-card,
  .sa151-route-grid article,
  .sa151-related-grid a,
  .sa151-faq details{
    border-radius:5px!important;
  }
}