.wcmv-vendor-profile-page {
  width: min(1280px, calc(100% - 24px));
  margin: 20px auto 40px;
  clear: both;
  color: var(--wcmv-color-body, #0f172a);
}

.wcmv-vendor-profile-page .wcmv-hidden {
  display: none !important;
}

.wcmv-vendor-profile-page .wcmv-vendor-header {
  display: block !important;
  width: 100%;
  background: var(--wcmv-color-card-bg, #ffffff);
  border: 1px solid var(--wcmv-color-card-border, #d7e6ff);
}

.wcmv-vendor-profile-page .wcmv-vendor-banner {
  position: relative;
  width: 100%;
  height: clamp(180px, 30vw, 300px);
  overflow: hidden;
  background: color-mix(in srgb, var(--wcmv-color-page-bg-start, #eef4ff) 70%, var(--wcmv-color-card-bg, #ffffff) 30%);
}

.wcmv-vendor-profile-page .wcmv-vendor-banner.default {
  background: linear-gradient(135deg, var(--wcmv-color-button-start, #2563eb), var(--wcmv-color-button-end, #1d4ed8));
}

.wcmv-vendor-profile-page .wcmv-vendor-banner-slider {
  position: relative;
  width: 100%;
  height: 100%;
}

.wcmv-vendor-profile-page .wcmv-vendor-banner-slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity .25s ease;
}

.wcmv-vendor-profile-page .wcmv-vendor-banner-slide.is-active {
  opacity: 1;
}

.wcmv-vendor-profile-page .wcmv-vendor-banner-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.wcmv-vendor-profile-page .wcmv-vendor-banner-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: auto;
  height: auto;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--wcmv-color-card-bg, #ffffff);
  font-size: 44px;
  line-height: 1;
  cursor: pointer;
  z-index: 2;
  text-shadow: 0 2px 8px rgba(0,0,0,.45);
  padding: 0 2px;
}

.wcmv-vendor-profile-page .wcmv-vendor-banner-nav.prev { left: 12px; }
.wcmv-vendor-profile-page .wcmv-vendor-banner-nav.next { right: 12px; }

.wcmv-vendor-profile-page .wcmv-vendor-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 20px;
  border-top: 1px solid color-mix(in srgb, var(--wcmv-color-card-border, #d7e6ff) 75%, transparent 25%);
  border-bottom: 1px solid color-mix(in srgb, var(--wcmv-color-card-border, #d7e6ff) 75%, transparent 25%);
}

.wcmv-vendor-profile-page .wcmv-vendor-identity-left {
  display: flex;
  align-items: center;
  gap: 16px;
  min-width: 0;
  flex: 1;
}

.wcmv-vendor-profile-page .wcmv-vendor-identity-left .avatar {
  width: 84px;
  height: 84px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}

.wcmv-vendor-profile-page .wcmv-vendor-identity-copy {
  min-width: 0;
}

.wcmv-vendor-profile-page .wcmv-vendor-identity-copy h1 {
  margin: 0 0 6px !important;
  font-size: clamp(1.75rem, 2.2vw, 2.4rem) !important;
  line-height: 1.15 !important;
}

.wcmv-vendor-profile-page .wcmv-vendor-bio {
  margin: 0 0 8px;
  color: var(--wcmv-color-muted, #64748b);
  max-width: 760px;
}

.wcmv-vendor-profile-page .wcmv-vendor-kpis {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin: 0;
  color: var(--wcmv-color-body, #0f172a);
  font-size: 15px;
}

.wcmv-vendor-profile-page .wcmv-vendor-kpis span {
  white-space: nowrap;
}

.wcmv-vendor-profile-page .wcmv-vendor-identity-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  align-items: center;
  justify-content: flex-end;
}

.wcmv-vendor-profile-page .wcmv-vendor-identity-actions a,
.wcmv-vendor-profile-page .wcmv-vendor-identity-actions .wcmv-vendor-action-btn,
.wcmv-vendor-profile-page .wcmv-vendor-identity-actions .wcmv-vendor-action-disabled {
  font-size: 15px;
  text-decoration: none;
  color: var(--wcmv-color-body, #0f172a);
  border: 0;
  background: none;
  padding: 0;
}

.wcmv-vendor-profile-page .wcmv-vendor-action-disabled {
  color: var(--wcmv-color-muted, #64748b);
}

.wcmv-vendor-profile-page .wcmv-vendor-reputation {
  display: grid;
  gap: 10px;
  padding: 0 0 8px;
  margin: 0 0 14px;
  border-bottom: 0;
  background: transparent;
}

.wcmv-vendor-profile-page .wcmv-vendor-metric {
  display: grid;
  gap: 6px;
}

.wcmv-vendor-profile-page .wcmv-vendor-metric-head {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  font-size: 14px;
  color: var(--wcmv-color-muted, #64748b);
}

.wcmv-vendor-profile-page .wcmv-vendor-metric-head strong {
  color: var(--wcmv-color-body, #0f172a);
}

.wcmv-vendor-profile-page .wcmv-vendor-metric-track {
  height: 8px;
  width: 100%;
  background: color-mix(in srgb, var(--wcmv-color-card-border, #d7e6ff) 60%, var(--wcmv-color-card-bg, #ffffff) 40%);
  overflow: hidden;
}

.wcmv-vendor-profile-page .wcmv-vendor-metric-track span {
  display: block;
  height: 100%;
  background: linear-gradient(
    90deg,
    color-mix(in srgb, var(--wcmv-color-success, #16a34a) 70%, #ffffff 30%),
    var(--wcmv-color-success, #16a34a)
  );
}

.wcmv-vendor-profile-page .wcmv-vendor-metric-track.is-danger span {
  background: linear-gradient(
    90deg,
    color-mix(in srgb, var(--wcmv-color-danger, #ef4444) 70%, #ffffff 30%),
    var(--wcmv-color-danger, #ef4444)
  );
}

.wcmv-vendor-profile-page .wcmv-vendor-nav-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 20px;
}

.wcmv-vendor-profile-page .wcmv-vendor-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.wcmv-vendor-profile-page .wcmv-vendor-nav a {
  color: var(--wcmv-color-muted, #64748b);
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
}

.wcmv-vendor-profile-page .wcmv-vendor-nav a.is-active {
  color: var(--wcmv-color-body, #0f172a);
  font-weight: 700;
}

.wcmv-vendor-profile-page .wcmv-vendor-search {
  width: min(420px, 100%);
}

.wcmv-vendor-profile-page .wcmv-vendor-search input[type="search"] {
  width: 100%;
  border: 1px solid var(--wcmv-color-card-border, #d7e6ff);
  background: var(--wcmv-color-card-bg, #ffffff);
  color: var(--wcmv-color-body, #0f172a);
  padding: 10px 14px;
  font-size: 15px;
}

.wcmv-vendor-profile-page .wcmv-vendor-content {
  margin: 18px auto 0;
}

.wcmv-vendor-profile-page .wcmv-vendor-content h2 {
  margin: 0 0 14px;
  font-size: clamp(1.5rem, 2vw, 2rem);
  line-height: 1.2;
  padding: 0 16px;
}

.wcmv-vendor-profile-page .wcmv-vendor-content > .vintage-card {
  padding: 18px 16px;
}

.wcmv-vendor-profile-page .wcmv-vendor-about-form {
  margin-top: 12px;
}

.wcmv-vendor-profile-page .wcmv-about-actions {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-top: 10px;
}

.wcmv-vendor-profile-page .wcmv-vendor-products {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  gap: 14px;
}

.wcmv-vendor-profile-page .wcmv-vendor-product-card {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 10px;
  background: var(--wcmv-color-card-bg, #ffffff);
  border: 1px solid var(--wcmv-color-card-border, #d7e6ff);
  min-width: 0;
}

.wcmv-vendor-profile-page .wcmv-vendor-product-thumb {
  display: block;
}

.wcmv-vendor-profile-page .wcmv-vendor-product-thumb img {
  width: 100%;
  height: 190px;
  object-fit: cover;
  display: block;
}

.wcmv-vendor-profile-page .wcmv-vendor-product-title {
  margin: 0;
  font-size: 1rem !important;
  line-height: 1.35 !important;
}

.wcmv-vendor-profile-page .wcmv-vendor-product-title a {
  text-decoration: none;
  color: var(--wcmv-color-body, #0f172a);
}

.wcmv-vendor-profile-page .wcmv-vendor-product-price {
  margin: 0;
  font-size: 1rem !important;
  font-weight: 700;
  color: var(--wcmv-color-body, #0f172a);
}

.wcmv-vendor-profile-page .wcmv-vendor-product-price .amount {
  color: inherit;
}

@media (max-width: 980px) {
  .wcmv-vendor-profile-page .wcmv-vendor-meta {
    flex-direction: column;
    align-items: flex-start;
  }

  .wcmv-vendor-profile-page .wcmv-vendor-identity-actions {
    width: 100%;
    justify-content: flex-start;
  }

  .wcmv-vendor-profile-page .wcmv-vendor-nav-row {
    flex-direction: column;
    align-items: flex-start;
  }

  .wcmv-vendor-profile-page .wcmv-vendor-search {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .wcmv-vendor-profile-page {
    width: calc(100% - 16px);
    margin: 12px auto 22px;
  }

  .wcmv-vendor-profile-page .wcmv-vendor-banner {
    height: 170px;
  }

  .wcmv-vendor-profile-page .wcmv-vendor-identity-left {
    flex-direction: column;
    align-items: flex-start;
  }

  .wcmv-vendor-profile-page .wcmv-vendor-products {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .wcmv-vendor-profile-page .wcmv-vendor-content h2 {
    padding: 0 10px;
  }

  .wcmv-vendor-profile-page .wcmv-vendor-content > .vintage-card {
    padding: 14px 10px;
  }
}

@media (max-width: 520px) {
  .wcmv-vendor-profile-page .wcmv-vendor-products {
    grid-template-columns: 1fr;
  }
}
