/* Freshwater Pearls uses the shared collection foundation. */
@media(min-width:1024px){
  .collection-page .product-card > .product-image-link{display:block;cursor:pointer;color:inherit}
  .collection-page .product-card .product-title-link{display:inline;font:inherit;color:inherit;letter-spacing:inherit;white-space:normal}
}
@media(max-width:1023px){
  .product-card:nth-child(10){
    display:none;
  }
}

@media(min-width:1024px){
  .product-collection{
    padding-top:20.625px;
  }

  .product-grid{
    max-width:1280px;
    margin-inline:auto;
    row-gap:50.71875px;
  }

  .product-heading{
    margin-bottom:0;
    padding-bottom:0;
    border-bottom:0;
    position:relative;
  }

  .product-heading::after{
    content:"";
    position:absolute;
    top:calc(100% + 20px);
    left:0;
    right:0;
    border-bottom:1px solid var(--line);
  }

  .product-card{
    display:block;
  }

  .product-card:nth-child(10){
    display:none;
  }

  .product-image{
    display:block;
    width:72%;
    height:auto;
    aspect-ratio:1 / 1;
    margin-inline:auto;
  }

  .product-image img{
    width:100%;
    height:100%;
    object-fit:contain;
  }

  .product-card:nth-child(-n+3) .product-image img{
    transform:translateY(38px);
  }

  .product-card:nth-child(2) .product-image img{
    transform:translateY(35px) scale(.93);
  }

  .product-card:nth-child(3) .product-image img{
    transform:translateY(52px) scale(.86);
  }

  .product-card:nth-child(6) .product-image img{
    transform:translateY(12px) scale(1.08);
  }

  .product-card:nth-child(9) .product-image img{
    transform:translateY(15px) scale(1.08);
  }

  .product-card:nth-child(12) .product-image img{
    transform:scale(1.12);
  }

  .product-copy{
    width:72%;
    margin-inline:auto;
    padding:16px 0 0;
    text-align:left;
  }

  .product-copy h2{
    min-height:2.2em;
  }

  .product-copy.gap-low,
  .product-copy.gap-medium,
  .product-copy.gap-large,
  .product-copy.gap-high{
    margin-top:0;
  }

  .collection-page .collection-intro{
    padding-top:6px;
    padding-bottom:6px;
    align-items:end;
  }

  .collection-page .collection-intro h1{
    font-size:clamp(52px,4.7vw,68px);
    line-height:.88;
  }

  .collection-page .collection-intro-copy{
    gap:40px;
  }
}

@media(max-width:780px){
  .collection-page .collection-intro{padding:28px 25px 20px}
  .collection-page .collection-intro-copy{margin-top:16px}
  .collection-page .collection-intro-copy>p{margin-top:14px;margin-bottom:2px}

  .collection-page .editorial-feature{
    padding:0!important;
    overflow:visible;
  }

  .collection-page .collection-hero-picture{
    display:block;
    width:100%;
    height:auto;
    aspect-ratio:auto;
    overflow:visible;
  }

  .collection-page .collection-hero-picture img{
    display:block;
    width:100%;
    height:auto;
    aspect-ratio:auto;
    object-fit:initial;
  }

  .collection-page .product-collection{
    padding-top:24px;
  }

  .collection-page .product-heading{
    position:relative;
    z-index:1;
  }

  /* Match the Natural Diamonds mobile spacing system only. */
  .collection-page .product-grid{
    row-gap:21.15px;
    margin-top:-36.85px;
  }

  .collection-page .product-card{
    margin-top:0;
    margin-bottom:0;
    padding-top:0;
    padding-bottom:0;
  }

  .collection-page .product-copy{
    padding:10.5px 4px 0 32px;
    margin-top:-36.85px;
  }

  /* Freshwater Pearls only: preserve each image box and all vertical spacing. */
  .collection-page .product-image img{
    transform:scale(.78);
    transform-origin:center;
  }

  .collection-page .product-card:nth-child(6) .product-image img{
    transform:scale(.897);
  }

  .collection-page .product-card:nth-child(6) .product-copy{
    margin-top:-17.25px;
  }

  .collection-page .product-card:nth-child(9) .product-image img{
    transform:translateY(-13.065px) scale(.858);
  }

  .collection-page .product-copy h2{
    font-size:21.6px;
    line-height:21.6315px;
    margin-bottom:13px;
  }
}