&.shop-sidebar-left {
  .site-sidebar {
    @include breakpoint(large) {
      padding-right: rem-calc($grid-column-gutter/2);
    }
  }

  .site-main-content-wrapper {
    order: 1;
  }
}

&.shop-sidebar-right {
  .site-sidebar {
    @include breakpoint(large) {
      padding-left: rem-calc($grid-column-gutter/2);
    }
  }
}

.shop-has-sidebar {
  //position: relative;
  .woocommerce-sidebar {
    .site-sidebar--shop {
      display: none;
      @include breakpoint(large) {
        display: block;
      }
    }
  }
}

.site-main-content {
  text-align: center;
}
