body:not(.heres-how-card-style) {
  .collection-list {
    margin-top: 30px;
    margin-bottom: 0;
  }

  .collection-list-title {
    margin: 0;
  }

  @media screen and (max-width: 749px) {
    .collection-list:not(.slider) {
      padding-left: 0;
      padding-right: 0;
    }

    .section-collection-list .page-width {
      padding-left: 0;
      padding-right: 0;
    }

    .section-collection-list .collection-list:not(.slider) {
      padding-left: 1.5rem;
      padding-right: 1.5rem;
    }
  }

  .collection-list__item:only-child {
    max-width: 100%;
    width: 100%;
  }

  @media screen and (max-width: 749px) {
    .slider.collection-list--1-items {
      padding-bottom: 0;
    }
  }

  @media screen and (min-width: 750px) and (max-width: 989px) {
    .slider.collection-list--1-items,
    .slider.collection-list--2-items,
    .slider.collection-list--3-items,
    .slider.collection-list--4-items {
      padding-bottom: 0;
    }
  }

  @media screen and (min-width: 750px) {
    .collection-list__item a:hover {
      box-shadow: none;
    }
  }

  @media screen and (max-width: 989px) {
    .collection-list.slider .collection-list__item {
      max-width: 100%;
    }
  }

  .collection-list-view-all {
    margin-top: 2rem;
  }

  /* Custom grid */
  .collection-list {
    margin-top: 60px;
  }

  .collection-list.grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(auto-fill, 276px);
    gap: 26px 0;
  }

  .card-collection-list__item {
    position: relative;
    height: 100%;
    width: 100%;
    max-height: 276px;
  }

  .card-collection-list__item > img,
  .card-collection-list__item > svg {
    height: 100%;
    width: 100%;
    object-fit: cover;
    display: block;
  }

  .card-collection-list__item:hover > img {
    opacity: 1;
    transition: transform var(200ms) ease;
    transform: scale(1.03);
  }

  .card-collection-list__item > svg {
    fill: #f7f3e7;
    background: #f7f3e7;
  }

  .card-collection-list__item > .card-collection-list__item--content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 290px;
    border-radius: 20px;
    background: #f7f3e7;
    font-family: var(--font-heading-family);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 11px;
    font-size: 24px;
    letter-spacing: 0.981px;
  }

  @media screen and (min-width: 1024px) {
    .collection-list.grid {
      grid-auto-flow: row dense;
      grid-template-columns: 1fr 1fr 1fr;
      grid-template-rows: repeat(auto-fill, minmax(271px, 1fr));
      gap: 75px 72px;
      grid-template-areas:
        "big-left right1 right2"
        "big-left right3 right4"
        "left1 big-right big-right"
        "left2 big-right big-right"
        "big-left-2 right5 right6"
        "big-left-2 right7 right8"
        "left3 big-right-2 big-right-2"
        "left4 big-right-2 big-right-2"
        "big-left-3 right9 right10"
        "big-left-3 right11 right12"
        "left5 big-right-3 big-right-3"
        "left6 big-right-3 big-right-3"
        "big-left-4 right13 right14"
        "big-left-4 right15 right16";
    }

    .collection-list.grid .collection-list__item {
      width: 100%;
      max-width: 100%;
    }

    .card-collection-list__item {
      max-height: unset;
    }

    .card-collection-list__item > .card-collection-list__item--content {
      font-size: 20px;
    }

    .collection-list.grid .collection-list__item:first-child {
      grid-area: big-left;
    }

    .collection-list.grid .collection-list__item:nth-child(2) {
      grid-area: right1;
    }

    .collection-list.grid .collection-list__item:nth-child(3) {
      grid-area: right2;
    }

    .collection-list.grid .collection-list__item:nth-child(4) {
      grid-area: right3;
    }

    .collection-list.grid .collection-list__item:nth-child(5) {
      grid-area: right4;
    }

    .collection-list.grid .collection-list__item:nth-child(6) {
      grid-area: left1;
    }

    .collection-list.grid .collection-list__item:nth-child(7) {
      grid-area: left2;
    }

    .collection-list.grid .collection-list__item:nth-child(8) {
      grid-area: big-right;
    }

    .collection-list.grid .collection-list__item:nth-child(9) {
      grid-area: big-left-2;
    }

    .collection-list.grid .collection-list__item:nth-child(10) {
      grid-area: right5;
    }

    .collection-list.grid .collection-list__item:nth-child(11) {
      grid-area: right6;
    }

    .collection-list.grid .collection-list__item:nth-child(12) {
      grid-area: right7;
    }

    .collection-list.grid .collection-list__item:nth-child(13) {
      grid-area: right8;
    }

    .collection-list.grid .collection-list__item:nth-child(14) {
      grid-area: left3;
    }

    .collection-list.grid .collection-list__item:nth-child(15) {
      grid-area: left4;
    }

    .collection-list.grid .collection-list__item:nth-child(16) {
      grid-area: big-right-2;
    }

    .collection-list.grid .collection-list__item:nth-child(17) {
      grid-area: big-left-3;
    }

    .collection-list.grid .collection-list__item:nth-child(18) {
      grid-area: right9;
    }

    .collection-list.grid .collection-list__item:nth-child(19) {
      grid-area: right10;
    }

    .collection-list.grid .collection-list__item:nth-child(20) {
      grid-area: right11;
    }

    .collection-list.grid .collection-list__item:nth-child(21) {
      grid-area: right12;
    }

    .collection-list.grid .collection-list__item:nth-child(22) {
      grid-area: left5;
    }

    .collection-list.grid .collection-list__item:nth-child(23) {
      grid-area: left6;
    }

    .collection-list.grid .collection-list__item:nth-child(24) {
      grid-area: big-right-3;
    }

    .collection-list.grid .collection-list__item:nth-child(25) {
      grid-area: big-left-4;
    }

    .collection-list.grid .collection-list__item:nth-child(26) {
      grid-area: right13;
    }

    .collection-list.grid .collection-list__item:nth-child(27) {
      grid-area: right14;
    }

    .collection-list.grid .collection-list__item:nth-child(28) {
      grid-area: right15;
    }

    .collection-list.grid .collection-list__item:nth-child(29) {
      grid-area: right16;
    }
  }
}

body.heres-how-card-style {
  .collection-list {
    margin-top: 0;
    margin-bottom: 0;
  }

  .collection-list-title {
    margin: 0;
  }

  .list-collections h1.title,
  .list-collections .card__heading {
    color: #ba9b60;
  }

  @media screen and (max-width: 749px) {
    .collection-list:not(.slider) {
      padding-left: 0;
      padding-right: 0;
    }

    .section-collection-list .page-width {
      padding-left: 0;
      padding-right: 0;
    }

    .section-collection-list .collection-list:not(.slider) {
      padding-left: 1.5rem;
      padding-right: 1.5rem;
    }
  }

  .collection-list__item:only-child {
    max-width: 100%;
    width: 100%;
  }

  @media screen and (max-width: 749px) {
    .slider.collection-list--1-items {
      padding-bottom: 0;
    }
  }

  @media screen and (min-width: 750px) and (max-width: 989px) {
    .slider.collection-list--1-items,
    .slider.collection-list--2-items,
    .slider.collection-list--3-items,
    .slider.collection-list--4-items {
      padding-bottom: 0;
    }
  }

  @media screen and (min-width: 750px) {
    .collection-list__item a:hover {
      box-shadow: none;
    }
  }

  @media screen and (max-width: 989px) {
    .collection-list.slider .collection-list__item {
      max-width: 100%;
    }
  }

  .collection-list-view-all {
    margin-top: 2rem;
  }

  .card__information {
    padding: 1rem 0;
  }

  .card__heading {
    text-align: center;
  }
}