$product-compare-item-width: 340px !default;
$product-compare-item-width-sm: 200px !default;
$product-compare-item-th-width-tiny: 120px !default;

.main-products-compare {
   background: $body-bg;
   position: relative;

   .h1,
   h1 {
      font-size: 36px;
   }

   th.h1-wrapper {
      padding-left: 30px;

      .product-compare-share-group-wrapper {
         .form-control {
            background: $body-bg;
            border: 0;
         }
      }
   }
}

.compare-container {
   width: 100%;
}

.compare-wrapper {
   position: relative;
}

.compare-overflow {
   overflow-y: hidden;
   overflow-x: auto;

   &::-webkit-scrollbar {
      height: 4px;
   }

   &::-webkit-scrollbar-track-piece {
      background: $body-bg-alt;
   }

   &::-webkit-scrollbar-thumb {
      background: $border-color;
      border-radius: 0;
   }
}

.product-compare-share-group-wrapper {
   .form-control {
      margin-bottom: 5px;
   }
}

.products-compare-responsive-header {
   display: none;
}

@media screen and (max-width: $md - 1) {
   .products-compare-responsive-header {
      display: block;
   }

   .main-products-compare {
      .h1-wrapper {
         * {
            display: none;
         }
      }
   }
}

@media screen and (max-width: $sm - 1) {
   .products-compare-responsive-header {
      .h1 {
         font-size: 26px;
      }
   }
}
