/* N7: a seller's public page (/shop/seller/{id}): the shop card, then the shop grid from shop-home.css. */
.shop-seller__card { display: flex; align-items: center; gap: 14px; margin: 8px 0 18px; padding: 16px; background: #FFFFFF; border: 1px solid #E2E8F0; border-radius: 16px; }
.shop-seller__photo { width: 72px; height: 72px; flex: none; border-radius: 50%; object-fit: cover; border: 1px solid #E2E8F0; }
.shop-seller__photo--empty { display: inline-flex; align-items: center; justify-content: center; background: #E3F2FD; color: #1E88E5; font-size: 1.6rem; }
.shop-seller__text { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.shop-seller__text small { color: #475569; font-size: .82rem; }
.shop-seller__text h1 { margin: 0; font-size: 1.4rem; font-weight: 900; color: #0F172A; overflow-wrap: anywhere; }
.shop-seller__text span { color: #1E88E5; font-weight: 700; font-size: .9rem; }
.shop-seller__title { margin: 0 0 12px; font-size: 1.1rem; font-weight: 900; color: #1565C0; }

@media (max-width: 575.98px) {
    .shop-seller__card { flex-wrap: wrap; }
    .shop-seller__photo { width: 56px; height: 56px; }
}