:root {
  --bundled-picker-button-bgcolor: white;
  --bundled-product-highlight-color: #F2AB18;
  --bundled-picker-button-selected-bgcolor: #263644;
}

@keyframes productBundlePickerMediaContainerSlideDown {
  0% {
    transform: translateY(-30px); /* Start above the screen */
    opacity: 0; /* Start invisible */
  }
  100% {
    transform: translateY(0); /* End at its original position */
    opacity: 1; /* Fade in to full opacity */
  }
}

.product-bundle-picker-button-container {
  position: relative;
  margin-bottom: 20px;
  h2 {
    &.bundle-picker-title {
      font-size: 28px;
      line-height: 2.1rem;
    }
  }
  .product-bundle-picker-button-container__buttons {
    display: grid;
    place-items: center;
    margin-bottom: 10px;
    button {
      font-weight: 400 !important;
      font-size: 24px;
      color: black;
      background-color: var(--bundled-picker-button-bgcolor);
      transition: all 0.3s ease;
      width: 98%;
      @media screen and (min-width: 768px) {
        font-size: 28px;
        width: 90%;
      }
      &.small-text {
        font-size: 22px;
        @media screen and (min-width: 768px) {
          font-size: 24px;
        }
      }
      &:hover,
      &.button--selected {
        font-weight: 600 !important;
        color: white;
        border: none;
        background-color: var(--bundled-picker-button-selected-bgcolor);
        box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.3);
      }
    }
    p {
      width: 100%;
      text-align: left;
      font-weight: 500;
      margin: 0;
    }
  }
}

#kitty-kurlz-value-bundle-media-gallery {
  display: none;
  position: relative;
  width: 100%;
  padding-bottom: 1.5rem;
  animation: productBundlePickerMediaContainerSlideDown 0.5s ease-out forwards;
  &.open {
    display: block;
  }
  .storista-wg {
    .storista-feed-slider-item {
      border-radius: 24px;
      cursor: default;
      .storista-feed-slider-item-cta {
        display: none;
      }
      .storista-feed-slider-item-img {
        border-radius: 24px;
      }
    }
  }
}
