.catalog-wrapper-top10 {
   display: flex;
   flex-wrap: wrap;
   max-width: 1330px;
   margin: 35px auto 0;
}

.catalog-top10 {
   border: 1px solid;
   border-color: $border-light $border-light transparent transparent;
   padding: 25px 60px;
   width: 50%;

   &:nth-child(1),
   &:nth-child(2) {
      border-top-color: transparent;
   }

   &:nth-child(even) {
      border-right-color: transparent;
   }

   a {
      @include underline-never;
   }

   p {
      margin: 0;
   }

   .product-link {
      margin-top: 5px;
      margin-bottom: 16px;
      position: relative;

      > a {
         display: block;
         width: 75%;
      }
   }

   .gallery {
      position: absolute;
      top: 60px;
      right: 0;
      width: 25%;

      a {
         display: block;

         + a {
            margin-top: 15px;
         }
      }
   }

   .shade {
      position: absolute;
      left: 20px;
      bottom: 20px;
   }

   .gender {
      span {
         font-size: 16px;
         font-weight: 700;
         text-transform: uppercase;
      }

      i {
         font-size: 30px;
         padding-left: 3px;
         vertical-align: middle;

         &::before {
            font-size: inherit !important;
         }
      }
   }

   .title {
      display: block;
      font-family: $font-bernino;
      font-size: 26px;
      font-weight: 700;
      line-height: 1.2;
      margin-bottom: 5px;

      @include haf {
         color: $font-color-light;
      }
   }

   .subtitle-wrapper {
      display: flex;
      justify-content: space-between;
      align-items: center;
   }

   .subtitle {
      color: $font-color-light;
      font-family: $font-bernino;
      font-size: 20px;
      line-height: 1.2;
   }

   .price {
      font-weight: 700;
      font-size: 34px;
      line-height: 1.2;
   }

   .strike-price {
      color: $font-color-light;
      display: block;
      font-size: 18px;

      del {
         white-space: nowrap;
      }
   }

   .catalog-buy-box {
      border: 2px solid $border-light;
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin: 10px auto 24px;
      padding: 20px 25px;
   }

   .h4 {
      font-family: $font-bernino;
      letter-spacing: .06em;
      margin-bottom: 20px;
      text-align: center;

      a {
         @include haf {
            color: $font-color-light;
         }
      }
   }

   .descr {
      color: $font-color-light;
      text-align: justify;
      line-height: 1.857;
      margin-bottom: 10px;
   }

   .delivery {
      display: flex;
      align-items: center;
      flex-wrap: wrap;

      p:first-child {
         color: $font-color-light;
         display: flex;
         align-items: center;
         flex-grow: 1;
         font-family: $font-bernino;
         font-size: 20px;

         &::before {
            @include fonticon;

            color: $black;
            content: $icons_delivery;
            font-size: 40px;
            margin-right: 15px;
         }
      }

      p:last-child {
         white-space: nowrap;
      }

      strong {
         padding-left: 10px;
      }
   }

   .flag {
      padding: 7px;
   }

   .flag-top10 {
      background: $black;
      text-transform: uppercase;
      white-space: nowrap;
   }

   @media screen and (max-width: 1199px) {
      padding: 20px;

      .price {
         font-size: 26px;
      }

      .strike-price {
         font-size: 14px;
      }

      .subtitle-wrapper {
         display: block;
      }
   }

   @media screen and (max-width: 991px) {
      .catalog-buy-box {
         padding: 10px 15px;
      }

      .delivery {
         justify-content: center;

         p:first-child {
            justify-content: center;
         }
      }
   }

   @media screen and (max-width: 767px) {
      width: 100%;
      border: 0;
      border-bottom: 1px solid $border-color;
   }

   @media screen and (max-width: 399px) {
      padding: 20px 0;

      .catalog-buy-box {
         padding: 10px;
      }

      .price {
         font-size: 24px;
      }

      .delivery p:first-child {
         font-size: 17px;
      }

      .flag {
         padding: 3px 6px;
      }

      .shade {
         left: 0;
         bottom: 0;
         width: 40px;
      }
   }
}
