.product-extra-tabs {
  ul.nav {
    li {
      background: black;
      margin-bottom: 4px;
      cursor: pointer;
      a {
        font-family: 'Barlow', sans-serif;
        font-weight: 500;
        font-style: normal;
        font-size: 15px;
        color: white;
        text-decoration: none;
        display: block;
        padding: 12px 15px;
        &.active {
          text-decoration: underline;
          pointer-events: none;
        }
      }
      &:hover {
        a {
          text-decoration: underline;
        }
      }
    }
  }

  h5 {
    font-family: 'Barlow', sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height: normal;
  }
  p {
    font-family: 'Barlow', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
  }
  .inner-etiquette-product {
    max-height: 230px;
    overflow: hidden;
    position: relative;
    .overfill {
      background-color: rgba(0, 0, 0, 0.5);
      width: 100%;
      height: 100%;
      position: absolute;
    }
    &:before {
      content: '';
      background-image: url('data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjI0IiAgaGVpZ2h0PSIyNCIgIHZpZXdCb3g9IjAgMCAyNCAyNCIgIGZpbGw9Im5vbmUiICBzdHJva2U9ImN1cnJlbnRDb2xvciIgIHN0cm9rZS13aWR0aD0iMiIgIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgIHN0cm9rZS1saW5lam9pbj0icm91bmQiICBjbGFzcz0iaWNvbiBpY29uLXRhYmxlciBpY29ucy10YWJsZXItb3V0bGluZSBpY29uLXRhYmxlci1tYXhpbWl6ZSI+PHBhdGggc3Ryb2tlPSJub25lIiBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTQgOHYtMmEyIDIgMCAwIDEgMiAtMmgyIiAvPjxwYXRoIGQ9Ik00IDE2djJhMiAyIDAgMCAwIDIgMmgyIiAvPjxwYXRoIGQ9Ik0xNiA0aDJhMiAyIDAgMCAxIDIgMnYyIiAvPjxwYXRoIGQ9Ik0xNiAyMGgyYTIgMiAwIDAgMCAyIC0ydi0yIiAvPjwvc3ZnPg==');
      background-repeat: no-repeat;
      background-size: cover;
      width: 42px;
      height: 42px;
      display: block;
      right: 1rem;
      bottom: 1rem;
      filter: invert(1);
      position: absolute;
      z-index: 1;
      cursor: pointer;
    }
  }
}
.tab-pane {
  .product-miniature {
    .card {
      &:hover {
        border-color: black !important;
      }
    }
  }
}

#accordionFlushExtraTabs {
  .accordion-header {
    background: black;
    margin-bottom: 4px;
    cursor: pointer;
    font-family: 'Barlow', sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 15px;
    color: white;
    text-decoration: none;
    display: block;
    padding: 12px 15px;
    position: relative;
    .accordion-button {
      background-color: transparent;
      color: white;
      padding: 0;
      &:after {
        filter: invert(1);
      }
      &:not(.collapsed) {
        text-decoration: underline;
      }
    }
  }
  .accordion-body {
    padding-top: 1rem;
    padding-bottom: 1rem;
    b, strong {
      font-weight: 600;
}
    p{
      font-family: 'Barlow', sans-serif;
      font-weight: 600;
      font-style: normal;
      font-size: clamp(0.9rem, 0.174vw + 1rem, 18px); /*18px;*/
      line-height: 24px;
      color: black;
    }
    ul{
      list-style: disc;
    padding-left: 1.2rem;
      li{
        font-family: 'Barlow', sans-serif;
        font-weight: 400;
        font-size: clamp(0.9rem, 0.174vw + 1rem, 18px); /*18px;*/
        line-height: 24px;
        color: black;
        margin-bottom: .2rem;
      }
    }
  }
}
.modal-content {
  overflow: hidden;
  border-radius: 0.75rem;
}