.zrn-vendor-pro-card,
                .zrn-vendor-pro-card * {
                    box-sizing: border-box;
                }

                .zrn-vendor-pro-card {
                    direction: rtl;
                    width: 100%;
                    max-width: 1120px;
                    margin: 18px auto;
                    background: #ffffff;
                    border: 1px solid #e9edf3;
                    border-radius: 18px;
                    padding: 16px;
                    color: #111827;
                    box-shadow: 0 14px 36px rgba(15, 23, 42, 0.055);
                    overflow: hidden;
                    font-family: inherit;
                }

                .zrn-vendor-pro-alert {
                    direction: rtl;
                    padding: 12px 14px;
                    background: #fff7ed;
                    border: 1px solid #fed7aa;
                    border-radius: 12px;
                    color: #9a3412;
                    font-size: 13px;
                    line-height: 1.8;
                }

                .zrn-vendor-pro-header {
                    display: grid;
                    grid-template-columns: auto minmax(0, 1fr) auto;
                    align-items: center;
                    gap: 14px;
                    padding-bottom: 14px;
                    border-bottom: 1px solid #eef1f5;
                }

                .zrn-vendor-pro-logo {
                    width: 52px;
                    height: 52px;
                    min-width: 52px;
                    border-radius: 14px;
                    overflow: hidden;
                    background: linear-gradient(135deg, #ef4444, #dc2626);
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    text-decoration: none !important;
                    color: #fff !important;
                    box-shadow: 0 10px 22px rgba(220, 38, 38, 0.18);
                    position: relative;
                }

                .zrn-vendor-pro-logo img {
                    width: 100%;
                    height: 100%;
                    display: block;
                    object-fit: cover;
                }

                .zrn-vendor-pro-logo span {
                    width: 100%;
                    height: 100%;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    color: #fff;
                    font-size: 20px;
                    font-weight: 950;
                    line-height: 1;
                }

                .zrn-vendor-pro-logo.has-image span {
                    display: none;
                }

                .zrn-vendor-pro-logo.no-image span {
                    display: flex;
                }

                .zrn-vendor-pro-main {
                    min-width: 0;
                }

                .zrn-vendor-pro-topline {
                    display: flex;
                    align-items: center;
                    flex-wrap: wrap;
                    gap: 8px;
                    margin-bottom: 4px;
                }

                .zrn-vendor-pro-name {
                    color: #0f172a !important;
                    font-size: 17px !important;
                    line-height: 1.5 !important;
                    font-weight: 950 !important;
                    text-decoration: none !important;
                    max-width: 100%;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                }

                .zrn-vendor-pro-name:hover {
                    color: #e65100 !important;
                }

                .zrn-vendor-pro-verified {
                    display: inline-flex;
                    align-items: center;
                    height: 22px;
                    padding: 0 8px;
                    border-radius: 999px;
                    background: #ecfdf5;
                    color: #15803d;
                    border: 1px solid #bbf7d0;
                    font-size: 11px;
                    font-weight: 900;
                    line-height: 1;
                }

                .zrn-vendor-pro-meta {
                    display: flex;
                    align-items: center;
                    flex-wrap: wrap;
                    gap: 6px;
                    color: #64748b;
                    font-size: 12px;
                    line-height: 1.8;
                    margin-bottom: 3px;
                }

                .zrn-vendor-pro-meta span:not(:last-child)::after {
                    content: "•";
                    color: #cbd5e1;
                    margin-right: 6px;
                }

                .zrn-vendor-pro-sub {
                    color: #94a3b8;
                    font-size: 11px;
                    line-height: 1.6;
                    font-weight: 700;
                }

                .zrn-vendor-pro-actions {
                    display: flex;
                    align-items: center;
                    gap: 10px;
                }

                .zrn-vendor-pro-actions.is-mobile {
                    display: none;
                }

                .zrn-vendor-pro-btn {
                    min-width: 136px;
                    min-height: 40px;
                    border-radius: 999px;
                    display: inline-flex;
                    align-items: center;
                    justify-content: center;
                    padding: 0 16px;
                    text-decoration: none !important;
                    font-size: 13px !important;
                    line-height: 1.4;
                    font-weight: 950 !important;
                    transition: all 0.18s ease;
                    white-space: nowrap;
                }

                .zrn-vendor-pro-btn.primary {
                    background: #e65100;
                    border: 1px solid #e65100;
                    color: #fff !important;
                    box-shadow: 0 10px 20px rgba(230, 81, 0, 0.16);
                }

                .zrn-vendor-pro-btn.primary:hover {
                    background: #cc4900;
                    border-color: #cc4900;
                    transform: translateY(-1px);
                }

                .zrn-vendor-pro-btn.outline {
                    background: #fff;
                    color: #0f172a !important;
                    border: 1px solid #0f172a;
                }

                .zrn-vendor-pro-btn.outline:hover {
                    background: #0f172a;
                    color: #fff !important;
                }

                .zrn-vendor-pro-body {
                    margin-top: 14px;
                    background: #f8fafc;
                    border: 1px solid #edf1f6;
                    border-radius: 16px;
                    padding: 14px;
                }

                .zrn-vendor-pro-title {
                    color: #0f172a;
                    font-size: 15px !important;
                    line-height: 1.6;
                    font-weight: 950 !important;
                    margin-bottom: 12px;
                }

                .zrn-vendor-pro-stats {
                    display: grid;
                    grid-template-columns: repeat(4, minmax(0, 1fr));
                    gap: 10px;
                }

                .zrn-vendor-pro-stats.count-1 {
                    grid-template-columns: 1fr;
                }

                .zrn-vendor-pro-stats.count-2 {
                    grid-template-columns: repeat(2, minmax(0, 1fr));
                }

                .zrn-vendor-pro-stats.count-3 {
                    grid-template-columns: repeat(3, minmax(0, 1fr));
                }

                .zrn-vendor-pro-stat {
                    min-width: 0;
                    background: #ffffff;
                    border: 1px solid #eef2f7;
                    border-radius: 14px;
                    padding: 12px 14px;
                }

                .zrn-vendor-pro-stat span {
                    display: block;
                    color: #64748b;
                    font-size: 12px !important;
                    line-height: 1.6;
                    font-weight: 700;
                    margin-bottom: 6px;
                }

                .zrn-vendor-pro-stat strong {
                    display: block;
                    color: #0f172a;
                    font-size: 22px !important;
                    line-height: 1.35;
                    font-weight: 950 !important;
                    letter-spacing: -0.02em;
                    overflow-wrap: anywhere;
                }

                .zrn-vendor-pro-stat small {
                    display: block;
                    color: #94a3b8;
                    font-size: 11px;
                    line-height: 1.6;
                    margin-top: 4px;
                }

                .zrn-vendor-pro-map {
                    margin-top: 14px;
                    background: #f8fafc;
                    border: 1px solid #edf1f6;
                    border-radius: 16px;
                    padding: 14px;
                    overflow: hidden;
                }

                .zrn-vendor-pro-map-title {
                    color: #0f172a;
                    font-size: 15px !important;
                    line-height: 1.6;
                    font-weight: 950 !important;
                    margin-bottom: 12px;
                }

                .zrn-vendor-pro-map .location-container {
                    overflow: hidden;
                    background: #ffffff;
                    border: 1px solid #eef2f7;
                    border-radius: 14px;
                }

                /* Cap the map at twice the store-view card height. */
                .zrn-vendor-pro-map .zrn-vendor-pro-leaflet {
                    width: 100%;
                    height: min(360px, 56vw);
                    min-height: 220px;
                    max-height: 360px;
                    border-radius: 14px;
                    background: #eef2f7;
                }

                .zrn-vendor-pro-products {
                    margin-top: 14px;
                    padding-top: 14px;
                    border-top: 1px solid #eef1f5;
                }

                .zrn-vendor-pro-products-head {
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    gap: 10px;
                    margin-bottom: 10px;
                }

                .zrn-vendor-pro-products-head strong {
                    color: #0f172a;
                    font-size: 14px;
                    font-weight: 950;
                }

                .zrn-vendor-pro-products-head a {
                    color: #e65100;
                    font-size: 12px;
                    font-weight: 900;
                    text-decoration: none;
                }

                .zrn-vendor-pro-product-grid {
                    display: grid;
                    grid-template-columns: repeat(4, minmax(0, 1fr));
                    gap: 10px;
                }

                .zrn-vendor-pro-product {
                    display: grid;
                    grid-template-columns: 54px minmax(0, 1fr);
                    gap: 9px;
                    align-items: center;
                    background: #f8fafc;
                    border: 1px solid #eef2f7;
                    border-radius: 13px;
                    padding: 8px;
                    text-decoration: none !important;
                    transition: all 0.18s ease;
                }

                .zrn-vendor-pro-product:hover {
                    transform: translateY(-1px);
                    border-color: #fed7aa;
                    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.06);
                }

                .zrn-vendor-pro-product-img {
                    width: 54px;
                    height: 54px;
                    border-radius: 10px;
                    overflow: hidden;
                    background: #fff;
                    display: block;
                }

                .zrn-vendor-pro-product-img img {
                    width: 100%;
                    height: 100%;
                    display: block;
                    object-fit: cover;
                }

                .zrn-vendor-pro-product-name {
                    color: #0f172a;
                    font-size: 12px;
                    font-weight: 800;
                    line-height: 1.7;
                    display: -webkit-box;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical;
                    overflow: hidden;
                }

                @media (max-width: 1024px) {
                    .zrn-vendor-pro-card {
                        max-width: 100%;
                    }

                    .zrn-vendor-pro-header {
                        grid-template-columns: auto minmax(0, 1fr);
                    }

                    .zrn-vendor-pro-actions.is-desktop {
                        display: none;
                    }

                    .zrn-vendor-pro-actions.is-mobile {
                        display: grid;
                        grid-template-columns: 1fr 1fr;
                        margin-top: 14px;
                    }

                    .zrn-vendor-pro-stats,
                    .zrn-vendor-pro-stats.count-3,
                    .zrn-vendor-pro-stats.count-4 {
                        grid-template-columns: repeat(2, minmax(0, 1fr));
                    }

                    .zrn-vendor-pro-product-grid {
                        grid-template-columns: repeat(2, minmax(0, 1fr));
                    }
                }

                @media (max-width: 767px) {
                    .zrn-vendor-pro-card {
                        margin: 14px auto;
                        padding: 14px;
                        border-radius: 16px;
                    }

                    .zrn-vendor-pro-header {
                        align-items: flex-start;
                        gap: 12px;
                    }

                    .zrn-vendor-pro-logo {
                        width: 48px;
                        height: 48px;
                        min-width: 48px;
                        border-radius: 13px;
                    }

                    .zrn-vendor-pro-name {
                        font-size: 15px !important;
                        white-space: normal;
                    }

                    .zrn-vendor-pro-body {
                        padding: 12px;
                        border-radius: 14px;
                    }

                    .zrn-vendor-pro-map {
                        padding: 12px;
                        border-radius: 14px;
                    }

                    .zrn-vendor-pro-map .zrn-vendor-pro-leaflet {
                        height: min(300px, 72vw);
                        min-height: 220px;
                    }

                    .zrn-vendor-pro-stats,
                    .zrn-vendor-pro-stats.count-2,
                    .zrn-vendor-pro-stats.count-3,
                    .zrn-vendor-pro-stats.count-4 {
                        grid-template-columns: 1fr;
                    }

                    .zrn-vendor-pro-stat strong {
                        font-size: 20px !important;
                    }

                    .zrn-vendor-pro-actions.is-mobile {
                        grid-template-columns: 1fr;
                    }

                    .zrn-vendor-pro-btn {
                        width: 100%;
                    }

                    .zrn-vendor-pro-product-grid {
                        grid-template-columns: 1fr;
                    }
                }