/* FilmMind mobile buttons fix v1
   Fixes random/VK action buttons overflowing on narrow mobile screens.
*/

@media (max-width: 620px) {
  .clean-search-panel,
  .search-panel {
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  .random-pick-v1 {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    gap: 10px !important;
    row-gap: 10px !important;
    margin: 18px 0 0 !important;
    padding: 0 !important;
    justify-items: stretch !important;
    align-items: stretch !important;
    transform: none !important;
  }

  .random-pick-v1 > *,
  .random-pick-v1 .random-pick-btn-v1,
  .random-pick-v1 .fm-vk-today-btn-v1 {
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    transform: none !important;
  }

  .random-pick-v1 .random-pick-btn-v1,
  .random-pick-v1 .fm-vk-today-btn-v1 {
    min-height: 52px !important;
    height: auto !important;
    padding: 13px 16px !important;
    border-radius: 26px !important;
    line-height: 1.15 !important;
  }

  .random-pick-v1 .random-pick-btn-v1 span,
  .random-pick-v1 .fm-vk-today-btn-v1 span {
    max-width: 100% !important;
    line-height: 1.15 !important;
  }

  .random-pick-v1 .fm-vk-today-btn-v1 small {
    display: none !important;
  }
}

@media (max-width: 380px) {
  .random-pick-v1 .random-pick-btn-v1,
  .random-pick-v1 .fm-vk-today-btn-v1 {
    font-size: 15px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}
/* /FilmMind mobile buttons fix v1 */