/* Saltwater Pearls uses the shared Collection Hero image switching rules. */
@media(min-width:1024px){
  .product-collection{
    padding-top:20.625px;
  }

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

  .product-heading{
    margin-bottom:30px;
    position:relative;
    z-index:1;
  }

  .product-card .product-image img{
    transform:scale(.6768);
    transform-origin:center;
  }

  .product-card .product-copy{
    transform:translateY(-12px);
  }

  .product-card .product-image{
    aspect-ratio:4 / 3;
    display:grid;
    grid-template-rows:minmax(0,1fr);
    place-items:center;
    min-height:0;
    overflow:visible;
  }

  .product-card .product-image>img,
  .product-card .product-image>picture{
    width:100%;
    height:auto;
    aspect-ratio:1 / 1;
  }

  .product-card .product-image>picture>img{
    width:100%;
    height:auto;
    aspect-ratio:1 / 1;
  }

  .product-card:nth-child(11) .product-image>a{
    display:grid!important;
    place-items:center;
    height:auto!important;
    aspect-ratio:1 / 1;
  }

  .product-card:nth-child(11) .product-image>a>img{
    width:100%;
    height:auto;
    aspect-ratio:1 / 1;
  }

  .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 h1 em{
    display:block;
  }

  .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 confirmed Freshwater Pearls mobile product system. */
  .collection-page .product-grid{
    row-gap:21.15px;
    margin-top:-42.1px;
  }

  .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;
  }

  .collection-page .product-image img{
    transform:scale(.78);
    transform-origin:center;
  }

  .collection-page .product-card:first-child{
    height:auto;
    overflow:visible;
  }

  .collection-page .product-card:first-child .product-copy{
    height:auto;
    overflow:visible;
    position:relative;
    z-index:1;
  }

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

  .collection-page .product-card:first-child .product-copy h2{
    height:auto;
    min-height:30px;
    line-height:28px;
    overflow:visible;
    white-space:nowrap;
  }

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