.vendor-card{box-sizing:border-box;background:#fff;border:1px solid #ece9e3;border-radius:12px;align-items:center;gap:1rem;width:100%;padding:12px;text-decoration:none;display:flex;position:relative}.vendor-card-img-link{flex-shrink:0;line-height:0}.vendor-card-img{object-fit:cover;border:1px solid #cecaca;border-radius:10px;width:100px;height:100px}.vendor-card-details{flex-direction:column;flex:1;gap:8px;min-width:0;margin-top:26px;display:flex}.vendor-card-top{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.vendor-card-name{color:#1a1f2e;text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:1rem;font-weight:600;display:-webkit-box;overflow:hidden}.vendor-card-rating{align-items:center;gap:2px;margin:0;display:flex}.vendor-card-action{flex-shrink:0}.vendor-card-view-btn{color:#000;cursor:pointer;white-space:nowrap;background-color:#c4fd5b;border:1px solid #fff;border-radius:10px;justify-content:center;align-items:center;padding:10px 22px;font-size:.9rem;font-weight:600;text-decoration:none;transition:background-color .2s,box-shadow .2s;display:inline-flex}.vendor-card-view-btn:hover{color:#fff;background-color:green;box-shadow:3px 3px 5px 3px #c7f2cd}.vendor-card-view-btn:focus-visible{outline-offset:2px;outline:2px solid #278b2e}.vendor-card-img-link:focus-visible{outline-offset:2px;outline:2px solid #278b2e}@media (min-width:700px){.vendor-card{transform-style:preserve-3d;transition:transform .4s,box-shadow .4s;box-shadow:0 4px 14px rgba(0,0,0,.08)}.vendor-card:hover{z-index:2;transform:rotateY(15deg)rotateX(8deg)translateZ(10px);box-shadow:0 30px 60px rgba(0,0,0,.3)}}@media (max-width:700px){.vendor-card{gap:10px;padding:10px}.vendor-card-img{width:76px;height:76px}.vendor-card-name{font-size:.9rem}.vendor-card-view-btn{padding:8px 14px;font-size:.85rem}}
.fav{fill:red;transform:translateY(0)scale(1.2)}.fav-icon{margin-top:4px;transition:transform .4s,box-shadow .4s}.fav-container{border-radius:100%;flex-shrink:0;display:inline}.fav-click{cursor:pointer;background-color:#fff;border:1px solid #fff;border-radius:100%}@media (min-width:700px){.fav-icon:hover{fill:red;transform:translateY(0)scale(1.2)}}