.package-detail-container {
  display: grid;
  grid-template-columns: 1.5fr 0.5fr;
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  gap: var(--padding);
  grid-auto-flow: row;
  grid-template-areas:
    "main-content Sidebar"
    "main-content Sidebar"
    "main-content Sidebar"
    "main-content Sidebar"
    "main-content Sidebar"
    "main-content Sidebar"
    "main-content Sidebar"
    "main-content Sidebar";

  @media (width < 992px) {
    display: flex;
    flex-direction: column;
  }
}

.sidebar {
  grid-area: Sidebar;
}

.main-content {
  grid-area: main-content;
}

.sticky-on-pc {
  @media (width > 992px) {
    position: sticky;
    top: 20%;
  }
}

.gallery {

  width: 100%;
  margin: auto;
  columns: 3;
  column-gap: 20px;

  @media(width < 600px) {
    & {
      columns: 3;
      column-gap: 10px;
    }
  }

  @media(width < 300px) {
    & {
      columns: 1;
      column-gap: 10px;
    }
  }
}

.gallery .item {
  width: 100%;
  margin-bottom: 10px;
  break-inside: avoid;
  border-radius: 15px;
}

.gallery .item img {
  max-width: 100%;
  min-width: 100%;
  border-radius: 10px;
}


.accordion {
  --bs-accordion-color: var(--textColor);
  --bs-accordion-bg: var(--secondaryBackgroundColor);

  --bs-accordion-border-width: 0;

  --bs-accordion-btn-color: var(--textColor);
  --bs-accordion-btn-bg: var(--secondaryBackgroundColor);

  --bs-accordion-active-color: var(--bs-primary-text-emphasis);
  --bs-accordion-active-bg: var(--bs-primary-bg-subtle);
}
#exclusion{
    & p:before{
        content:'❌' ;
         font-size:0.7rem;
      align-content:center
    }
}
#inclusion{
    & p:before{
        content:'✅' ;
         font-size:0.7rem;
      align-content:center
    }
}
pre {
    white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}