/* P07: recolorable car-only layer of the 3-car reference logo.
   Gold stars and transparent white cutouts come from fixed-details PNG.
   CSS mask is an alpha mask: browser does not recolor existing original file. */
#qn23-header .gx-logo-box[data-logo-mode="image"] .xgp07-logo-colorized {
  position:relative;display:block;flex:0 0 auto;
  height:48px;width:auto;aspect-ratio:592 / 300;max-width:100%;
  overflow:visible;
}
#qn23-header .xgp07-logo-colorized .xgp07-native-image {
  display:block;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:fill;
}
#qn23-header .xgp07-logo-colorized .xgp07-vehicle-layer,
#qn23-header .xgp07-logo-colorized .xgp07-details-layer {
  display:none;
}
@supports ((mask-image:url("../images/transport/xg-p07-logo-vehicle-mask.png")) or (-webkit-mask-image:url("../images/transport/xg-p07-logo-vehicle-mask.png"))) {
  #qn23-header .xgp07-logo-colorized .xgp07-native-image {display:none!important;}
  #qn23-header .xgp07-logo-colorized .xgp07-vehicle-layer {
    display:block;position:absolute;inset:0;background-color:var(--xgp07-car-color,#17A2B8);
    -webkit-mask-image:url("../images/transport/xg-p07-logo-vehicle-mask.png");
    mask-image:url("../images/transport/xg-p07-logo-vehicle-mask.png");
    -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
    -webkit-mask-size:100% 100%;mask-size:100% 100%;
    -webkit-mask-position:center;mask-position:center;
    -webkit-mask-mode:alpha;mask-mode:alpha;
  }
  #qn23-header .xgp07-logo-colorized .xgp07-details-layer {
    display:block;position:absolute;inset:0;width:100%!important;height:100%!important;
    max-width:100%!important;max-height:100%!important;object-fit:fill;
    pointer-events:none;
  }
}
@media(max-width:1090px){
  #qn23-header .gx-logo-box[data-logo-mode="image"] .xgp07-logo-colorized{height:44px;}
}
@media(max-width:575.98px){
  #qn23-header .gx-logo-box[data-logo-mode="image"] .xgp07-logo-colorized{height:40px;}
}