@import "@borngroup/lightswitch-storefront-ui-vue/styles.scss";
.sb-mega-menu {
  &__featured {
    flex: 0 0 43.125rem;
  }
  &__banners {
    display: flex;
    flex-direction: column;
    padding: var(--spacer-base);
    @mixin for-desktop {
      flex-direction: row;
      padding: 0;
    }
  }
  &__banner{
    &:first-child{
      margin: 0 0 var(--spacer-sm) 0;
      @mixin for-desktop {
        margin: 0 var(--spacer-sm) 0 0;
      }
    }
  }
}
