.lkc-vendor-card .lkc-media {
aspect-ratio: 3 / 1;
min-height: 120px;
overflow: hidden;
border-radius: var(--lk-radius-lg, 12px) var(--lk-radius-lg, 12px) 0 0;
}
.lkc-vendor-card .lkc-media .lkc-img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transition: transform 0.6s ease;
}
.lkc-vendor-card:hover .lkc-media .lkc-img {
transform: scale(1.05);
} .lkc-vendor-card .lkc-vendor-meta {
display: flex;
align-items: center; gap: 12px; margin-top: -32px; margin-bottom: 8px;
position: relative;
z-index: 2;
padding-left: 18px; }
.lkc-vendor-card .lkc-vendor-avatar {
flex-shrink: 0;
width: 64px;
height: 64px;
border-radius: 50%;
border: 3px solid var(--lk-white, #FFFFFF);
background: var(--lk-bg-alt, #EEF0F8);
overflow: hidden;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
html[data-theme="dark"] .lkc-vendor-card .lkc-vendor-avatar {
border-color: var(--lk-bg-soft, #1A2438);
background: var(--lk-bg-soft, #1A2438);
}
.lkc-vendor-card .lkc-vendor-avatar img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 50%;
} .lkc-vendor-card .lkc-vendor-stars-wrap {
padding-top: 30px; }
.lkc-vendor-card .lkc-stars {
margin: 0;
font-size: 13px;
} .lkc-vendor-card .lkc-name {
font-size: 16px;
font-weight: 700;
min-height: auto;
margin-top: 5px;
}
.lkc-vendor-card .lkc-name a {
color: var(--lk-blue, #00209F) !important;
font-family: var(--lk-font-title, 'Fraunces', Georgia, serif);
}
.lkc-vendor-card .lkc-name a:hover {
color: var(--lk-red, #D21034) !important;
}
html[data-theme="dark"] .lkc-vendor-card .lkc-name a {
color: #60A5FA !important;
}
html[data-theme="dark"] .lkc-vendor-card .lkc-name a:hover {
color: #FBBF24 !important;
} .lkc-vendor-card .lkc-buy {
margin-top: auto;
padding-top: 10px;
border-top: 1px solid var(--lk-border, #E0E0E0);
}
html[data-theme="dark"] .lkc-vendor-card .lkc-buy {
border-top-color: rgba(255, 255, 255, 0.08);
}
.lkc-vendor-card .lkc-add--ghost {
padding: 11px 16px !important;
font-size: 13px !important;
} @media (max-width: 559px) {
.lkc-vendor-card .lkc-media {
aspect-ratio: 2 / 1;
min-height: 100px;
}
.lkc-vendor-card .lkc-vendor-meta {
margin-top: -28px;
gap: 10px;
padding-left: 14px;
}
.lkc-vendor-card .lkc-vendor-avatar {
width: 56px;
height: 56px;
border-width: 2px;
}
.lkc-vendor-card .lkc-vendor-stars-wrap {
padding-top: 24px;
}
.lkc-vendor-card .lkc-name {
font-size: 15px;
}
}