/* Solarin V1.8 – cross-browser layout hardening */
*,*::before,*::after{box-sizing:border-box}
html,body{width:100%;max-width:100%;overflow-x:hidden}
img{max-width:100%}
.vehicle-detail,.gallery,.main-photo,.thumbs,.tuning-panel,.detail-head{min-width:0}
.main-photo img{max-width:none}

/* On narrower desktop/tablet widths the ad rails are the first thing that can
   squeeze the vehicle panel. Remove only the rails and keep the content centered. */
@media (max-width:1100px){
  .detail-layout{display:block!important;width:100%!important;max-width:1260px!important;margin:0 auto!important;padding:20px 18px 60px!important}
  .detail-layout>.detail-ad{display:none!important}
  .detail-layout>.vehicle-detail{width:100%!important;max-width:1210px!important;margin:0 auto!important;padding:0!important;transform:none!important}
  .layout{grid-template-columns:minmax(0,1fr)!important;max-width:1220px!important;margin:0 auto!important;padding-inline:18px!important}
  .layout>.ad,.layout>.left,.layout>.right,.layout .mobile-ad{display:none!important}
}
@media (max-width:760px){
  .detail-layout{padding:18px 13px 55px!important}
  .gallery{grid-template-columns:1fr!important;width:100%!important;max-width:100%!important}
  .main-photo{width:100%!important;max-width:100%!important}
  .gallery-bottom-info{width:auto!important;max-width:none!important}
}