body {
  --hoverTxtColor:white;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (min-width: 1024px) {
  body {
    background-image: var(--backgroundImg);
  }
  body .wrapper {
    height: min(93.5846560847vw, 1415px);
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
  }
  body:has(.collection-archive a:hover) .header {
    background: none;
  }
}

.collection-archive {
  width: 100%;
  padding-left: var(--padding);
  padding-right: var(--padding);
  margin-top: 0;
  margin-bottom: auto;
}
.collection-archive .page-ttl {
  font-size: calc(18 / 16 * 1rem);
  font-weight: unset;
  margin-bottom: 45px;
}
@media (min-width: 1024px) {
  .collection-archive .page-ttl {
    margin-bottom: 35px;
  }
}
.collection-archive .collection-archive__list {
  font-size: calc(18 / 16 * 1rem);
}
@media (max-width: 1023px) {
  .collection-archive .collection-archive__list li:not(:last-child) {
    margin-bottom: 20px;
  }
}
.collection-archive .collection-archive__list li a:hover {
  text-decoration: none;
}
@media (min-width: 1024px) {
  .collection-archive .collection-archive__list li a:hover {
    color: white;
  }
}
@media (min-width: 1024px) {
  .collection-archive .collection-archive__list a {
    padding: 10px 0;
    display: inline-block;
  }
}