.acapulco-stage .satin-hero img,
.acapulco-story img {
  object-position: 50% 18%;
}

.acapulco-ready-swatches {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 64px;
  grid-template-columns: none;
  padding: 4px;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scroll-padding-inline: 4px;
  scroll-snap-type: none;
  touch-action: pan-x pan-y;
}

.acapulco-ready-swatches .satin-ready-swatch {
  width: 64px;
  height: 64px;
}

.acapulco-ready-swatches .satin-ready-swatch img,
.acapulco-fabric-grid .linen-ml-fabric-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 33%;
}

.acapulco-fabric-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.acapulco-fabric-grid .linen-ml-fabric {
  cursor: pointer;
}

.acapulco-fabric-grid .linen-ml-fabric-media {
  aspect-ratio: 3 / 4;
}

.acapulco-fabric-grid .linen-ml-fabric-copy b {
  color: var(--pine);
}

.acapulco-page .button:disabled {
  cursor: not-allowed;
  opacity: .62;
}

@media (max-width: 820px) {
  .acapulco-fabric-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .acapulco-story > div {
    min-width: 0;
    padding-inline: 24px;
  }

  .acapulco-story h2 {
    font-size: clamp(42px, 13vw, 58px);
  }
}

@media (max-width: 430px) {
  .acapulco-ready-swatches {
    grid-auto-columns: 58px;
  }

  .acapulco-ready-swatches .satin-ready-swatch {
    width: 58px;
    height: 58px;
  }
}