.product-category-archive-item-wrap {
  border: 1px solid var(--color--white);
  height: 100%;
}

.product-category-archive-item {
  background-color: var(--color--blue-dark--500);
  color: var(--color--white);
  height: 100%;
  min-height: 290px;
  overflow: hidden;
  position: relative;
}

.product-category-archive-item__link,
.product-category-archive-item__link:hover,
.product-category-archive-item__link:focus,
.product-category-archive-item__link:active {
  bottom: 0;
  color: var(--color--white);
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.product-category-archive-item-image {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

.product-category-archive-item-inner-wrap {
  position: relative;
  z-index: 2;
  height: 100%;
}

.product-category-archive-item-inner {
  padding: var(--space--fixed--lg);
}

.product-category-archive-item-inner__title {
  font-family: var(--font--secondary);
  font-size: var(--text--xxxl);
  letter-spacing: 1px;
  line-height: .8;
  text-transform: uppercase;
}

.product-category-archive-item-footer {
  bottom: 0;
  left: 0;
  position: absolute;
}

.product-category-archive-item-footer .primary-button {
  background-color: transparent;
}

@media screen and (min-width: 64em) {
  .product-archive-item-footer .primary-button {
    padding-left: var(--space--fixed--lg);
  }
}

.product-archive-item-wrap {
  height: 100%;
}

.product-archive-item {
  height: 100%;
  overflow: hidden;
  padding: var(--space--fixed--md);
}

.product-archive-item__link,
.product-archive-item__link:hover,
.product-archive-item__link:focus,
.product-archive-item__link:active {
  color: var(--color--black);
}

.product-archive-item-image {
  background-color: var(--color--white);
  text-align: center;
}

.product-archive-item-image__image {
  max-height: 300px;
}

.product-archive-item-inner-wrap {
}

.product-archive-item-inner {
  padding: var(--space--fixed--lg) 0;
}

.product-archive-item-inner__title {
  font-size: var(--text--md);
  font-weight: var(--font--primary--semibold);
  text-transform: uppercase;
}