// Container
.flexable-home-banner
  display: flex
  flex-direction: row
  justify-content: flex-start

  width: 100%

// Featured products
.featured-products

  flex-grow: 0
  flex-shrink: 1
  flex-basis: 180px

  position: relative
  margin-left: 20px
  height: auto

  +respond-to-width($bp_sm)
    display: none

  .product-thumb-holder
    width: 100%
    height: 200px
    margin: 0

  .product-thumb-image
    width: 100%
    height: 100%

    img:not(.loading)
      width: 180px

// Image
.banner-image
  position: relative
  flex-grow: 1
  flex-shrink: 1

  margin-bottom: 50px

  .swiper-container
    position: relative
    width: 100%
    padding-bottom: 75%

  .swiper-wrapper
    position: absolute

  +respond-to-width($bp_mobile)
    margin-bottom: 20px

  a,img
    width: 100%