.directory-filters-wrap {
    margin-bottom: 20px;
}
@media (min-width: 768px) {
    .directory-filters-wrap .filter-item {
        width: 30%;
    }
}
@media (min-width: 1025px) {
    .directory-filters-wrap .filter-item {
        width: 250px;
    }
}

.directory-list {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.directory-item {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
    width: 100%;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    background-color: #fff;
    padding: 10px;
}

@media (min-width: 768px) {
    .directory-item {
        width: calc(50% - 15px);
    }
}

@media (min-width: 1025px) {
    .directory-item {
        width: calc(33.333% - 20px);
    }
}

.directory-item .directory-item__image {
    position: relative;
    padding-bottom: 55%;
}

.directory-item__image img,
.directory-item__image span {
    position: absolute;
}
.directory-item__image img {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    background-color: black;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}
.directory-item__image span {
    top: 5px;
    right: 5px;
    padding: 8px 16px;
    background-color: #E5E5E6;
    color: #12161D;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
.directory-item__image span.directory-type__retail {
    background-color: #1A3772;
    color: #fff;
}
.directory-item__image span.directory-type__premium {
    background-color: #C9A227;
    color: #fff;
}
@media (min-width: 1025px) {
    .directory-item__image span {
        font-size: 16px;
    }
}
.directory-item .directory-item__details {
    padding: 0 10px;
    flex-grow: 1;
}
.directory-item__details h3 {
    font-size: 18px;
    color: #12161D;
}
.directory-item__details ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    row-gap: 8px;
}
.directory-item__details ul li {
    padding-left: 25px;
    position: relative;
    display: flex;
    align-items: center;
    min-height: 20px;
}
.directory-item__details ul li,
.directory-item__details ul li a {
    color: #12161D;
}
.directory-item__details ul li a {
    display: inline-block;
    width: 100%;
    white-space: nowrap;     /* no wrapping */
    overflow-x: hidden;        /* hide overflowing text */
    text-overflow: ellipsis; /* show ellipsis when truncated */
}
.directory-item__details ul li:before {
    content: '';
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.directory-item__details .directory-item__info-address:before {
    background: url("data:image/svg+xml;utf8,<svg width='15' height='19' viewBox='0 0 15 19' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14.1663 7.50004C14.1663 11.6609 9.55051 15.9942 8.00051 17.3325C7.85611 17.4411 7.68034 17.4998 7.49967 17.4998C7.31901 17.4998 7.14324 17.4411 6.99884 17.3325C5.44884 15.9942 0.833008 11.6609 0.833008 7.50004C0.833008 5.73193 1.53539 4.03624 2.78563 2.786C4.03587 1.53575 5.73156 0.833374 7.49967 0.833374C9.26778 0.833374 10.9635 1.53575 12.2137 2.786C13.464 4.03624 14.1663 5.73193 14.1663 7.50004Z' stroke='%231A3772' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/><path d='M7.49967 10C8.88039 10 9.99967 8.88075 9.99967 7.50004C9.99967 6.11933 8.88039 5.00004 7.49967 5.00004C6.11896 5.00004 4.99967 6.11933 4.99967 7.50004C4.99967 8.88075 6.11896 10 7.49967 10Z' stroke='%231A3772' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat center / contain;

}
.directory-item__details .directory-item__info-phone:before {
    background: url("data:image/svg+xml;utf8,<svg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M17.4064 13.2668V15.7668C17.4074 15.9989 17.3598 16.2286 17.2669 16.4412C17.1739 16.6539 17.0375 16.8448 16.8665 17.0017C16.6955 17.1586 16.4936 17.278 16.2737 17.3524C16.0539 17.4267 15.8209 17.4543 15.5898 17.4335C13.0255 17.1548 10.5623 16.2786 8.3981 14.8751C6.38463 13.5957 4.67755 11.8886 3.39811 9.87512C1.98975 7.70113 1.11331 5.22595 0.839772 2.65012C0.818947 2.41968 0.846334 2.18742 0.920189 1.96814C0.994043 1.74886 1.11275 1.54736 1.26874 1.37647C1.42474 1.20558 1.61461 1.06905 1.82626 0.975556C2.03792 0.882067 2.26672 0.833673 2.49811 0.833455H4.99811C5.40253 0.829474 5.7946 0.972687 6.10124 1.2364C6.40788 1.50011 6.60817 1.86633 6.66477 2.26679C6.77029 3.06684 6.96598 3.85239 7.24811 4.60845C7.36022 4.90672 7.38449 5.23088 7.31803 5.54252C7.25156 5.85416 7.09716 6.14021 6.8731 6.36679L5.81477 7.42512C7.00107 9.51141 8.72848 11.2388 10.8148 12.4251L11.8731 11.3668C12.0997 11.1427 12.3857 10.9883 12.6974 10.9219C13.009 10.8554 13.3332 10.8797 13.6314 10.9918C14.3875 11.2739 15.1731 11.4696 15.9731 11.5751C16.3779 11.6322 16.7476 11.8361 17.0119 12.148C17.2762 12.4599 17.4166 12.8581 17.4064 13.2668Z' stroke='%231A3772' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat center / contain;

}
.directory-item__details .directory-item__info-website:before {
    background: url("data:image/svg+xml;utf8,<svg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M17.4997 9.16671C17.4997 13.7691 13.7687 17.5 9.16634 17.5M17.4997 9.16671C17.4997 4.56433 13.7687 0.833374 9.16634 0.833374M17.4997 9.16671H0.833008M9.16634 17.5C4.56397 17.5 0.833008 13.7691 0.833008 9.16671M9.16634 17.5C7.02654 15.2532 5.83301 12.2694 5.83301 9.16671C5.83301 6.06399 7.02654 3.08017 9.16634 0.833374M9.16634 17.5C11.3061 15.2532 12.4997 12.2694 12.4997 9.16671C12.4997 6.06399 11.3061 3.08017 9.16634 0.833374M0.833008 9.16671C0.833008 4.56433 4.56397 0.833374 9.16634 0.833374' stroke='%231A3772' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat center / contain;

}
.directory-item__details .directory-item__info-google:before {
    background: url("data:image/svg+xml;utf8,<svg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M10.833 2.93993C10.5744 2.93993 10.3193 2.87975 10.088 2.76415L6.57801 1.00915C6.34668 0.893553 6.09162 0.833374 5.83301 0.833374M10.833 2.93993C11.0916 2.93993 11.3467 2.87975 11.578 2.76415L14.6272 1.23915C14.7543 1.17562 14.8956 1.14566 15.0376 1.15212C15.1796 1.15859 15.3175 1.20127 15.4384 1.27609C15.5592 1.35092 15.6589 1.45541 15.728 1.57964C15.7971 1.70386 15.8332 1.84368 15.833 1.98582V12.6225C15.8329 12.7772 15.7898 12.9288 15.7084 13.0604C15.627 13.192 15.5106 13.2983 15.3722 13.3675L11.578 15.265C11.3467 15.3806 11.0916 15.4408 10.833 15.4408C10.5744 15.4408 10.3193 15.3806 10.088 15.265L6.57801 13.51C6.34668 13.3944 6.09162 13.3342 5.83301 13.3342C5.5744 13.3342 5.31934 13.3944 5.08801 13.51L2.03884 15.035C1.91164 15.0985 1.77028 15.1285 1.62822 15.122C1.48617 15.1155 1.34814 15.0727 1.22727 14.9978C1.10641 14.9229 1.00673 14.8183 0.937716 14.694C0.868705 14.5696 0.832659 14.4297 0.83301 14.2875V3.65165C0.833093 3.49693 0.876246 3.34529 0.957637 3.21371C1.03903 3.08213 1.15544 2.97581 1.29384 2.90665L5.08801 1.00915C5.31934 0.893553 5.5744 0.833374 5.83301 0.833374M10.833 2.93993L10.833 15.4399M5.83301 0.833374L5.83301 13.3334' stroke='%231A3772' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat center / contain;

}
.directory-item__details .directory-item__info-email:before {
    background: url("data:image/svg+xml;utf8,<svg width='19' height='15' viewBox='0 0 19 15' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M17.5007 3.33331L10.0257 8.08331C9.76838 8.2445 9.47091 8.32999 9.16732 8.32999C8.86372 8.32999 8.56626 8.2445 8.30898 8.08331L0.833984 3.33331M2.50065 0.833313H15.834C16.7545 0.833313 17.5007 1.57951 17.5007 2.49998V12.5C17.5007 13.4205 16.7545 14.1666 15.834 14.1666H2.50065C1.58018 14.1666 0.833984 13.4205 0.833984 12.5V2.49998C0.833984 1.57951 1.58018 0.833313 2.50065 0.833313Z' stroke='%231A3772' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat center / contain;
}
@media (min-width: 1025px) {
    .directory-item__details h3 {
        font-size: 20px;
    }
    .directory-item__details ul li,
    .directory-item__details ul li a {
        font-size: 16px;
    }
}
.directory-item__brands {
    padding: 10px;
    margin-top: auto;
}
.directory-item__brands .directory-item__brands-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* always 3 columns */
  gap: 15px;
  list-style: none;
  padding: 0 !important;
  margin: 0 !important;
}

.directory-item__brands-item {
  aspect-ratio:59 / 32;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.directory-item__brands-item a {
  display: block;
  width: 100%;
  height: 100%;
}

.directory-item__brands-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.directory-item__brands-item .brand-fallback {
  font-size: 14px;
  color: #333;
  display: inline-block;
}