$search-v: 2;

@import "@css[shared]/page/_search";

.page-search h1 {
   font-size: 36px;

   @media screen and (max-width: $xs - 1) {
      font-size: 28px;
   }
}

.search-types {
   .tabs {
      justify-content: flex-start;

      .nav-link {
         border: 0;
         border-bottom: 1px solid transparent;
         margin-right: 10px;
         margin-left: 0;
         margin-bottom: -1px;
      }
   }

   .category-body {
      border-top: 0;
      padding-top: 0;
   }

   .category-products {
      margin-bottom: 0;
   }

   .tab-pane {
      border-top: 1px solid $border-color;
   }

   .nav-link.nav-link {
      font-size: 16px;
      padding-right: 10px;
      padding-left: 10px;
   }

   .search-results-item {
      padding: 15px 20px;
   }

   .page-loader-wrapper {
      justify-content: flex-end;

      .pagination {
         text-align: right;
      }
   }

   @media screen and (max-width: $sm - 1) {
      .tab-pane {
         border-top: 0;
      }

      .nav-link.nav-link {
         border-top: 1px solid $border-color;
         padding: 15px 0;
      }

      .search-results-item {
         padding: 15px 20px;
      }
   }
}
