.filters-mob {
  display: none;
}
.wine-category {
  height: 100vh;
  position: relative;

  &__image {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  &__aboutVWine {
    // background-color: $white1-color;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 64px 231px 64px 300px;
    &__text {
      max-width: 409px;
      color: white;
    }
  }
}

.options {
  &__categories {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 16px;
    // border-bottom: 1px solid $secondary-color;
    border-top: 1px solid $secondary-color;
  }

  &__slug {
    &__wine {
      padding: 8px 12px;
      background-color: #e8e8e8;
    }
  }

  &__hr {
    border-bottom: 1px solid #e8e8e8;
  }
}

.specificWine {
  &__wine {
    gap: 24px;
    border-top: 1px solid #e8e8e8;
    &__info {
      &__description {
        max-width: 700px;
      }
    }
    &__additionInfo {
      &__price {
        // padding: 8px 39px;
        padding: 8px 26px;
        background-color: $white-color;
        border: 1px solid #e8e8e8;
        // background-color: #deddde;
        // color: #636162 !important;

        &__cart {
          &__right {
            padding: 8px 16px;
            background-color: $primary-color;
            // background-color: #deddde;
            // color: #636162 !important;
            min-width: 143px;
          }
          &__left {
            &__quantity {
              padding: 7px 17px;
              background-color: $white-color;
              border: 1px solid #e8e8e8;
              // background-color: #deddde;
              // color: #636162 !important;
            }
            input{
              padding: 0px;
              text-align: center;
            }
          }
        }
      }
      @media(max-width:500px){
        &__price {
          
          &__cart {
            justify-content: space-between;

            &__right {
              min-width: unset;
            }
          }
        }
      }
    }
    &__img {
      img {
        max-height: 414px;
        object-fit: contain;
      }
    }
  }
}

.hrSpecific {
  width: 2px;
  height: 14px;
  /* padding-left: 16px; */
  margin-left: 16px;
  margin-right: 16px;
  color: #a88746;
  background-color: #a88746;
}

.hero_image {
  height: 1 00%;
}

img {
  width: 100%;
}

.active-breadcrumb {
  color: black;
}

.icon-chevron-down:before {
  font-size: 24px;
}

.otherCategories {
  &__border {
    border-top: 1px solid $secondary-color;
  }

  &__specificCategories {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 24px;

    a {
      img {
        width: 100%;
        height: 24vh;
        // width: 100%;
        object-fit: cover;
      }
    }
  }
}

.main {
  position: relative;
}

.popUpFilterOverlay {
  top: 0;
  bottom: 0;
  background-color: #80808099;
  left: 0;
  right: 0;
  position: fixed;
}

.popUpFilter {
  // position: fixed;
  // background-color: white;
  // top: 0;
  // bottom: 0;
  // z-index: 15;
  // left: 0;
  // right: 0;
  // background-color: $white-color;
  // padding: 24px;
  // display: flex;
  // justify-content: center;

  // right: 50%;
  // width: 102%;

  // height: 422px;
  // top: 50%;
  // bottom: 50%;
  // position: absolute;

  // left: 0;
  // right: 0;
  // height: 432px;

  position: fixed;
  background-color: white;
  /* top: 0; */
  bottom: 0;
  z-index: 169;
  /* left: 0; */
  /* right: 0; */
  background-color: white;
  padding: 24px;
  /* display: flex; */
  /* justify-content: center; */
  /* right: 50%; */
  /* width: 102%; */
  // height: 422px;
  /* top: 50%; */
  /* bottom: 50%; */
  position: absolute;
  /* left: 0; */
  right: 0;
  height: 533px;
  top: 156px;
  width: 100%;
  overflow-y: auto;

  &__filter {
    &__wine {
      &__specificWine {
        &__choseButton {
          padding: 8px 12px;
          background-color: $gray-color;
        }
      }
    }
  }
}

@media (max-width: 1680px) {
  .section--leftRight {
    padding-left: 80px;
    padding-right: 80px;
  }
}

@media (max-width: 1540px) {
  .section--leftRight {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media (max-width: 1560px) {
  .specificWine {
    &__wine {
      &__info {
        &__description {
          max-width: 460px;
        }
      }
    }
  }
}

@media (max-width: 900px) {
  .specificWine {
    &__wine {
      display: flex;
      flex-direction: column;

      align-self: center;

      &__info {
        width: 100%;
        display: flex;
        align-items: center;

        h2 {
          padding-top: 32px;
        }

        &__description {
          display: none;
        }

        &__details {
          display: none;
        }
      }
      &__additionInfo {
        &__price {
          margin-top: 24px;
        }
      }
    }
  }

  .wine-category {
    &__aboutVWine {
      padding: 24px;
    }
  }

  .otherCategories {
    &__specificCategories {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-gap: 24px;
    }
  }

  .options {
    &__categories {
      display: none;
    }
  }

  .filters-mob {
    display: block;
  }
}

@media (max-width: 500px) {
  .wine-category {
    height: 62vh;
  }

  .wine-category__image {
    height: 99%;
    // filter: brightness(0.5);
  }

  .specificWine__wine__additionInfo{
    .w-286{
      width: 100%;
    }
  }
}

@media (max-width: 450px) {
  .options {
    padding-top: 0;
  }
}

@media (max-width: 400px) {
  .otherCategories {
    &__specificCategories {
      display: grid;
      grid-template-columns: 1fr;
      grid-gap: 24px;
    }
  }
}

.price-unvailable {
  width: 100%;
  text-align: center;
}
// .smaller-text-uvailable {
//   color: #a63131;
//   font-weight: bold;
//   width: 285px;
// }

@media (max-width: 500px) {
  .pt-8xl {
    padding-top: 50px;
  }
  .wine-detail-specific__img {
    img {
      width: auto !important;
      max-height: 300px;
    }
  }
}
@media (max-width: 800px) {
  .wine-detail-specific__img {
    img {
      object-fit: contain;
      // width: auto !important;
      max-height: 300px;
    }
  }
}

.wine-category {
  position: relative;

  &:before {
    position: absolute;
    height: 100%;
    width: 100%;
    content: '';
    background-color: rgb(0 0 0 / 42%);
  }
}

.wine__img {
  position: relative;

  &:before {
    position: absolute;
    height: 100%;
    width: 100%;
    content: '';
    background-color: rgb(0 0 0 / 42%);
  }
}

.specificWine__wine__img {
  img {
    transition: all 0.25s ease-in-out;
  }
  &:hover {
    img {
      transform: scale(105%);
    }
  }
}

// .specificWine__wine__info__details {
//   &:hover {
//     color: black !important;
//   }
//   .icon-chevron-right-small {
//     &:hover {
//       color: black !important;
//     }
//   }
// }
// .testtest {
//   &:hover {
//     color: red;
//   }
// }

.specificWine__wine__info__details {
  &:hover {
    color: #00000094 !important;

    .icon-chevron-right-small:before {
      color: #00000094 !important;
    }
  }
}

.packages-info {
  max-width: 1020px;
}