#ecla-vendor-banner-context {
    margin-bottom : 18px;
}
.ecla-vendor-banner {
    border-radius : 10px;
    overflow : hidden;
    box-shadow : 0 2px 10px rgba(0, 0, 0, 0.1);
}
.ecla-vendor-banner-cover {
    background : linear-gradient(135deg, var(--secondary-color) 0%, #005599 100%);
    background-size : cover;
    background-position : center;
    min-height : 140px;
}
.ecla-vendor-banner-overlay {
    background : linear-gradient(to right, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.25) 100%);
    padding : 20px 24px;
    min-height : 140px;
    display : flex;
    align-items : center;
}
.ecla-vendor-banner-info {
    color : #fff;
    flex : 1;
}
.ecla-vendor-banner-name {
    font-size : 1.35rem;
    font-weight : 700;
    margin : 0 0 8px;
    display : flex;
    align-items : center;
    gap : 8px;
    text-shadow : 0 1px 3px rgba(0, 0, 0, 0.4);
}
.ecla-vendor-banner-meta {
    display : flex;
    flex-wrap : wrap;
    gap : 12px;
    font-size : 13px;
    margin-bottom : 10px;
    opacity : 0.9;
}
.ecla-vendor-banner-description {
    font-size : 13px;
    margin : 0 0 12px;
    opacity : 0.85;
    max-width : 600px;
}
.ecla-vendor-banner-actions {
    display : flex;
    flex-wrap : wrap;
    gap : 8px;
    align-items : center;
}
.ecla-vendor-contact-btn {
    display : inline-flex;
    align-items : center;
    gap : 5px;
    padding : 6px 14px;
    border-radius : 20px;
    font-size : 13px;
    font-weight : 600;
    text-decoration : none;
    border : none;
    cursor : pointer;
    transition : opacity 0.2s, transform 0.15s;
    white-space : nowrap;
}
.ecla-vendor-contact-btn:hover {
    opacity : 0.88;
    transform : translateY(-1px);
}
.ecla-vendor-btn-whatsapp { background : #25d366; color : #fff; }
.ecla-vendor-btn-facebook { background : #1877f2; color : #fff; }
.ecla-vendor-btn-tiktok { background : #000; color : #fff; }
.ecla-vendor-banner-clear {
    background : rgba(255, 255, 255, 0.2);
    color : #fff;
    border : 1px solid rgba(255, 255, 255, 0.4);
    padding : 5px 12px;
    border-radius : 20px;
    font-size : 12px;
    cursor : pointer;
    transition : background 0.2s;
}
.ecla-vendor-banner-clear:hover {
    background : rgba(255, 255, 255, 0.35);
}
#ecla-marketplace-wrapper.dark-mode .ecla-vendor-banner-cover {
    background : linear-gradient(135deg, #1a1a3e 0%, #002244 100%);
}
@media (max-width: 768px) {
    .ecla-vendor-banner-name { font-size : 1.1rem; }
    .ecla-vendor-banner-overlay { padding : 14px 16px; }
}