/* TAIGA glued-panel profile visibility — 2026-09-05 v1 */

/* Make the real profile geometry readable without enlarging whole cards. */
@media (min-width:1101px){
  #profiles .profile-showcase-diagram{
    height:clamp(126px,17vh,158px)!important;
    padding:10px 12px!important;
  }
  #profiles .profile-showcase-diagram img{
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center!important;
    transform:scale(1.58)!important;
    transform-origin:center center!important;
  }

  #configurator .profile-diagram{
    height:126px!important;
    padding:10px 12px!important;
  }
  #configurator .profile-diagram img{
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center!important;
    transform:scale(1.42)!important;
    transform-origin:center center!important;
  }
}

/* Laptop-height desktop: keep the screen fit but preserve readable cross-sections. */
@media (min-width:1101px) and (max-height:840px){
  #profiles .profile-showcase-diagram{
    height:132px!important;
    padding:8px 10px!important;
  }
  #profiles .profile-showcase-diagram img{transform:scale(1.52)!important}
  #configurator .profile-diagram{height:114px!important;padding:8px 10px!important}
  #configurator .profile-diagram img{transform:scale(1.38)!important}
}

@media (max-width:1100px){
  #profiles .profile-showcase-diagram img{transform:scale(1.48)!important}
  #configurator .profile-diagram img{transform:scale(1.38)!important}
}

@media (max-width:780px){
  #profiles .profile-showcase-diagram img{transform:scale(1.38)!important}
  #configurator .profile-diagram img{transform:scale(1.30)!important}
}