/* La colonne de détail garde une hauteur définie : son ascenseur reste donc utilisable. */
@media (min-width:761px){
  .product-modal__dialog{
    box-sizing:border-box;
    width:min(940px,100%);
    height:min(760px,calc(100vh - 48px));
    max-height:calc(100vh - 48px);
    overflow:hidden;
    display:flex;
    flex-direction:column;
  }
  .product-modal__content{
    grid-template-columns:minmax(180px,280px) minmax(0,1fr);
    min-height:0;
    height:100%;
    flex:1 1 auto;
    overflow:hidden;
    align-items:start;
  }
  .product-modal__details{
    height:100%;
    min-height:0;
    max-height:none;
    overflow-y:scroll;
    overscroll-behavior:contain;
    padding-right:18px;
  }
}
@media (max-width:760px){
  .product-modal__dialog{overflow-y:auto}
  .product-modal__details{overflow:visible}
}