.dealers {
  grid-template-columns: 1fr;
  grid-template-rows: min-content min-content;
}
.dealer-list svg,
.dealer-list img {
  height: clamp(6rem, 8dvw, 8rem);
  width: clamp(6rem, 8dvw, 8rem);
  filter: var(--drop-shadow-dealer-pic);
  object-fit: contain;
}
.dealer-list {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  width: 100%;
  gap: clamp(
    calc(var(--padding-standard) * 1),
    3dvw,
    calc(var(--padding-standard) * 2)
  );
}
.dealer-list {
  flex-direction: column;
  flex-wrap: nowrap;
}
.dealer-list > div:not(:first-child):not(:has(*)) {
  background-image: var(--gradient-main);
  border-radius: calc(var(--radius-corner) * 1);
  box-shadow: var(--bg-box-shadow-dim);
  width: 100%;
  padding: calc(var(--padding-standard) * 2);
  display: grid;
  justify-content: center;
  align-items: center;
  font-weight: 600;
}
.dealer-list > div:not(:first-child) {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
  gap: clamp(
    calc(var(--padding-standard) * 1),
    3dvw,
    calc(var(--padding-standard) * 2)
  );
}
.dealer-list > div:not(:first-child) > a {
  background-image: var(--gradient-main);
  border-radius: calc(var(--radius-corner) * 1);
  box-shadow: var(--bg-box-shadow-dim);
}
.dealer-list > div:not(:first-child) > a {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex-grow: 3;
  padding: clamp(
    calc(var(--padding-standard) * 1),
    3dvw,
    calc(var(--padding-standard) * 3)
  );
  gap: clamp(
    calc(var(--padding-standard) * 1),
    3dvw,
    calc(var(--padding-standard) * 3)
  );
  flex-wrap: nowrap;
  transition:
    translate 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}
@media (hover: hover) {
  .dealer-list > div:not(:first-child) > a:hover {
    translate: 0rem -0.2rem;
    box-shadow: var(--bg-box-shadow);
  }
  .dealer-list > div:not(:first-child) > a:active {
    translate: 0rem 0rem;
    box-shadow: var(--bg-box-shadow-dim);
  }
}
.dealer-list > div:not(:first-child) > a > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--padding-standard);
}
.dealer-list > div:not(:first-child) > a > div > h3 {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: calc(var(--text-font-size-small) * 1.2);
  gap: 0.5ch;
  text-wrap: nowrap;
}
.dealer-list > div:not(:first-child) > a > div > p {
  font-size: var(--text-font-size-small);
}
.dealer-list span {
  color: var(--bg-color-accent);
}
.dealer-list span.admin,
.dealer-list span.md,
.dealer-list span.sd,
.dealer-list span.alt {
  color: #808080;
  opacity: 50%;
}
.dealer-list strong {
  font-weight: 600;
}
.dealer-list em {
  font-style: italic;
}