.product-container {
   h1,
   .h1 {
      flex-grow: 1;
      line-height: 1.1;
      margin-bottom: 0;
      padding-right: 40px;
   }

   .product-subtitle {
      display: block;
      line-height: 1.4;
      margin: 10px 0;
      min-height: 23px; // rezervovane pred nactenim obsahu
   }

   .tabs {
      dt {
         font-weight: 600;
      }
   }

   @media screen and (max-width: $sm - 1) {
      h1 {
         padding-right: 0;
      }
   }

   @media screen and (min-width: $lg) {
      .product-title-resp,
      .gender-wrapper-resp {
         display: none;
      }
   }

   @media screen and (max-width: $sm - 1) {
      .title-wrapper {
         display: block;
      }
   }
}

.product-wrapper {
   display: flex;

   .more-vars {
      text-align: center;
      margin-bottom: 32px;
   }

   @media screen and (max-width: $lg - 1) {
      flex-wrap: wrap;

      h1,
      .gender-wrapper {
         display: none;
      }

      .product-code {
         padding-top: 0;
      }
   }

   @media screen and (max-width: $sm - 1) {
      .btn-fav-rounded {
         display: none;
      }
   }
}

.product-video {
   margin-top: 20px;

   iframe {
      max-width: 100%;
      height: auto;
      aspect-ratio: 560/315;
   }
}

.gender-wrapper {
   display: flex;
   flex-direction: column;
   justify-content: space-between;

   .gender {
      color: $black;
      font-weight: $font-weight-bold;
      letter-spacing: .12em;
      text-align: right;
      text-transform: uppercase;
      white-space: nowrap;

      .fc {
         font-size: 22px;
         margin-right: 5px;
      }
   }

   .reviews-count {
      margin-bottom: 12px;
      white-space: nowrap;

      a {
         text-decoration: underline;
         color: $text-dark;
         font-size: $font-size-smaller;
         vertical-align: middle;

         &:hover {
            text-decoration: none;
         }
      }

      .review-stars {
         margin-left: 8px;
      }
   }

   @media screen and (max-width: $sm - 1) {
      flex-direction: row;
      align-items: center;
      margin-bottom: 12px;

      .reviews-count {
         margin-bottom: 0;
         order: -1;
      }
   }

   @media screen and (max-width: $xs - 1) {
      .gender {
         letter-spacing: normal;
      }
   }
}

.product-code {
   font-size: 12px;
   min-width: 75px;
   padding-top: 7px;
   white-space: nowrap;

   @media screen and (min-width: 544px){
      text-align: right;
   }
}

.product-params {
   border-bottom: 1px solid $border-color;
   margin-bottom: 30px;
   padding-bottom: 10px;

   .d-flex {
      margin: 0 -10px;

      p {
         padding: 0 10px;
         flex-grow: 1;
         width: 33.3333%;
      }
   }

   strong {
      color: $black;
      display: block;
      font-size: 16px;
   }

   @media screen and (max-width: $sm - 1) {
      .d-flex {
         flex-wrap: wrap;

         p {
            width: 100%;
         }
      }
   }
}

.params-other {
   padding-top: 20px;

   td {
      padding-bottom: 5px;

      &:first-child {
         padding-right: 20px;
      }
   }

   a {
      color: $black;
   }
}

.variation-description {
   line-height: 2;

   p:last-child {
      margin-bottom: 0;
   }

   h3 {
      font-size: 18px;
   }

   ul {
      @include list-triangle($font-size-base, 2);
   }
}

@media screen and (max-width: $sm - 1) {
   #daktela-web .dw-button {
      bottom: 80px !important;
   }

   #chat-application {
      bottom: 70px !important;
   }
}
