/* Give the vial the full stage on every collection card. */
.product-card.atlas-card {
  border: 1px solid #c1d1c8;
  background: #fffcf5;
  box-shadow: 0 12px 32px #103b4312;
}

.product-card.atlas-card:hover {
  border-color: #b89559;
  box-shadow: 0 22px 42px #082e3c2b;
}

.atlas-card .product-art.atlas-card__art,
.atlas-home .spotlight-track .atlas-card .product-art {
  height: 315px;
  min-height: 315px;
  border-bottom: 3px solid #c5a56a;
  background:
    radial-gradient(ellipse 72% 45% at 50% 89%, #398d99aa 0, #1a667789 49%, transparent 100%),
    radial-gradient(circle at 50% 48%, #1a6678 0, #0c4054 50%, #082d3d 100%);
}

.atlas-card__art::before {
  z-index: 0;
  top: 52%;
  width: 280px;
  height: 280px;
  border-color: #8bc5c75c;
  box-shadow: 0 0 0 38px #82c8c113, 0 0 0 78px #82c8c10a;
}

.atlas-card .product-art.atlas-card__art::after {
  content: "";
  position: absolute;
  z-index: 0;
  right: -9%;
  bottom: -52px;
  left: -9%;
  height: 118px;
  border-top: 1px solid #b5e2dc54;
  border-radius: 50% 50% 0 0;
  box-shadow: 0 -12px 45px #72c4c31c;
  pointer-events: none;
}

.atlas-card .atlas-card__folio {
  top: 17px;
  left: 18px;
  right: 18px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 9px;
  color: #f8f4e9;
  font-size: 9px;
  letter-spacing: .2em;
}

.atlas-card__folio img {
  display: block;
  width: 25px;
  height: 25px;
  padding: 5px;
  border: 1px solid #d7b87b;
  border-radius: 50%;
  background: #f4e8cc;
  object-fit: contain;
}

.atlas-card .vial-preview {
  inset: 17px 0 15px;
  z-index: 1;
}

.atlas-card .vial-preview .vial-set .vial-art,
.atlas-home .spotlight-track .atlas-card .vial-preview .vial-set .vial-art {
  width: auto;
  height: 270px;
  max-height: none;
  max-width: none;
  transform: none;
  filter: drop-shadow(12px 19px 13px #0017249c);
}

.atlas-card:hover .vial-preview .vial-set .vial-art,
.atlas-home .spotlight-track .product-card.atlas-card:hover .vial-preview .vial-set .vial-art {
  transform: translateY(-3px);
}

.atlas-card .product-body.atlas-card__body,
.atlas-home .spotlight-track .atlas-card .product-body {
  min-height: 205px;
  padding: 23px 23px 20px;
  background: #fffcf5;
}

.atlas-card__body .kicker {
  color: #14737c;
  font-size: 10px;
  line-height: 1.25;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.atlas-card__body h3 {
  margin: 11px 0 6px;
  font-size: 38px;
}

.atlas-card__body p.atlas-card__description {
  margin-bottom: 19px;
  color: #4e6d72;
  font-size: 13px;
  line-height: 1.45;
}

.atlas-card__bottom {
  border-color: #b9d0cc;
}

@media (max-width: 600px) {
  .atlas-card .product-art.atlas-card__art,
  .atlas-home .spotlight-track .atlas-card .product-art {
    height: 300px;
    min-height: 300px;
  }

  .atlas-card .vial-preview .vial-set .vial-art,
  .atlas-home .spotlight-track .atlas-card .vial-preview .vial-set .vial-art {
    height: 255px;
  }

  .atlas-card .product-body.atlas-card__body,
  .atlas-home .spotlight-track .atlas-card .product-body {
    min-height: 195px;
    padding: 21px;
  }
}