.products-wrapper {
   display: flex;
   flex-direction: column;
}

.category-description {
   padding-top: 50px;
   border-top: 1px solid $border-color;
   margin-top: 50px;

   p {
      color: $text-muted;
      letter-spacing: .04em;
      line-height: 26px;
   }
}

// virtualni sekce a top10
.category-top-description {
   font-size: 16px;
   max-width: 1060px;
   margin-right: auto;
   margin-left: auto;
   padding-top: 0;

   @media screen and (max-width: 499px) {
      font-size: 14px;
      line-height: 1.75;
   }
}

.category-top-description-producer {
   max-width: none;

   .w-figure {
      img {
         width: 100%;
      }

      + .w-text {
         text-transform: uppercase;

         a {
            @include underline-hover;

            color: $text-dark;
         }
      }

      @include haf {
         + .w-text a {
            text-decoration: underline;
         }
      }
   }

   @media screen and (max-width: $md - 1) {
      .wpj-col-3,
      .wpj-col-4 {
         flex: 1 1 50%;
         width: 50%;
      }

      .wpj-col-4 {
         max-width: 50%;
      }

      .wpj-row {
         justify-content: center;
      }
   }
}

.category-how-to {
   .icons_women_scent {
      color: $brand-primary;
      font-size: 36px;
      margin-right: 10px;
      position: relative;
      bottom: -3px;
   }

   .icons_tip {
      color: $brand-primary;
      font-size: 34px;
      margin-right: 12px;
      position: absolute;
      top: 26px;

      + .h4 {
         padding-left: 45px;
      }
   }

   p { text-align: left; }

   .btn {
      color: $white;
      letter-spacing: .06em;
      padding: 9px 35px;
   }

   .h4 {
      font-size: 20px;
      letter-spacing: 0;
      margin-top: 40px;
      text-transform: none;
   }
}

.pick-perfume-title {
   margin-bottom: 30px;

   a { @include underline-default; }

   .icons_tip {
      color: $brand-primary;
      font-size: 32px;
      margin-right: 5px;
      vertical-align: middle;
   }
}

.producer-text {
   color: $text-muted;
   line-height: 26px;
   margin: 1em auto 3em;
   max-width: 790px;
}
