.top-products {
   counter-reset: top-products;

   a {
      display: flex;
      align-items: center;
      position: relative;
      width: 100%;

      &::before {
         content: "";
         display: block;
         position: absolute;
         top: 0;
         left: 0;
         right: 0;
         bottom: 0;
         background-color: rgba(0, 0, 0, .03);
         opacity: 1;
         transition: opacity .3s ease;
         z-index: 2;
         pointer-events: none;
      }
   }

   .content {
      flex-grow: 1;
      width: calc(100% - 105px);

      &::before {
         counter-increment: top-products;
         content: counter(top-products);
         background: $black;
         border-radius: 50%;
         color: $white;
         display: flex;
         align-items: center;
         justify-content: center;
         font-weight: $font-weight-bold;
         width: 24px;
         height: 24px;
         position: absolute;
         left: 15px;
         top: 15px;
      }
   }

   .section {
      color: $body-color;
   }

   @media screen and (max-width: $md - 1) {
      .catalog {
         margin-bottom: 15px;
      }
   }
}

@media screen and (max-width: $sm - 1) {
   .top-products-wrapper {
      display: none;
   }
}
