.elementor-87 .elementor-element.elementor-element-fe39ad0{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Arial, Helvetica, sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-87 .elementor-element.elementor-element-d83f916{text-align:center;}.elementor-87 .elementor-element.elementor-element-d83f916 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-87 .elementor-element.elementor-element-d8120fd{--display:flex;}/* Start custom CSS for shortcode, class: .elementor-element-e520cee *//* Custom Vendor List Styles */
.custom-vendor-list-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; /* Khoảng cách giữa các cột */
    list-style: none;
    margin: 0;
    padding: 0;
}

.custom-vendor-item {
    flex-grow: 1;
    text-align: center;
    padding: 15px;
    border: 1px solid #eee;
    border-radius: 8px;
    transition: all 0.3s ease;
}

/* Định nghĩa số cột */
.custom-vendor-list-grid.columns-3 .custom-vendor-item {
    width: calc(33.333% - 13.333px); /* 3 cột */
    min-width: 250px; /* Giới hạn chiều rộng nhỏ nhất */
}
.custom-vendor-list-grid.columns-4 .custom-vendor-item {
    width: calc(25% - 15px); /* 4 cột */
}

.custom-vendor-item:hover {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
}

.custom-vendor-item a {
    text-decoration: none;
    color: inherit;
    display: block;
}

.vendor-avatar {
    margin: 0 auto 10px;
    width: 96px;
    height: 96px;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid #ddd;
}

.vendor-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.vendor-shop-name {
    margin: 0;
    font-size: 1.1em;
    font-weight: 600;
}/* End custom CSS */
/* Start custom CSS *//* Custom Vendor List Styles */
.custom-vendor-list-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; /* Khoảng cách giữa các cột */
    list-style: none;
    margin: 0;
    padding: 0;
}

.custom-vendor-item {
    flex-grow: 1;
    text-align: center;
    padding: 15px;
    border: 1px solid #eee;
    border-radius: 8px;
    transition: all 0.3s ease;
}

/* Định nghĩa số cột */
.custom-vendor-list-grid.columns-3 .custom-vendor-item {
    width: calc(33.333% - 13.333px); /* 3 cột */
    min-width: 250px; /* Giới hạn chiều rộng nhỏ nhất */
}
.custom-vendor-list-grid.columns-4 .custom-vendor-item {
    width: calc(25% - 15px); /* 4 cột */
}

.custom-vendor-item:hover {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
}

.custom-vendor-item a {
    text-decoration: none;
    color: inherit;
    display: block;
}

.vendor-avatar {
    margin: 0 auto 10px;
    width: 96px;
    height: 96px;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid #ddd;
}

.vendor-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.vendor-shop-name {
    margin: 0;
    font-size: 1.1em;
    font-weight: 600;
}/* End custom CSS */