@media (max-width:560px){
  .mc-price-guide-picker-mount,
  .mc-price-guide-picker-mount .mc-price-picker-row,
  .mc-price-picker-row{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
    overflow:visible !important;
  }

  .mc-price-guide-picker-mount .mc-price-picker,
  .mc-price-picker{
    position:relative !important;
    flex:1 1 auto !important;
    min-width:0 !important;
    max-width:100% !important;
    overflow:visible !important;
  }

  .mc-price-picker-trigger{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
  }

  .mc-price-picker-trigger > span:first-child{
    display:block !important;
    min-width:0 !important;
    max-width:100% !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }

  /* Keep the dropdown inside the picker instead of centering/fixing it to the viewport. */
  .mc-price-guide-picker-mount .mc-price-picker-panel.open,
  .mc-price-picker-panel.open{
    position:absolute !important;
    top:calc(100% + 8px) !important;
    left:0 !important;
    right:0 !important;
    transform:none !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    box-sizing:border-box !important;
    z-index:5000 !important;
    max-height:min(340px,52vh) !important;
    overflow:auto !important;
  }

  @supports (height:100dvh){
    .mc-price-guide-picker-mount .mc-price-picker-panel.open,
    .mc-price-picker-panel.open{
      max-height:min(340px,52dvh) !important;
    }
  }
}

@media (max-width:780px){
  /* Contain only Price Guide content; do not clip the whole page after selection. */
  .mc-price-guide,
  .mc-price-chart-card,
  .mc-price-list,
  .mc-price-row,
  .mc-price-head,
  .mc-price-mobile-details,
  .mc-price-mobile-values,
  .mc-price-mobile-values div,
  .mc-price-mobile-issue,
  .mc-price-mobile-issue > span,
  .mc-price-issue,
  .mc-price-issue-title,
  .mc-price-money{
    min-width:0 !important;
    max-width:100% !important;
    box-sizing:border-box !important;
    overflow-wrap:anywhere !important;
  }

  .mc-price-chart-card,
  .mc-price-guide,
  .mc-price-list{
    width:100% !important;
    max-width:100% !important;
  }

  .mc-price-chart-wrap{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    overflow:visible !important;
  }

  .mc-price-chart-wrap svg{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    height:auto !important;
    display:block !important;
  }
}