/* RAFimport patch v59: align the video panel to the hero and catalog grid */

@media (min-width:1181px){
  /* The hero uses the same 1360px container as the catalog below.
     Keep the left edge on the content column and the right edge on the catalog edge. */
  .raf-home .raf-hero__inner{
    grid-template-columns:minmax(0,760px) minmax(360px,440px) !important;
    column-gap:0 !important;
    row-gap:0 !important;
    justify-content:space-between !important;
    align-items:end !important;
  }

  .raf-home .raf-hero__content{
    justify-self:start !important;
    align-self:end !important;
    width:100% !important;
    max-width:760px !important;
  }

  /* Do not stretch the video block. Its natural card height is preserved,
     while its bottom aligns with the bottom of the quick-search block. */
  .raf-home .raf-hero-videos{
    justify-self:end !important;
    align-self:end !important;
    width:100% !important;
    max-width:440px !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 !important;
    display:block !important;
  }

  .raf-home .raf-hero-videos__viewport{
    display:block !important;
    flex:none !important;
    height:auto !important;
    min-height:0 !important;
  }

  .raf-home .raf-hero-videos__track{
    height:auto !important;
    min-height:0 !important;
  }

  .raf-home .raf-hero-video-card{
    height:auto !important;
    min-height:0 !important;
    display:block !important;
  }

  .raf-home .raf-hero-video-card__media{
    flex:none !important;
    height:178px !important;
    min-height:178px !important;
  }

  .raf-home .raf-hero-video-card__text{
    flex:none !important;
    min-height:104px !important;
  }
}
