/* SG-Tronic Motorsport V9.3 — service hero safe areas and artwork boundaries.
   Corrects the legacy `inner-hero > .container { width:100% !important }` override.
   Scope: inner page heroes only; home, footer, navigation and SEO unchanged. */
@media (min-width:721px){
  body.sgtm-v4 .inner-hero > .container,
  body.sgtm-v4 .inner-hero.v7-inner-hero > .container.inner-layout {
    width:min(1440px, calc(100% - 104px))!important;
    max-width:1440px!important;
    margin-inline:auto!important;
  }
  body.sgtm-v4 .inner-hero.v7-inner-hero .inner-layout {
    column-gap:clamp(30px,3.4vw,62px)!important;
  }
  body.sgtm-v4 .inner-hero.v7-inner-hero .inner-layout > div:first-child {
    min-width:0!important;
    padding-right:clamp(0px,1vw,14px);
  }
  body.sgtm-v4 .inner-hero.v7-inner-hero .hero-technical.v7-service-art {
    min-width:0!important;
    max-width:620px!important;
    width:100%!important;
    margin:0 0 0 auto!important;
    overflow:hidden!important;
    box-shadow:none!important;
    transform:none!important;
  }
  body.sgtm-v4 .inner-hero.v7-inner-hero .hero-technical.v7-service-art img {
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    object-fit:contain!important;
    object-position:center!important;
    filter:none!important;
    transform:none!important;
  }
}
@media (min-width:981px){
  body.sgtm-v4 .inner-hero.v7-inner-hero .inner-layout {
    grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr)!important;
  }
}
@media (min-width:721px) and (max-width:980px){
  body.sgtm-v4 .inner-hero.v7-inner-hero .inner-layout {
    grid-template-columns:1fr!important;
    row-gap:26px!important;
  }
  body.sgtm-v4 .inner-hero.v7-inner-hero .hero-technical.v7-service-art {
    width:min(100%,560px)!important;
    margin:0 auto!important;
  }
  body.sgtm-v4 .inner-hero.v7-inner-hero {
    min-height:650px!important;
    height:auto!important;
    padding-block:54px!important;
  }
}
@media (max-width:720px){
  body.sgtm-v4 .inner-hero > .container,
  body.sgtm-v4 .inner-hero.v7-inner-hero > .container.inner-layout {
    width:calc(100% - 40px)!important;
    max-width:100%!important;
    margin-inline:auto!important;
  }
  body.sgtm-v4 .inner-hero.v7-inner-hero .hero-technical.v7-service-art {
    width:100%!important;
    max-width:540px!important;
    margin:25px auto 0!important;
    overflow:hidden!important;
    transform:none!important;
  }
  body.sgtm-v4 .inner-hero.v7-inner-hero .hero-technical.v7-service-art img {
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    transform:none!important;
    filter:none!important;
  }
}