@container ba (max-width:760px){html body:where(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404) .saa-ab__hero{display:flex;flex-direction:column;align-items:stretch;min-height:0}html body:where(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404) .saa-ab__hero-media{position:relative;inset:auto;aspect-ratio:4/3}html body:where(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404) .saa-ab__hero-media[style*="--ab-m-pos"] img{object-position:var(--ab-m-pos)!important}html body:where(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404) .saa-ab__hero-fade{display:none}html body:where(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404) .saa-ab__hero-text{margin:0;padding:26px 20px 30px;max-width:none;background:#0E0E10}html body:where(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404) .saa-ab .saa-ab__h1{font-size:28px!important}html body:where(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404) .saa-ab__ctas{display:grid;grid-template-columns:1fr 1fr}html body:where(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404) .saa-ab__tabs::-webkit-scrollbar{display:none}html body:where(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404) .saa-ab__2col{grid-template-columns:minmax(0,1fr)!important;gap:20px!important}html body:where(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404) .saa-ab .saa-ab__head>.saa-ab__sub{text-align:left}html body:where(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404) .saa-ab__cards{grid-template-columns:minmax(0,1fr)}html body:where(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404) .saa-ab__cards--tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}html body:where(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404) .saa-ab__vrow{grid-template-columns:54px minmax(0,1fr)}html body:where(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404) .saa-ab__vrow>:nth-child(3){grid-column:2}html body:where(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404) .saa-ab__vhead{display:none}html body:where(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404) .saa-ab__tabs{justify-content:flex-start;overflow-x:auto;scrollbar-width:none}html body:where(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404) .saa-ab__series{grid-template-columns:minmax(0,1fr);gap:10px}html body:where(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404) .saa-ab__detail{grid-template-columns:minmax(0,1fr);gap:16px}html body:where(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404) .saa-ab__sticky{position:static}html body:where(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404) .saa-ab__cta{flex-direction:column;align-items:stretch}html body:where(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404) .saa-ab__cta-copy{min-width:0}html body:where(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404) .saa-ab__why{grid-template-columns:minmax(0,1fr)}}
@container ba (max-width:760px){html body .saa-ab__subnav{justify-content:flex-start;overflow-x:auto;scrollbar-width:none}}
@container ba (max-width:760px){html body .saa-ab__subnav::-webkit-scrollbar{display:none}}
@container saa-brand-about (max-width:760px){:where(body:is(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404)) .saa-ba .saa-ba__subnav{justify-content:flex-start;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}}
@container saa-brand-about (max-width:760px){:where(body:is(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404)) .saa-ba .saa-ba__subnav::-webkit-scrollbar{display:none}}
@container saa-brand-captcha (width < 304px) {
  html body:has(:is(.saa-ab--novitec,.saa-brand-about--techart)) form.module_custom_form .input-box > .g-recaptcha {
    transform:scale(.95);
    transform-origin:center;
    margin-block:-1.95px;
  }
}
@container saa-brand-captcha (width < 289px) {
  html body:has(:is(.saa-ab--novitec,.saa-brand-about--techart)) form.module_custom_form .input-box > .g-recaptcha {
    transform:scale(.898);
    transform-origin:center;
    margin-block:-3.978px;
  }
}
@container ba (min-width: 761px) {
  html body .saa-ab--akrapovic .saa-ab__why:has(>.saa-ab__why-item:nth-child(2):last-child) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@container ba (max-width: 480px) {
  html body .saa-ab.saa-ab--vossen .saa-ab__tabs:has(>.saa-ab__tab:nth-child(3):last-child) {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    overflow: visible;
  }
  html body .saa-ab.saa-ab--vossen .saa-ab__tabs:has(>.saa-ab__tab:nth-child(3):last-child) > .saa-ab__tab {
    min-width: 0;
    min-height: 52px;
    height: auto;
    padding: 8px;
    white-space: normal;
    text-align: center;
    justify-content: center;
  }
}
@container ba (min-width: 1200px) {
  html body .saa-ab.saa-ab--redstar .saa-ab__hero-text {
    width: calc(35% - clamp(20px, 5vw, 72px) - 24px);
  }
}
@container ba (max-width:760px) {
     html body .saa-ab .saa-ab__hero-media{
         aspect-ratio:auto;
    }
     html body .saa-ab .saa-ab__hero-media img{
         display:block;
         height:auto!important;
         object-fit:contain!important;
    }
     html body .saa-ab .saa-ab__h1{
         font-size:clamp(24px,6.7vw,28px)!important;
         overflow-wrap:break-word;
    }
}
@container saa-brand-about (max-width:760px) {
     html body .saa-ba .saa-car-hero .saa-ba__hero-media{
         position:relative!important;
         left:auto!important;
         right:auto!important;
         width:100%!important;
         height:auto!important;
         aspect-ratio:auto!important;
    }
     html body .saa-ba .saa-car-hero .saa-ba__hero-media img{
         display:block!important;
         width:100%!important;
         height:auto!important;
    }
     html body .saa-ba .saa-car-hero .saa-ba__hero-text{
         max-width:none!important;
    }
     html body .saa-ba .saa-car-hero .saa-ba__hero-fade{
         display:none!important;
    }
     /* Trim only the BBS banner's empty left black area;
     retain the complete BMW. */
     html body .saa-brand-about--bbs .saa-car-hero .saa-ba__hero-media{
         aspect-ratio:2.2!important;
         overflow:hidden!important;
    }
     html body .saa-brand-about--bbs .saa-car-hero .saa-ba__hero-media img{
         position:absolute!important;
         right:0!important;
         width:147.42%!important;
         max-width:none!important;
         height:100%!important;
    }
}
@container saa-brand-about (min-width:761px) {
     html body :is(.saa-brand-about--bbs,.saa-brand-about--adv1) .saa-car-hero{
         min-height:0!important;
         box-sizing:border-box;
         align-items:flex-start!important;
         padding:28px 5%!important;
    }
     html body .saa-brand-about--bbs .saa-car-hero{
         aspect-ratio:1440/444;
    }
     html body .saa-brand-about--adv1 .saa-car-hero{
         aspect-ratio:1920/520;
    }
}
@container saa-brand-about (min-width:761px) and (max-width:1199px) {
     html body :is(.saa-brand-about--bbs,.saa-brand-about--adv1) .saa-car-hero{
         display:block!important;
         aspect-ratio:auto;
         padding:0!important;
    }
     html body :is(.saa-brand-about--bbs,.saa-brand-about--adv1) .saa-car-hero .saa-ba__hero-media{
         position:relative!important;
         inset:auto!important;
         width:100%!important;
         height:auto!important;
    }
     html body :is(.saa-brand-about--bbs,.saa-brand-about--adv1) .saa-car-hero .saa-ba__hero-media img{
         width:100%!important;
         height:auto!important;
         display:block!important;
    }
     html body :is(.saa-brand-about--bbs,.saa-brand-about--adv1) .saa-car-hero .saa-ba__hero-text{
         box-sizing:border-box;
         max-width:none!important;
         padding:28px 5%!important;
    }
     html body :is(.saa-brand-about--bbs,.saa-brand-about--adv1) .saa-car-hero .saa-ba__hero-fade{
         display:none!important;
    }
}
@container ba (min-width:761px) {
     html body .saa-ab .saa-ab__hero{
         align-items:flex-start!important;
    }
}
@container saa-brand-about (min-width:761px) {
     html body :is(.saa-brand-about--techart,.saa-brand-about--anrky) .saa-ba__hero{
         align-items:flex-start!important;
         padding-top:28px!important;
         padding-bottom:28px!important;
    }
}
@container ba (max-width:480px) {
     html body .saa-ab .saa-ab__cards--tiles {
         grid-template-columns:minmax(0, 1fr);
    }
     html body .saa-ab .saa-ab__cards--tiles .saa-ab__card-title, html body .saa-ab .saa-ab__cards--tiles .saa-ab__card-cta {
         overflow-wrap:normal;
         word-break:normal;
         hyphens:none;
    }
}
@container saahero (min-width:641px) and (max-width:1100px){
     /* One shared track grows to fit the distributor slide, with a controls gutter. */
     html body:where(.xm-cms-home) .saa-hx-grid{
         height:auto;
         min-height:440px 
    }
     html body:where(.xm-cms-home) .saa-hx-s2 .saa-hx-content{
         position:relative;
         left:auto;
         right:auto;
         top:auto;
         transform:none;
         margin:0 clamp(20px,4vw,64px) 0 32%;
         padding:24px 0 48px;
         flex:1;
         min-width:0;
         align-self:center;
         box-sizing:border-box 
    }
     html body:where(.xm-cms-home) .saa-hx-s2 .saa-hx-fade{
         background:linear-gradient(90deg,rgba(11,11,13,0) 12%,rgba(11,11,13,.985) 32%) 
    }
     html body:where(.xm-cms-home) .saa-hx-logos{
         grid-template-columns:repeat(6,minmax(0,1fr)) 
    }
}
@container saahero (max-width:640px){
     html body:where(.xm-cms-home) .saa-hx-grid{
         height:auto 
    }
     html body:where(.xm-cms-home) .saa-hx-slide{
         flex-direction:column 
    }
     html body:where(.xm-cms-home) .saa-hx-media{
         position:relative;
         inset:auto;
         width:100%;
         aspect-ratio:375/260;
         flex:none 
    }
     html body:where(.xm-cms-home) .saa-hx-fade{
         display:none 
    }
     html body:where(.xm-cms-home) .saa-hx .saa-hx-content{
         position:relative;
         inset:auto;
         transform:none;
         max-width:none;
         width:auto;
         text-align:left;
         align-items:flex-start;
         padding:34px 20px 28px;
         background:#0e0e10;
         gap:12px;
         min-height:300px;
         box-sizing:border-box;
         flex:1 0 auto;
         justify-content:center 
    }
     html body:where(.xm-cms-home) .saa-hx .saa-hx-title{
         font-size:25px!important;
         line-height:1.06!important 
    }
     html body:where(.xm-cms-home) .saa-hx .saa-hx-lead{
         font-size:14.5px!important;
         line-height:1.5!important;
         display:-webkit-box;
         -webkit-line-clamp:2;
         -webkit-box-orient:vertical;
         overflow:hidden 
    }
     html body:where(.xm-cms-home) .saa-hx-ctas{
         display:grid;
         grid-template-columns:repeat(auto-fit,minmax(0,1fr));
         align-self:stretch;
         gap:8px;
         margin-top:2px 
    }
     html body:where(.xm-cms-home) .saa-hx-ctas>*{
         justify-content:center;
         height:48px;
         padding:0 10px;
         font-size:11px!important;
         letter-spacing:.1em!important;
         white-space:nowrap 
    }
     html body:where(.xm-cms-home) .saa-hx-logos{
         grid-template-columns:repeat(5,minmax(0,1fr)) 
    }
     html body:where(.xm-cms-home) .saa-hx-logos>a{
         width:100%;
         height:40px;
         padding:4px 
    }
     html body:where(.xm-cms-home) .saa-hx-tags{
         justify-content:flex-start;
         gap:6px 14px 
    }
     html body:where(.xm-cms-home) .saa-hx-s1 .saa-hx-img{
         height:100%!important;
         transform:translateX(-46%) 
    }
     html body:where(.xm-cms-home) .saa-hx-s2 .saa-hx-img{
         height:100%!important;
         transform:translateX(-31%) 
    }
     html body:where(.xm-cms-home) .saa-hx-s3 .saa-hx-img{
         height:128%!important;
         transform:translateX(-49.5%) 
    }
     html body:where(.xm-cms-home) .saa-hx-s4 .saa-hx-img{
         height:154%!important;
         transform:translateX(-76%) 
    }
     html body:where(.xm-cms-home) .saa-hx-s5 .saa-hx-map{
         right:50%;
         transform:translateX(50%);
         top:6%;
         bottom:6% 
    }
     html body:where(.xm-cms-home) .saa-hx-states{
         gap:6px 
    }
     html body:where(.xm-cms-home) .saa-hx-dots{
         top:calc(100cqw*260/375 + 14px);
         bottom:auto;
         left:20px;
         right:auto;
         justify-content:flex-start 
    }
}
@container saahero (max-width:360px){
     html body:where(.xm-cms-home) .saa-hx-logos{
         grid-template-columns:repeat(4,minmax(0,1fr)) 
    }
}
@container saa-brand-about (max-width:760px){
     .saa-ba:where(body:is(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404)) .saa-ba__hero,
:where(body:is(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404)) .saa-ba .saa-ba__hero{
         display:flex;
         flex-direction:column;
         align-items:stretch;
         min-height:0;
         padding:0 
    }
     .saa-ba:where(body:is(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404)) .saa-ba__hero-media,
:where(body:is(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404)) .saa-ba .saa-ba__hero-media{
         position:relative;
         inset:auto;
         aspect-ratio:4 / 3 
    }
     .saa-ba:where(body:is(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404)) .saa-ba__hero-fade,
:where(body:is(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404)) .saa-ba .saa-ba__hero-fade{
         display:none 
    }
     .saa-ba:where(body:is(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404)) .saa-ba__hero-text,
:where(body:is(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404)) .saa-ba .saa-ba__hero-text{
         position:relative;
         left:auto;
         top:auto;
         transform:none;
         width:100%;
         max-width:none;
         padding:26px 20px 30px;
         background:#0e0e10 
    }
     .saa-ba:where(body:is(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404)) .saa-ba__h1,
:where(body:is(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404)) .saa-ba .saa-ba__h1{
         font-size:28px 
    }
     .saa-ba:where(body:is(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404)) .saa-ba__ctas,
:where(body:is(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404)) .saa-ba .saa-ba__ctas{
         display:grid;
         grid-template-columns:repeat(2,minmax(0,1fr)) 
    }
     .saa-ba:where(body:is(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404)) .saa-ba__ctas>*,
:where(body:is(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404)) .saa-ba .saa-ba__ctas>*{
         justify-content:center;
         padding:12px 10px 
    }
     .saa-ba:where(body:is(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404)) .saa-ba__cards,
:where(body:is(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404)) .saa-ba .saa-ba__cards{
         grid-template-columns:minmax(0,1fr) 
    }
     .saa-ba:where(body:is(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404)) .saa-ba__cards--tiles,
:where(body:is(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404)) .saa-ba .saa-ba__cards--tiles,
.saa-ba:where(body:is(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404)) .saa-ba__makes .saa-ba__cards--tiles,
:where(body:is(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404)) .saa-ba .saa-ba__makes .saa-ba__cards--tiles{
         grid-template-columns:repeat(2,minmax(0,1fr));
         gap:12px 
    }
     .saa-ba:where(body:is(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404)) .saa-ba__detail,
:where(body:is(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404)) .saa-ba .saa-ba__detail{
         grid-template-columns:minmax(0,1fr);
         gap:16px 
    }
     .saa-ba:where(body:is(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404)) .saa-ba__cta,
:where(body:is(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404)) .saa-ba .saa-ba__cta{
         flex-direction:column;
         align-items:stretch 
    }
     .saa-ba:where(body:is(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404)) .saa-ba__cta-copy,
:where(body:is(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404)) .saa-ba .saa-ba__cta-copy{
         min-width:0 
    }
     .saa-ba:where(body:is(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404)) .saa-ba__wheel-card,
:where(body:is(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404)) .saa-ba .saa-ba__wheel-card{
         padding:10px 
    }
     .saa-ba:where(body:is(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404)) .saa-ba__wheel-card :where(h3,h4),
:where(body:is(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404)) .saa-ba .saa-ba__wheel-card :where(h3,h4){
         font-size:12px 
    }
}
@container saa-brand-about (max-width:760px){
     .saa-ba.saa-brand-about--adv1:where(body:is(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404)) .rowscroll .wheel,
:where(body:is(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404)) .saa-ba.saa-brand-about--adv1 .rowscroll .wheel{
         flex-basis:calc((100% - 16px)/2);
         padding:10px 
    }
     .saa-ba.saa-brand-about--adv1:where(body:is(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404)) .rowscroll .wheel .wheel-img,
:where(body:is(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404)) .saa-ba.saa-brand-about--adv1 .rowscroll .wheel .wheel-img{
         height:auto;
         aspect-ratio:1/1 
    }
     .saa-ba.saa-brand-about--adv1:where(body:is(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404)) .rowscroll .wheel .subheader,
:where(body:is(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404)) .saa-ba.saa-brand-about--adv1 .rowscroll .wheel .subheader{
         font-size:12px;
         overflow-wrap:anywhere 
    }
     .saa-ba.saa-brand-about--adv1:where(body:is(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404)) .range-header span,
:where(body:is(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404)) .saa-ba.saa-brand-about--adv1 .range-header span{
         font-size:15px!important 
    }
}
@container saa-brand-about (max-width:760px){
     :where(.saa-ba):where(body:is(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404)) [data-saa-wheel-form="anrky"] .form-section,
:where(body:is(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404)) :where(.saa-ba) [data-saa-wheel-form="anrky"] .form-section{
         padding:16px!important 
    }
     :where(.saa-ba):where(body:is(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404)) [data-saa-wheel-form="anrky"] .form-line,
:where(body:is(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404)) :where(.saa-ba) [data-saa-wheel-form="anrky"] .form-line{
         width:100%!important;
         margin:8px 0!important 
    }
     :where(.saa-ba):where(body:is(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404)) [data-saa-wheel-form="anrky"] .form-sub-label-container,
:where(body:is(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404)) :where(.saa-ba) [data-saa-wheel-form="anrky"] .form-sub-label-container{
         width:100% 
    }
     :where(.saa-ba):where(body:is(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404)) dialog.saa-ba__wheel-dialog,
:where(body:is(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404)) :where(.saa-ba) dialog.saa-ba__wheel-dialog{
         padding:12px 
    }
     :where(.saa-ba):where(body:is(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404)) [data-saa-wheel-form="bbs"] .wheel-form,
:where(body:is(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404)) :where(.saa-ba) [data-saa-wheel-form="bbs"] .wheel-form{
         padding:20px 16px 
    }
     :where(.saa-ba):where(body:is(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404)) [data-saa-wheel-form="bbs"] .wheel-form>.row2,
:where(body:is(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404)) :where(.saa-ba) [data-saa-wheel-form="bbs"] .wheel-form>.row2{
         grid-template-columns:minmax(0,1fr);
         gap:24px 
    }
     :where(.saa-ba):where(body:is(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404)) [data-saa-wheel-form="bbs"] #wheel-form-display img,
:where(body:is(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404)) :where(.saa-ba) [data-saa-wheel-form="bbs"] #wheel-form-display img{
         max-width:200px 
    }
     :where(.saa-ba):where(body:is(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404)) [data-saa-wheel-form="bbs"] #your-details,
:where(body:is(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404)) :where(.saa-ba) [data-saa-wheel-form="bbs"] #your-details{
         grid-template-columns:minmax(0,1fr);
         gap:0 
    }
}
@container ba (min-width:1200px){
     html body:where(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404) .saa-ab .saa-ab__hero{
         display:grid;
         min-height:0;
         align-items:start!important 
    }
     html body:where(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404) .saa-ab .saa-ab__hero-media{
         position:relative;
         inset:auto;
         grid-area:1/1;
         aspect-ratio:auto 
    }
     html body:where(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404) .saa-ab .saa-ab__hero-media img{
         width:100%!important;
         height:auto!important;
         object-fit:contain!important 
    }
     html body:where(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404) .saa-ab .saa-ab__hero-text{
         grid-area:1/1;
         align-self:start;
         width:40%;
         max-width:580px;
         padding:28px 0;
         gap:14px 
    }
     html body:where(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404) .saa-ab .saa-ab__h1{
         font-size:clamp(28px,2.5vw,36px)!important 
    }
     html body:where(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404) .saa-ab .saa-ab__lead{
         font-size:15.5px!important 
    }
     html body:where(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404) :is(.saa-ab--redstar,.saa-ab--velocity-ap) .saa-ab__hero-media{
         width:65%;
         margin-left:auto 
    }
     html body:where(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404) :is(.saa-ab--redstar,.saa-ab--velocity-ap) .saa-ab__hero-text{
         width:30% 
    }
     html body:where(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404) .saa-ab--ap-suspension .saa-ab__hero-media{
         width:40%;
         max-width:520px;
         margin-left:auto;
         margin-right:7% 
    }
     html body:where(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404) .saa-ab--ap-suspension .saa-ab__hero-text{
         width:40% 
    }
     html body:where(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404) :is(.saa-ab--ap-suspension,.saa-ab--redstar,.saa-ab--velocity-ap) .saa-ab__hero-fade{
         display:none 
    }
}
@container ba (min-width:761px) and (max-width:1199px){
     html body:where(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404) .saa-ab .saa-ab__hero{
         display:flex;
         flex-direction:column;
         min-height:0 
    }
     html body:where(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404) .saa-ab .saa-ab__hero-media{
         position:relative;
         inset:auto;
         width:100%;
         aspect-ratio:auto 
    }
     html body:where(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404) .saa-ab .saa-ab__hero-media img{
         width:100%!important;
         height:auto!important;
         object-fit:contain!important 
    }
     html body:where(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404) .saa-ab .saa-ab__hero-text{
         margin:0;
         padding:26px 5%;
         max-width:none;
         width:100% 
    }
     html body:where(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404) .saa-ab .saa-ab__hero-fade{
         display:none 
    }
     html body:where(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404) .saa-ab .saa-ab__h1{
         font-size:32px!important 
    }
}
@container ba (max-width:1199px){
     html body:where(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404) .saa-ab--ap-suspension .saa-ab__hero-media{
         max-width:420px;
         margin-inline:auto 
    }
}
@container saa-brand-about (min-width:1200px){
     html body:where(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404) .saa-brand-about--techart .saa-ba__hero{
         display:grid;
         min-height:0;
         padding:0!important;
         align-items:start!important 
    }
     html body:where(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404) .saa-brand-about--techart .saa-ba__hero-media{
         position:relative;
         inset:auto;
         grid-area:1/1;
         width:65%;
         margin-left:auto 
    }
     html body:where(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404) .saa-brand-about--techart .saa-ba__hero-media img{
         width:100%!important;
         height:auto!important;
         object-fit:contain!important 
    }
     html body:where(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404) .saa-brand-about--techart .saa-ba__hero-text{
         grid-area:1/1;
         align-self:start;
         width:30%;
         margin:0 0 0 5%;
         padding:28px 0 
    }
     html body:where(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404) .saa-brand-about--techart .saa-ba__hero-fade{
         display:none 
    }
}
@container saa-brand-about (min-width:761px) and (max-width:1199px){
     html body:where(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404) .saa-brand-about--techart .saa-ba__hero{
         display:flex;
         flex-direction:column;
         min-height:0;
         padding:0!important 
    }
     html body:where(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404) .saa-brand-about--techart .saa-ba__hero-media{
         position:relative;
         inset:auto;
         width:100% 
    }
     html body:where(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404) .saa-brand-about--techart .saa-ba__hero-media img{
         width:100%!important;
         height:auto!important;
         object-fit:contain!important 
    }
     html body:where(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404) .saa-brand-about--techart .saa-ba__hero-text{
         width:100%;
         max-width:none;
         margin:0;
         padding:26px 5% 
    }
     html body:where(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404) .saa-brand-about--techart .saa-ba__hero-fade{
         display:none 
    }
}
@container ba (min-width:1200px) and (max-width:1350px){
     html body:where(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404) .saa-ab--redstar .saa-ab__hero-text{
         padding:16px 0;
         gap:10px 
    }
     html body:where(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404) .saa-ab--redstar .saa-ab__h1{
         font-size:28px!important 
    }
}
@container saa-brand-about (max-width:760px) {
     .saa-ba:where(body:is(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404)) :is(.saa-ba__intro-grid,.saa-ba__tech-grid,.saa-ba__collection-grid,.saa-ba__extra-grid),
:where(body:is(.xm-cms-category,.xm-cms-custom-page,.xm-cms-404)) .saa-ba :is(.saa-ba__intro-grid,.saa-ba__tech-grid,.saa-ba__collection-grid,.saa-ba__extra-grid){
         grid-template-columns:minmax(0px, 1fr);
         gap:20px;
    }
}