.ev-distributor-finder {
  
  .ev-distributor-finder__header {
    padding: 120px 5% 80px;

    .ev-sub-heading {}
    .ev-distributor-finder__heading {margin-top: 0;}

    .ev-distributor-finder__intro {
      max-width: 60ch;
      margin: 0 auto;
      font-size: 16px;

      p:last-child {
        margin-bottom: 0;
      }
    }
  }

  .ev-distributor-finder__inner {
    width: 100%;

    .ev-distributor-finder__search {
      width: 100%;
      margin-top: 80px;
      /*border-top: 1px solid var(--ev-mist);*/
      /*border-bottom: 1px solid var(--ev-mist);*/

      .ev-distributor-finder__controls {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 80px;
        max-width: 900px;
        margin: 0 auto;
        padding: 24px 0;

        .ev-distributor-finder__field {
          display: grid;
          grid-template-columns: auto minmax(0, 1fr);
          align-items: center;
          gap: 24px;

          /*&[hidden] {
            display: none;
          }*/

          &.is-disabled {
            .ev-distributor-finder__label,
            .ev-distributor-finder__select-wrapper {
              opacity: 0.5;
            }

            .ev-distributor-finder__select {
              cursor: default;
            }
          }

          .ev-distributor-finder__label {
            color: var(--ev-blue);
            text-transform: uppercase;
            white-space: nowrap;
          }

          .ev-distributor-finder__select-wrapper {
            position: relative;
            min-width: 0;

            .ev-distributor-finder__select {
              width: 100%;
              min-width: 0;
              padding: 8px 32px 8px 0;
              border: 0;
              border-bottom: 1px solid var(--ev-mist);
              border-radius: 0;
              background: transparent;
              color: var(--ev-blue);
              appearance: none;
              -webkit-appearance: none;
              cursor: pointer;

              &:focus {
                outline: none;
                /*border-bottom-color: var(--ev-blue);*/
              }

              &:disabled {
                cursor: default;
                opacity: 0.5;
              }
            }

            svg {
              position: absolute;
              top: 50%;
              right: 0;
              width: 1em;
              height: 1em;
              transform: translateY(-50%);
              pointer-events: none;
            }
          }
        }
      }
    }
    .ev-distributor-finder__results {
      margin-top: 64px;

      .ev-distributor-results {

        .ev-distributor-results__header {
          display: flex;
          justify-content: space-between;
          align-items: end;
          padding-bottom: 2rem;
          margin-bottom: 2rem;
          border-bottom: 1px solid var(--ev-mist);

          .ev-distributor-results__heading {
            margin: 0;
          }

          .ev-distributor-results__count {color: var(--ev-blue);}
        }

        .ev-distributor-results__list {
          .ev-distributor-card {
              display: grid;
              grid-template-columns: 1.5fr 1fr;
              gap: 5rem;
              padding: 4rem 0;
              /*border-bottom: 1px solid var(--ev-mist);*/

            .ev-distributor-card__primary {
              .ev-distributor-card__name {}
              .ev-distributor-card__address {}
            }
            .ev-distributor-card__contacts {
              display: flex;
              flex-direction: column;
              gap: 2rem;

              .ev-distributor-card__contact-item {
                display: flex;
                flex-direction: column;
                gap: .35rem;

                .ev-distributor-card__contact-label {margin: 0;}
                .ev-distributor-card__contact-value {margin: 0;}
              }
            }
          }
        }

      }      
    }
  }
}

@media screen and (max-width: 767px) {
  .ev-distributor-finder {

    .ev-distributor-finder__header {
      padding: 80px 5% 56px;

      .ev-distributor-finder__heading {
        font-size: 32px;
      }
    }

    .ev-distributor-finder__inner {

      .ev-distributor-finder__search {
        margin-top: 56px;

        .ev-distributor-finder__controls {
          grid-template-columns: 1fr;
          gap: 24px;
          padding: 24px 0;

          .ev-distributor-finder__field {
            grid-template-columns: 1fr;
            gap: 8px;

            .ev-distributor-finder__select-wrapper {
              width: 100%;
            }
          }
        }
      }

      .ev-distributor-finder__results {
        margin-top: 48px;

        .ev-distributor-results {

          .ev-distributor-results__header {
            align-items: flex-start;
            gap: 16px;

            .ev-distributor-results__heading {
              margin: 0;
            }
          }

          .ev-distributor-results__list {

            .ev-distributor-card {
              grid-template-columns: 1fr;
              gap: 32px;
              padding: 32px 0;

              .ev-distributor-card__primary {

                .ev-distributor-card__name {
                  margin-top: 0;
                }
              }

              .ev-distributor-card__contacts {
                gap: 20px;

                .ev-distributor-card__contact-item {
                  gap: 4px;
                }
              }
            }
          }
        }
      }
    }
  }
}