.product-store-availability--wrapper {
  .product-store-availability--variants {
    margin-block-end: var(--space-8);

    .product-option-selector-fieldset-values {
      padding-inline-start: 1px;
    }
  }

  .product-form-model-and-fit {
    margin-block-end: var(--space-24);

    .product-form-model-information,
    .product-form-fit-advice p {
      color: var(--scheme-text-tertiary);
    }

    .product-form-fit-advice p {
      font-family: var(--font-family-body);
      font-size: var(--font-size-3xs);
      font-weight: var(--font-weight-body-400);
      line-height: 1rem;
      letter-spacing: 0;
    }
  }

  .product-store-availability--results {
    margin: 0;
    padding: 0;
    list-style: none;

    .store-availability-card {
      display: flex;
      flex-direction: column;
      gap: var(--space-6);
      padding-block: var(--space-20);
      border-block-start: 1px solid var(--scheme-background-muted);

      .store-availability-card--header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: var(--space-16);

        .store-availability-card--header-left {
          display: flex;
          align-items: center;
          gap: var(--space-16);

          .store-availability-card--distance {
            margin-block-start: var(--space-2);
            color: var(--scheme-text-tertiary);
          }

          .store-availability-card--distance[hidden] {
            display: none;
          }
        }
      }

      .store-availability--status {
        margin: 0;
      }

      .store-availability--status[hidden] {
        display: none;
      }

      .store-availability--status--available,
      .store-availability--status--limited,
      .store-availability--status--unavailable {
        display: flex;
        align-items: center;
        gap: var(--space-8);

        &::before {
          content: '';
          inline-size: var(--space-4);
          block-size: var(--space-4);
          display: block;
          flex-shrink: 0;
        }
      }

      .store-availability--status--available::before {
        background: green;
      }

      .store-availability--status--limited::before {
        background: orange;
      }

      .store-availability--status--unavailable::before {
        background: red;
      }

      .store-availability-card--info {
        display: flex;
        flex-direction: column;
        color: var(--scheme-text-tertiary);

        p {
          margin: 0;
        }
      }

      .store-availability-card--links {
        display: flex;
        gap: var(--space-16);

        a {
          color: var(--scheme-text-primary);
        }
      }
    }
  }
}