.VendorCardsGrid{grid-template-columns:repeat(4,1fr);gap:20px;min-height:300px;display:grid}.VendorCard{border:2px solid #dcdcdc;border-radius:14px;flex-direction:column;height:100%;min-height:180px;transition:box-shadow .3s,transform .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #00000014}.VendorCardLink{color:inherit;text-decoration:none}.VendorCard:hover{transform:translateY(-4px);box-shadow:0 14px 36px #00000024}.VendorCardImageWrap{position:absolute;inset:0}.VendorCardImageWrap img,.VendorCardImagePlaceholder{width:100%;height:100%;display:block}.VendorCardImageWrap img{object-fit:cover;transition:transform .4s}.VendorCardImagePlaceholder{background:linear-gradient(135deg,#e8e8e8 0%,#f0f0f0 100%)}.VendorCard:hover .VendorCardImageWrap img{transform:scale(1.05)}.VendorCardOverlay{pointer-events:none;background:linear-gradient(#0000 0%,#0003 45%,#00000080 65%,#000000d9 100%);position:absolute;inset:0}.VendorCardPrice{color:#fff;z-index:2;background:#1a1a1a;border-radius:10px;padding:8px 14px;font-size:15px;font-weight:700;position:absolute;top:16px;left:16px}.VendorCardContent{z-index:1;flex-direction:column;gap:6px;margin-top:auto;padding:16px 14px 14px;display:flex;position:relative}.VendorCardTitle{color:#fff;-webkit-line-clamp:2;line-clamp:2;text-shadow:0 1px 2px #0000004d;-webkit-box-orient:vertical;margin:0;font-size:1.05rem;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.VendorCardDescription{color:#ffffffe6;-webkit-line-clamp:2;line-clamp:2;text-shadow:0 1px 2px #0003;-webkit-box-orient:vertical;margin:0;font-size:.8rem;line-height:1.4;display:-webkit-box;overflow:hidden}.VendorCardBtn{color:#1a1a1a;cursor:pointer;background:#fff;border:none;border-radius:5px;justify-content:center;align-self:flex-start;align-items:center;gap:6px;margin-top:2px;padding:6px 14px;font-size:10px;font-weight:600;text-decoration:none;transition:background .2s,color .2s,transform .2s;display:inline-flex}.VendorCardBtn:hover{background:#f5f5f5;transform:translate(2px)}.VendorCardBtn svg{flex-shrink:0;width:14px;height:14px}.VendorCardSkeleton{pointer-events:none}.VendorCardSkeleton .VendorCardImagePlaceholder,.VendorCardSkeleton .VendorCardSkeletonLine{background:linear-gradient(90deg,#ececec 0%,#ddd 50%,#ececec 100%) 0 0/200% 100%;animation:1.3s ease-in-out infinite VendorCardSkeletonShimmer}.VendorCardSkeleton .VendorCardContent{gap:8px}.VendorCardSkeletonLine{border-radius:6px}.VendorCardSkeletonLineTitle{width:92%;min-height:16px}.VendorCardSkeletonLineTitleShort{width:68%}.VendorCardSkeletonLineBtn{border-radius:8px;width:128px;min-height:34px;margin-top:4px}@keyframes VendorCardSkeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.VendorCardBtnText{display:inline}.VendorCardBtnText--mobile{display:none}@media (max-width:640px){.VendorCardBtnText--desktop{display:none}.VendorCardBtnText--mobile{display:inline}.VendorCardTitle{color:#fff;text-shadow:0 1px 2px #0000004d;margin:0;font-size:.9rem;font-weight:700;line-height:1.3}.VendorCardContent{padding:10px 10px 14px}}@media (max-width:1200px){.VendorCardsGrid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.VendorCardsGrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.VendorCardsGrid{grid-template-columns:1fr 1fr;gap:12px}.VendorCard{min-height:200px}}.VendorCardsEmptyState{background:color-mix(in srgb,var(--brand-color)6%,white);border:2px dashed color-mix(in srgb,var(--brand-color)30%,white);text-align:center;border-radius:16px;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:18px;padding:60px 24px;display:flex}.VendorCardsEmptyIcons{align-items:center;gap:14px;display:flex}.VendorCardsEmptyIcon{border:1.5px solid color-mix(in srgb,var(--brand-color)20%,white);width:50px;height:50px;color:var(--brand-color);box-shadow:0 2px 10px color-mix(in srgb,var(--brand-color)12%,transparent);background:#fff;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.VendorCardsEmptyIcon--lg{background:var(--brand-color);color:#fff;width:68px;height:68px;box-shadow:0 6px 22px color-mix(in srgb,var(--brand-color)35%,transparent);border:none;border-radius:18px}.VendorCardsEmptyIcon svg{width:24px;height:24px}.VendorCardsEmptyIcon--lg svg{width:34px;height:34px}.VendorCardsEmptyBadge{background:color-mix(in srgb,var(--brand-color)12%,white);color:var(--brand-color);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;gap:6px;padding:4px 14px;font-size:.72rem;font-weight:700;display:inline-flex}.VendorCardsEmptyTitle{color:var(--heading-color);margin:0;font-size:1.5rem;font-weight:700;line-height:1.25}.VendorCardsEmptySubtitle{color:var(--text-color);max-width:380px;margin:0;font-size:.92rem;line-height:1.65}.VendorCardsEmptyHomeBtn{border-radius:var(--borderRadius);background:var(--brand-color);color:#fff;box-shadow:0 4px 14px color-mix(in srgb,var(--brand-color)30%,transparent);align-items:center;gap:8px;padding:11px 26px;font-size:.88rem;font-weight:600;text-decoration:none;transition:opacity .2s,transform .2s;display:inline-flex}.VendorCardsEmptyHomeBtn:hover{opacity:.9;transform:translateY(-2px)}.VendorCardsEmptyHomeBtn svg{width:15px;height:15px}@media (max-width:640px){.VendorCardsEmptyState{padding:44px 18px}.VendorCardsEmptyTitle{font-size:1.2rem}.VendorCardsEmptyIcon--lg{width:56px;height:56px}.VendorCardsEmptyIcon--lg svg{width:28px;height:28px}.VendorCardsEmptyIcon svg{width:20px;height:20px}}