html.brand-vision-rebel.vr-account {
  --header-h: 68px;
  --vr-ink: #101a2c;
  --vr-navy: #173254;
  --vr-muted: rgba(22, 40, 68, 0.62);
  --vr-line: rgba(36, 74, 120, 0.12);
  background: #f2f5f9;
}

/* Vision Rebel account — keep landing DA (no Reselp marketplace chrome) */
html.brand-vision-rebel body.auth-body,
html.brand-vision-rebel body.account-body {
  background: #f2f5f9 !important;
  color: var(--vr-ink);
  font-family: "Space Grotesk", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;
}

html.brand-vision-rebel body.auth-body,
html.brand-vision-rebel body.account-body {
  padding-top: var(--header-h, 68px);
}

html.brand-vision-rebel [data-market-chrome] { display: none !important; }
html:not(.brand-vision-rebel) [data-vr-chrome] { display: none !important; }

/* Account page: no marketing nav (How It Works / FAQ…) — logo + account only */
html.brand-vision-rebel.vr-account .vl-nav,
html.brand-vision-rebel.vr-account [data-vl-drawer-nav],
html.brand-vision-rebel.vr-account .vl-drawer-divider {
  display: none !important;
}

html.brand-vision-rebel .page-auth {
  background: #f2f5f9 !important;
  min-height: calc(100dvh - var(--header-h, 68px));
}

html.brand-vision-rebel .auth-shell--studio {
  background: transparent !important;
  min-height: calc(100dvh - var(--header-h, 68px) - 80px);
  padding: 36px 20px 64px;
}

html.brand-vision-rebel .auth-studio-bg { display: none !important; }

html.brand-vision-rebel .auth-left-inner,
html.brand-vision-rebel .auth-glass {
  background: #ffffff !important;
  border: 1px solid var(--vr-line) !important;
  border-radius: 20px !important;
  box-shadow: 0 18px 50px rgba(23, 50, 84, 0.08) !important;
  backdrop-filter: none !important;
  color: var(--vr-ink) !important;
}

html.brand-vision-rebel .auth-eyebrow {
  color: rgba(22, 40, 68, 0.55) !important;
  letter-spacing: 0.14em;
}

html.brand-vision-rebel .auth-title {
  font-family: "Space Grotesk", sans-serif !important;
  font-weight: 700 !important;
  color: var(--vr-ink) !important;
  letter-spacing: -0.03em;
}

html.brand-vision-rebel .auth-lede {
  color: var(--vr-muted) !important;
}

html.brand-vision-rebel .auth-mode-btn,
html.brand-vision-rebel .auth-type-btn {
  font-family: inherit;
}

html.brand-vision-rebel .auth-field span,
html.brand-vision-rebel .auth-field label,
html.brand-vision-rebel label.auth-field > span {
  color: rgba(22, 40, 68, 0.72) !important;
}

html.brand-vision-rebel .auth-field input,
html.brand-vision-rebel .auth-field select,
html.brand-vision-rebel .auth-field textarea {
  background: #fff !important;
  border-color: rgba(36, 74, 120, 0.18) !important;
  color: var(--vr-ink) !important;
}

html.brand-vision-rebel .auth-submit,
html.brand-vision-rebel .auth-cta-btn,
html.brand-vision-rebel button.auth-submit {
  background: var(--vr-navy) !important;
  color: #fff !important;
  border-radius: 999px !important;
  border: 0 !important;
}

html.brand-vision-rebel .auth-submit:hover,
html.brand-vision-rebel .auth-cta-btn:hover {
  background: #21406a !important;
}

html.brand-vision-rebel .vl-icon-btn.is-active {
  background: rgba(11, 18, 32, 0.08);
}

/* Logged-in dash — light hero, no gold glow / leftover tab band */
html.brand-vision-rebel body.account-body .account-dash {
  background: #f2f5f9;
}
html.brand-vision-rebel .account-hero {
  background: #ffffff !important;
  border-bottom: 1px solid var(--vr-line);
  color: var(--vr-ink) !important;
  box-shadow: none !important;
}
html.brand-vision-rebel .account-hero::before,
html.brand-vision-rebel .account-hero::after {
  display: none !important;
  content: none !important;
}
html.brand-vision-rebel .account-hero-name,
html.brand-vision-rebel .account-hero-email,
html.brand-vision-rebel .account-hero-eyebrow {
  color: var(--vr-ink) !important;
}
html.brand-vision-rebel .account-hero-email {
  color: var(--vr-muted) !important;
}
html.brand-vision-rebel .account-hero-btn {
  border-radius: 999px !important;
  background: var(--vr-navy) !important;
  color: #fff !important;
  border-color: transparent !important;
}
html.brand-vision-rebel .account-hero-btn--ghost {
  background: transparent !important;
  color: var(--vr-navy) !important;
  border: 1px solid rgba(36, 74, 120, 0.28) !important;
}

/* Tabs readable on white — kill gold underline leftover */
html.brand-vision-rebel .account-tabs {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 16px 0;
  border-top: 1px solid var(--vr-line);
  gap: 2px;
  background: transparent !important;
}
html.brand-vision-rebel .account-tab {
  color: var(--vr-muted) !important;
  font-family: "Space Grotesk", sans-serif !important;
  font-weight: 600 !important;
}
html.brand-vision-rebel .account-tab:hover {
  color: var(--vr-navy) !important;
}
html.brand-vision-rebel .account-tab.is-active {
  color: var(--vr-ink) !important;
}
html.brand-vision-rebel .account-tab.is-active::after {
  background: var(--vr-navy) !important;
  height: 2px !important;
  border-radius: 2px 2px 0 0 !important;
}
html.brand-vision-rebel .account-tab-count {
  background: var(--vr-navy) !important;
  color: #fff !important;
}
html.brand-vision-rebel .account-tab-sep {
  background: var(--vr-line) !important;
}

html.brand-vision-rebel .vl-footer {
  margin-top: auto;
  background: transparent;
  border-top: 1px solid var(--vr-line);
}

/* Seller account: vertical menu (no horizontal scroll) */
html.brand-vision-rebel body.account-seller .account-dash-body {
  max-width: none;
  width: 100%;
  margin: 0;
  padding: 0 clamp(16px, 2.5vw, 40px) 0;
  display: grid;
  grid-template-columns: 240px minmax(0, 1fr);
  gap: 28px;
  align-items: start;
}

html.brand-vision-rebel body.account-seller .account-hero-inner {
  max-width: none !important;
  width: 100%;
  margin: 0;
  padding: 28px clamp(16px, 2.5vw, 40px) 18px !important;
}

html.brand-vision-rebel body.account-seller .account-tabs {
  position: sticky;
  top: calc(var(--header-h, 68px) + 12px);
  display: grid !important;
  gap: 4px;
  margin: 0;
  padding: 12px;
  max-width: none;
  border: 1px solid var(--vr-line);
  border-top: 1px solid var(--vr-line);
  border-radius: 18px;
  background: #fff !important;
  box-shadow: 0 10px 28px rgba(23, 50, 84, 0.05);
}

html.brand-vision-rebel body.account-seller .account-tab {
  width: 100%;
  justify-content: flex-start;
  padding: 11px 12px !important;
  border-radius: 12px;
  color: var(--vr-muted) !important;
  text-align: left;
}

html.brand-vision-rebel body.account-seller .account-tab.is-active {
  background: rgba(23, 50, 84, 0.07) !important;
  color: var(--vr-ink) !important;
}

html.brand-vision-rebel body.account-seller .account-tab.is-active::after {
  display: none !important; /* no gold / bottom underline strip */
}

html.brand-vision-rebel body.account-seller .account-tab-sep {
  width: auto;
  height: 1px;
  margin: 8px 4px;
  align-self: stretch;
  background: var(--vr-line) !important;
}

html.brand-vision-rebel body.account-seller .account-dash-content {
  min-width: 0;
}

html.brand-vision-rebel body.account-seller .account-main {
  max-width: none;
  margin: 0;
  padding: 0 0 48px;
}

html.brand-vision-rebel body.account-seller .account-golive-host:not([hidden]) {
  margin-bottom: 14px;
}

@media (max-width: 860px) {
  html.brand-vision-rebel body.account-seller .account-dash-body {
    grid-template-columns: 1fr;
    padding: 16px 16px 0;
  }
  html.brand-vision-rebel body.account-seller .account-tabs {
    position: static;
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 6px;
  }
  html.brand-vision-rebel body.account-seller .account-tab-sep {
    grid-column: 1 / -1;
  }
}

/* Client accounts: same shell as sellers — hide shop switcher block */
html.brand-vision-rebel body.account-client .account-nav-shop-label,
html.brand-vision-rebel body.account-client .account-nav-shop,
html.brand-vision-rebel body.account-client [data-account-nav-shop],
html.brand-vision-rebel body.account-client .account-nav-sep {
  display: none !important;
}
html.brand-vision-rebel body.account-client .account-golive-host,
html.brand-vision-rebel body.account-client [data-dash-golive],
html.brand-vision-rebel body.account-client [data-dash-shop-switch],
html.brand-vision-rebel body.account-client [data-dash-shop-link] {
  display: none !important;
}

/* Logged-in seller account: no top header — Sign out / back live in sidebar */
html.brand-vision-rebel body.account-seller {
  --header-h: 0px;
  padding-top: 0 !important;
}
html.brand-vision-rebel body.account-seller .vl-header,
html.brand-vision-rebel body.account-seller .vl-drawer,
html.brand-vision-rebel body.account-seller [data-vl-header] {
  display: none !important;
}
html.brand-vision-rebel body.account-seller .account-hero-actions {
  display: none !important;
}

html.brand-vision-rebel body.account-seller .account-tabs {
  top: 12px;
  display: grid !important;
  grid-auto-rows: min-content;
  align-content: start;
  align-self: start;
  height: auto !important;
  min-height: 0 !important;
  flex: none !important;
}

html.brand-vision-rebel body.account-seller .account-nav-footer {
  margin-top: 6px !important;
  margin-bottom: 0 !important;
  display: grid;
  gap: 4px;
  padding-top: 4px;
  align-self: start;
}

html.brand-vision-rebel body.account-seller .account-tab-sep--footer {
  margin-top: 4px;
  margin-bottom: 4px;
}

html.brand-vision-rebel body.account-seller .account-tab--link,
html.brand-vision-rebel body.account-seller .account-tab--logout {
  width: 100%;
  justify-content: flex-start;
  padding: 11px 12px !important;
  border-radius: 12px;
  text-decoration: none;
  border: 0;
  background: transparent;
  cursor: pointer;
  font: inherit;
  color: var(--vr-muted) !important;
  text-align: left;
}

html.brand-vision-rebel body.account-seller .account-tab--link:hover,
html.brand-vision-rebel body.account-seller .account-tab--logout:hover {
  background: rgba(23, 50, 84, 0.05);
  color: var(--vr-navy) !important;
}

html.brand-vision-rebel body.account-seller .account-tab--logout {
  color: #8a3a3a !important;
}
html.brand-vision-rebel body.account-seller .account-tab--logout:hover {
  background: rgba(138, 58, 58, 0.08);
  color: #6e2c2c !important;
}

html.brand-vision-rebel body.account-seller .account-golive-host {
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media (max-width: 860px) {
  html.brand-vision-rebel body.account-seller .account-tabs {
    min-height: 0 !important;
    height: auto !important;
  }
  html.brand-vision-rebel body.account-seller .account-nav-footer,
  html.brand-vision-rebel body.account-seller .account-tab-sep--footer {
    grid-column: 1 / -1;
    margin-top: 6px !important;
  }
}


/* Seller public shop link — button + copyable URL */
html.brand-vision-rebel .vr-shop-linkbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 12px;
  margin-top: 10px;
}
html.brand-vision-rebel .account-hero-shop-link .vr-shop-linkbar {
  margin-top: 12px;
}
html.brand-vision-rebel .vr-shop-linkbar-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  padding: 0 16px;
  border-radius: 999px;
  background: var(--vr-navy, #173254);
  color: #fff !important;
  font-family: "Space Grotesk", sans-serif;
  font-size: 0.88rem;
  font-weight: 600;
  text-decoration: none !important;
  border: 0;
}
html.brand-vision-rebel .vr-shop-linkbar-btn:hover {
  background: #21406a;
}
html.brand-vision-rebel .vr-shop-linkbar-urlwrap {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  max-width: 100%;
  padding: 6px 8px 6px 12px;
  border-radius: 999px;
  border: 1px solid var(--vr-line, rgba(36, 74, 120, 0.14));
  background: #fff;
}
html.brand-vision-rebel .vr-shop-linkbar-url {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: "Space Grotesk", ui-monospace, monospace;
  font-size: 0.8rem;
  font-weight: 500;
  color: var(--vr-navy, #173254) !important;
  text-decoration: none !important;
}
html.brand-vision-rebel .vr-shop-linkbar-copy {
  flex: none;
  border: 0;
  border-radius: 999px;
  min-height: 28px;
  padding: 0 10px;
  background: rgba(23, 50, 84, 0.08);
  color: var(--vr-navy, #173254);
  font: 600 0.75rem/1 "Space Grotesk", sans-serif;
  cursor: pointer;
}
html.brand-vision-rebel .vr-shop-linkbar-copy:hover {
  background: rgba(23, 50, 84, 0.14);
}
html.brand-vision-rebel .seller-shop-hero-actions .vr-shop-linkbar {
  width: 100%;
  margin-top: 4px;
}
/* Sidebar footer: hug content; viewport max-height + scroll set in final nav block */
html.brand-vision-rebel body.account-seller .account-tabs,
html.brand-vision-rebel body.account-seller nav.account-tabs[data-dash-nav] {
  display: grid !important;
  height: auto !important;
  min-height: 0 !important;
  align-content: start !important;
  align-self: start !important;
  flex: none !important;
}
html.brand-vision-rebel body.account-seller .account-nav-footer {
  margin-top: 6px !important;
  margin-bottom: 0 !important;
}
/* Dashboard empty + range fixes on VR */
html.brand-vision-rebel .dash-sales-empty {
  position: static !important;
  transform: none !important;
  left: auto !important;
  top: auto !important;
  margin: 12px 0 4px !important;
  text-align: left !important;
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(23, 50, 84, 0.05);
}
html.brand-vision-rebel .dash-range {
  display: inline-flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
}
html.brand-vision-rebel .dash-range-btn {
  font-family: "Space Grotesk", sans-serif !important;
  font-weight: 600 !important;
  font-size: 0.78rem !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
  line-height: 1.2 !important;
  padding: 8px 14px !important;
}


/* ===== Mockup seller overview + liquid float + My Shop ===== */
html.brand-vision-rebel body.account-body,
html.brand-vision-rebel body.account-seller { background: #f4f6f9 !important; }
html.brand-vision-rebel .vr-liquid-float {
  position: fixed; top: 14px; right: 18px; z-index: 80;
  display: none; align-items: center; gap: 10px;
}
html.brand-vision-rebel body.has-vr-liquid-float .vr-liquid-float { display: inline-flex !important; }
html.brand-vision-rebel .vr-liquid-pill {
  display: inline-flex; align-items: center; gap: 10px; min-height: 48px;
  padding: 6px 14px 6px 6px; border-radius: 999px;
  background: rgba(255,255,255,.84); border: 1px solid rgba(11,27,58,.08);
  box-shadow: 0 10px 30px rgba(11,27,58,.08);
  backdrop-filter: blur(16px) saturate(1.2); -webkit-backdrop-filter: blur(16px) saturate(1.2);
}
html.brand-vision-rebel .vr-liquid-avatar {
  width: 36px; height: 36px; border-radius: 50%; display: grid; place-items: center;
  background: #0b1b3a; color: #fff; font-size: .72rem; font-weight: 700;
}
html.brand-vision-rebel .vr-liquid-meta { display: grid; line-height: 1.15; }
html.brand-vision-rebel .vr-liquid-meta strong { font-size: .84rem; color: #0b1b3a; }
html.brand-vision-rebel .vr-liquid-meta small { font-size: .72rem; color: rgba(11,27,58,.55); }
html.brand-vision-rebel .vr-liquid-float .header-actions { display: inline-flex; align-items: center; }
html.brand-vision-rebel body.account-seller .vl-header { display: none !important; }

.vr-ov-welcome { display:flex; justify-content:space-between; align-items:flex-start; gap:16px; margin:0 0 18px; }
.vr-ov-welcome h2 { margin:0; font-size:clamp(1.6rem,2.4vw,2rem); letter-spacing:-.03em; color:#0b1b3a; }
.vr-ov-sub { margin:6px 0 0; color:rgba(11,27,58,.55); }
.vr-ov-range { border:1px solid rgba(11,27,58,.12); background:#fff; border-radius:999px; min-height:40px; padding:0 14px; font:600 .84rem/1 "Space Grotesk",sans-serif; color:#0b1b3a; cursor:pointer; }
.vr-kpi-row { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-bottom:16px; }
.vr-kpi-card { background:#fff; border:1px solid rgba(11,27,58,.1); border-radius:16px; padding:16px 16px 12px; box-shadow:0 10px 28px rgba(11,27,58,.04); }
.vr-kpi-label { display:block; font-size:.78rem; color:rgba(11,27,58,.55); margin-bottom:8px; }
.vr-kpi-main { display:flex; align-items:flex-end; justify-content:space-between; gap:8px; }
.vr-kpi-main strong { font-size:1.45rem; letter-spacing:-.03em; color:#0b1b3a; }
.vr-kpi-status { font-size:1.15rem !important; }
.vr-spark { width:72px; height:28px; flex:none; opacity:.85; }
.vr-mid-row, .vr-bot-row { display:grid; grid-template-columns:1.4fr 1fr; gap:14px; margin-bottom:16px; }
.vr-create-card { display:grid; grid-template-columns:1.1fr .9fr; gap:12px; background:#fff; border:1px solid rgba(11,27,58,.1); border-radius:18px; overflow:hidden; box-shadow:0 10px 28px rgba(11,27,58,.04); min-height:210px; }
.vr-create-copy { padding:22px 20px; }
.vr-create-copy h3 { margin:0 0 8px; font-size:1.25rem; color:#0b1b3a; letter-spacing:-.02em; }
.vr-create-copy p { margin:0 0 16px; color:rgba(11,27,58,.55); }
.vr-create-media { min-height:100%; background:#eef2f7; }
.vr-create-media img { width:100%; height:100%; object-fit:cover; }
.vr-navy-btn { background:#0b1b3a !important; border-color:#0b1b3a !important; border-radius:999px !important; }
.vr-started-card { padding:16px 16px 12px; }
.vr-progress { height:8px; border-radius:999px; background:rgba(11,27,58,.08); overflow:hidden; margin:10px 0 14px; }
.vr-progress > i { display:block; height:100%; background:#0b1b3a; border-radius:inherit; }
.vr-checklist { list-style:none; margin:0; padding:0; display:grid; gap:10px; }
.vr-check-item { display:flex; align-items:center; gap:10px; font-size:.9rem; color:#0b1b3a; }
.vr-check-ico { width:22px; height:22px; border-radius:50%; border:1.5px solid rgba(11,27,58,.25); display:grid; place-items:center; font-size:.7rem; flex:none; }
.vr-check-item.is-done .vr-check-ico { background:#0b1b3a; border-color:#0b1b3a; color:#fff; }
.vr-storefront-preview { border-radius:14px; overflow:hidden; border:1px solid rgba(11,27,58,.1); background:#eef2f7; aspect-ratio:16/11; margin-bottom:12px; }
.vr-storefront-preview--lg { aspect-ratio:16/9; margin-bottom:14px; }
.vr-storefront-frame { width:100%; height:100%; border:0; background:#fff; }
.vr-storefront-empty { display:grid; place-items:center; height:100%; padding:20px; }
.vr-myshop-preview { margin-bottom:18px; padding:16px; }
.vr-myshop-tools { display:flex; flex-wrap:wrap; gap:10px 14px; align-items:center; margin-top:12px; }
.vr-tool { display:inline-flex; align-items:center; gap:8px; font-size:.8rem; color:rgba(11,27,58,.55); font-weight:600; }
.seller-shop-products { background:var(--vr-page-bg, transparent); border-radius:16px; padding:8px; }
.seller-shop-products .seller-shop-grid { grid-template-columns: repeat(var(--vr-per-row, 3), minmax(0, 1fr)) !important; }
.seller-shop-products .seller-shop-card { background: var(--vr-card-bg, #fff); }
html.brand-vision-rebel .dash-sales-empty { position:static !important; transform:none !important; left:auto !important; top:auto !important; margin:12px 0 4px !important; text-align:left !important; padding:10px 12px; border-radius:12px; background:rgba(11,27,58,.05); }
html.brand-vision-rebel .dash-range-btn { text-transform:none !important; letter-spacing:.01em !important; font-family:"Space Grotesk",sans-serif !important; font-weight:600 !important; padding:8px 14px !important; }
@media (max-width:1100px){ .vr-kpi-row{grid-template-columns:1fr 1fr;} .vr-mid-row,.vr-bot-row,.vr-create-card{grid-template-columns:1fr;} }
@media (max-width:720px){ .vr-kpi-row{grid-template-columns:1fr;} html.brand-vision-rebel .vr-liquid-meta{display:none;} }


/* ========== Mockup-exact slim dashboard topbar ========== */
html.brand-vision-rebel body.account-body {
  --header-h: 64px;
  padding-top: 0 !important;
}
html.brand-vision-rebel body.account-body .page-auth,
html.brand-vision-rebel body.account-seller .page-auth {
  min-height: 100dvh;
  padding-top: 0 !important;
}
html.brand-vision-rebel .vr-dash-topbar {
  position: sticky;
  top: 0;
  z-index: 100;
  display: none;
  align-items: center;
  gap: 18px;
  height: 64px;
  min-height: 64px;
  max-height: 64px;
  padding: 0 22px;
  background: #ffffff;
  border-bottom: 1px solid rgba(11, 27, 58, 0.08);
  box-sizing: border-box;
}
html.brand-vision-rebel body.account-body .vr-dash-topbar:not([hidden]),
html.brand-vision-rebel body.has-vr-dash-topbar .vr-dash-topbar {
  display: flex !important;
}
html.brand-vision-rebel body.account-body .account-hero,
html.brand-vision-rebel body.account-seller .account-hero,
html.brand-vision-rebel [data-account-hero] {
  display: none !important;
}
html.brand-vision-rebel body.account-seller .vl-header,
html.brand-vision-rebel body.account-body .vl-header {
  display: none !important;
}
html.brand-vision-rebel body.account-seller .account-dash-body {
  padding-top: 0;
}
.vr-dash-brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex: none;
  text-decoration: none !important;
  color: #0b1b3a !important;
}
.vr-dash-mark { width: 28px; height: 28px; object-fit: contain; display: block; }
.vr-dash-word {
  font-family: "Space Grotesk", sans-serif;
  font-weight: 700;
  font-size: 0.92rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  white-space: nowrap;
}
.vr-dash-search {
  flex: 1 1 auto;
  max-width: 420px;
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 8px;
  height: 40px;
  padding: 0 12px 0 14px;
  border-radius: 999px;
  background: #f1f3f7;
  border: 1px solid transparent;
  cursor: text;
}
.vr-dash-search:focus-within {
  background: #eef1f6;
  border-color: rgba(11, 27, 58, 0.12);
}
.vr-dash-search-ico { color: rgba(11, 27, 58, 0.45); flex: none; }
.vr-dash-search input {
  flex: 1; min-width: 0; border: 0; outline: none; background: transparent;
  font: 500 0.9rem/1.2 "Space Grotesk", sans-serif; color: #0b1b3a;
}
.vr-dash-search input::placeholder { color: rgba(11, 27, 58, 0.4); }
.vr-dash-kbd {
  flex: none;
  font: 600 0.68rem/1 ui-sans-serif, system-ui, sans-serif;
  color: rgba(11, 27, 58, 0.45);
  background: rgba(11, 27, 58, 0.06);
  border-radius: 6px;
  padding: 4px 6px;
}
.vr-dash-right {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex: none;
  margin-left: 8px;
}
.vr-dash-bell {
  position: relative; width: 40px; height: 40px; border: 0; border-radius: 50%;
  background: transparent; color: #0b1b3a; display: grid; place-items: center; cursor: pointer;
}
.vr-dash-bell:hover { background: rgba(11, 27, 58, 0.05); }
.vr-dash-bell-dot {
  position: absolute; top: 10px; right: 11px; width: 7px; height: 7px;
  border-radius: 50%; background: #ef4444; border: 1.5px solid #fff;
}
.vr-dash-profile {
  display: inline-flex; align-items: center; gap: 10px; height: 48px;
  padding: 4px 10px 4px 4px; border: 1px solid rgba(11, 27, 58, 0.08);
  border-radius: 999px; background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 8px 24px rgba(11, 27, 58, 0.06);
  backdrop-filter: blur(14px) saturate(1.15);
  -webkit-backdrop-filter: blur(14px) saturate(1.15);
  cursor: pointer; color: #0b1b3a;
}
.vr-dash-profile:hover { background: #fff; }
.vr-dash-avatar {
  width: 36px; height: 36px; border-radius: 50%; display: grid; place-items: center;
  background: #3a3f4a; color: #fff; font: 700 0.72rem/1 "Space Grotesk", sans-serif; flex: none;
}
.vr-dash-profile-meta { display: grid; text-align: left; line-height: 1.15; gap: 2px; }
.vr-dash-profile-meta strong { font: 700 0.86rem/1.1 "Space Grotesk", sans-serif; color: #0b1b3a; }
.vr-dash-profile-meta small {
  display: inline-flex; align-items: center; gap: 5px;
  font: 500 0.72rem/1 "Space Grotesk", sans-serif; color: rgba(11, 27, 58, 0.55);
}
.vr-dash-verified { display: inline-flex; }
.vr-dash-chevron { color: rgba(11, 27, 58, 0.4); flex: none; }
.vr-dash-profile-menu {
  position: absolute; top: calc(100% + 8px); right: 0; min-width: 180px; padding: 8px;
  border-radius: 14px; background: #fff; border: 1px solid rgba(11, 27, 58, 0.1);
  box-shadow: 0 16px 40px rgba(11, 27, 58, 0.12); display: grid; gap: 4px; z-index: 120;
}
.vr-dash-profile-menu a,
.vr-dash-profile-menu button {
  display: block; width: 100%; text-align: left; border: 0; background: transparent;
  border-radius: 10px; padding: 10px 12px; font: 600 0.86rem/1.2 "Space Grotesk", sans-serif;
  color: #0b1b3a; cursor: pointer; text-decoration: none;
}
.vr-dash-profile-menu a:hover,
.vr-dash-profile-menu button:hover { background: rgba(11, 27, 58, 0.05); }

/* Primary CTAs: navy + WHITE text */
html.brand-vision-rebel .vr-navy-btn,
html.brand-vision-rebel .vr-create-card .btn-primary,
html.brand-vision-rebel .vr-create-card .vr-navy-btn,
html.brand-vision-rebel body.account-seller .btn.btn-primary.vr-navy-btn {
  background: #0b1b3a !important;
  border-color: #0b1b3a !important;
  color: #ffffff !important;
  border-radius: 999px !important;
}
html.brand-vision-rebel .vr-navy-btn:hover,
html.brand-vision-rebel .vr-create-card .btn-primary:hover,
html.brand-vision-rebel .vr-create-card .vr-navy-btn:hover {
  background: #152a52 !important;
  color: #ffffff !important;
}
@media (max-width: 900px) {
  .vr-dash-search { max-width: 220px; }
  .vr-dash-kbd { display: none; }
}
@media (max-width: 720px) {
  .vr-dash-word { display: none; }
  .vr-dash-profile-meta { display: none; }
  .vr-dash-search { max-width: none; flex: 1; }
  .vr-dash-topbar { padding: 0 12px; gap: 10px; }
}

html.brand-vision-rebel body.has-vr-dash-topbar .vl-header,
html.brand-vision-rebel body.has-vr-dash-topbar .vl-drawer,
html.brand-vision-rebel body.has-vr-dash-topbar [data-vl-header] {
  display: none !important;
}


/* Liquid product save bar — bottom center */
.vr-liquid-savebar {
  position: fixed;
  left: 50%;
  bottom: 28px;
  transform: translateX(-50%) translateY(20px);
  z-index: 80;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 12px 16px 12px 18px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.86);
  border: 1px solid rgba(11, 27, 58, 0.1);
  box-shadow: 0 18px 50px rgba(11, 27, 58, 0.18);
  backdrop-filter: blur(18px) saturate(1.2);
  -webkit-backdrop-filter: blur(18px) saturate(1.2);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.22s ease, transform 0.22s ease;
  font: 600 0.88rem/1.2 "Space Grotesk", sans-serif;
  color: #0b1b3a;
  white-space: nowrap;
}
.vr-liquid-savebar.is-visible {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(-50%) translateY(0);
}
.vr-liquid-savebar-actions { display: inline-flex; gap: 8px; }

/* Unsaved leave modal */
.vr-unsaved-modal[hidden] { display: none !important; }
.vr-unsaved-modal {
  position: fixed; inset: 0; z-index: 140;
  display: grid; place-items: center;
}
.vr-unsaved-modal-backdrop {
  position: absolute; inset: 0;
  background: rgba(11, 27, 58, 0.35);
  backdrop-filter: blur(8px);
}
.vr-unsaved-modal-card {
  position: relative;
  width: min(420px, calc(100vw - 32px));
  padding: 24px;
  border-radius: 22px;
  background: rgba(255,255,255,0.94);
  border: 1px solid rgba(11, 27, 58, 0.1);
  box-shadow: 0 24px 60px rgba(11, 27, 58, 0.22);
}
.vr-unsaved-modal-card h3 {
  margin: 0 0 8px;
  font: 700 1.15rem/1.2 "Space Grotesk", sans-serif;
  color: #0b1b3a;
}
.vr-unsaved-modal-card p {
  margin: 0 0 18px;
  color: rgba(11, 27, 58, 0.65);
  font: 500 0.92rem/1.45 "Space Grotesk", sans-serif;
}
.vr-unsaved-modal-actions { display: flex; gap: 10px; justify-content: flex-end; flex-wrap: wrap; }

/* Static shop preview */
.vr-static-shop {
  border-radius: 16px;
  overflow: hidden;
  background: #fff;
  border: 1px solid rgba(11, 27, 58, 0.08);
  height: 100%;
  min-height: 180px;
  display: flex;
  flex-direction: column;
}
.vr-storefront-preview--lg .vr-static-shop { min-height: 320px; }
.vr-static-shop-banner {
  height: 72px;
  background: linear-gradient(135deg, var(--vr-shop-color, #0B1B3A), color-mix(in srgb, var(--vr-shop-color, #0B1B3A) 55%, white));
  overflow: hidden;
}
.vr-storefront-preview--lg .vr-static-shop-banner { height: 120px; }
.vr-static-shop-banner img { width: 100%; height: 100%; object-fit: cover; display: block; }
.vr-static-shop-banner-fallback { width: 100%; height: 100%; }
.vr-static-shop-body { padding: 12px 14px 14px; display: grid; gap: 12px; flex: 1; }
.vr-static-shop-brand { display: flex; gap: 10px; align-items: center; }
.vr-static-shop-logo, .vr-static-shop-logo-fallback {
  width: 40px; height: 40px; border-radius: 12px; object-fit: cover; flex: none;
  background: var(--vr-shop-color, #0B1B3A); color: #fff;
  display: grid; place-items: center; font-weight: 700;
}
.vr-static-shop-brand strong { display: block; font: 700 0.9rem/1.15 "Space Grotesk", sans-serif; color: #0b1b3a; }
.vr-static-shop-brand p { margin: 2px 0 0; font-size: 0.75rem; color: rgba(11,27,58,0.55); }
.vr-static-shop-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
}
.vr-static-shop-grid img {
  width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 10px; background: #f1f3f7;
}
.seller-pdp-reframe { margin-top: 8px; }


/* Sidebar profile (moved from header) */
html.brand-vision-rebel body.account-seller .account-nav-profile,
.account-nav-profile {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  margin-bottom: 4px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(11, 27, 58, 0.08);
  box-shadow: 0 6px 18px rgba(11, 27, 58, 0.05);
}
.account-nav-avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #3a3f4a;
  color: #fff;
  font: 700 0.72rem/1 "Space Grotesk", sans-serif;
  flex: none;
}
.account-nav-profile-meta {
  display: grid;
  gap: 2px;
  min-width: 0;
  text-align: left;
  line-height: 1.15;
}
.account-nav-profile-meta strong {
  font: 700 0.86rem/1.1 "Space Grotesk", sans-serif;
  color: #0b1b3a;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.account-nav-profile-meta small {
  font: 500 0.72rem/1 "Space Grotesk", sans-serif;
  color: rgba(11, 27, 58, 0.55);
}

/* Verified badge removed — never show */
.vr-dash-verified { display: none !important; }

/* Header no longer hosts profile */
.vr-dash-topbar .vr-dash-profile,
.vr-dash-topbar .vr-dash-profile-menu { display: none !important; }


/* ===== Sticky seller left nav ===== */
html.brand-vision-rebel body.account-seller .account-dash,
html.brand-vision-rebel body.account-seller .account-dash-body,
html.brand-vision-rebel body.account-seller .page-auth,
html.brand-vision-rebel body.account-seller .page {
  overflow: visible !important;
}
html.brand-vision-rebel body.account-seller .account-tabs,
html.brand-vision-rebel body.account-seller nav.account-tabs[data-dash-nav] {
  position: sticky !important;
  top: calc(var(--header-h, 64px) + 14px) !important;
  z-index: 30;
  align-self: start !important;
  max-height: calc(100dvh - var(--header-h, 64px) - 28px);
  overflow: auto !important;
}

/* ===== Create card full-bleed ===== */
html.brand-vision-rebel .vr-create-card {
  position: relative;
  display: grid !important;
  grid-template-columns: 1fr !important;
  min-height: 240px;
  background:
    linear-gradient(90deg, rgba(255,255,255,0.94) 0%, rgba(255,255,255,0.82) 38%, rgba(255,255,255,0.18) 62%, rgba(255,255,255,0.05) 100%),
    var(--vr-create-bg, none) center/cover no-repeat,
    #eef2f7;
  border: 1px solid rgba(11,27,58,.1);
  border-radius: 18px;
  overflow: hidden;
}
html.brand-vision-rebel .vr-create-card .vr-create-copy {
  position: relative;
  z-index: 1;
  max-width: min(420px, 92%);
  padding: 28px 26px;
}
html.brand-vision-rebel .vr-create-card .vr-create-media { display: none !important; }

/* ===== Apple liquid float always top-right ===== */
html.brand-vision-rebel body.account-seller .vr-liquid-float,
html.brand-vision-rebel body.has-vr-liquid-float .vr-liquid-float,
html.brand-vision-rebel .vr-liquid-float {
  display: inline-flex !important;
  position: fixed !important;
  top: 12px !important;
  right: 16px !important;
  z-index: 120 !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: none !important;
}
html.brand-vision-rebel .vr-liquid-pill {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 6px;
  border-radius: 999px;
  background: rgba(255,255,255,0.82);
  border: 1px solid rgba(11,27,58,0.1);
  box-shadow: 0 14px 36px rgba(11,27,58,0.14);
  backdrop-filter: blur(18px) saturate(1.2);
  -webkit-backdrop-filter: blur(18px) saturate(1.2);
}
html.brand-vision-rebel .vr-liquid-ico {
  width: 36px; height: 36px; border: 0; border-radius: 50%;
  display: grid; place-items: center; background: transparent;
  color: #0b1b3a; cursor: pointer; text-decoration: none;
}
html.brand-vision-rebel .vr-liquid-ico:hover { background: rgba(11,27,58,0.06); }

/* ===== My Shop studio: device frame + appearance ===== */
.vr-myshop-studio {
  display: grid;
  gap: 18px;
  padding: 22px;
  border-radius: 22px;
  background: #fff;
  border: 1px solid rgba(11,27,58,0.09);
  box-shadow: 0 14px 40px rgba(11,27,58,0.05);
}
.vr-myshop-studio-head {
  display: flex; justify-content: space-between; align-items: flex-start; gap: 12px;
}
.vr-myshop-studio-title {
  margin: 4px 0 0;
  font: 700 1.2rem/1.2 "Space Grotesk", sans-serif;
  color: #0b1b3a;
  letter-spacing: -0.02em;
}
.vr-device-toolbar {
  display: inline-flex;
  gap: 6px;
  padding: 5px;
  border-radius: 999px;
  background: #f1f3f7;
  border: 1px solid rgba(11,27,58,0.06);
  width: fit-content;
}
.vr-device-btn {
  display: inline-flex; align-items: center; gap: 8px;
  height: 38px; padding: 0 14px; border: 0; border-radius: 999px;
  background: transparent; color: rgba(11,27,58,0.55);
  font: 600 0.86rem/1 "Space Grotesk", sans-serif; cursor: pointer;
}
.vr-device-btn.is-active {
  background: #0b1b3a; color: #fff;
  box-shadow: 0 8px 20px rgba(11,27,58,0.18);
}
.vr-device-stage {
  display: grid;
  place-items: center;
  padding: 10px 0 4px;
}
.vr-device-bezel {
  width: min(100%, 920px);
  background: linear-gradient(160deg, #1d4ed8 0%, #1e3a8a 45%, #0b1b3a 100%);
  border-radius: 28px;
  padding: 18px 18px 22px;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.18),
    0 28px 60px rgba(15, 40, 100, 0.28);
}
.vr-device-stage[data-device="phone"] .vr-device-bezel {
  width: min(100%, 340px);
  border-radius: 36px;
  padding: 16px 14px 20px;
}
.vr-device-screen {
  background: #f4f6f9;
  border-radius: 16px;
  overflow: hidden;
  min-height: 420px;
  border: 1px solid rgba(255,255,255,0.18);
  box-shadow: inset 0 0 0 1px rgba(0,0,0,0.08);
}
.vr-device-stage[data-device="phone"] .vr-device-screen {
  min-height: 560px;
  border-radius: 24px;
}
.vr-device-screen .vr-storefront-preview,
.vr-device-screen .vr-static-shop {
  border: 0; border-radius: 0; margin: 0; height: 100%; min-height: inherit; aspect-ratio: auto;
}

.vr-appearance-card {
  display: grid;
  gap: 18px;
  padding: 18px;
  border-radius: 18px;
  background: linear-gradient(180deg, #fbfcfe 0%, #f5f7fb 100%);
  border: 1px solid rgba(11,27,58,0.08);
}
.vr-appearance-head {
  display: flex; justify-content: space-between; align-items: flex-start; gap: 14px; flex-wrap: wrap;
}
.vr-appearance-head h4 {
  margin: 4px 0 4px;
  font: 700 1.05rem/1.2 "Space Grotesk", sans-serif;
  color: #0b1b3a;
}
.vr-appearance-sub {
  margin: 0;
  color: rgba(11,27,58,0.5);
  font: 500 0.86rem/1.4 "Space Grotesk", sans-serif;
}
.vr-appearance-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
.vr-swatch-label {
  display: block;
  margin-bottom: 8px;
  font: 600 0.72rem/1 "Space Grotesk", sans-serif;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(11,27,58,0.45);
}
.vr-swatch {
  display: flex; align-items: center; gap: 12px;
  padding: 10px 12px;
  border-radius: 16px;
  background: #fff;
  border: 1px solid rgba(11,27,58,0.1);
  box-shadow: 0 8px 20px rgba(11,27,58,0.04);
  cursor: pointer;
}
.vr-swatch input[type="color"] {
  -webkit-appearance: none; appearance: none;
  width: 42px; height: 42px; border: 0; padding: 0;
  border-radius: 12px; background: transparent; cursor: pointer;
  flex: none;
}
.vr-swatch input[type="color"]::-webkit-color-swatch-wrapper { padding: 0; }
.vr-swatch input[type="color"]::-webkit-color-swatch {
  border: 1px solid rgba(11,27,58,0.12);
  border-radius: 12px;
}
.vr-swatch-meta { display: grid; gap: 2px; min-width: 0; }
.vr-swatch-meta strong {
  font: 700 0.9rem/1.1 "Space Grotesk", sans-serif; color: #0b1b3a;
}
.vr-swatch-meta em {
  font: 500 0.78rem/1.1 ui-monospace, SFMono-Regular, Menlo, monospace;
  color: rgba(11,27,58,0.45); font-style: normal;
}
.vr-seg {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
  padding: 6px;
  border-radius: 16px;
  background: #fff;
  border: 1px solid rgba(11,27,58,0.1);
  box-shadow: 0 8px 20px rgba(11,27,58,0.04);
}
.vr-seg-btn {
  height: 42px; border: 0; border-radius: 12px;
  background: transparent; color: rgba(11,27,58,0.55);
  font: 700 0.95rem/1 "Space Grotesk", sans-serif; cursor: pointer;
}
.vr-seg-btn.is-active {
  background: #0b1b3a; color: #fff;
  box-shadow: 0 8px 18px rgba(11,27,58,0.16);
}
.vr-seg-btn:hover:not(.is-active) { background: rgba(11,27,58,0.04); }
@media (max-width: 900px) {
  .vr-appearance-grid { grid-template-columns: 1fr; }
}


/* ===== Dashboard mockup layout ===== */
.vr-dash-welcome {
  display: flex; justify-content: space-between; align-items: flex-start; gap: 16px;
  margin: 0 0 18px;
}
.vr-dash-welcome h2 {
  margin: 0;
  font: 700 clamp(1.5rem, 2.2vw, 2rem)/1.15 "Space Grotesk", sans-serif;
  color: #0b1b3a; letter-spacing: -0.03em;
}
.vr-dash-mock { display: grid; gap: 16px; }
.vr-dash-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
.vr-dash-kpi {
  background: #fff;
  border: 1px solid rgba(11,27,58,0.09);
  border-radius: 16px;
  padding: 16px;
  box-shadow: 0 8px 24px rgba(11,27,58,0.04);
  display: grid; gap: 8px;
}
.vr-dash-kpi-label {
  font: 600 0.72rem/1 "Space Grotesk", sans-serif;
  letter-spacing: 0.04em; text-transform: uppercase;
  color: rgba(11,27,58,0.45);
}
.vr-dash-kpi-row { display: flex; align-items: baseline; gap: 8px; }
.vr-dash-kpi strong {
  font: 700 1.45rem/1 "Space Grotesk", sans-serif; color: #0b1b3a;
}
.vr-delta {
  font: 700 0.72rem/1 "Space Grotesk", sans-serif;
  padding: 4px 7px; border-radius: 999px;
}
.vr-delta.is-up { background: rgba(16,185,129,0.12); color: #059669; }
.vr-dash-kpi-body {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
}
.vr-dash-kpi-body .vr-dash-kpi-row {
  flex: 0 1 auto;
  min-width: 0;
}
.vr-dash-kpi .vr-spark {
  flex: 1 1 auto;
  width: auto;
  min-width: 72px;
  max-width: 58%;
  height: 34px;
  opacity: 0.9;
}

.vr-dash-mid {
  display: grid;
  grid-template-columns: minmax(0, 1.7fr) minmax(260px, 1fr);
  gap: 12px;
}
.vr-dash-bottom {
  display: grid;
  grid-template-columns: minmax(280px, 1fr) minmax(0, 1.25fr) minmax(200px, 0.85fr);
  gap: 12px;
}
.vr-dash-footer {
  display: grid;
  grid-template-columns: minmax(0, 1.7fr) minmax(220px, 0.9fr);
  gap: 12px;
}
.vr-dash-panel {
  background: #fff;
  border: 1px solid rgba(11,27,58,0.09);
  border-radius: 18px;
  padding: 16px;
  box-shadow: 0 8px 24px rgba(11,27,58,0.04);
  min-width: 0;
}
.vr-dash-panel-head {
  display: flex; justify-content: space-between; align-items: flex-start; gap: 10px;
  margin-bottom: 12px;
}
.vr-dash-panel-head h3 {
  margin: 0;
  font: 700 1rem/1.2 "Space Grotesk", sans-serif; color: #0b1b3a;
}
.vr-dash-sales-meta { margin: 6px 0 0; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.vr-dash-panel-body { position: relative; }
.vr-dash-map-body { display: grid; gap: 10px; }
.dash-world {
  width: 100%;
  min-height: 0;
  aspect-ratio: 2 / 1;
  overflow: visible;
  line-height: 0;
}
.dash-world-svg {
  width: 100%;
  height: auto;
  aspect-ratio: 2 / 1;
  display: block;
  overflow: visible;
}
.dash-country-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.dash-country-item {
  display: grid;
  grid-template-columns: 22px 1fr auto;
  align-items: center; gap: 8px;
  font: 600 0.86rem/1.2 "Space Grotesk", sans-serif; color: #0b1b3a;
}
.dash-country-count { color: rgba(11,27,58,0.55); font-variant-numeric: tabular-nums; }
.dash-range {
  display: inline-flex; gap: 4px; padding: 4px; border-radius: 999px;
  background: #f1f3f7; border: 1px solid rgba(11,27,58,0.06);
}
.dash-range-btn {
  border: 0; background: transparent; height: 32px; padding: 0 12px;
  border-radius: 999px; cursor: pointer;
  font: 600 0.8rem/1 "Space Grotesk", sans-serif; color: rgba(11,27,58,0.55);
}
.dash-range-btn.is-active { background: #0b1b3a; color: #fff; }

.vr-dash-donut-wrap { position: relative; display: grid; gap: 12px; justify-items: center; }
.vr-dash-donut-center {
  position: absolute; top: 56px; left: 50%; transform: translate(-50%, -50%);
  text-align: center; pointer-events: none;
}
.vr-dash-donut-center strong { display: block; font: 700 1.1rem/1 "Space Grotesk", sans-serif; color: #0b1b3a; }
.vr-dash-donut-center span { font: 500 0.72rem/1 "Space Grotesk", sans-serif; color: rgba(11,27,58,0.45); }
.dash-legend { list-style: none; margin: 0; padding: 0; width: 100%; display: grid; gap: 8px; }
.dash-legend li { display: grid; grid-template-columns: 10px 1fr auto; gap: 8px; align-items: center; font: 600 0.82rem/1 "Space Grotesk", sans-serif; color: #0b1b3a; }
.dash-legend i { width: 10px; height: 10px; border-radius: 50%; }

.vr-recent-table { display: grid; gap: 8px; }
.vr-recent-row {
  display: grid;
  grid-template-columns: 64px minmax(0, 1.35fr) minmax(0, 0.85fr) 86px 108px 68px;
  gap: 8px; align-items: center;
  padding: 8px 0; border-bottom: 1px solid rgba(11,27,58,0.06);
  font: 500 0.8rem/1.2 "Space Grotesk", sans-serif; color: #0b1b3a;
}
.vr-recent-prod { display: inline-flex; align-items: center; gap: 10px; min-width: 0; }
.vr-recent-prod img, .vr-recent-prod i {
  width: 44px; height: 44px; border-radius: 10px; object-fit: cover; background: #eef2f7; flex: none;
}
.vr-recent-prod strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vr-status-pill {
  display: inline-flex; padding: 4px 8px; border-radius: 999px;
  font: 700 0.68rem/1 "Space Grotesk", sans-serif; background: #eef2f7; color: #334155;
}
.vr-status-pill.is-ok { background: rgba(16,185,129,0.12); color: #059669; }
.vr-status-pill.is-info { background: rgba(37,99,235,0.12); color: #2563eb; }
.vr-recent-amt { text-align: right; font-weight: 700; }

.vr-dash-promo {
  position: relative;
  isolation: isolate;
  box-sizing: border-box;
  align-self: stretch;
  height: 100%;
  min-height: 0;
  min-width: 0;
  margin: 0;
  padding: 18px;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 10px;
  border-radius: 14px;
  border: 1px solid rgba(11, 27, 58, 0.12);
  box-shadow: 0 8px 24px rgba(11, 27, 58, 0.04);
  overflow: hidden;
  background-color: #0b1b3a;
}
.vr-dash-promo::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: inherit;
  background:
    linear-gradient(180deg, rgba(11, 27, 58, 0.2) 0%, rgba(11, 27, 58, 0.82) 100%),
    var(--vr-create-bg) center / cover no-repeat;
  pointer-events: none;
}
.vr-dash-promo > * {
  position: relative;
  z-index: 1;
}
.vr-dash-promo h3 {
  margin: 0;
  font: 700 1.05rem/1.2 "Space Grotesk", sans-serif;
}
.vr-dash-promo p {
  margin: 0;
  color: rgba(255, 255, 255, 0.82);
  font: 500 0.84rem/1.4 "Space Grotesk", sans-serif;
}
.vr-promo-btn {
  align-self: flex-start;
  border: 0;
  border-radius: 10px;
  padding: 10px 14px;
  background: #fff !important;
  color: #0b1b3a !important;
  font-weight: 700;
  cursor: pointer;
}

.vr-dash-payout, .vr-dash-help {
  background: #fff; border: 1px solid rgba(11,27,58,0.09); border-radius: 18px;
  padding: 18px; display: flex; justify-content: space-between; align-items: center; gap: 14px;
  box-shadow: 0 8px 24px rgba(11,27,58,0.04);
}
.vr-dash-payout strong, .vr-dash-help strong {
  display: block; margin: 4px 0 8px;
  font: 700 1.05rem/1.2 "Space Grotesk", sans-serif; color: #0b1b3a;
}
.vr-dash-payout-meta { display: flex; flex-wrap: wrap; gap: 12px; color: rgba(11,27,58,0.5); font: 500 0.8rem/1.2 "Space Grotesk", sans-serif; }

@media (max-width: 1100px) {
  .vr-dash-kpis { grid-template-columns: 1fr 1fr; }
  .vr-dash-mid, .vr-dash-bottom, .vr-dash-footer { grid-template-columns: 1fr; }
  .vr-recent-row { grid-template-columns: 64px 1fr auto; }
  .vr-recent-cust, .vr-recent-date { display: none; }
}


/* Dashboard toolbar (no greeting) */
.vr-dash-toolbar {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 0 0 14px;
}

/* Orders by country — proportional map + flags */
.vr-dash-map-body {
  display: grid !important;
  gap: 14px !important;
}
.dash-world {
  width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  aspect-ratio: 2 / 1;
  border-radius: 14px;
  background: #f5f8fc;
  overflow: hidden;
  display: grid;
  place-items: center;
}
.dash-world-svg {
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  display: block !important;
  aspect-ratio: 2 / 1;
}
.dash-country-flag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 16px;
  flex: none;
}
.dash-country-flag-img {
  width: 20px;
  height: 15px;
  object-fit: cover;
  border-radius: 3px;
  box-shadow: 0 0 0 1px rgba(11,27,58,0.12);
  display: block;
}
.dash-country-flag-fallback {
  font-size: 14px;
  line-height: 1;
}

/* View all — real pill button */
.vr-dash-viewall {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 34px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid rgba(11, 27, 58, 0.12);
  background: #fff;
  color: #0b1b3a;
  font: 700 0.8rem/1 "Space Grotesk", sans-serif;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(11, 27, 58, 0.05);
}
.vr-dash-viewall:hover {
  background: #0b1b3a;
  color: #fff;
  border-color: #0b1b3a;
}


/* Header: logo left, actions right — no center search gap */
html.brand-vision-rebel .vr-dash-topbar {
  display: flex !important;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}
html.brand-vision-rebel .vr-dash-topbar .vr-dash-search,
html.brand-vision-rebel .vr-dash-search {
  display: none !important;
}
html.brand-vision-rebel .vr-dash-right {
  margin-left: auto;
}

/* Centered Apple-liquid search overlay */
.vr-search-overlay[hidden] { display: none !important; }
.vr-search-overlay {
  position: fixed;
  inset: 0;
  z-index: 200;
  display: grid;
  place-items: start center;
  padding: min(18vh, 140px) 16px 24px;
}
.vr-search-overlay-backdrop {
  position: absolute;
  inset: 0;
  border: 0;
  background: rgba(11, 27, 58, 0.28);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  cursor: pointer;
}
.vr-search-dialog {
  position: relative;
  z-index: 1;
  width: min(560px, calc(100vw - 32px));
  padding: 10px;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.88);
  border: 1px solid rgba(11, 27, 58, 0.1);
  box-shadow: 0 28px 70px rgba(11, 27, 58, 0.22);
  backdrop-filter: blur(22px) saturate(1.25);
  -webkit-backdrop-filter: blur(22px) saturate(1.25);
  transform: translateY(-8px) scale(0.98);
  opacity: 0;
  transition: transform 0.18s ease, opacity 0.18s ease;
}
.vr-search-overlay.is-open .vr-search-dialog {
  transform: translateY(0) scale(1);
  opacity: 1;
}
.vr-search-dialog-field {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 52px;
  padding: 0 14px;
  border-radius: 16px;
  background: rgba(241, 243, 247, 0.9);
  border: 1px solid rgba(11, 27, 58, 0.06);
  cursor: text;
}
.vr-search-dialog-ico { color: rgba(11, 27, 58, 0.45); flex: none; }
.vr-search-dialog-field input {
  flex: 1;
  min-width: 0;
  border: 0;
  outline: none;
  background: transparent;
  font: 600 1rem/1.2 "Space Grotesk", sans-serif;
  color: #0b1b3a;
}
.vr-search-dialog-field input::placeholder { color: rgba(11, 27, 58, 0.4); font-weight: 500; }


/* ===== f8: nav shop card + dashboard density (no-scroll laptop) ===== */
html.brand-vision-rebel body.account-seller .account-nav-shop {
  width: 100%;
  margin: 0 0 4px;
  position: relative;
  z-index: 5;
}
html.brand-vision-rebel body.account-seller .account-nav-shop[hidden] {
  display: none !important;
}
html.brand-vision-rebel body.account-seller .account-nav-shop .acct-shop-switch {
  display: block;
  width: 100%;
  max-width: none;
  min-width: 0;
}
html.brand-vision-rebel body.account-seller .account-nav-shop .acct-shop-trigger {
  width: 100%;
  padding: 10px 12px;
  gap: 10px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(11, 27, 58, 0.08);
  box-shadow: 0 6px 18px rgba(11, 27, 58, 0.05);
}
html.brand-vision-rebel body.account-seller .account-nav-shop .acct-shop-avatar,
html.brand-vision-rebel body.account-seller .account-nav-shop .acct-shop-avatar-ph {
  width: 36px;
  height: 36px;
  border-radius: 50%;
}
html.brand-vision-rebel body.account-seller .account-nav-shop .acct-shop-trigger-copy strong {
  font: 700 0.86rem/1.1 "Space Grotesk", sans-serif;
  color: #0b1b3a;
}
html.brand-vision-rebel body.account-seller .account-nav-shop .acct-shop-trigger-copy em {
  font: 500 0.72rem/1 "Space Grotesk", sans-serif;
  letter-spacing: 0;
  text-transform: none;
  color: rgba(11, 27, 58, 0.45);
}
html.brand-vision-rebel body.account-seller .account-nav-shop .acct-shop-menu {
  top: auto;
  bottom: calc(100% + 6px);
  left: 0;
  right: 0;
  z-index: 60;
}
html.brand-vision-rebel body.account-seller .account-nav-shop .acct-shop-menu-item.is-current {
  background: #f3f4f6;
  cursor: default;
}

/* Side/gap density — top spacing handled in liquid clearance block */
html.brand-vision-rebel body.account-seller .account-dash-body {
  padding-left: clamp(12px, 2vw, 28px) !important;
  padding-right: clamp(12px, 2vw, 28px) !important;
  padding-bottom: 0 !important;
  gap: 14px !important;
}
html.brand-vision-rebel body.account-seller .account-main {
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-bottom: 12px !important;
}
html.brand-vision-rebel body.account-seller .account-golive-host:not([hidden]) {
  margin-bottom: 8px !important;
}
.vr-dash-toolbar {
  margin: 0 0 8px !important;
}
.vr-dash-mock {
  gap: 8px !important;
}
.vr-dash-kpis {
  gap: 8px !important;
}
.vr-dash-kpi {
  padding: 10px 12px !important;
  border-radius: 12px !important;
  gap: 4px !important;
}
.vr-dash-kpi strong {
  font-size: 1.15rem !important;
}
.vr-dash-kpi .vr-spark {
  height: 34px !important;
  max-width: 58% !important;
}
.vr-dash-mid,
.vr-dash-bottom,
.vr-dash-footer {
  gap: 8px !important;
}
.vr-dash-panel {
  padding: 10px 12px !important;
  border-radius: 14px !important;
}
.vr-dash-panel-head {
  margin-bottom: 6px !important;
}
.vr-dash-panel-head h3 {
  font-size: 0.88rem !important;
}
.dash-range-btn {
  height: 26px !important;
  padding: 0 10px !important;
  font-size: 0.72rem !important;
}
.vr-dash-sales-meta {
  margin: 2px 0 0 !important;
  font-size: 0.78rem;
}
.vr-dash-panel-body .dash-sales-chart,
.vr-dash-panel-body svg.dash-sales-chart {
  width: 100%;
  height: auto;
  max-height: none;
  min-height: 180px;
  display: block;
}
.vr-dash-sales {
  display: flex !important;
  flex-direction: column;
}
.vr-dash-sales .vr-dash-panel-head {
  flex: none;
  margin-bottom: 4px !important;
}
.vr-dash-sales .vr-dash-panel-body {
  flex: 1 1 auto;
  min-height: 180px;
  display: flex;
  flex-direction: column;
  justify-content: stretch;
}
.vr-dash-sales .dash-sales-wrap {
  flex: 1 1 auto;
  display: flex;
  align-items: stretch;
  min-height: 180px;
}
.vr-dash-sales .dash-sales-wrap .dash-sales-chart {
  flex: 1 1 auto;
  width: 100%;
  height: 100%;
  min-height: 180px;
}
.dash-world {
  min-height: 0 !important;
  max-height: none !important;
  height: auto !important;
  aspect-ratio: 2 / 1;
  overflow: visible !important;
}
.dash-world-svg {
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  aspect-ratio: 2 / 1;
  display: block;
  overflow: visible !important;
}
.vr-dash-donut-wrap {
  gap: 8px !important;
}
.vr-dash-donut-wrap .dash-donut {
  width: 96px;
  height: 96px;
}
.vr-dash-donut-center {
  /* top only for non-status donuts; status uses inset:0 */
  top: 48px;
}
.vr-dash-donut-center strong {
  font-size: 1rem !important;
}
.dash-legend {
  gap: 4px !important;
}
.dash-legend li {
  font-size: 0.74rem !important;
}
.vr-recent-row {
  padding: 8px 0 !important;
  font-size: 0.74rem !important;
  grid-template-columns: 56px minmax(0, 1.35fr) minmax(0, 0.85fr) 80px 100px 60px !important;
}
.vr-recent-prod img, .vr-recent-prod i {
  width: 40px !important;
  height: 40px !important;
  border-radius: 10px !important;
}
.vr-dash-promo {
  min-height: 0 !important;
  height: 100% !important;
  padding: 16px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(11, 27, 58, 0.12) !important;
  box-sizing: border-box !important;
}
.vr-dash-payout, .vr-dash-help {
  padding: 10px 12px !important;
  border-radius: 14px !important;
}
.vr-dash-payout strong, .vr-dash-help strong {
  font-size: 0.88rem !important;
}

@media (max-height: 900px) {
  .vr-dash-kpi strong { font-size: 1.05rem !important; }
  .dash-world, .dash-world-svg { max-height: none !important; }
  .vr-dash-promo { min-height: 0 !important; }
  .vr-dash-donut-wrap .dash-donut { width: 84px; height: 84px; }
  .vr-dash-donut-center { top: 42px; }
  .vr-dash-status .vr-dash-donut-center { top: 0 !important; }
}

@media (max-height: 800px) {
  html.brand-vision-rebel body.account-seller .account-dash-body {
    padding-top: 4px !important;
  }
  .vr-dash-mock { gap: 6px !important; }
  .vr-dash-kpi { padding: 8px 10px !important; }
  .vr-dash-kpi .vr-spark { height: 28px !important; max-width: 50% !important; }
  .dash-world, .dash-world-svg { max-height: none !important; }
  .vr-dash-promo { min-height: 0 !important; }
  .vr-recent-row:nth-child(n+4) { display: none !important; }
}


/* ===== f9: map full + status split + shop label + promo CTA ===== */
html.brand-vision-rebel body.account-seller .account-nav-shop-label {
  margin: 2px 0 6px;
  padding: 0 4px;
  font: 600 0.62rem/1 "Space Grotesk", sans-serif;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(11, 27, 58, 0.42);
}
html.brand-vision-rebel body.account-seller .account-nav-shop-label[hidden] {
  display: none !important;
}
html.brand-vision-rebel body.account-seller .account-nav-sep {
  display: block;
  height: 1px;
  margin: 8px 4px;
  background: rgba(11, 27, 58, 0.1);
  border: 0;
}
html.brand-vision-rebel body.account-seller .account-nav-sep[hidden] {
  display: none !important;
}

.vr-dash-status {
  display: grid !important;
  grid-template-columns: 156px minmax(0, 1fr);
  align-items: center;
  gap: 14px 18px;
  min-width: 0;
}
.vr-dash-status-chart {
  flex: none;
  width: 156px;
  height: 156px;
}
.vr-dash-status .vr-dash-donut-wrap {
  position: relative !important;
  display: block !important;
  width: 156px !important;
  height: 156px !important;
  margin: 0 !important;
  gap: 0 !important;
  overflow: hidden;
}
.vr-dash-status .vr-dash-donut-wrap .dash-donut {
  width: 156px !important;
  height: 156px !important;
  display: block;
}
.vr-dash-status .vr-dash-donut-center {
  position: absolute !important;
  inset: 0 !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  transform: none !important;
  display: grid !important;
  place-content: center;
  text-align: center;
  pointer-events: none;
  z-index: 1;
  margin: 0 !important;
}
.vr-dash-status .vr-dash-donut-center strong {
  display: block;
  font: 700 1.45rem/1 "Space Grotesk", sans-serif !important;
  color: #0b1b3a;
}
.vr-dash-status .vr-dash-donut-center span {
  display: block;
  margin-top: 4px;
  font: 500 0.72rem/1.2 "Space Grotesk", sans-serif !important;
  color: rgba(11, 27, 58, 0.45);
}
.vr-dash-status .dash-legend {
  display: grid !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  gap: 8px !important;
  align-content: center;
}
.vr-dash-status .dash-legend li {
  display: grid !important;
  grid-template-columns: 10px minmax(0, 1fr) auto !important;
  gap: 8px !important;
  align-items: center;
  font: 600 0.78rem/1.2 "Space Grotesk", sans-serif !important;
  min-width: 0;
}
.vr-dash-status .dash-legend li span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.vr-dash-status .dash-legend li strong {
  flex: none;
  font-variant-numeric: tabular-nums;
}

.vr-dash-map {
  overflow: visible !important;
}
.vr-dash-map .vr-dash-panel-body,
.vr-dash-map-body {
  overflow: visible !important;
}
.vr-dash-map .dash-world {
  width: 100%;
  aspect-ratio: 2 / 1;
  max-height: none !important;
  overflow: visible !important;
}
.vr-dash-map .dash-world-svg {
  width: 100%;
  height: auto;
  max-height: none !important;
  aspect-ratio: 2 / 1;
  overflow: visible !important;
}

/* Create product — distinct from navy pills: soft outline, refined type */
.vr-dash-promo .vr-promo-btn,
button.vr-promo-btn {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0 18px;
  border-radius: 10px !important;
  border: 1px solid rgba(255, 255, 255, 0.62) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  color: #fff !important;
  font: 500 0.72rem/1 "Space Grotesk", sans-serif !important;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  cursor: pointer;
  box-shadow: none !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.vr-dash-promo .vr-promo-btn:hover,
button.vr-promo-btn:hover {
  background: rgba(255, 255, 255, 0.2) !important;
  border-color: #fff !important;
}

/* Ensure overview View all uses same pill */
.acct-card-head .vr-dash-viewall,
.vr-started-card .vr-dash-viewall {
  height: 30px;
  padding: 0 12px;
  font-size: 0.74rem;
}

@media (max-width: 1200px) {
  .vr-dash-bottom {
    grid-template-columns: 1fr 1fr;
  }
  .vr-dash-bottom > .vr-dash-promo {
    grid-column: 1 / -1;
    min-height: 160px !important;
  }
}
@media (max-width: 980px) {
  .vr-dash-bottom {
    grid-template-columns: 1fr;
  }
  .vr-dash-status {
    grid-template-columns: 104px minmax(0, 1fr) !important;
    justify-items: stretch;
  }
}
@media (max-width: 520px) {
  .vr-dash-status {
    grid-template-columns: 1fr !important;
    justify-items: center;
  }
  .vr-dash-status .dash-legend {
    width: 100% !important;
  }
}


/* ===== f10: Recent orders aligned columns ===== */
.vr-recent-row {
  grid-template-columns: 64px minmax(0, 1.35fr) minmax(0, 0.85fr) 86px 108px 68px !important;
}
.vr-recent-date {
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  color: rgba(11, 27, 58, 0.62);
}
.vr-recent-status {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-width: 0;
  width: 100%;
}
.vr-recent-status .vr-status-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  padding: 4px 6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.vr-recent-amt {
  text-align: right;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}


/* ===== f11: shop URL + sticky fixed nav + top void + tip + no card zoom ===== */
/* Proof: sticky failed when --header-h was 0 and ancestors clipped; use fixed left nav on desktop. */
@media (min-width: 861px) {
  html.brand-vision-rebel body.account-seller .account-dash-body {
    position: relative;
    display: block !important;
    padding: 0 clamp(12px, 2vw, 28px) 0 !important;
    margin: 0 !important;
  }
  html.brand-vision-rebel body.account-seller .account-tabs,
  html.brand-vision-rebel body.account-seller nav.account-tabs[data-dash-nav] {
    position: fixed !important;
    top: 72px !important; /* under 64px topbar + 8px */
    left: clamp(12px, 2vw, 28px);
    width: 240px;
    z-index: 40 !important;
    max-height: calc(100dvh - 84px) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    align-self: auto !important;
  }
  html.brand-vision-rebel body.account-seller .account-dash-content {
    margin-left: calc(240px + 16px) !important;
    padding-top: 4px !important;
    min-width: 0;
  }
}

html.brand-vision-rebel body.account-seller {
  --header-h: 64px !important;
}
html.brand-vision-rebel body.account-seller .account-dash-body {
  gap: 12px !important;
}
html.brand-vision-rebel body.account-seller .account-main {
  margin-top: 0 !important;
}
html.brand-vision-rebel body.account-seller .account-golive-host:not([hidden]) {
  margin-top: 0 !important;
  margin-bottom: 6px !important;
}
.vr-dash-toolbar {
  margin: 0 0 6px !important;
  min-height: 0 !important;
}
.vr-dash-mock {
  margin-top: 0 !important;
}

/* Nav shop actions — clean Visit + copy, no raw long URL */
.acct-shop-actions {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 8px;
  padding: 0 2px;
}
.acct-shop-visit {
  flex: 1;
  min-width: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 32px;
  padding: 0 12px;
  border-radius: 10px;
  background: #0b1b3a;
  color: #fff !important;
  text-decoration: none !important;
  font: 600 0.74rem/1 "Space Grotesk", sans-serif;
  letter-spacing: 0.01em;
  transition: transform 0.18s ease, background 0.18s ease;
}
.acct-shop-visit:hover {
  background: #152a4a;
  transform: translateY(-1px);
}
.acct-shop-visit svg {
  flex: none;
  opacity: 0.85;
}
.acct-shop-copy {
  flex: none;
  width: 32px;
  height: 32px;
  display: inline-grid;
  place-items: center;
  border-radius: 10px;
  border: 1px solid rgba(11, 27, 58, 0.12);
  background: #fff;
  color: #0b1b3a;
  cursor: pointer;
  transition: transform 0.18s ease, background 0.18s ease, border-color 0.18s ease, color 0.18s ease;
}
.acct-shop-copy:hover {
  background: #f4f7fb;
  border-color: rgba(11, 27, 58, 0.22);
  transform: translateY(-1px);
}
.acct-shop-copy.is-copied {
  background: rgba(22, 163, 74, 0.12);
  border-color: rgba(22, 163, 74, 0.35);
  color: #15803d;
}
.acct-shop-copy-done[hidden],
.acct-shop-copy-icon[hidden] {
  display: none !important;
}
/* kill old ugly url row if leftover markup */
.acct-shop-urlrow { display: none !important; }

.vr-dash-shoplink {
  margin: 0 0 10px;
}
.vr-dash-shoplink .vr-shop-linkbar {
  margin: 0;
}

/* Sales tip stable */
.dash-sales-wrap {
  position: relative;
  overflow: visible;
}
.dash-sales-tip {
  position: absolute !important;
  z-index: 5;
  pointer-events: none !important;
  transform: translate(-50%, calc(-100% - 10px));
  max-width: min(260px, 90%);
  white-space: normal;
}

/* Kill product card hover zoom */
html.brand-vision-rebel .seller-shop-card:hover .shop-card-media,
html.brand-vision-rebel .shop-card:hover .shop-card-media,
html.brand-vision-rebel .seller-shop-card .shop-card-media,
html.brand-vision-rebel .shop-card .shop-card-media {
  transform: none !important;
  scale: none !important;
}
html.brand-vision-rebel .seller-shop-card:hover,
html.brand-vision-rebel .shop-card:hover {
  transform: none !important;
}

/* === VR seller product edit sheet === */
html.brand-vision-rebel body.account-seller .seller-pdp-nav {
  margin: 0 0 14px;
  padding: 0;
  gap: 10px;
}
html.brand-vision-rebel body.account-seller .seller-pdp {
  display: grid !important;
  grid-template-columns: minmax(260px, 340px) minmax(0, 1fr) !important;
  gap: 28px !important;
  align-items: start !important;
  max-width: 1100px;
  background: #fff;
  border: 1px solid rgba(11, 27, 58, 0.1);
  border-radius: 22px;
  padding: 22px;
  box-shadow: 0 14px 40px rgba(11, 27, 58, 0.06);
}
html.brand-vision-rebel body.account-seller .seller-pdp-gallery {
  position: static !important;
  top: auto !important;
  display: grid;
  gap: 12px;
  align-content: start;
}
html.brand-vision-rebel body.account-seller .seller-pdp-main {
  position: relative !important;
  aspect-ratio: 4 / 5 !important;
  width: 100%;
  max-width: none !important;
  border-radius: 18px !important;
  background: #eef1f6 !important;
  overflow: hidden !important;
}
html.brand-vision-rebel body.account-seller .seller-pdp-main img {
  width: 100%;
  height: 100%;
  object-fit: cover !important;
  object-position: center;
  background: #eef1f6;
  padding: 0 !important;
  display: block;
}
html.brand-vision-rebel body.account-seller .seller-pdp-crop-btn {
  position: absolute;
  left: 12px;
  bottom: 12px;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 36px;
  padding: 0 12px;
  border: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.94);
  color: #0b1b3a;
  box-shadow: 0 10px 28px rgba(11, 27, 58, 0.18);
  font: 650 0.78rem/1 "Space Grotesk", sans-serif;
  cursor: pointer;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  transition: transform 0.18s ease, background 0.18s ease;
}
html.brand-vision-rebel body.account-seller .seller-pdp-crop-btn:hover {
  transform: scale(1.03);
  background: #fff;
}
html.brand-vision-rebel body.account-seller .seller-pdp-thumbs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px !important;
  margin-top: 0 !important;
}
html.brand-vision-rebel body.account-seller .seller-pdp-thumb,
html.brand-vision-rebel body.account-seller .seller-pdp-add-photo {
  width: 58px !important;
  height: 72px !important;
  border-radius: 12px !important;
  overflow: hidden;
}
html.brand-vision-rebel body.account-seller .seller-pdp-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
html.brand-vision-rebel body.account-seller .seller-pdp-hint {
  font-size: 0.78rem !important;
  line-height: 1.4;
  margin: 0 !important;
  color: rgba(11, 27, 58, 0.52);
}
html.brand-vision-rebel body.account-seller .seller-pdp-reframe {
  display: none !important;
}
@media (max-width: 820px) {
  html.brand-vision-rebel body.account-seller .seller-pdp {
    grid-template-columns: 1fr !important;
  }
  html.brand-vision-rebel body.account-seller .seller-pdp-main {
    max-width: 320px;
    justify-self: start;
  }
}
html.brand-vision-rebel body.account-seller .seller-pdp-info {
  gap: 12px !important;
  min-width: 0;
}
html.brand-vision-rebel body.account-seller .seller-pdp-status {
  gap: 8px;
  margin-bottom: 2px;
}
html.brand-vision-rebel body.account-seller .seller-pdp-section {
  display: grid;
  gap: 10px;
  padding: 12px 0 0;
  border-top: 1px solid rgba(36, 74, 120, 0.1);
}
html.brand-vision-rebel body.account-seller .seller-pdp-section:first-of-type {
  border-top: 0;
  padding-top: 0;
}
html.brand-vision-rebel body.account-seller .seller-pdp-section-title {
  margin: 0;
  font-family: "Space Grotesk", sans-serif;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(22, 40, 68, 0.5);
}
html.brand-vision-rebel body.account-seller .seller-pdp-name input {
  font-family: "Space Grotesk", sans-serif !important;
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  min-height: 44px !important;
  letter-spacing: -0.02em;
}
html.brand-vision-rebel body.account-seller .seller-pdp-info .account-form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
html.brand-vision-rebel body.account-seller .seller-pdp-info textarea[name="desc"] {
  min-height: 96px;
}
html.brand-vision-rebel body.account-seller .seller-pdp-actions {
  justify-content: flex-start !important;
  flex-wrap: wrap;
  gap: 8px !important;
  margin-top: 4px !important;
}
html.brand-vision-rebel body.account-seller .seller-pdp-footnote {
  text-align: left !important;
  font-size: 0.75rem !important;
}
html.brand-vision-rebel body.account-seller .seller-pdp .auth-hint {
  display: block;
  margin-top: 4px;
  font-size: 0.72rem;
  color: rgba(22, 40, 68, 0.55);
}
@media (max-width: 860px) {
  html.brand-vision-rebel body.account-seller .seller-pdp {
    grid-template-columns: 1fr !important;
    padding: 14px;
  }
  html.brand-vision-rebel body.account-seller .seller-pdp-main {
    max-width: 160px;
  }
  html.brand-vision-rebel body.account-seller .seller-pdp-info .account-form-grid {
    grid-template-columns: 1fr;
  }
}

/* === My Shop scrollable real preview === */
/* PC = widescreen rectangle (not a square). Phone = tall portrait. */
html.brand-vision-rebel .vr-device-stage[data-device="pc"] .vr-device-bezel {
  width: min(100%, 980px);
  max-width: 100%;
}
html.brand-vision-rebel .vr-device-stage[data-device="phone"] .vr-device-bezel {
  width: min(100%, 320px);
}
html.brand-vision-rebel .vr-device-screen {
  position: relative;
  overflow: hidden !important;
  background: #fff !important;
}
html.brand-vision-rebel .vr-device-stage[data-device="pc"] .vr-device-screen {
  width: 100%;
  aspect-ratio: 16 / 9;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}
html.brand-vision-rebel .vr-device-stage[data-device="phone"] .vr-device-screen {
  width: 100%;
  aspect-ratio: 9 / 19.5;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}
html.brand-vision-rebel .vr-device-iframe {
  display: block;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  background: #fff;
  pointer-events: auto !important;
}

/* === Propose product photo slots === */
html.brand-vision-rebel .vr-propose-slots {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 10px;
}
html.brand-vision-rebel .vr-propose-slot {
  position: relative;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 6px;
  min-height: 168px;
  padding: 18px 14px;
  border-radius: 18px;
  border: 1.5px dashed rgba(36, 74, 120, 0.28);
  background: linear-gradient(180deg, #fbfcfe 0%, #f3f6fa 100%);
  color: var(--vr-ink, #101a2c);
  text-align: center;
  cursor: pointer;
  overflow: hidden;
  transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
}
html.brand-vision-rebel .vr-propose-slot.is-cover.is-empty,
html.brand-vision-rebel .vr-propose-slot.is-required {
  border-color: rgba(23, 50, 84, 0.45);
  border-style: dashed;
  background: #fff;
}
html.brand-vision-rebel .vr-propose-slot.is-empty:hover {
  border-color: #173254;
  background: #fff;
  box-shadow: 0 10px 24px rgba(23, 50, 84, 0.08);
}
html.brand-vision-rebel .vr-propose-slot-plus {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 999px;
  background: #173254;
  color: #fff;
  font-size: 1.35rem;
  font-weight: 500;
  line-height: 1;
}
html.brand-vision-rebel .vr-propose-slot strong {
  font-family: "Space Grotesk", sans-serif;
  font-size: 0.92rem;
  font-weight: 700;
  letter-spacing: -0.01em;
}
html.brand-vision-rebel .vr-propose-slot em {
  font-style: normal;
  font-size: 0.75rem;
  color: rgba(22, 40, 68, 0.55);
}
html.brand-vision-rebel .vr-propose-slot.is-filled {
  padding: 0;
  border-style: solid;
  border-color: rgba(36, 74, 120, 0.14);
  background: #eef2f7;
  cursor: default;
}
html.brand-vision-rebel .vr-propose-slot.is-filled img {
  width: 100%;
  height: 168px;
  object-fit: contain;
  display: block;
  background: #eef2f7;
}
html.brand-vision-rebel .vr-propose-slot-meta {
  position: absolute;
  left: 10px;
  bottom: 10px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 10px;
  border-radius: 999px;
  background: rgba(11, 27, 58, 0.88);
  color: #fff;
  font-size: 0.72rem;
  font-weight: 700;
}
html.brand-vision-rebel .vr-propose-slot-meta em {
  color: rgba(255,255,255,0.75);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: 0.62rem;
}
html.brand-vision-rebel .vr-propose-slot-clear {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 28px;
  height: 28px;
  border: 0;
  border-radius: 999px;
  background: rgba(255,255,255,0.95);
  color: #0b1b3a;
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(11,27,58,0.12);
}
html.brand-vision-rebel .propose-photos .acct-eyebrow {
  margin-bottom: 0;
}
html.brand-vision-rebel .propose-photos .seller-pdp-hint,
html.brand-vision-rebel .propose-photos .muted.seller-pdp-hint {
  margin-top: 10px;
  font-size: 0.78rem;
}
@media (max-width: 640px) {
  html.brand-vision-rebel .vr-propose-slots {
    grid-template-columns: 1fr;
  }
}

/* === One size alignment === */
html.brand-vision-rebel .size-one-size {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  width: fit-content;
  max-width: 100%;
  margin: 4px 0 0;
  padding: 10px 14px;
  border-radius: 12px;
  border: 1px solid rgba(36, 74, 120, 0.16);
  background: #fff;
  cursor: pointer;
  font-family: "Space Grotesk", sans-serif;
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--vr-ink, #101a2c);
  line-height: 1.2;
  vertical-align: middle;
}
html.brand-vision-rebel .size-one-size input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  margin: 0;
  flex: 0 0 18px;
  border-radius: 5px;
  border: 1.5px solid rgba(36, 74, 120, 0.35);
  background: #fff;
  display: grid;
  place-items: center;
  cursor: pointer;
}
html.brand-vision-rebel .size-one-size input[type="checkbox"]:checked {
  background: #173254;
  border-color: #173254;
}
html.brand-vision-rebel .size-one-size input[type="checkbox"]:checked::after {
  content: "";
  width: 9px;
  height: 5px;
  border: 2px solid #fff;
  border-top: 0;
  border-right: 0;
  transform: rotate(-45deg) translate(1px, -1px);
}
html.brand-vision-rebel .size-one-size-text {
  display: inline-block;
  line-height: 1.25;
}
html.brand-vision-rebel [data-size-panel] {
  display: grid;
  gap: 8px;
  align-items: start;
}
html.brand-vision-rebel [data-size-panel] > span {
  display: block;
  margin-bottom: 0;
}

/* === Human logic cleanup === */
html.brand-vision-rebel .seller-shop-hint { display: none !important; }
html.brand-vision-rebel .seller-shop-card .card-shop .cert-badge { display: none !important; }
html.brand-vision-rebel .vr-myshop-foot {
  margin: 8px 2px 0;
  font-size: 0.82rem;
  color: rgba(22, 40, 68, 0.55);
}
html.brand-vision-rebel .seller-pdp-actions .btn {
  min-height: 40px;
}

html.brand-vision-rebel .vr-appearance-card--simple .vr-appearance-head {
  align-items: center;
}
html.brand-vision-rebel .seller-shop-hero .cert-badge,
html.brand-vision-rebel .acct-card .cert-badge,
html.brand-vision-rebel .acct-profile-card .cert-badge {
  display: none !important;
}

html.brand-vision-rebel .propose-shop-context {
  margin: 0 0 14px;
  font-size: 0.88rem;
  color: rgba(22, 40, 68, 0.62);
}
html.brand-vision-rebel .propose-shop-context strong {
  color: #162844;
  font-weight: 650;
}

/* === Single Apple liquid (no double top chrome) === */
html.brand-vision-rebel body.account-body .vr-dash-topbar,
html.brand-vision-rebel body.account-seller .vr-dash-topbar,
html.brand-vision-rebel .vr-dash-topbar,
html.brand-vision-rebel body.has-vr-dash-topbar .vr-dash-topbar {
  display: none !important;
}
html.brand-vision-rebel body.account-body .vr-liquid-float,
html.brand-vision-rebel body.account-seller .vr-liquid-float,
html.brand-vision-rebel body.has-vr-liquid-float .vr-liquid-float,
html.brand-vision-rebel body.has-vr-liquid-float .vr-liquid-float[hidden] {
  display: inline-flex !important;
  position: fixed !important;
  top: 12px !important;
  right: 16px !important;
  z-index: 120 !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}
html.brand-vision-rebel body.account-seller .account-hero-shop,
html.brand-vision-rebel body.account-seller .account-hero-shop-link,
html.brand-vision-rebel [data-dash-shop-switch],
html.brand-vision-rebel [data-dash-shop-link] {
  display: none !important;
}

/* === Customize Shop mockup === */
html.brand-vision-rebel .vr-cz {
  display: grid;
  gap: 20px;
  max-width: 1280px;
}
html.brand-vision-rebel .vr-cz-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 18px;
  flex-wrap: wrap;
  padding-right: var(--vr-liquid-clear-x, 168px);
}
html.brand-vision-rebel .vr-cz-title {
  margin: 4px 0 0;
  font-family: "Playfair Display", Georgia, serif;
  font-weight: 600;
  font-size: clamp(1.85rem, 2.4vw, 2.35rem);
  letter-spacing: -0.03em;
  color: #0b1b3a;
  line-height: 1.15;
}
html.brand-vision-rebel .vr-cz-sub {
  margin: 6px 0 0;
  max-width: 52ch;
  color: rgba(11,27,58,.55);
  font: 500 .86rem/1.4 "Space Grotesk", sans-serif;
}
html.brand-vision-rebel .vr-cz-top-actions {
  display: inline-flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
}
html.brand-vision-rebel .vr-cz-btn-primary,
html.brand-vision-rebel .vr-cz-btn-ghost,
html.brand-vision-rebel .vr-cz-btn-soft {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 42px;
  padding: 0 16px;
  border-radius: 999px;
  font: 600 .84rem/1 "Space Grotesk", sans-serif;
  cursor: pointer;
  text-decoration: none !important;
  border: 1px solid transparent;
}
html.brand-vision-rebel .vr-cz-btn-primary {
  background: #0b1b3a;
  color: #fff !important;
  border-color: #0b1b3a;
}
html.brand-vision-rebel .vr-cz-btn-ghost {
  background: #fff;
  color: #0b1b3a !important;
  border-color: rgba(11,27,58,.14);
}
html.brand-vision-rebel .vr-cz-btn-soft {
  background: #fff;
  color: #0b1b3a;
  border-color: rgba(11,27,58,.14);
  border-radius: 10px;
  min-height: 36px;
  padding: 0 12px;
  font-size: .8rem;
}
html.brand-vision-rebel .vr-cz-btn-text {
  border: 0;
  background: transparent;
  color: rgba(11,27,58,.5);
  font: 600 .8rem/1 "Space Grotesk", sans-serif;
  cursor: pointer;
  padding: 0;
}
html.brand-vision-rebel .vr-cz-board {
  display: grid;
  grid-template-columns: minmax(340px, 1.05fr) minmax(360px, 1.15fr);
  gap: 18px;
  align-items: start;
}
html.brand-vision-rebel .vr-cz-editor {
  display: grid;
  grid-template-columns: 148px minmax(0, 1fr);
  gap: 0;
  background: #fff;
  border: 1px solid rgba(11,27,58,.08);
  border-radius: 22px;
  overflow: visible;
  box-shadow: 0 14px 40px rgba(11,27,58,.05);
  min-height: 0;
  align-items: start;
}
html.brand-vision-rebel .vr-cz-rail {
  display: grid;
  align-content: start;
  gap: 2px;
  padding: 14px 10px;
  background: #f7f8fb;
  border-right: 1px solid rgba(11,27,58,.06);
}
html.brand-vision-rebel .vr-cz-rail-btn {
  text-align: left;
  border: 0;
  background: transparent;
  cursor: pointer;
  padding: 11px 12px;
  border-radius: 12px;
  font: 600 .82rem/1.2 "Space Grotesk", sans-serif;
  color: rgba(11,27,58,.58);
}
html.brand-vision-rebel .vr-cz-rail-btn:hover { background: rgba(11,27,58,.05); color: #0b1b3a; }
html.brand-vision-rebel .vr-cz-rail-btn.is-active {
  background: #0b1b3a;
  color: #fff;
}
html.brand-vision-rebel .vr-cz-controls {
  padding: 18px 18px 24px;
  display: grid;
  gap: 22px;
  max-height: none;
  overflow: visible;
}
html.brand-vision-rebel .vr-cz-block-title {
  margin: 0 0 12px;
  font: 700 .98rem/1.2 "Space Grotesk", sans-serif;
  color: #0b1b3a;
}
html.brand-vision-rebel .vr-cz-label,
html.brand-vision-rebel .vr-cz-field > span {
  display: block;
  margin: 0 0 8px;
  font: 600 .76rem/1.2 "Space Grotesk", sans-serif;
  color: rgba(11,27,58,.52);
}
html.brand-vision-rebel .vr-cz-field { display: grid; gap: 6px; margin-bottom: 12px; }
html.brand-vision-rebel .vr-cz-field input[type="text"],
html.brand-vision-rebel .vr-cz-field select {
  width: 100%;
  min-height: 42px;
  border-radius: 12px;
  border: 1px solid rgba(11,27,58,.12);
  padding: 0 12px;
  background: #fff;
  font: 500 .92rem/1.2 "Space Grotesk", sans-serif;
  color: #0b1b3a;
}
html.brand-vision-rebel .vr-cz-hint {
  margin: 6px 0 0;
  font-size: .74rem;
  color: rgba(11,27,58,.45);
  line-height: 1.35;
}
html.brand-vision-rebel .vr-cz-media-line {
  display: flex;
  gap: 12px;
  align-items: center;
}
html.brand-vision-rebel .vr-cz-logo {
  width: 64px;
  height: 64px;
  border-radius: 14px;
  object-fit: cover;
  border: 1px solid rgba(11,27,58,.1);
  background: #eef1f6;
  flex: none;
  display: grid;
  place-items: center;
  font: 700 1.1rem/1 "Space Grotesk", sans-serif;
  color: #0b1b3a;
}
html.brand-vision-rebel .vr-cz-media-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}
html.brand-vision-rebel .vr-cz-header-styles {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}
html.brand-vision-rebel .vr-cz-style {
  display: grid;
  gap: 8px;
  justify-items: center;
  border: 1.5px solid rgba(11,27,58,.1);
  background: #fff;
  border-radius: 12px;
  padding: 8px 6px 10px;
  cursor: pointer;
}
html.brand-vision-rebel .vr-cz-style.is-active {
  border-color: #0b1b3a;
  box-shadow: 0 0 0 1px #0b1b3a;
}
html.brand-vision-rebel .vr-cz-style em {
  font: 600 .68rem/1 "Space Grotesk", sans-serif;
  color: rgba(11,27,58,.62);
  font-style: normal;
  text-align: center;
}
html.brand-vision-rebel .vr-cz-style-frame {
  width: 100%;
  aspect-ratio: 4 / 3;
  border-radius: 8px;
  overflow: hidden;
  background: #eef1f6;
  position: relative;
  border: 1px solid rgba(11,27,58,.08);
}
html.brand-vision-rebel .vr-cz-style-bar {
  position: absolute;
  left: 0; right: 0; top: 0;
  height: 18%;
  background: #fff;
  z-index: 2;
  box-shadow: 0 1px 0 rgba(0,0,0,.06);
}
html.brand-vision-rebel .vr-cz-style-hero {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(0,0,0,.15), rgba(0,0,0,.35)),
    var(--cz-banner, linear-gradient(135deg, #1d4ed8, #0b1b3a));
  background-size: cover;
  background-position: center;
}
html.brand-vision-rebel .vr-cz-style-frame.is-centered .vr-cz-style-bar {
  display: flex;
  align-items: center;
  justify-content: center;
}
html.brand-vision-rebel .vr-cz-style-frame.is-background .vr-cz-style-bar,
html.brand-vision-rebel .vr-cz-style-frame.is-transparent .vr-cz-style-bar {
  background: rgba(255,255,255,.28);
  backdrop-filter: blur(4px);
}
html.brand-vision-rebel .vr-cz-style-frame.is-transparent .vr-cz-style-bar {
  background: transparent;
  box-shadow: none;
}
html.brand-vision-rebel .vr-cz-banner-thumb {
  border-radius: 12px;
  overflow: hidden;
  background: #0b1b3a;
  min-height: 92px;
  display: grid;
  place-items: center;
  margin-bottom: 10px;
  color: rgba(255,255,255,.7);
  font-size: .8rem;
}
html.brand-vision-rebel .vr-cz-banner-thumb img {
  width: 100%;
  height: 100px;
  object-fit: cover;
  display: block;
}
html.brand-vision-rebel .vr-cz-inline-actions {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-bottom: 12px;
}
html.brand-vision-rebel .vr-cz-seg {
  display: inline-flex;
  gap: 4px;
  padding: 4px;
  border-radius: 999px;
  background: #eef1f6;
  margin: 0 0 14px;
  width: fit-content;
  flex-wrap: wrap;
}
html.brand-vision-rebel .vr-cz-seg-btn {
  min-width: 38px;
  height: 32px;
  padding: 0 12px;
  border: 0;
  border-radius: 999px;
  cursor: pointer;
  background: transparent;
  font: 600 .8rem/1 "Space Grotesk", sans-serif;
  color: rgba(11,27,58,.55);
}
html.brand-vision-rebel .vr-cz-seg-btn.is-active {
  background: #0b1b3a;
  color: #fff;
}
html.brand-vision-rebel .vr-cz-toggles { display: grid; gap: 10px; margin-top: 8px; }
html.brand-vision-rebel .vr-cz-toggle,
html.brand-vision-rebel .vr-pp-toggle {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 44px;
  align-items: center;
  column-gap: 14px;
  margin: 0;
  font: 500 .86rem/1.25 "Space Grotesk", sans-serif;
  color: #0b1b3a;
}
html.brand-vision-rebel .vr-cz-toggle > span,
html.brand-vision-rebel .vr-pp-toggle > span {
  min-width: 0;
  text-align: left;
}
html.brand-vision-rebel .vr-cz-toggle input,
html.brand-vision-rebel .vr-pp-toggle input {
  appearance: none;
  -webkit-appearance: none;
  width: 44px;
  height: 26px;
  border-radius: 999px;
  background: #d5dbe6;
  position: relative;
  cursor: pointer;
  border: 0;
  margin: 0;
  justify-self: end;
  flex: none;
  transition: background-color .15s ease;
}
html.brand-vision-rebel .vr-cz-toggle input::after,
html.brand-vision-rebel .vr-pp-toggle input::after {
  content: "";
  position: absolute;
  top: 3px; left: 3px;
  width: 20px; height: 20px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,.18);
  transform: translateX(0);
  transition: transform .15s ease;
}
html.brand-vision-rebel .vr-cz-toggle input:checked,
html.brand-vision-rebel .vr-pp-toggle input:checked {
  background: #16a34a !important; /* green when ON */
}
html.brand-vision-rebel .vr-cz-toggle input:checked::after,
html.brand-vision-rebel .vr-pp-toggle input:checked::after {
  transform: translateX(18px);
}
html.brand-vision-rebel .vr-cz-toggle i,
html.brand-vision-rebel .vr-pp-toggle i { display: none !important; }

html.brand-vision-rebel .vr-cz-preview-card {
  background: #fff;
  border: 1px solid rgba(11,27,58,.08);
  border-radius: 22px;
  padding: 16px 16px 18px;
  box-shadow: 0 14px 40px rgba(11,27,58,.05);
}
html.brand-vision-rebel .vr-cz-preview-head {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
  flex-wrap: wrap;
}
html.brand-vision-rebel .vr-cz-preview-tools {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  max-width: 100%;
}
html.brand-vision-rebel .vr-cz-preview-head h3 {
  margin: 0;
  font: 700 1rem/1.2 "Space Grotesk", sans-serif;
  color: #0b1b3a;
}
html.brand-vision-rebel .vr-cz-device-tabs {
  display: inline-flex;
  gap: 4px;
  padding: 4px;
  border-radius: 999px;
  background: #eef1f6;
}
html.brand-vision-rebel .vr-cz-device-tab {
  border: 0;
  background: transparent;
  min-height: 32px;
  padding: 0 12px;
  border-radius: 999px;
  cursor: pointer;
  font: 600 .78rem/1 "Space Grotesk", sans-serif;
  color: rgba(11,27,58,.55);
}
html.brand-vision-rebel .vr-cz-device-tab.is-active {
  background: #0b1b3a;
  color: #fff;
}
html.brand-vision-rebel .vr-cz-stage {
  display: grid;
  place-items: center;
  min-height: 380px;
  background: #eef1f6;
  border-radius: 16px;
  padding: 16px;
}
html.brand-vision-rebel .vr-cz-frame {
  width: 100%;
  max-width: 920px;
  background: #111;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 18px 40px rgba(15, 30, 60, .22);
  transition: max-width .2s ease, border-radius .2s ease;
}
html.brand-vision-rebel .vr-cz-chrome {
  display: flex;
  gap: 6px;
  align-items: center;
  height: 28px;
  padding: 0 12px;
  background: #1c1c1e;
}
html.brand-vision-rebel .vr-cz-chrome span {
  width: 8px; height: 8px; border-radius: 50%; background: #3a3a3c;
}
html.brand-vision-rebel .vr-cz-chrome span:nth-child(1) { background: #ff5f57; }
html.brand-vision-rebel .vr-cz-chrome span:nth-child(2) { background: #febc2e; }
html.brand-vision-rebel .vr-cz-chrome span:nth-child(3) { background: #28c840; }
html.brand-vision-rebel .vr-cz-notch {
  display: none;
  width: 72px;
  height: 8px;
  border-radius: 999px;
  background: #2c2c2e;
  margin: 10px auto 0;
}
html.brand-vision-rebel .vr-cz-screen {
  position: relative;
  aspect-ratio: 16 / 10;
  background: var(--cz-page-bg, #fff);
  overflow: hidden;
}
html.brand-vision-rebel .vr-cz-iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  background: #fff;
}
/* Mobile = one phone frame only (no second overlay) */
html.brand-vision-rebel .vr-cz-stage[data-device="phone"] .vr-cz-frame {
  max-width: 280px;
  border-radius: 28px;
  padding-bottom: 10px;
  border: 2px solid #2a2a2a;
}
html.brand-vision-rebel .vr-cz-stage[data-device="phone"] .vr-cz-chrome { display: none; }
html.brand-vision-rebel .vr-cz-stage[data-device="phone"] .vr-cz-notch { display: block; }
html.brand-vision-rebel .vr-cz-stage[data-device="phone"] .vr-cz-screen {
  aspect-ratio: 9 / 17;
  margin: 8px 8px 0;
  border-radius: 18px;
  width: auto;
}

html.brand-vision-rebel .vr-cz-mock { height: 100%; overflow: hidden; background: #fff; }
html.brand-vision-rebel .vr-cz-mock-hero {
  height: var(--cz-banner-h, 220px);
  max-height: 55%;
  background: #0b1b3a center/cover no-repeat;
  color: #fff;
  position: relative;
  display: grid;
  align-content: space-between;
  padding: 12px 14px 18px;
}
html.brand-vision-rebel .vr-cz-mock-nav {
  display: flex; gap: 10px; align-items: center; font-size: .62rem; opacity: .92;
}
html.brand-vision-rebel .vr-cz-mock-nav strong { margin-right: auto; font-size: .72rem; }
html.brand-vision-rebel .vr-cz-mock-hero-copy {
  display: grid; gap: 8px; max-width: 46%;
}
html.brand-vision-rebel .vr-cz-mock-hero-copy em { font-style: normal; font-weight: 700; font-size: .9rem; }
html.brand-vision-rebel .vr-cz-mock-hero-copy button {
  width: fit-content; border: 0; border-radius: 999px; padding: 6px 12px;
  background: #fff; color: #0b1b3a; font: 700 .65rem/1 "Space Grotesk", sans-serif;
}
html.brand-vision-rebel .vr-cz-mock-grid {
  display: grid;
  grid-template-columns: repeat(var(--cz-per-row, 3), minmax(0, 1fr));
  gap: 10px;
  padding: 12px;
}
html.brand-vision-rebel .vr-cz-mock-grid article {
  background: #f5f6f8;
  border-radius: 10px;
  overflow: hidden;
  min-height: 110px;
  display: grid;
  grid-template-rows: 1fr auto auto;
}
html.brand-vision-rebel .vr-cz-mock-grid img { width: 100%; height: 88px; object-fit: cover; }
html.brand-vision-rebel .vr-cz-mock-grid b, .vr-cz-mock-grid i {
  font-style: normal; font-size: .62rem; padding: 4px 6px 0; color: #0b1b3a;
}
html.brand-vision-rebel .vr-cz-mock-grid i { padding-bottom: 6px; color: rgba(11,27,58,.55); }
html.brand-vision-rebel .vr-cz-mock-grid.is-phone { grid-template-columns: 1fr; }

html.brand-vision-rebel .vr-cz-bg {
  background: #fff;
  border: 1px solid rgba(11,27,58,.08);
  border-radius: 22px;
  padding: 18px 20px 20px;
  box-shadow: 0 14px 40px rgba(11,27,58,.04);
}
html.brand-vision-rebel .vr-cz-bg-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 14px;
}
html.brand-vision-rebel .vr-cz-bg-head h3 {
  margin: 0;
  font: 700 1rem/1.2 "Space Grotesk", sans-serif;
  color: #0b1b3a;
}
html.brand-vision-rebel .vr-cz-bg-grid {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 14px 18px;
}
html.brand-vision-rebel .vr-cz-color-row { display: flex; gap: 8px; align-items: center; }
html.brand-vision-rebel .vr-cz-color-row input[type="color"] {
  width: 40px; height: 40px; border-radius: 10px; border: 1px solid rgba(11,27,58,.12); padding: 0; background: #fff;
}
html.brand-vision-rebel .vr-cz-color-row input[type="text"] {
  width: 96px; min-height: 40px; border-radius: 10px; border: 1px solid rgba(11,27,58,.12);
  padding: 0 10px; font: 600 .86rem/1 "Space Grotesk", sans-serif; color: #0b1b3a;
}
html.brand-vision-rebel .vr-cz-swatches { display: flex; flex-wrap: wrap; gap: 8px; padding-bottom: 6px; }
html.brand-vision-rebel .vr-cz-swatch {
  width: 26px; height: 26px; border-radius: 50%; border: 2px solid #fff;
  box-shadow: 0 0 0 1px rgba(11,27,58,.18); background: var(--sw); cursor: pointer; padding: 0;
}
html.brand-vision-rebel .vr-cz-swatch.is-active { box-shadow: 0 0 0 2px #0b1b3a; }
html.brand-vision-rebel .vr-cz-upload,
html.brand-vision-rebel .vr-cz-bg-preview {
  border: 1px dashed rgba(11,27,58,.18);
  border-radius: 14px;
  min-height: 72px;
  padding: 12px;
  display: grid;
  align-content: center;
  gap: 4px;
  background: #f8fafc;
}
html.brand-vision-rebel .vr-cz-upload strong,
html.brand-vision-rebel .vr-cz-bg-preview span {
  font: 600 .8rem/1.2 "Space Grotesk", sans-serif; color: #0b1b3a;
}
html.brand-vision-rebel .vr-cz-upload em { font-style: normal; font-size: .72rem; color: rgba(11,27,58,.45); }
html.brand-vision-rebel .vr-cz-bg-preview {
  border-style: solid;
  background:
    linear-gradient(135deg, rgba(255,255,255,.7), rgba(240,240,240,.9)),
    repeating-linear-gradient(45deg, #eee 0 8px, #f7f7f7 8px 16px);
  justify-items: start;
}

@media (max-width: 1180px) {
  html.brand-vision-rebel .vr-cz-board { grid-template-columns: 1fr; }
  html.brand-vision-rebel .vr-cz-bg-grid { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 820px) {
  html.brand-vision-rebel .vr-cz-editor { grid-template-columns: 1fr; min-height: 0; }
  html.brand-vision-rebel .vr-cz-rail {
    display: flex; gap: 6px; overflow-x: auto; border-right: 0; border-bottom: 1px solid rgba(11,27,58,.06);
  }
  html.brand-vision-rebel .vr-cz-rail-btn { white-space: nowrap; }
  html.brand-vision-rebel .vr-cz-header-styles { grid-template-columns: repeat(2, minmax(0,1fr)); }
  html.brand-vision-rebel .vr-cz-controls { max-height: none; }
}


/* === Clear Apple liquid over page actions === */
html.brand-vision-rebel body.account-seller,
html.brand-vision-rebel body.account-body.account-seller {
  --vr-liquid-clear-x: 168px;
  --vr-liquid-clear-y: 16px;
  --header-h: 16px !important; /* sticky nav / layout use this */
}
html.brand-vision-rebel body.account-seller.account-body,
html.brand-vision-rebel body.account-seller {
  padding-top: 0 !important; /* spacing lives on dash body, not body */
}
html.brand-vision-rebel body.account-seller .account-dash-body {
  padding-top: var(--vr-liquid-clear-y) !important;
}
html.brand-vision-rebel body.account-seller .account-dash-content,
html.brand-vision-rebel body.account-seller .account-main {
  padding-top: 0 !important;
}
html.brand-vision-rebel body.account-seller .account-page-header,
html.brand-vision-rebel body.account-seller .account-page-header--row,
html.brand-vision-rebel body.account-seller .vr-cz-top,
html.brand-vision-rebel body.account-seller .vr-pp-top,
html.brand-vision-rebel body.account-seller .vr-wd-top {
  margin-top: 0;
  margin-bottom: 14px;
  padding-top: 0;
  padding-right: var(--vr-liquid-clear-x);
  box-sizing: border-box;
}
html.brand-vision-rebel body.account-seller .vr-cz-title,
html.brand-vision-rebel body.account-seller .vr-pp-title,
html.brand-vision-rebel body.account-seller .vr-wd-title,
html.brand-vision-rebel body.account-seller .account-page-title {
  margin-top: 0;
}
html.brand-vision-rebel body.account-seller .account-page-header .acct-eyebrow,
html.brand-vision-rebel body.account-seller .vr-cz-top .acct-eyebrow {
  margin-top: 0;
  display: block;
}
html.brand-vision-rebel body.account-seller .account-tabs,
html.brand-vision-rebel body.account-seller nav.account-tabs[data-dash-nav] {
  top: 16px !important;
  max-height: calc(100dvh - 32px) !important;
}
html.brand-vision-rebel body.account-seller .account-page-header--row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}
html.brand-vision-rebel body.account-seller .account-page-header--row > .btn,
html.brand-vision-rebel body.account-seller .account-page-header--row > button {
  position: relative;
  z-index: 2;
  flex: none;
}
@media (max-width: 900px) {
  html.brand-vision-rebel body.account-seller,
  html.brand-vision-rebel body.account-body.account-seller {
    --vr-liquid-clear-x: 0px;
    --vr-liquid-clear-y: 6px;
    --header-h: 12px !important;
  }
  html.brand-vision-rebel body.account-seller .account-page-header--row > .btn,
  html.brand-vision-rebel body.account-seller .account-page-header--row > button {
    width: 100%;
    justify-content: center;
  }
}

/* === Propose product mockup === */
html.brand-vision-rebel .vr-pp-page { display: grid; gap: 16px; max-width: 1280px; padding-bottom: 88px; }
html.brand-vision-rebel .vr-pp-top { padding-right: var(--vr-liquid-clear-x, 168px); }
html.brand-vision-rebel .vr-pp-title {
  margin: 0;
  font-family: "Playfair Display", Georgia, serif;
  font-weight: 600;
  font-size: clamp(1.9rem, 2.5vw, 2.4rem);
  letter-spacing: -.03em;
  color: #0b1b3a;
  line-height: 1.15;
}
html.brand-vision-rebel .vr-pp-sub {
  margin: 8px 0 0;
  max-width: 54ch;
  color: rgba(11,27,58,.55);
  font: 500 .92rem/1.45 "Space Grotesk", sans-serif;
}
html.brand-vision-rebel .vr-pp-shop {
  margin: 8px 0 0;
  font: 600 .82rem/1.2 "Space Grotesk", sans-serif;
  color: rgba(11,27,58,.55);
}
html.brand-vision-rebel .vr-pp-shop strong { color: #0b1b3a; }
html.brand-vision-rebel .vr-pp-grid {
  display: grid;
  grid-template-columns: minmax(280px, 1.2fr) minmax(220px, .85fr) minmax(260px, 1fr);
  gap: 16px;
  align-items: start;
}
html.brand-vision-rebel .vr-pp-col { display: grid; gap: 16px; }
html.brand-vision-rebel .vr-pp-card {
  background: #fff;
  border: 1px solid rgba(11,27,58,.08);
  border-radius: 18px;
  padding: 16px 16px 18px;
  box-shadow: 0 10px 28px rgba(11,27,58,.04);
}
html.brand-vision-rebel .vr-pp-card-title {
  margin: 0 0 14px;
  font: 700 .95rem/1.2 "Space Grotesk", sans-serif;
  color: #0b1b3a;
}
html.brand-vision-rebel .vr-pp-req,
html.brand-vision-rebel .vr-pp-field span i {
  color: #e11d48;
  font-style: normal;
  font-weight: 700;
}
html.brand-vision-rebel .vr-pp-field span em {
  color: rgba(11,27,58,.42);
  font-style: normal;
  font-weight: 500;
}
html.brand-vision-rebel .vr-pp-slots {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}
html.brand-vision-rebel .vr-pp-slot {
  position: relative;
  aspect-ratio: 1;
  border-radius: 14px;
  overflow: hidden;
  border: 1px dashed rgba(11,27,58,.22);
  background: #f7f8fb;
  display: grid;
  place-items: center;
  gap: 4px;
  cursor: pointer;
  color: rgba(11,27,58,.55);
  font: 600 .72rem/1.1 "Space Grotesk", sans-serif;
  text-align: center;
  padding: 8px;
}
html.brand-vision-rebel .vr-pp-slot.is-filled {
  border-style: solid;
  border-color: rgba(11,27,58,.1);
  padding: 0;
}
html.brand-vision-rebel .vr-pp-slot img { width: 100%; height: 100%; object-fit: cover; display: block; }
html.brand-vision-rebel .vr-pp-slot-plus { font-size: 1.4rem; line-height: 1; color: #0b1b3a; }
html.brand-vision-rebel .vr-pp-cover-badge {
  position: absolute; left: 8px; bottom: 8px;
  background: rgba(11,27,58,.88); color: #fff;
  border-radius: 999px; padding: 3px 8px;
  font: 700 .65rem/1 "Space Grotesk", sans-serif;
}
html.brand-vision-rebel .vr-pp-slot-menu {
  position: absolute; top: 6px; right: 6px;
  width: 28px; height: 28px; border: 0; border-radius: 8px;
  background: rgba(255,255,255,.92); color: #0b1b3a; cursor: pointer;
  font-weight: 800; letter-spacing: 1px;
}
html.brand-vision-rebel .vr-pp-fields-2 {
  display: grid; grid-template-columns: 1fr 1fr; gap: 12px;
}
html.brand-vision-rebel .vr-pp-field { display: grid; gap: 6px; margin-bottom: 12px; position: relative; }
html.brand-vision-rebel .vr-pp-field > span,
html.brand-vision-rebel .vr-pp-label {
  font: 600 .76rem/1.2 "Space Grotesk", sans-serif;
  color: rgba(11,27,58,.55);
}
html.brand-vision-rebel .vr-pp-field input,
html.brand-vision-rebel .vr-pp-field select,
html.brand-vision-rebel .vr-pp-field textarea {
  width: 100%;
  border: 1px solid rgba(11,27,58,.12);
  border-radius: 12px;
  background: #fff;
  color: #0b1b3a;
  font: 500 .9rem/1.35 "Space Grotesk", sans-serif;
  padding: 10px 12px;
  min-height: 42px;
}
html.brand-vision-rebel .vr-pp-field textarea { min-height: 84px; resize: vertical; }
html.brand-vision-rebel .vr-pp-counter {
  position: absolute; right: 10px; bottom: 10px;
  font: 600 .7rem/1 "Space Grotesk", sans-serif;
  color: rgba(11,27,58,.4);
  pointer-events: none;
}
html.brand-vision-rebel .vr-pp-editor {
  border: 1px solid rgba(11,27,58,.12);
  border-radius: 12px;
  background: #fff;
  overflow: hidden;
}
html.brand-vision-rebel .vr-pp-editor-tools {
  display: flex; flex-wrap: wrap; gap: 4px; align-items: center;
  padding: 6px 8px;
  border-bottom: 1px solid rgba(11,27,58,.08);
  background: #f7f8fb;
  font: 600 .72rem/1 "Space Grotesk", sans-serif; color: #0b1b3a;
}
html.brand-vision-rebel .vr-pp-fmt {
  appearance: none; border: 0; background: transparent;
  color: #0b1b3a; cursor: pointer;
  border-radius: 8px; padding: 6px 9px;
  font: inherit; line-height: 1;
}
html.brand-vision-rebel .vr-pp-fmt:hover,
html.brand-vision-rebel .vr-pp-fmt:focus-visible {
  background: rgba(11,27,58,.08); outline: none;
}
html.brand-vision-rebel .vr-pp-fmt b,
html.brand-vision-rebel .vr-pp-fmt i,
html.brand-vision-rebel .vr-pp-fmt u { font-size: .85rem; }
html.brand-vision-rebel .vr-pp-editor-body {
  min-height: 128px; max-height: 320px; overflow: auto;
  padding: 12px 14px;
  font: 500 .9rem/1.45 "Space Grotesk", sans-serif;
  color: #0b1b3a;
  outline: none;
}
html.brand-vision-rebel .vr-pp-editor-body.is-empty:before {
  content: attr(data-placeholder);
  color: rgba(11,27,58,.35);
  pointer-events: none;
}
html.brand-vision-rebel .vr-pp-editor-body p { margin: 0 0 .55em; }
html.brand-vision-rebel .vr-pp-editor-body p:last-child { margin-bottom: 0; }
html.brand-vision-rebel .vr-pp-editor-body ul,
html.brand-vision-rebel .vr-pp-editor-body ol { margin: 0 0 .55em; padding-left: 1.25em; }
html.brand-vision-rebel .vr-pp-editor-body li { margin: .15em 0; }
html.brand-vision-rebel .vr-pp-editor-tools + textarea {
  border-radius: 0 0 12px 12px; margin-top: 0;
}
html.brand-vision-rebel .vr-pp-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
html.brand-vision-rebel .vr-pp-tag {
  display: inline-flex; align-items: center; gap: 6px;
  border: 0; border-radius: 999px; padding: 6px 10px;
  background: #eef2f7; color: #0b1b3a;
  font: 600 .74rem/1 "Space Grotesk", sans-serif; cursor: pointer;
}
html.brand-vision-rebel .vr-pp-colors { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 8px; }
html.brand-vision-rebel .vr-pp-swatch {
  width: 28px; height: 28px; border-radius: 50%; border: 2px solid #fff;
  box-shadow: 0 0 0 1px rgba(11,27,58,.18); background: var(--sw, #ccc);
  cursor: pointer; padding: 0; flex: 0 0 auto;
}
html.brand-vision-rebel .vr-pp-swatch.is-on { box-shadow: 0 0 0 2px #0b1b3a; }
html.brand-vision-rebel .vr-pp-swatch.is-add {
  background: #fff; color: #0b1b3a; font-weight: 700; box-shadow: 0 0 0 1px rgba(11,27,58,.18);
  display: inline-grid; place-items: center; font: 700 .95rem/1 "Space Grotesk", sans-serif;
}
html.brand-vision-rebel .vr-pp-swatch.is-add:hover { box-shadow: 0 0 0 2px #0b1b3a; }
html.brand-vision-rebel .vr-pp-multi-opt {
  display: inline-flex; align-items: center; gap: 8px; margin: 0 0 14px;
  font: 600 .78rem/1.2 "Space Grotesk", sans-serif; color: #0b1b3a; cursor: pointer; user-select: none;
}
html.brand-vision-rebel .vr-pp-multi-opt input {
  width: 15px; height: 15px; accent-color: #0b1b3a; cursor: pointer; margin: 0;
}

/* Propose color picker popup */
html.brand-vision-rebel .vr-pp-colorpick {
  position: fixed;
  inset: 0;
  z-index: 240;
  display: grid;
  place-items: center;
  padding: 18px;
}
html.brand-vision-rebel .vr-pp-colorpick-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(11, 27, 58, 0.42);
  border: 0;
  cursor: pointer;
}
html.brand-vision-rebel .vr-pp-colorpick-panel {
  position: relative;
  z-index: 1;
  width: min(720px, 100%);
  max-height: min(92vh, 820px);
  overflow: auto;
  background: #fff;
  border-radius: 18px;
  border: 1px solid rgba(11, 27, 58, 0.1);
  box-shadow: 0 24px 60px rgba(11, 27, 58, 0.22);
  padding: 16px 18px 18px;
}
html.brand-vision-rebel .vr-pp-colorpick-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}
html.brand-vision-rebel .vr-pp-colorpick-head strong {
  font: 700 1rem/1.2 "Space Grotesk", sans-serif;
  color: #0b1b3a;
}
html.brand-vision-rebel .vr-pp-colorpick-x {
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 10px;
  background: #f3f5f8;
  color: #0b1b3a;
  font-size: 1.25rem;
  cursor: pointer;
}
html.brand-vision-rebel .vr-pp-colorpick-body {
  display: grid;
  grid-template-columns: 1.1fr 0.95fr;
  gap: 16px;
}
html.brand-vision-rebel .vr-pp-colorpick-label {
  display: block;
  margin: 0 0 8px;
  font: 600 0.74rem/1.3 "Space Grotesk", sans-serif;
  color: rgba(11, 27, 58, 0.58);
}
html.brand-vision-rebel .vr-pp-colorpick-imgs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 10px;
}
html.brand-vision-rebel .vr-pp-colorpick-img {
  width: 56px;
  height: 56px;
  padding: 0;
  border-radius: 10px;
  border: 2px solid transparent;
  overflow: hidden;
  background: #eef1f5;
  cursor: pointer;
}
html.brand-vision-rebel .vr-pp-colorpick-img.is-on { border-color: #0b1b3a; }
html.brand-vision-rebel .vr-pp-colorpick-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
html.brand-vision-rebel .vr-pp-colorpick-empty {
  margin: 0 0 10px;
  font: 500 0.82rem/1.4 "Space Grotesk", sans-serif;
  color: rgba(11, 27, 58, 0.5);
}
html.brand-vision-rebel .vr-pp-colorpick-sample-wrap {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  background: rgba(11, 27, 58, 0.04);
  border: 1px solid rgba(11, 27, 58, 0.1);
  margin-bottom: 10px;
  cursor: crosshair;
}
html.brand-vision-rebel .vr-pp-colorpick-sample {
  display: block;
  width: 100%;
  height: auto;
  max-height: 240px;
}
html.brand-vision-rebel .vr-pp-colorpick-cross {
  position: absolute;
  width: 14px;
  height: 14px;
  margin: -7px 0 0 -7px;
  border: 2px solid #fff;
  border-radius: 50%;
  box-shadow: 0 0 0 1px #0b1b3a;
  pointer-events: none;
}
html.brand-vision-rebel .vr-pp-colorpick-pipette {
  min-height: 36px;
  padding: 0 12px;
  border-radius: 10px;
  border: 1px solid rgba(11, 27, 58, 0.14);
  background: #fff;
  color: #0b1b3a;
  font: 600 0.8rem/1 "Space Grotesk", sans-serif;
  cursor: pointer;
}
html.brand-vision-rebel .vr-pp-colorpick-map {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 12px;
  border: 1px solid rgba(11, 27, 58, 0.12);
  cursor: crosshair;
  margin-bottom: 12px;
}
html.brand-vision-rebel .vr-pp-colorpick-slider {
  display: grid;
  gap: 6px;
  margin-bottom: 10px;
  font: 600 0.74rem/1 "Space Grotesk", sans-serif;
  color: rgba(11, 27, 58, 0.6);
}
html.brand-vision-rebel .vr-pp-colorpick-slider input[type="range"] {
  width: 100%;
  accent-color: #0b1b3a;
}
html.brand-vision-rebel .vr-pp-colorpick-result {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
}
html.brand-vision-rebel .vr-pp-colorpick-preview {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--sw, #888);
  border: 1px solid rgba(11, 27, 58, 0.16);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.35);
  flex: none;
}
html.brand-vision-rebel .vr-pp-colorpick-result input[type="text"] {
  flex: 1;
  min-width: 0;
  min-height: 36px;
  border-radius: 10px;
  border: 1px solid rgba(11, 27, 58, 0.14);
  padding: 0 10px;
  font: 600 0.84rem/1 "Space Grotesk", sans-serif;
  text-transform: uppercase;
  color: #0b1b3a;
}
html.brand-vision-rebel .vr-pp-colorpick-add {
  min-height: 36px;
  padding: 0 14px;
  border: 0;
  border-radius: 999px;
  background: #0b1b3a;
  color: #fff;
  font: 700 0.8rem/1 "Space Grotesk", sans-serif;
  cursor: pointer;
  white-space: nowrap;
}
@media (max-width: 720px) {
  html.brand-vision-rebel .vr-pp-colorpick-body { grid-template-columns: 1fr; }
}
html.brand-vision-rebel .vr-pp-card .size-chips,
html.brand-vision-rebel .vr-pp-card [data-size-chips],
html.brand-vision-rebel .vr-pp-card .seller-size-chips {
  display: flex; flex-wrap: wrap; gap: 8px;
}
html.brand-vision-rebel .vr-pp-preview-media {
  position: relative; border-radius: 14px; overflow: hidden; background: #0b1b3a;
  aspect-ratio: 1; margin-bottom: 10px;
}
html.brand-vision-rebel .vr-pp-preview-media img { width: 100%; height: 100%; object-fit: cover; display: block; }
html.brand-vision-rebel .vr-pp-preview-empty {
  display: grid; place-items: center; height: 100%; color: rgba(255,255,255,.7);
  font: 600 .84rem/1.2 "Space Grotesk", sans-serif;
}
html.brand-vision-rebel .vr-pp-preview-nav {
  position: absolute; top: 50%; transform: translateY(-50%);
  width: 32px; height: 32px; border-radius: 50%; border: 0;
  background: rgba(255,255,255,.92); color: #0b1b3a; cursor: pointer; font-size: 1.1rem;
  z-index: 2; display: grid; place-items: center; padding: 0; line-height: 1;
}
html.brand-vision-rebel .vr-pp-preview-nav[hidden] { display: none !important; }
html.brand-vision-rebel .vr-pp-preview-nav.is-prev { left: 10px; }
html.brand-vision-rebel .vr-pp-preview-nav.is-next { right: 10px; }
html.brand-vision-rebel .vr-pp-preview-thumbs {
  display: flex; gap: 8px; margin-bottom: 12px; overflow-x: auto;
}
html.brand-vision-rebel .vr-pp-preview-thumb {
  width: 48px; height: 48px; border-radius: 10px; overflow: hidden; padding: 0;
  border: 2px solid transparent; background: #eef1f6; cursor: pointer; flex: none;
}
html.brand-vision-rebel .vr-pp-preview-thumb.is-on { border-color: #0b1b3a; }
html.brand-vision-rebel .vr-pp-preview-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
html.brand-vision-rebel .vr-pp-preview-body h4 {
  margin: 0 0 6px; font: 700 1.05rem/1.25 "Space Grotesk", sans-serif; color: #0b1b3a;
}
html.brand-vision-rebel .vr-pp-preview-price { margin: 0 0 4px; color: #0b1b3a; font-size: 1rem; }
html.brand-vision-rebel .vr-pp-preview-rating {
  margin: 0 0 8px; color: #f59e0b; font-size: .78rem;
}
html.brand-vision-rebel .vr-pp-preview-rating span { color: rgba(11,27,58,.45); }
html.brand-vision-rebel .vr-pp-preview-short {
  margin: 0 0 12px; color: rgba(11,27,58,.58); font-size: .84rem; line-height: 1.4;
}
html.brand-vision-rebel .vr-pp-preview-sizes {
  display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px;
}
html.brand-vision-rebel .vr-pp-preview-sizes span {
  min-width: 36px; height: 32px; padding: 0 8px; border-radius: 8px;
  display: grid; place-items: center; background: #eef1f6; color: #0b1b3a;
  font: 700 .72rem/1 "Space Grotesk", sans-serif;
}
html.brand-vision-rebel .vr-pp-preview-sizes span.is-on { background: #0b1b3a; color: #fff; }
html.brand-vision-rebel .vr-pp-preview-cta {
  width: 100%; min-height: 44px; border: 0; border-radius: 999px;
  background: #0b1b3a; color: #fff; font: 700 .88rem/1 "Space Grotesk", sans-serif; cursor: default;
}
html.brand-vision-rebel .vr-pp-toggle {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  margin-bottom: 12px; font: 500 .86rem/1.2 "Space Grotesk", sans-serif; color: #0b1b3a;
}
html.brand-vision-rebel .vr-pp-toggle input {
  appearance: none; width: 44px; height: 26px; border-radius: 999px; background: #d5dbe6;
  position: relative; border: 0; cursor: pointer; flex: none;
}
html.brand-vision-rebel .vr-pp-toggle input::after {
  content: ""; position: absolute; top: 3px; left: 3px; width: 20px; height: 20px;
  border-radius: 50%; background: #fff; box-shadow: 0 2px 6px rgba(0,0,0,.16);
  transition: transform .15s ease;
}
html.brand-vision-rebel .vr-pp-toggle input:checked { background: #16a34a; }
html.brand-vision-rebel .vr-pp-toggle input:checked::after { transform: translateX(18px); }
html.brand-vision-rebel .vr-pp-add-another {
  margin-top: 8px; border: 1px dashed rgba(11,27,58,.2); background: #fff;
  border-radius: 14px; min-height: 48px; width: 100%; cursor: pointer;
  font: 600 .86rem/1 "Space Grotesk", sans-serif; color: #0b1b3a;
}
html.brand-vision-rebel .vr-pp-footer {
  position: sticky; bottom: 12px; z-index: 40;
  display: flex; justify-content: flex-end; gap: 10px; flex-wrap: wrap;
  margin-top: 18px; padding: 12px 14px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(11,27,58,.08);
  border-radius: 16px;
  backdrop-filter: blur(12px);
  box-shadow: 0 12px 30px rgba(11,27,58,.08);
}
html.brand-vision-rebel .vr-pp-btn-primary,
html.brand-vision-rebel .vr-pp-btn-ghost {
  min-height: 44px; padding: 0 18px; border-radius: 999px; cursor: pointer;
  font: 700 .86rem/1 "Space Grotesk", sans-serif;
}
html.brand-vision-rebel .vr-pp-btn-primary {
  border: 1px solid #0b1b3a; background: #0b1b3a; color: #fff;
}
html.brand-vision-rebel .vr-pp-btn-ghost {
  border: 1px solid rgba(11,27,58,.16); background: #fff; color: #0b1b3a;
}
html.brand-vision-rebel .vr-pp-multihead {
  display: flex; justify-content: space-between; align-items: center;
  margin-bottom: 10px; font: 700 .9rem/1 "Space Grotesk", sans-serif; color: #0b1b3a;
}
html.brand-vision-rebel .vr-pp-link {
  border: 0; background: transparent; color: #e11d48; cursor: pointer;
  font: 600 .8rem/1 "Space Grotesk", sans-serif;
}
html.brand-vision-rebel .vr-pp-slot.is-busy { opacity: .6; pointer-events: none; }

@media (max-width: 1100px) {
  html.brand-vision-rebel .vr-pp-grid { grid-template-columns: 1fr 1fr; }
  html.brand-vision-rebel .vr-pp-col--side { grid-column: 1 / -1; }
}
@media (max-width: 820px) {
  html.brand-vision-rebel .vr-pp-grid { grid-template-columns: 1fr; }
  html.brand-vision-rebel .vr-pp-fields-2 { grid-template-columns: 1fr; }
  html.brand-vision-rebel .vr-pp-slots { grid-template-columns: repeat(3, minmax(0,1fr)); }
}

html.brand-vision-rebel .vr-pp-card .size-chip {
  min-width: 40px;
  height: 36px;
  padding: 0 10px;
  border-radius: 10px !important;
  border: 1px solid rgba(11,27,58,.12) !important;
  background: #fff !important;
  color: #0b1b3a !important;
  font: 700 .78rem/1 "Space Grotesk", sans-serif !important;
}
html.brand-vision-rebel .vr-pp-card .size-chip.is-selected {
  background: #0b1b3a !important;
  border-color: #0b1b3a !important;
  color: #fff !important;
}
html.brand-vision-rebel .vr-pp-card .size-chip.is-nosize,
html.brand-vision-rebel .vr-pp-card .size-chip.is-fixed {
  cursor: default;
  background: rgba(11, 27, 58, 0.06) !important;
  border-style: dashed !important;
  color: rgba(11, 27, 58, 0.55) !important;
  letter-spacing: 0.04em;
}
html.brand-vision-rebel .vr-pp-preview-sizes[hidden] {
  display: none !important;
}

/* === Withdrawals mockup === */
html.brand-vision-rebel .vr-wd { display: grid; gap: 18px; max-width: 1100px; }
html.brand-vision-rebel .vr-wd-top { padding-right: var(--vr-liquid-clear-x, 168px); }
html.brand-vision-rebel .vr-wd-title {
  margin: 4px 0 0;
  font-family: "Playfair Display", Georgia, serif;
  font-weight: 600;
  font-size: clamp(1.9rem, 2.5vw, 2.35rem);
  letter-spacing: -.03em;
  color: #0b1b3a;
  line-height: 1.15;
}
html.brand-vision-rebel .vr-wd-sub {
  margin: 8px 0 0;
  color: rgba(11,27,58,.55);
  font: 500 .92rem/1.45 "Space Grotesk", sans-serif;
}
html.brand-vision-rebel .vr-wd-kpis {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
html.brand-vision-rebel .vr-wd-kpi {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #fff;
  border: 1px solid rgba(11,27,58,.08);
  border-radius: 18px;
  padding: 16px;
  box-shadow: 0 10px 28px rgba(11,27,58,.04);
}
html.brand-vision-rebel .vr-wd-kpi span {
  display: block;
  font: 600 .74rem/1.2 "Space Grotesk", sans-serif;
  color: rgba(11,27,58,.5);
  margin-bottom: 4px;
}
html.brand-vision-rebel .vr-wd-kpi strong {
  font: 700 1.25rem/1.1 "Space Grotesk", sans-serif;
  color: #0b1b3a;
  letter-spacing: -.02em;
}
html.brand-vision-rebel .vr-wd-kpi-ico {
  width: 40px; height: 40px; border-radius: 12px;
  display: grid; place-items: center; flex: none;
  background: #eef2f7; color: #0b1b3a;
}
html.brand-vision-rebel .vr-wd-kpi--iban { position: relative; padding-right: 88px; }
html.brand-vision-rebel .vr-wd-iban-meta { min-width: 0; }
html.brand-vision-rebel .vr-wd-iban-meta strong {
  font-size: .95rem;
  letter-spacing: .02em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  max-width: 100%;
}
html.brand-vision-rebel .vr-wd-change {
  position: absolute; right: 14px; top: 50%; transform: translateY(-50%);
  border: 1px solid rgba(11,27,58,.12); background: #f3f5f8; color: #0b1b3a;
  border-radius: 999px; min-height: 34px; padding: 0 12px; cursor: pointer;
  font: 600 .78rem/1 "Space Grotesk", sans-serif;
}
html.brand-vision-rebel .vr-wd-card {
  background: #fff;
  border: 1px solid rgba(11,27,58,.08);
  border-radius: 18px;
  padding: 18px;
  box-shadow: 0 10px 28px rgba(11,27,58,.04);
}
html.brand-vision-rebel .vr-wd-card-title {
  margin: 0 0 14px;
  font: 700 1rem/1.2 "Space Grotesk", sans-serif;
  color: #0b1b3a;
}
html.brand-vision-rebel .vr-wd-form-row {
  display: grid;
  grid-template-columns: minmax(160px, 220px) minmax(180px, 1fr) auto;
  gap: 10px 14px;
  align-items: end;
}
html.brand-vision-rebel .vr-wd-field {
  display: grid;
  grid-template-rows: auto 44px;
  gap: 6px;
  min-width: 0;
}
html.brand-vision-rebel .vr-wd-label {
  font: 600 .76rem/1.2 "Space Grotesk", sans-serif;
  color: rgba(11,27,58,.55);
}
html.brand-vision-rebel .vr-wd-label em { font-style: normal; color: rgba(11,27,58,.4); font-weight: 500; }
html.brand-vision-rebel .vr-wd-field > input {
  width: 100%; height: 44px; min-height: 44px; border-radius: 12px;
  border: 1px solid rgba(11,27,58,.12); padding: 0 12px;
  font: 500 .92rem/1 "Space Grotesk", sans-serif; color: #0b1b3a; background: #fff;
  box-sizing: border-box;
}
html.brand-vision-rebel .vr-wd-amount {
  display: flex; align-items: stretch; gap: 0;
  height: 44px; min-height: 44px;
  border: 1px solid rgba(11,27,58,.12); border-radius: 12px; overflow: hidden; background: #fff;
  box-sizing: border-box;
}
html.brand-vision-rebel .vr-wd-amount em {
  font-style: normal; padding: 0 12px; color: rgba(11,27,58,.5);
  font: 700 .9rem/1 "Space Grotesk", sans-serif; background: #f7f8fb;
  display: grid; place-items: center; flex: 0 0 auto;
  border-right: 1px solid rgba(11,27,58,.08);
}
html.brand-vision-rebel .vr-wd-amount input {
  border: 0; border-radius: 0; height: 100%; min-height: 0; flex: 1; min-width: 0;
  padding: 0 12px; font: 500 .92rem/1 "Space Grotesk", sans-serif; color: #0b1b3a; background: #fff;
}
html.brand-vision-rebel .vr-wd-min-hint {
  margin: 8px 0 0;
  font: 500 .72rem/1.2 "Space Grotesk", sans-serif; color: rgba(11,27,58,.42);
}
html.brand-vision-rebel .vr-wd-submit {
  height: 44px; min-height: 44px; padding: 0 18px; border-radius: 999px; border: 0;
  background: #0b1b3a; color: #fff; cursor: pointer;
  font: 700 .86rem/1 "Space Grotesk", sans-serif; white-space: nowrap;
  align-self: end;
}
html.brand-vision-rebel .vr-wd-submit:disabled { opacity: .45; cursor: not-allowed; }
html.brand-vision-rebel .vr-wd-iban-edit { margin-bottom: 14px; }
html.brand-vision-rebel .vr-wd-hist-head {
  display: flex; justify-content: space-between; align-items: center; gap: 12px;
}
html.brand-vision-rebel .vr-wd-hist-head .vr-wd-card-title { margin: 0; }
html.brand-vision-rebel .vr-wd-viewall {
  border: 0; background: transparent; color: #0b1b3a; cursor: pointer;
  font: 600 .82rem/1 "Space Grotesk", sans-serif;
}
html.brand-vision-rebel .vr-wd-table { display: grid; gap: 0; margin-top: 12px; }
html.brand-vision-rebel .vr-wd-thead,
html.brand-vision-rebel .vr-wd-row {
  display: grid;
  grid-template-columns: 1.1fr .9fr 1fr 1.4fr 36px;
  gap: 10px;
  align-items: center;
  padding: 12px 4px;
}
html.brand-vision-rebel .vr-wd-thead {
  color: rgba(11,27,58,.45);
  font: 600 .74rem/1 "Space Grotesk", sans-serif;
  border-bottom: 1px solid rgba(11,27,58,.08);
}
html.brand-vision-rebel .vr-wd-row {
  border-bottom: 1px solid rgba(11,27,58,.06);
  font: 500 .88rem/1.2 "Space Grotesk", sans-serif;
  color: #0b1b3a;
}
html.brand-vision-rebel .vr-wd-note {
  color: rgba(11,27,58,.55);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
html.brand-vision-rebel .vr-wd-more {
  border: 0; background: transparent; color: rgba(11,27,58,.4);
  cursor: pointer; font-weight: 800; letter-spacing: 1px;
}
html.brand-vision-rebel .vr-wd-pill {
  display: inline-flex; align-items: center; min-height: 26px; padding: 0 10px;
  border-radius: 999px; font: 700 .72rem/1 "Space Grotesk", sans-serif;
}
html.brand-vision-rebel .vr-wd-pill.is-paid { background: #e8f7ee; color: #157a3c; }
html.brand-vision-rebel .vr-wd-pill.is-rejected { background: #fdeCEC; color: #c03535; }
html.brand-vision-rebel .vr-wd-pill.is-pending { background: #eef2f7; color: #3b4d66; }
html.brand-vision-rebel .vr-wd-pill.is-accepted { background: #e8eefc; color: #2f4eb5; }

@media (max-width: 900px) {
  html.brand-vision-rebel .vr-wd-kpis { grid-template-columns: 1fr; }
  html.brand-vision-rebel .vr-wd-form-row { grid-template-columns: 1fr; }
  html.brand-vision-rebel .vr-wd-thead, html.brand-vision-rebel .vr-wd-row {
    grid-template-columns: 1fr 1fr;
  }
  html.brand-vision-rebel .vr-wd-thead span:nth-child(n+3),
  html.brand-vision-rebel .vr-wd-row span:nth-child(n+3),
  html.brand-vision-rebel .vr-wd-row .vr-wd-more { display: none; }
}

/* Windows: drop blur only — KEEP opacity/transform motion (no binary UI) */
html.is-windows .vr-liquid-float,
html.is-windows .vr-liquid-pill,
html.is-windows .vr-liquid-savebar,
html.is-windows .vr-unsaved-modal-card,
html.is-windows .vr-search-dialog,
html.is-windows .vr-cz-publish,
html.is-windows .liquid-glass,
html.is-windows .liquid-card {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html.is-windows .vr-liquid-float,
html.is-windows .vr-liquid-pill,
html.is-windows .vr-liquid-savebar,
html.is-windows .vr-cz-publish,
html.is-windows .vr-unsaved-modal-card {
  transition: opacity .22s ease, transform .22s ease !important;
}
@media (prefers-reduced-motion: reduce) {
  html.brand-vision-rebel body.account-seller *,
  html.brand-vision-rebel body.account-seller *::before,
  html.brand-vision-rebel body.account-seller *::after {
    animation-duration: 0.28s !important;
    transition-duration: 0.22s !important;
    scroll-behavior: auto !important;
  }
}


/* No OS window chrome in shop preview */
html.brand-vision-rebel .vr-cz-chrome,
html.brand-vision-rebel .vr-cz-notch { display: none !important; }


/* === Customize live preview + publish pill === */
html.brand-vision-rebel .vr-cz-live {
  position: relative;
  min-height: 100%;
  overflow: auto;
  background: #fff;
}
html.brand-vision-rebel .vr-cz-live-hero {
  position: relative;
  color: #fff;
  background: var(--shop-color, #0b1b3a);
  overflow: hidden;
  min-height: 220px;
}
html.brand-vision-rebel .vr-cz-live-cover {
  position: absolute;
  inset: 0;
}
html.brand-vision-rebel .vr-cz-live-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: .35;
}
html.brand-vision-rebel .vr-cz-live-hero-inner {
  position: relative;
  z-index: 1;
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 18px 18px 22px;
}
html.brand-vision-rebel .vr-cz-live-avatar {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  object-fit: cover;
  background: rgba(255,255,255,.18);
  flex: 0 0 auto;
}
html.brand-vision-rebel .vr-cz-live-avatar.is-ph {
  display: grid;
  place-items: center;
  font: 700 1.1rem/1 "Space Grotesk", sans-serif;
}
html.brand-vision-rebel .vr-cz-live-eyebrow {
  margin: 0 0 4px;
  font: 600 .65rem/1 "Space Grotesk", sans-serif;
  letter-spacing: .08em;
  text-transform: uppercase;
  opacity: .75;
}
html.brand-vision-rebel .vr-cz-live-hero h1 {
  margin: 0;
  font: 700 1.15rem/1.15 "Space Grotesk", sans-serif;
}
html.brand-vision-rebel .vr-cz-live-tag {
  margin: 6px 0 0;
  font: 500 .8rem/1.35 Manrope, sans-serif;
  opacity: .88;
}
html.brand-vision-rebel .vr-cz-live-products {
  padding: 14px 14px 64px;
}
html.brand-vision-rebel .vr-cz-live-toolbar h2 {
  margin: 0 0 12px;
  font: 700 .95rem/1.2 "Space Grotesk", sans-serif;
  color: #0b1b3a;
}
html.brand-vision-rebel .vr-cz-live-grid {
  display: grid;
  gap: 12px;
}
html.brand-vision-rebel .vr-cz-live-card {
  min-width: 0;
}
html.brand-vision-rebel .vr-cz-live-media {
  aspect-ratio: 4 / 5;
  border-radius: 12px;
  overflow: hidden;
  background: #eef1f6;
}
html.brand-vision-rebel .vr-cz-live-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
html.brand-vision-rebel .vr-cz-live-card.is-empty .vr-cz-live-media,
html.brand-vision-rebel .vr-cz-live-card.is-empty {
  min-height: 80px;
  background: #eef1f6;
  border-radius: 12px;
}
html.brand-vision-rebel .vr-cz-live-name {
  margin: 8px 0 2px;
  font: 600 .78rem/1.25 "Space Grotesk", sans-serif;
  color: #0b1b3a;
}
html.brand-vision-rebel .vr-cz-live-price {
  margin: 0;
  font: 600 .75rem/1.2 Manrope, sans-serif;
  color: #0b1b3a;
}
html.brand-vision-rebel .vr-cz-live-price s {
  color: rgba(11,27,58,.4);
  margin-right: 4px;
}
html.brand-vision-rebel .vr-cz-live-dock {
  position: absolute;
  left: 50%;
  bottom: 14px;
  transform: translateX(-50%);
  display: flex;
  gap: 10px;
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(11,27,58,.1);
  box-shadow: 0 10px 28px rgba(11,27,58,.14);
}
html.brand-vision-rebel .vr-cz-live-dock span {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #0b1b3a;
  opacity: .85;
}
html.brand-vision-rebel .vr-cz-stage[data-device="phone"] .vr-cz-frame {
  max-width: 320px;
  border-radius: 28px;
}
html.brand-vision-rebel .vr-cz-publish {
  /* position overridden below — keep shell styles only */
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 12px 14px 12px 18px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.88);
  border: 1px solid rgba(11, 27, 58, 0.12);
  box-shadow: 0 22px 60px rgba(11, 27, 58, 0.22);
  backdrop-filter: blur(18px) saturate(1.25);
  -webkit-backdrop-filter: blur(18px) saturate(1.25);
  font: 600 .9rem/1.2 "Space Grotesk", sans-serif;
  color: #0b1b3a;
  white-space: nowrap;
}
html.brand-vision-rebel .vr-cz-publish.is-visible {
  /* visibility handled in bottom-fixed block */
}
html.brand-vision-rebel .vr-cz-publish-btn {
  appearance: none;
  border: 0;
  cursor: pointer;
  min-height: 40px;
  padding: 0 16px;
  border-radius: 999px;
  background: #0b1b3a;
  color: #fff;
  font: 700 .86rem/1 "Space Grotesk", sans-serif;
}
html.brand-vision-rebel .vr-cz-publish-btn:disabled {
  opacity: .55;
  cursor: wait;
}
html.is-windows .vr-cz-publish,
html.is-windows .vr-cz-live-dock {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  background: #fff;
}


/* Real shop device preview (iframe) — PC monitor / phone shell, true layout scaled */
html.brand-vision-rebel .vr-cz-stage {
  min-height: 0;
  padding: 4px 0 8px;
  background: transparent;
  border-radius: 0;
  display: grid;
  place-items: stretch;
}
html.brand-vision-rebel .vr-cz-device-shell {
  width: min(100%, 720px);
  display: flex;
  flex-direction: column;
  background: #1a2230;
  border: 1px solid rgba(11, 27, 58, 0.35);
  border-radius: 14px;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.08) inset,
    0 24px 60px rgba(15, 30, 60, 0.28);
  overflow: hidden;
}
html.brand-vision-rebel .vr-cz-device-chrome {
  display: flex;
  align-items: center;
  gap: 7px;
  height: 36px;
  padding: 0 12px;
  background: linear-gradient(180deg, #2a3344, #1e2633);
  border-bottom: 1px solid rgba(0, 0, 0, 0.35);
  flex: none;
}
html.brand-vision-rebel .vr-cz-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  flex: none;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2) inset;
}
html.brand-vision-rebel .vr-cz-dot.is-r { background: #ff5f57; }
html.brand-vision-rebel .vr-cz-dot.is-y { background: #febc2e; }
html.brand-vision-rebel .vr-cz-dot.is-g { background: #28c840; }
html.brand-vision-rebel .vr-cz-url {
  margin-left: 8px;
  min-width: 0;
  flex: 1;
  height: 22px;
  padding: 0 10px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.72);
  font: 500 0.68rem/22px "Space Grotesk", sans-serif;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
html.brand-vision-rebel .vr-cz-device-viewport {
  position: relative;
  width: 100%;
  height: min(58vh, 520px);
  background: #0b1220;
  overflow: hidden;
  display: grid;
  place-items: start center;
}
html.brand-vision-rebel .vr-cz-device-canvas {
  transform-origin: top center;
  will-change: transform;
  background: #fff;
}
html.brand-vision-rebel .vr-cz-iframe {
  display: block;
  border: 0;
  background: #fff;
  width: 1280px;
  height: 800px;
}
html.brand-vision-rebel .vr-cz-device-chin {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 18px;
  background: #151c28;
  border-top: 1px solid rgba(255, 255, 255, 0.04);
  flex: none;
}
html.brand-vision-rebel .vr-cz-device-chin i {
  width: 56px;
  height: 4px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.18);
}

/* Phone shell */
html.brand-vision-rebel .vr-cz-stage[data-device="phone"] .vr-cz-device-shell {
  width: min(100%, 340px);
  border-radius: 36px;
  padding: 10px 10px 14px;
  background: #111827;
  border: 2px solid #0b1220;
  box-shadow:
    0 0 0 2px rgba(255, 255, 255, 0.06) inset,
    0 28px 60px rgba(15, 30, 60, 0.35);
}
html.brand-vision-rebel .vr-cz-stage[data-device="phone"] .vr-cz-device-chrome {
  display: none;
}
html.brand-vision-rebel .vr-cz-stage[data-device="phone"] .vr-cz-device-viewport {
  height: min(62vh, 620px);
  border-radius: 28px;
  overflow: hidden;
}
html.brand-vision-rebel .vr-cz-stage[data-device="phone"] .vr-cz-iframe {
  width: 390px;
  height: 844px;
}
html.brand-vision-rebel .vr-cz-stage[data-device="phone"] .vr-cz-device-chin {
  height: 22px;
  background: transparent;
  border: 0;
}
html.brand-vision-rebel .vr-cz-stage[data-device="phone"] .vr-cz-device-chin i {
  width: 96px;
  height: 5px;
  background: rgba(255, 255, 255, 0.35);
}

/* Publish success check */
.vr-cz-publish-success {
  position: fixed;
  inset: 0;
  z-index: 10050;
  display: grid;
  place-items: center;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.25s ease, visibility 0.25s ease;
  background: rgba(11, 27, 58, 0.28);
}
.vr-cz-publish-success.is-on {
  opacity: 1;
  visibility: visible;
}
.vr-cz-publish-success-card {
  display: grid;
  justify-items: center;
  gap: 12px;
  padding: 28px 36px;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 24px 64px rgba(11, 27, 58, 0.28);
  transform: translateY(12px) scale(0.92);
  transition: transform 0.35s cubic-bezier(0.2, 0.9, 0.2, 1);
}
.vr-cz-publish-success.is-on .vr-cz-publish-success-card {
  transform: translateY(0) scale(1);
}
.vr-cz-publish-success-card p {
  margin: 0;
  font: 700 1rem/1.2 "Space Grotesk", sans-serif;
  color: #0b1b3a;
}
.vr-cz-check {
  width: 64px;
  height: 64px;
}
.vr-cz-check svg {
  width: 64px;
  height: 64px;
  display: block;
}
.vr-cz-check-circle {
  stroke: #16a34a;
  stroke-width: 2.5;
  stroke-dasharray: 160;
  stroke-dashoffset: 160;
}
.vr-cz-check-mark {
  stroke: #16a34a;
  stroke-width: 3.2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
}
.vr-cz-publish-success.is-on .vr-cz-check-circle {
  animation: vrCzCircle 0.55s ease forwards;
}
.vr-cz-publish-success.is-on .vr-cz-check-mark {
  animation: vrCzMark 0.35s 0.35s ease forwards;
}
@keyframes vrCzCircle {
  to { stroke-dashoffset: 0; }
}
@keyframes vrCzMark {
  to { stroke-dashoffset: 0; }
}

/* Legacy selectors kept harmless */
html.brand-vision-rebel .vr-cz-frame.is-screen,
html.brand-vision-rebel .vr-cz-screen.is-real {
  width: 100%;
  height: auto;
}


/* Kill horizontal scroll in customize General / controls */
html.brand-vision-rebel .vr-cz,
html.brand-vision-rebel .vr-cz-board,
html.brand-vision-rebel .vr-cz-editor,
html.brand-vision-rebel .vr-cz-controls,
html.brand-vision-rebel .vr-cz-block,
html.brand-vision-rebel .vr-cz-preview-col {
  min-width: 0;
  max-width: 100%;
}
html.brand-vision-rebel .vr-cz-controls {
  overflow: visible !important;
  max-height: none !important;
}
html.brand-vision-rebel .vr-cz-block {
  overflow: visible !important;
}
html.brand-vision-rebel .vr-cz-field,
html.brand-vision-rebel .vr-cz-field input[type="text"],
html.brand-vision-rebel .vr-cz-field input[type="color"],
html.brand-vision-rebel .vr-cz-field select,
html.brand-vision-rebel .vr-cz-media-row,
html.brand-vision-rebel .vr-cz-media-line,
html.brand-vision-rebel .vr-cz-media-actions,
html.brand-vision-rebel .vr-cz-hint,
html.brand-vision-rebel .vr-cz-bg-grid,
html.brand-vision-rebel .vr-cz-seg,
html.brand-vision-rebel .vr-cz-toggles,
html.brand-vision-rebel .vr-cz-color-row,
html.brand-vision-rebel .vr-cz-swatches {
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}
html.brand-vision-rebel .vr-cz-field input[type="text"],
html.brand-vision-rebel .vr-cz-field select {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
html.brand-vision-rebel .vr-cz-media-line {
  width: 100%;
  align-items: flex-start;
}
html.brand-vision-rebel .vr-cz-media-actions {
  flex: 1 1 auto;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
}
html.brand-vision-rebel .vr-cz-media-actions .vr-cz-hint {
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}
html.brand-vision-rebel .vr-cz-hint {
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}
html.brand-vision-rebel .vr-cz-seg {
  flex-wrap: wrap;
  width: 100%;
}
html.brand-vision-rebel .vr-cz-top {
  min-width: 0;
  max-width: 100%;
  flex-wrap: wrap;
}


/* === PAGE SCROLL ONLY on customize (no nested vertical scrollbars) === */
html.brand-vision-rebel body.account-seller .vr-cz-controls,
html.brand-vision-rebel body.account-seller .vr-cz-editor,
html.brand-vision-rebel body.account-seller .vr-cz-block,
html.brand-vision-rebel body.account-seller .vr-cz-board,
html.brand-vision-rebel body.account-seller .vr-cz,
html.brand-vision-rebel body.account-seller .vr-cz-preview-col,
html.brand-vision-rebel body.account-seller .vr-cz-preview-card,
html.brand-vision-rebel body.account-seller .account-dash-content,
html.brand-vision-rebel body.account-seller .account-dash-body,
html.brand-vision-rebel body.account-seller .account-dash {
  max-height: none !important;
  overflow: visible !important;
}
/* account-tabs scroll handled below — do not force overflow:visible */

/* Preview is a fixed screen — only the iframe may scroll (the shop itself) */
html.brand-vision-rebel body.account-seller .vr-cz-stage {
  overflow: visible !important;
  min-height: 0 !important;
  height: auto !important;
}
html.brand-vision-rebel body.account-seller .vr-cz-frame.is-screen {
  height: 720px !important;
  max-height: none !important;
}
html.brand-vision-rebel body.account-seller .vr-cz-device-viewport {
  max-height: none !important;
}
html.brand-vision-rebel body.account-seller .vr-cz-stage[data-device="phone"] .vr-cz-device-viewport {
  max-height: none !important;
}


/* Save & publish — fixed bottom center */
html.brand-vision-rebel body .vr-cz-publish,
html.brand-vision-rebel .vr-cz-publish {
  position: fixed !important;
  left: 50% !important;
  right: auto !important;
  top: auto !important;
  bottom: 28px !important;
  transform: translateX(-50%) translateY(10px) scale(0.98) !important;
  z-index: 9999 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 12px 14px 12px 18px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.92) !important;
  border: 1px solid rgba(11, 27, 58, 0.12) !important;
  box-shadow: 0 18px 48px rgba(11, 27, 58, 0.2) !important;
  backdrop-filter: blur(18px) saturate(1.25);
  -webkit-backdrop-filter: blur(18px) saturate(1.25);
  font: 600 0.9rem/1.2 "Space Grotesk", sans-serif !important;
  color: #0b1b3a !important;
  white-space: nowrap !important;
  transition:
    opacity 0.22s ease,
    transform 0.22s ease,
    visibility 0.22s ease !important;
}
html.brand-vision-rebel body .vr-cz-publish:not(.is-visible),
html.brand-vision-rebel .vr-cz-publish:not(.is-visible),
html.brand-vision-rebel body .vr-cz-publish[hidden] {
  opacity: 0 !important;
  pointer-events: none !important;
  visibility: hidden !important;
  transform: translateX(-50%) translateY(18px) scale(0.96) !important;
}
html.brand-vision-rebel body .vr-cz-publish.is-visible {
  opacity: 1 !important;
  pointer-events: auto !important;
  visibility: visible !important;
  transform: translateX(-50%) translateY(0) scale(1) !important;
}
/* Case stays still — only buttons grow on hover */
html.brand-vision-rebel body .vr-cz-publish.is-visible:hover,
html.brand-vision-rebel .vr-cz-publish.is-visible:hover {
  transform: translateX(-50%) translateY(0) scale(1) !important;
}
html.brand-vision-rebel .vr-cz-publish > span,
html.brand-vision-rebel .vr-cz-publish [data-cz-publish-msg] {
  display: inline-block;
  transform: none !important;
  letter-spacing: normal !important;
}
html.brand-vision-rebel .vr-cz-publish-actions {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}
html.brand-vision-rebel .vr-cz-publish-btn {
  appearance: none;
  border: 0;
  cursor: pointer;
  min-height: 40px;
  padding: 0 16px;
  border-radius: 999px;
  background: #0b1b3a;
  color: #fff;
  font: 700 0.86rem/1 "Space Grotesk", sans-serif;
  transition: transform 0.2s ease, background 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease !important;
  transform: scale(1);
  transform-origin: center;
}
html.brand-vision-rebel .vr-cz-publish-btn.vr-cz-publish-btn--ghost,
html.brand-vision-rebel .vr-cz-publish-btn[data-cz-discard] {
  background: #fff !important;
  color: #0b1b3a !important;
  border: 1px solid rgba(11, 27, 58, 0.14) !important;
  font-weight: 600 !important;
}
html.brand-vision-rebel .vr-cz-publish-btn:hover {
  transform: scale(1.06) !important;
}
html.brand-vision-rebel .vr-cz-publish-btn.vr-cz-publish-btn--ghost:hover,
html.brand-vision-rebel .vr-cz-publish-btn[data-cz-discard]:hover {
  background: #f4f7fb !important;
  transform: scale(1.06) !important;
}
html.brand-vision-rebel .vr-cz-publish.is-visible:hover .vr-cz-publish-btn {
  transform: scale(1) !important; /* don't enlarge all buttons when hovering the case */
}
html.brand-vision-rebel .vr-cz-publish.is-visible:hover .vr-cz-publish-btn:hover {
  transform: scale(1.06) !important;
}
html.brand-vision-rebel .vr-cz-publish-btn:active {
  transform: scale(0.98) !important;
}

/* FORCE Windows UI motion — blur optional, motion mandatory */
html.is-windows .vr-liquid-pill,
html.is-windows .vr-liquid-float,
html.is-windows .vr-cz-publish,
html.is-windows .vr-liquid-savebar,
html.is-windows .acct-tile,
html.is-windows .vr-cz-rail-btn,
html.is-windows .vr-cz-device-tab,
html.is-windows .vr-cz-seg-btn,
html.is-windows .btn,
html.is-windows .liquid-btn {
  transition: opacity .22s ease, transform .22s ease, background .22s ease, box-shadow .22s ease, color .18s ease !important;
}

.vr-demo-banner{margin:0 0 14px;padding:10px 14px;border-radius:10px;background:#f1f5f9;border:1px solid #e2e8f0;font-size:13px;line-height:1.4;color:#475569}
.vr-dash-mock.is-demo .vr-dash-kpi strong{letter-spacing:-0.02em}



/* Become a seller — compact form, not full page width */
html.brand-vision-rebel .vr-seller-apply-actions {
  display: flex;
  justify-content: flex-start;
  margin-top: 22px;
  padding-top: 18px;
  border-top: 1px solid rgba(11, 15, 20, 0.1);
}
html.brand-vision-rebel .vr-seller-apply .vr-seller-apply-submit,
html.brand-vision-rebel .vr-seller-apply button[type="submit"].btn-primary {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 48px !important;
  padding: 0 28px !important;
  border-radius: 14px !important;
  border: 1.5px solid #0b1b3a !important;
  background: #0b1b3a !important;
  color: #ffffff !important;
  font: 700 0.78rem/1 "Space Grotesk", system-ui, sans-serif !important;
  letter-spacing: 0.04em;
  box-shadow: 0 10px 24px rgba(11, 27, 58, 0.22);
  cursor: pointer;
  width: auto !important;
  max-width: 100%;
}
html.brand-vision-rebel .vr-seller-apply .vr-seller-apply-submit:hover,
html.brand-vision-rebel .vr-seller-apply button[type="submit"].btn-primary:hover {
  background: #152a52 !important;
  border-color: #152a52 !important;
  color: #ffffff !important;
  transform: translateY(-1px);
}
html.brand-vision-rebel .vr-seller-apply .seller-add-product {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  margin: 12px 0 4px;
  min-height: 42px;
  padding: 0 16px;
  border-radius: 12px;
  border: 1.5px dashed rgba(11, 27, 58, 0.28);
  background: #fff;
  color: #0b1b3a;
  font: 600 0.8rem/1 "Space Grotesk", system-ui, sans-serif;
  cursor: pointer;
}
html.brand-vision-rebel .vr-seller-apply .seller-add-product:hover {
  border-color: rgba(11, 27, 58, 0.5);
  background: rgba(11, 27, 58, 0.04);
}

html.brand-vision-rebel .vr-seller-apply {
  max-width: none !important;
  width: 100% !important;
}
html.brand-vision-rebel .vr-seller-apply .account-page-header {
  max-width: none;
  width: 100%;
}
html.brand-vision-rebel .vr-seller-apply .acct-grid--seller {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
  width: 100% !important;
  max-width: none !important;
}
html.brand-vision-rebel .vr-seller-apply .acct-grid--seller > .account-card,
html.brand-vision-rebel .vr-seller-apply form.account-card,
html.brand-vision-rebel .vr-seller-apply .acct-side-notes,
html.brand-vision-rebel .vr-seller-apply .acct-side-notes .account-card {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box;
}
html.brand-vision-rebel .vr-seller-apply .acct-side-notes {
  position: static !important;
  order: -1; /* How it works above the form, full width */
}
html.brand-vision-rebel .vr-seller-apply .acct-side-notes .account-card {
  background: #f6f7f9;
  border: 1px solid rgba(11, 15, 20, 0.08);
  box-shadow: none;
}
html.brand-vision-rebel .vr-seller-apply .acct-steps {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px 18px;
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
  counter-reset: step;
}
html.brand-vision-rebel .vr-seller-apply .acct-steps li {
  display: grid;
  gap: 6px;
  margin: 0;
  padding: 12px 14px;
  border-radius: 12px;
  background: #fff;
  border: 1px solid rgba(11, 15, 20, 0.08);
  counter-increment: step;
}
html.brand-vision-rebel .vr-seller-apply .acct-steps li::before {
  content: counter(step);
  width: 22px;
  height: 22px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  font: 700 0.72rem/1 "Space Grotesk", system-ui, sans-serif;
  background: #0b1b3a;
  color: #fff;
}
html.brand-vision-rebel .vr-seller-apply .acct-steps li span {
  display: block;
  color: rgba(11, 15, 20, 0.62);
  font-size: 0.82rem;
  line-height: 1.35;
}
html.brand-vision-rebel .vr-seller-apply .account-form-grid {
  width: 100% !important;
}
html.brand-vision-rebel .vr-seller-apply .auth-seller-section-label {
  width: 100%;
  display: block;
}
@media (max-width: 900px) {
  html.brand-vision-rebel .vr-seller-apply .acct-steps {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 560px) {
  html.brand-vision-rebel .vr-seller-apply .acct-steps {
    grid-template-columns: 1fr;
  }
}

/* ===== Form grid coherence (account front) ===== */
html.brand-vision-rebel .account-form-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px 18px !important;
  align-items: start !important;
  margin-bottom: 16px;
}
html.brand-vision-rebel .account-form-grid > .auth-field,
html.brand-vision-rebel .account-form-grid > label.auth-field {
  display: grid !important;
  grid-template-rows: auto auto !important;
  grid-auto-rows: auto;
  gap: 8px !important;
  align-content: start !important;
  margin: 0 !important;
  min-width: 0 !important;
}
html.brand-vision-rebel .account-form-grid > .auth-field--wide {
  grid-column: 1 / -1 !important;
}
html.brand-vision-rebel .account-form-grid > .auth-field > span:first-child {
  display: flex !important;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  min-height: 1.15em;
  margin: 0;
}
html.brand-vision-rebel .account-form-grid > .auth-field input,
html.brand-vision-rebel .account-form-grid > .auth-field select,
html.brand-vision-rebel .account-form-grid > .auth-field textarea,
html.brand-vision-rebel .account-form-grid > .auth-field .auth-password-wrap {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 !important;
}
html.brand-vision-rebel .account-form-grid > .auth-field input,
html.brand-vision-rebel .account-form-grid > .auth-field select {
  height: 48px !important;
}
html.brand-vision-rebel .account-form-grid > .auth-field .auth-password-wrap {
  height: 48px !important;
}
html.brand-vision-rebel .account-form-grid > .auth-field .auth-password-wrap input {
  height: 100% !important;
}
html.brand-vision-rebel .auth-field-badge {
  display: inline-flex;
  align-items: center;
  height: 20px;
  padding: 0 8px;
  border-radius: 999px;
  font: 600 0.62rem/1 "Space Grotesk", sans-serif !important;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: rgba(11, 27, 58, 0.62) !important;
  background: rgba(11, 27, 58, 0.08);
  flex: none;
}
html.brand-vision-rebel .auth-field-badge.is-ok {
  color: #15803d !important;
  background: rgba(22, 163, 74, 0.12);
}
html.brand-vision-rebel .auth-field small.muted {
  grid-column: 1 / -1;
  margin: 0;
}
html.brand-vision-rebel .acct-settings {
  gap: 14px !important;
}
html.brand-vision-rebel .acct-settings-card {
  padding: 18px 20px !important;
}
html.brand-vision-rebel .acct-form-foot {
  margin-top: 14px !important;
  padding-top: 14px;
  border-top: 1px solid rgba(11, 27, 58, 0.06);
}
html.brand-vision-rebel .acct-switch {
  margin-top: 12px !important;
}
@media (max-width: 720px) {
  html.brand-vision-rebel .account-form-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Switches ON = green (not navy/black) */
html.brand-vision-rebel .acct-switch input:checked + .acct-switch-track {
  background: #16a34a !important;
}
html.brand-vision-rebel .vr-cz-toggle input:checked,
html.brand-vision-rebel .vr-pp-toggle input:checked {
  background: #16a34a !important;
}


/* ===== Account dirty save bar — bottom center ===== */
html.brand-vision-rebel .vr-acct-savebar,
.vr-acct-savebar {
  position: fixed !important;
  left: 50% !important;
  bottom: 28px !important;
  top: auto !important;
  transform: translateX(-50%) translateY(14px) !important;
  z-index: 9998 !important;
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 12px 14px 12px 18px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.94) !important;
  border: 1px solid rgba(11, 27, 58, 0.12) !important;
  box-shadow: 0 18px 48px rgba(11, 27, 58, 0.2) !important;
  backdrop-filter: blur(18px) saturate(1.25);
  -webkit-backdrop-filter: blur(18px) saturate(1.25);
  font: 600 0.9rem/1.2 "Space Grotesk", sans-serif !important;
  color: #0b1b3a !important;
  white-space: nowrap !important;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: opacity .22s ease, transform .22s ease, visibility .22s ease !important;
}
html.brand-vision-rebel .vr-acct-savebar.is-visible,
.vr-acct-savebar.is-visible {
  opacity: 1 !important;
  pointer-events: auto !important;
  visibility: visible !important;
  transform: translateX(-50%) translateY(0) !important;
}
.vr-acct-savebar-actions {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.vr-acct-savebar-cancel {
  appearance: none;
  border: 1px solid rgba(11, 27, 58, 0.14);
  background: #fff;
  color: #0b1b3a;
  min-height: 40px;
  padding: 0 14px;
  border-radius: 999px;
  cursor: pointer;
  font: 600 0.82rem/1 "Space Grotesk", sans-serif;
  transition: transform .18s ease, background .18s ease;
}
.vr-acct-savebar-cancel:hover { background: #f4f7fb; transform: scale(1.03); }
.vr-acct-savebar-save {
  appearance: none;
  border: 0;
  background: #0b1b3a;
  color: #fff;
  min-height: 40px;
  padding: 0 16px;
  border-radius: 999px;
  cursor: pointer;
  font: 700 0.84rem/1 "Space Grotesk", sans-serif;
  transition: transform .18s ease, background .18s ease;
}
.vr-acct-savebar-save:hover { transform: scale(1.04); }
.vr-acct-savebar-save:disabled { opacity: .55; cursor: wait; transform: none; }

/* Hide inline per-card Save/Cancel — use bottom bar */
html.brand-vision-rebel .acct-form-actions {
  display: none !important;
}

/* Unify shop order savebar with same look */
html.brand-vision-rebel .seller-shop-savebar {
  background: rgba(255, 255, 255, 0.94) !important;
  color: #0b1b3a !important;
  border: 1px solid rgba(11, 27, 58, 0.12) !important;
  box-shadow: 0 18px 48px rgba(11, 27, 58, 0.2) !important;
  bottom: 28px !important;
}
html.brand-vision-rebel .seller-shop-savebar .auth-btn-secondary {
  background: #fff !important;
  color: #0b1b3a !important;
  border: 1px solid rgba(11, 27, 58, 0.14) !important;
}
html.brand-vision-rebel .seller-shop-savebar .btn-primary {
  background: #0b1b3a !important;
  color: #fff !important;
}


/* Hide mid-page Save CTAs — bottom bars own Save/Cancel */
html.brand-vision-rebel .seller-shop-identity-actions {
  display: none !important;
}
html.brand-vision-rebel .seller-pdp-actions > button[data-shop-send],
html.brand-vision-rebel .seller-pdp-actions > button[type="submit"] {
  display: none !important;
}

/* Product + shop savebars: force bottom center (white liquid) */
html.brand-vision-rebel .vr-liquid-savebar {
  position: fixed !important;
  left: 50% !important;
  bottom: 28px !important;
  top: auto !important;
  right: auto !important;
  z-index: 9998 !important;
  transform: translateX(-50%) translateY(14px) !important;
}
html.brand-vision-rebel .vr-liquid-savebar.is-visible {
  transform: translateX(-50%) translateY(0) !important;
}
html.brand-vision-rebel .seller-shop-savebar {
  position: fixed !important;
  left: 50% !important;
  right: auto !important;
  top: auto !important;
  bottom: 28px !important;
  z-index: 9998 !important;
  transform: translate(-50%, 24px) !important;
  opacity: 0;
  pointer-events: none;
}
html.brand-vision-rebel .seller-shop-savebar.is-visible {
  transform: translate(-50%, 0) !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}


/* Danger zone password — same field chrome as settings */
html.brand-vision-rebel .acct-danger-form {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px 14px;
  align-items: end;
  margin-top: 14px;
}
html.brand-vision-rebel .acct-danger-pass {
  margin: 0 !important;
  min-width: 0;
}
html.brand-vision-rebel .acct-danger-pass .auth-password-wrap {
  width: 100% !important;
  max-width: 100% !important;
  height: 48px !important;
  box-sizing: border-box !important;
}
html.brand-vision-rebel .acct-danger-pass .auth-password-wrap input {
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}
html.brand-vision-rebel .acct-danger-btn {
  height: 48px !important;
  min-height: 48px !important;
  padding: 0 18px !important;
  border-radius: 12px !important;
  white-space: nowrap;
  align-self: end;
}
@media (max-width: 640px) {
  html.brand-vision-rebel .acct-danger-form {
    grid-template-columns: 1fr;
  }
  html.brand-vision-rebel .acct-danger-btn { width: 100%; }
}

/* Page background Hex — compact, aligned */
html.brand-vision-rebel .vr-cz-field--color {
  display: grid;
  gap: 8px;
  margin: 0;
  min-width: 0;
}
html.brand-vision-rebel .vr-cz-field--color > span:first-child {
  font: 700 0.68rem/1.2 "Space Grotesk", sans-serif;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(11, 27, 58, 0.45);
}
html.brand-vision-rebel .vr-cz-color-row {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  padding: 4px;
  border-radius: 12px;
  border: 1px solid rgba(11, 27, 58, 0.12);
  background: #fafbfc;
  width: fit-content;
  max-width: 100%;
  box-sizing: border-box;
}
html.brand-vision-rebel .vr-cz-color-row input[type="color"] {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px;
  border-radius: 8px !important;
  border: 1px solid rgba(11, 27, 58, 0.12) !important;
  padding: 0 !important;
  background: #fff !important;
  cursor: pointer;
  flex: none;
}
html.brand-vision-rebel .vr-cz-color-row input[type="color"]::-webkit-color-swatch-wrapper { padding: 2px; }
html.brand-vision-rebel .vr-cz-color-row input[type="color"]::-webkit-color-swatch {
  border: 0;
  border-radius: 6px;
}
html.brand-vision-rebel .vr-cz-color-row input[type="text"] {
  width: 92px !important;
  min-width: 0;
  height: 36px !important;
  min-height: 36px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  padding: 0 8px !important;
  font: 600 0.88rem/1 "Space Grotesk", ui-monospace, monospace !important;
  color: #0b1b3a !important;
  box-shadow: none !important;
}
html.brand-vision-rebel .vr-cz-color-row input[type="text"]:focus {
  outline: none;
  background: #fff !important;
}
html.brand-vision-rebel .vr-cz-swatches {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding: 0 0 2px !important;
  min-height: 44px;
}


/* ===== Left account menu: ALWAYS scrollable on short screens ===== */
html.brand-vision-rebel body.account-seller .account-tabs,
html.brand-vision-rebel body.account-seller nav.account-tabs[data-dash-nav] {
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: rgba(11, 27, 58, 0.28) transparent;
}
html.brand-vision-rebel body.account-seller .account-tabs::-webkit-scrollbar,
html.brand-vision-rebel body.account-seller nav.account-tabs[data-dash-nav]::-webkit-scrollbar {
  display: block !important;
  width: 6px;
}
html.brand-vision-rebel body.account-seller .account-tabs::-webkit-scrollbar-thumb,
html.brand-vision-rebel body.account-seller nav.account-tabs[data-dash-nav]::-webkit-scrollbar-thumb {
  background: rgba(11, 27, 58, 0.28);
  border-radius: 999px;
}
@media (min-width: 861px) {
  html.brand-vision-rebel body.account-seller .account-tabs,
  html.brand-vision-rebel body.account-seller nav.account-tabs[data-dash-nav] {
    position: fixed !important;
    top: 16px !important;
    left: clamp(12px, 2vw, 28px) !important;
    width: 240px !important;
    z-index: 40 !important;
    height: auto !important;
    max-height: calc(100dvh - 32px) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
  }
  html.brand-vision-rebel body.has-vr-dash-topbar.account-seller .account-tabs,
  html.brand-vision-rebel body.has-vr-dash-topbar.account-seller nav.account-tabs[data-dash-nav],
  html.brand-vision-rebel body.account-seller.has-vr-dash-topbar .account-tabs,
  html.brand-vision-rebel body.account-seller.has-vr-dash-topbar nav.account-tabs[data-dash-nav] {
    top: 72px !important;
    max-height: calc(100dvh - 84px) !important;
  }
}
@media (max-width: 860px) {
  html.brand-vision-rebel body.account-seller .account-tabs,
  html.brand-vision-rebel body.account-seller nav.account-tabs[data-dash-nav] {
    position: static !important;
    max-height: none !important;
    overflow: visible !important;
  }
}


/* ===== Dashboard KPI click → focus chart ===== */
html.brand-vision-rebel .vr-dash-kpi {
  appearance: none;
  -webkit-appearance: none;
  border: 1px solid rgba(11, 27, 58, 0.09);
  background: #fff;
  text-align: left;
  cursor: pointer;
  font: inherit;
  color: inherit;
  width: 100%;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
html.brand-vision-rebel .vr-dash-kpi:hover {
  border-color: rgba(11, 27, 58, 0.2);
  box-shadow: 0 10px 28px rgba(11, 27, 58, 0.08);
}
html.brand-vision-rebel .vr-dash-kpi.is-active {
  border-color: rgba(11, 27, 58, 0.38);
  box-shadow: 0 0 0 2px rgba(11, 27, 58, 0.12), 0 12px 30px rgba(11, 27, 58, 0.08);
}
html.brand-vision-rebel .vr-dash-kpi:focus-visible {
  outline: 2px solid #0b1b3a;
  outline-offset: 2px;
}
html.brand-vision-rebel .vr-dash-kpi-body {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 12px !important;
  min-width: 0;
  width: 100%;
}
html.brand-vision-rebel .vr-dash-kpi .vr-spark {
  flex: 1 1 58% !important;
  min-width: 88px !important;
  max-width: 62% !important;
  height: 36px !important;
  display: block !important;
}
@media (max-width: 1100px) {
  html.brand-vision-rebel .vr-dash-kpi .vr-spark {
    min-width: 64px !important;
    max-width: 48% !important;
  }
}


/* ===== Orders-by-country map legend + swatches ===== */
html.brand-vision-rebel .dash-map-legend {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin: 0 0 10px;
  padding: 8px 10px;
  border-radius: 12px;
  background: #f4f7fb;
  border: 1px solid rgba(11, 27, 58, 0.08);
}
html.brand-vision-rebel .dash-map-legend-label {
  font: 600 0.7rem/1 "Space Grotesk", sans-serif;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: rgba(11, 27, 58, 0.5);
}
html.brand-vision-rebel .dash-map-swatch,
html.brand-vision-rebel .dash-country-swatch {
  width: 14px;
  height: 14px;
  border-radius: 4px;
  background: var(--sw, #e8eef6);
  border: 1px solid rgba(11, 27, 58, 0.12);
  flex: none;
  display: inline-block;
}
html.brand-vision-rebel .dash-map-swatch {
  width: 22px;
  height: 12px;
  border-radius: 999px;
}
html.brand-vision-rebel .dash-world-svg path.is-active {
  stroke: rgba(11, 27, 58, 0.35);
  stroke-width: 0.9;
}


/* ===== Dashboard top: kill dead space above Open my shop ===== */
html.brand-vision-rebel body.account-seller .account-dash-body {
  padding-top: 18px !important;
}
html.brand-vision-rebel body.account-seller .account-dash-content,
html.brand-vision-rebel body.account-seller .account-main {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
html.brand-vision-rebel body.account-seller .account-golive-host:not([hidden]) {
  margin: 0 0 8px !important;
}
html.brand-vision-rebel body.account-seller .vr-dash-toolbar {
  display: none !important;
}
html.brand-vision-rebel body.account-seller .vr-dash-shoplink {
  margin: 10px 0 14px !important;
}
html.brand-vision-rebel body.account-seller .vr-dash-shoplink .vr-shop-linkbar {
  margin: 0 !important;
}
html.brand-vision-rebel body.account-seller .vr-demo-banner {
  margin: 0 0 10px !important;
}
html.brand-vision-rebel body.account-seller .vr-dash-mock {
  margin-top: 0 !important;
}


/* Never let a top-right range pill sit under the Apple liquid */
html.brand-vision-rebel body.account-seller .vr-dash-toolbar,
html.brand-vision-rebel body.account-seller .vr-ov-range {
  display: none !important;
}


/* ===== Segment menus (Day/Week/Month + customize) — sliding thumb on ALL platforms incl. Windows ===== */
html.brand-vision-rebel .dash-range,
html.brand-vision-rebel .vr-cz-seg,
html.brand-vision-rebel .vr-cz-device-tabs {
  position: relative !important;
  display: inline-flex !important;
  align-items: center;
  gap: 4px;
  padding: 4px !important;
  overflow: hidden;
  isolation: isolate;
}
html.brand-vision-rebel .vr-seg-thumb,
html.brand-vision-rebel [data-seg-thumb] {
  position: absolute !important;
  left: 0;
  top: 0;
  z-index: 0;
  border-radius: 999px !important;
  background: #0b1b3a !important;
  box-shadow: 0 6px 16px rgba(11, 27, 58, 0.18);
  pointer-events: none !important;
  transform: translate3d(0, 0, 0);
  transition:
    transform 0.28s cubic-bezier(0.22, 1, 0.36, 1),
    width 0.28s cubic-bezier(0.22, 1, 0.36, 1),
    height 0.28s cubic-bezier(0.22, 1, 0.36, 1) !important;
  will-change: transform, width;
}
html.brand-vision-rebel .dash-range-btn,
html.brand-vision-rebel .vr-cz-seg-btn,
html.brand-vision-rebel .vr-cz-device-tab {
  position: relative !important;
  z-index: 1;
  background: transparent !important;
  transition: color 0.2s ease, transform 0.18s ease !important;
}
html.brand-vision-rebel .dash-range-btn.is-active,
html.brand-vision-rebel .vr-cz-seg-btn.is-active,
html.brand-vision-rebel .vr-cz-device-tab.is-active {
  background: transparent !important;
  color: #fff !important;
}
html.brand-vision-rebel .dash-range-btn:not(.is-active):hover,
html.brand-vision-rebel .vr-cz-seg-btn:not(.is-active):hover,
html.brand-vision-rebel .vr-cz-device-tab:not(.is-active):hover {
  color: #0b1b3a !important;
  transform: translateY(-1px);
}

/* FORCE motion on Windows + reduced-motion soft (never binary off) */
html.is-windows .vr-seg-thumb,
html.is-windows [data-seg-thumb],
html.is-windows .dash-range-btn,
html.is-windows .vr-cz-seg-btn,
html.is-windows .vr-cz-device-tab,
html.is-windows .dash-range,
html.is-windows .vr-cz-seg {
  transition:
    transform 0.28s cubic-bezier(0.22, 1, 0.36, 1),
    width 0.28s cubic-bezier(0.22, 1, 0.36, 1),
    height 0.28s cubic-bezier(0.22, 1, 0.36, 1),
    color 0.2s ease,
    background 0.2s ease,
    opacity 0.2s ease !important;
  animation-duration: 0.28s !important;
}
@media (prefers-reduced-motion: reduce) {
  html.brand-vision-rebel .vr-seg-thumb,
  html.brand-vision-rebel [data-seg-thumb],
  html.brand-vision-rebel .dash-range-btn,
  html.brand-vision-rebel .vr-cz-seg-btn,
  html.brand-vision-rebel .vr-cz-device-tab {
    transition-duration: 0.22s !important;
    animation-duration: 0.22s !important;
  }
}


/* Recent orders product thumbs — readable size */
html.brand-vision-rebel .vr-recent-prod img,
html.brand-vision-rebel .vr-recent-prod i {
  width: 44px !important;
  height: 44px !important;
  border-radius: 10px !important;
  object-fit: cover !important;
}
html.brand-vision-rebel .vr-recent-prod {
  gap: 10px !important;
}
html.brand-vision-rebel .vr-recent-row {
  min-height: 52px;
  align-items: center !important;
}


/* Product status — larger wheel + useful insight (no useless legend) */
html.brand-vision-rebel .vr-dash-status {
  grid-template-columns: 156px minmax(0, 1fr) !important;
  gap: 14px 18px !important;
}
html.brand-vision-rebel .vr-dash-status-chart,
html.brand-vision-rebel .vr-dash-status .vr-dash-donut-wrap,
html.brand-vision-rebel .vr-dash-status .vr-dash-donut-wrap .dash-donut {
  width: 156px !important;
  height: 156px !important;
}
html.brand-vision-rebel .vr-dash-status .dash-legend {
  display: none !important;
}
html.brand-vision-rebel .vr-dash-status-insight {
  display: grid;
  gap: 8px;
  align-content: center;
  min-width: 0;
}
html.brand-vision-rebel .vr-dash-status-share {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
html.brand-vision-rebel .vr-dash-status-share strong {
  font: 700 1.55rem/1 "Space Grotesk", sans-serif;
  letter-spacing: -0.03em;
  color: #0b1b3a;
}
html.brand-vision-rebel .vr-dash-status-share span {
  font: 600 0.78rem/1.2 "Space Grotesk", sans-serif;
  color: rgba(11, 27, 58, 0.5);
}
html.brand-vision-rebel .vr-dash-status-hint {
  margin: 0;
  font: 500 0.82rem/1.35 "Space Grotesk", sans-serif;
}
html.brand-vision-rebel .vr-dash-status-actions {
  margin-top: 4px;
}
html.brand-vision-rebel .vr-dash-status-link {
  appearance: none;
  border: 0;
  background: none;
  padding: 0;
  cursor: pointer;
  font: 700 0.82rem/1.2 "Space Grotesk", sans-serif;
  color: #0b1b3a;
  text-align: left;
}
html.brand-vision-rebel .vr-dash-status-link:hover {
  text-decoration: underline;
}
@media (max-width: 720px) {
  html.brand-vision-rebel .vr-dash-status {
    grid-template-columns: 1fr !important;
    justify-items: center;
    text-align: center;
  }
  html.brand-vision-rebel .vr-dash-status-insight {
    justify-items: center;
  }
  html.brand-vision-rebel .vr-dash-status-link {
    text-align: center;
  }
}


/* Shop switch only in left nav — never on dashboard */
html.brand-vision-rebel .dash-shops,
html.brand-vision-rebel .dash-shop-list,
html.brand-vision-rebel .dash-shop-chip {
  display: none !important;
}


/* Demo banner removed from dashboard */
html.brand-vision-rebel .vr-demo-banner {
  display: none !important;
}


/* Map legend in panel head — between title and View all */
html.brand-vision-rebel .vr-dash-map-head {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px 12px;
}
html.brand-vision-rebel .vr-dash-map-head h3 {
  margin: 0;
  white-space: nowrap;
}
html.brand-vision-rebel .dash-map-legend--head {
  justify-self: center;
  margin: 0 !important;
  padding: 5px 10px !important;
  background: #f4f7fb !important;
  border: 1px solid rgba(11, 27, 58, 0.08) !important;
  border-radius: 999px !important;
  gap: 6px !important;
  flex-wrap: nowrap !important;
  max-width: 100%;
  overflow: hidden;
}
html.brand-vision-rebel .dash-country-swatch {
  display: none !important;
}
html.brand-vision-rebel .vr-dash-map-body > .dash-map-legend {
  display: none !important;
}
@media (max-width: 900px) {
  html.brand-vision-rebel .vr-dash-map-head {
    grid-template-columns: 1fr auto;
  }
  html.brand-vision-rebel .dash-map-legend--head {
    grid-column: 1 / -1;
    justify-self: stretch;
    order: 3;
  }
}


/* ===== My Shop preview: no fake browser chrome, tight frame ===== */
html.brand-vision-rebel .vr-cz-device-chrome,
html.brand-vision-rebel .vr-cz-chrome,
html.brand-vision-rebel .vr-cz-url,
html.brand-vision-rebel .vr-cz-dot,
html.brand-vision-rebel .vr-cz-device-chin,
html.brand-vision-rebel .vr-cz-notch {
  display: none !important;
}
html.brand-vision-rebel .vr-cz-device-shell {
  width: 100% !important;
  max-width: 100% !important;
  background: #fff !important;
  border: 1px solid rgba(11, 27, 58, 0.14) !important;
  border-radius: 16px !important;
  box-shadow: 0 18px 48px rgba(11, 27, 58, 0.12) !important;
  overflow: hidden !important;
  padding: 0 !important;
}
html.brand-vision-rebel .vr-cz-device-viewport {
  width: 100% !important;
  min-height: 280px !important;
  max-height: none !important;
  background: #fff !important;
  overflow: hidden !important;
  display: block !important;
  place-items: unset !important;
}
html.brand-vision-rebel .vr-cz-device-canvas {
  display: block;
  transform-origin: top center !important;
  will-change: transform;
  background: #fff;
  margin: 0 auto;
}
html.brand-vision-rebel .vr-cz-iframe {
  display: block;
  border: 0;
  background: #fff;
}
html.brand-vision-rebel .vr-cz-stage {
  display: grid !important;
  place-items: start stretch !important;
  width: 100%;
  min-height: 0 !important;
  height: auto !important;
  overflow: visible !important;
  padding: 8px 0 0 !important;
}
html.brand-vision-rebel body.account-seller .vr-cz-device-viewport {
  max-height: none !important;
}
/* Phone: clean bezel, still no URL / traffic lights */
html.brand-vision-rebel .vr-cz-stage[data-device="phone"] .vr-cz-device-shell {
  width: min(100%, 340px) !important;
  max-width: 340px !important;
  margin: 0 auto;
  border-radius: 28px !important;
  border: 1px solid rgba(11, 27, 58, 0.18) !important;
  padding: 0 !important;
  background: #fff !important;
}
html.brand-vision-rebel .vr-cz-stage[data-device="phone"] .vr-cz-device-viewport {
  border-radius: 28px;
  overflow: hidden !important;
}
html.brand-vision-rebel body.account-seller .vr-cz-stage[data-device="phone"] .vr-cz-device-viewport {
  max-height: none !important;
}


/* ===== My Shop preview frame v3 ===== */
html.brand-vision-rebel .vr-cz-device-chrome,
html.brand-vision-rebel .vr-cz-chrome,
html.brand-vision-rebel .vr-cz-url,
html.brand-vision-rebel .vr-cz-dot,
html.brand-vision-rebel .vr-cz-device-chin,
html.brand-vision-rebel .vr-cz-notch {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
html.brand-vision-rebel .vr-cz-device-shell {
  width: 100% !important;
  max-width: 100% !important;
  background: #fff !important;
  border: 1px solid rgba(11, 27, 58, 0.12) !important;
  border-radius: 14px !important;
  box-shadow: 0 12px 36px rgba(11, 27, 58, 0.1) !important;
  overflow: hidden !important;
  padding: 0 !important;
}
html.brand-vision-rebel .vr-cz-device-viewport {
  position: relative !important;
  width: 100% !important;
  background: #fff !important;
  overflow: hidden !important;
  display: block !important;
}
html.brand-vision-rebel .vr-cz-device-canvas {
  position: absolute;
  top: 0;
  left: 50%;
  transform-origin: top center !important;
  will-change: transform;
  background: #fff;
  margin: 0 !important;
}
html.brand-vision-rebel .vr-cz-stage {
  background: transparent !important;
  padding: 4px 0 0 !important;
  place-items: stretch !important;
}
html.brand-vision-rebel .vr-cz-stage[data-device="phone"] .vr-cz-device-shell {
  width: min(100%, 320px) !important;
  max-width: 320px !important;
  margin: 0 auto !important;
  border-radius: 24px !important;
  border: 1px solid rgba(11, 27, 58, 0.14) !important;
  padding: 0 !important;
  background: #fff !important;
  box-shadow: 0 14px 40px rgba(11, 27, 58, 0.12) !important;
}


/* Savebars: never scale the whole pill on hover — buttons only */
html.brand-vision-rebel .vr-acct-savebar:hover,
html.brand-vision-rebel .vr-liquid-savebar:hover,
html.brand-vision-rebel .seller-shop-savebar:hover,
html.brand-vision-rebel .vr-cz-publish:hover {
  /* keep case size stable */
}
html.brand-vision-rebel .vr-liquid-savebar .btn:hover,
html.brand-vision-rebel .seller-shop-savebar .btn:hover {
  transform: scale(1.05);
}
html.brand-vision-rebel .vr-liquid-savebar .btn,
html.brand-vision-rebel .seller-shop-savebar .btn {
  transition: transform 0.18s ease, background 0.18s ease !important;
}


/* ===== Apple liquid clearance — page tops only; preview buttons offset separately ===== */
html.brand-vision-rebel body.account-seller {
  --vr-liquid-clear-x: 168px;
  --vr-liquid-clear-y: 18px;
}
/* Page header rows only — do NOT pad the whole preview column */
html.brand-vision-rebel body.account-seller .vr-cz-preview-col,
html.brand-vision-rebel body.account-seller .vr-cz-preview-head,
html.brand-vision-rebel body.account-seller .vr-dash-shoplink,
html.brand-vision-rebel body.account-seller .account-page-header,
html.brand-vision-rebel body.account-seller .account-page-header--row,
html.brand-vision-rebel body.account-seller .vr-pp-top,
html.brand-vision-rebel body.account-seller .vr-wd-top,
html.brand-vision-rebel body.account-seller .vr-cz-top {
  box-sizing: border-box;
  padding-right: max(12px, var(--vr-liquid-clear-x, 168px)) !important;
}
/* Just shift Refresh + View store left of the liquid float */
html.brand-vision-rebel body.account-seller .vr-cz-preview-actions {
  margin-right: 150px;
  max-width: 100%;
  position: relative;
  z-index: 2;
}
html.brand-vision-rebel body.account-seller .vr-cz-preview-top {
  padding-right: 0 !important;
}
html.brand-vision-rebel body.account-seller .vr-cz-studio-preview {
  padding-right: 0 !important;
}
html.brand-vision-rebel body.account-seller .vr-cz-preview-top .vr-cz-preview-refresh,
html.brand-vision-rebel body.account-seller .vr-cz-preview-top .vr-cz-view-live {
  position: relative;
  z-index: 2;
  flex: none;
  white-space: nowrap;
}
/* View live grouped with Desktop/Mobile — left cluster, never under liquid */
html.brand-vision-rebel body.account-seller .vr-cz-preview-head {
  justify-content: flex-start !important;
}
html.brand-vision-rebel body.account-seller .vr-cz-preview-tools {
  display: inline-flex !important;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  max-width: calc(100% - 4px);
}
html.brand-vision-rebel body.account-seller .vr-cz-view-live,
html.brand-vision-rebel body.account-seller .vr-cz-preview-head .vr-cz-btn-ghost {
  position: relative;
  z-index: 2;
  flex: none;
  white-space: nowrap;
}
@media (max-width: 900px) {
  html.brand-vision-rebel body.account-seller .vr-cz-preview-col,
  html.brand-vision-rebel body.account-seller .vr-cz-preview-head,
  html.brand-vision-rebel body.account-seller .vr-dash-shoplink {
    padding-right: 12px !important;
  }
  html.brand-vision-rebel body.account-seller .vr-cz-preview-actions {
    margin-right: 0;
  }
}


/* ===== No blue checks / cert ticks in seller account + edit UIs ===== */
html.brand-vision-rebel body.account-seller .cert-badge,
html.brand-vision-rebel body.account-seller [data-cert-badge],
html.brand-vision-rebel body.account-seller .vr-cz .cert-badge,
html.brand-vision-rebel body.account-seller .seller-pdp .cert-badge,
html.brand-vision-rebel body.account-seller .vr-pp-preview .cert-badge,
html.brand-vision-rebel body.account-seller .seller-look-preview .cert-badge {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}
/* Kill OS/browser blue checkbox accent everywhere in account */
html.brand-vision-rebel body.account-seller input[type="checkbox"] {
  accent-color: #0b1b3a !important;
  color: #0b1b3a !important;
}
/* Square navy checks — never Windows blue. Skip liquid toggles/switches. */
html.brand-vision-rebel body.account-seller label:not(.vr-cz-toggle):not(.vr-pp-toggle):not(.acct-switch) > input[type="checkbox"],
html.brand-vision-rebel body.account-seller .size-one-size input[type="checkbox"],
html.brand-vision-rebel body.account-seller .auth-field input[type="checkbox"] {
  appearance: none !important;
  -webkit-appearance: none !important;
  width: 18px !important;
  height: 18px !important;
  margin: 0;
  border-radius: 5px;
  border: 1.5px solid rgba(11, 27, 58, 0.3);
  background: #fff;
  display: inline-grid;
  place-items: center;
  vertical-align: middle;
  cursor: pointer;
  flex: none;
}
html.brand-vision-rebel body.account-seller label:not(.vr-cz-toggle):not(.vr-pp-toggle):not(.acct-switch) > input[type="checkbox"]:checked,
html.brand-vision-rebel body.account-seller .size-one-size input[type="checkbox"]:checked,
html.brand-vision-rebel body.account-seller .auth-field input[type="checkbox"]:checked {
  background: #0b1b3a !important;
  border-color: #0b1b3a !important;
}
html.brand-vision-rebel body.account-seller label:not(.vr-cz-toggle):not(.vr-pp-toggle):not(.acct-switch) > input[type="checkbox"]:checked::after,
html.brand-vision-rebel body.account-seller .size-one-size input[type="checkbox"]:checked::after,
html.brand-vision-rebel body.account-seller .auth-field input[type="checkbox"]:checked::after {
  content: "" !important;
  width: 9px;
  height: 5px;
  border: 2px solid #fff;
  border-top: 0;
  border-right: 0;
  transform: rotate(-45deg) translate(1px, -1px);
  background: transparent !important;
  color: transparent !important;
}
/* Size chips: navy selected, never green/blue OS look */
html.brand-vision-rebel body.account-seller .size-chip.is-selected,
html.brand-vision-rebel body.account-seller .vr-pp-card .size-chip.is-selected {
  background: #0b1b3a !important;
  border-color: #0b1b3a !important;
  color: #fff !important;
  box-shadow: none !important;
}
html.brand-vision-rebel body.account-seller .size-chip:hover {
  border-color: rgba(11, 27, 58, 0.35) !important;
}
html.brand-vision-rebel .vr-cz-field textarea {
  width: 100%;
  min-height: 96px;
  border-radius: 12px;
  border: 1px solid rgba(11,27,58,.12);
  padding: 10px 12px;
  background: #fff;
  font: 500 .9rem/1.4 "Space Grotesk", sans-serif;
  color: #0b1b3a;
  resize: vertical;
  box-sizing: border-box;
}
html.brand-vision-rebel .vr-cz-btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 16px;
  border-radius: 999px;
  border: 0;
  background: #0b1b3a;
  color: #fff !important;
  font: 700 .84rem/1 "Space Grotesk", sans-serif;
  cursor: pointer;
}


/* ===== Product photo crop modal ===== */
html.vr-crop-open { overflow: hidden; }
.vr-crop-modal {
  position: fixed;
  inset: 0;
  z-index: 12000;
  display: grid;
  place-items: center;
  padding: 18px;
}
.vr-crop-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(6, 12, 24, 0.55);
}
.vr-crop-card {
  position: relative;
  z-index: 1;
  width: min(580px, 100%);
  display: grid;
  gap: 12px;
  padding: 16px;
  border-radius: 18px;
  background: #fff;
  border: 1px solid rgba(11, 15, 20, 0.1);
  box-shadow: 0 24px 64px rgba(11, 15, 20, 0.28);
}
.vr-crop-head h3 {
  margin: 0;
  font: 700 1.02rem/1.2 "Space Grotesk", sans-serif;
  color: #0b0f14;
}
.vr-crop-head p {
  margin: 5px 0 0;
  font: 500 0.8rem/1.35 "Space Grotesk", sans-serif;
  color: rgba(11, 15, 20, 0.55);
}
.vr-crop-stage {
  display: grid;
  place-items: center;
  height: min(56vh, 460px);
  min-height: 280px;
  border-radius: 14px;
  background: #0f172a;
  padding: 10px;
  overflow: hidden;
}
.vr-crop-board {
  position: relative;
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
}
.vr-crop-board img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  pointer-events: none;
  -webkit-user-drag: none;
}
.vr-crop-shade {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
}
.vr-crop-shade > i {
  position: absolute;
  display: block;
  background: rgba(0, 0, 0, 0.48);
  margin: 0;
  padding: 0;
}
.vr-crop-shade [data-shade="t"] { left: 0; top: 0; right: 0; height: 0; }
.vr-crop-shade [data-shade="b"] { left: 0; right: 0; top: 0; height: 0; }
.vr-crop-shade [data-shade="l"] { left: 0; top: 0; width: 0; height: 0; }
.vr-crop-shade [data-shade="r"] { left: 0; top: 0; width: 0; height: 0; }
.vr-crop-box {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  box-sizing: border-box;
  border: 2px solid #fff;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.35);
  cursor: move;
  touch-action: none;
  will-change: left, top, width, height;
}
.vr-crop-box.is-dragging { cursor: grabbing; }
.vr-crop-grid {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(to right, transparent 33.33%, rgba(255,255,255,.22) 33.33%, rgba(255,255,255,.22) calc(33.33% + 1px), transparent calc(33.33% + 1px), transparent 66.66%, rgba(255,255,255,.22) 66.66%, rgba(255,255,255,.22) calc(66.66% + 1px), transparent calc(66.66% + 1px)),
    linear-gradient(to bottom, transparent 33.33%, rgba(255,255,255,.22) 33.33%, rgba(255,255,255,.22) calc(33.33% + 1px), transparent calc(33.33% + 1px), transparent 66.66%, rgba(255,255,255,.22) 66.66%, rgba(255,255,255,.22) calc(66.66% + 1px), transparent calc(66.66% + 1px));
}
.vr-crop-handle {
  position: absolute;
  width: 16px;
  height: 16px;
  border: 2px solid #fff;
  border-radius: 3px;
  background: #0b0f14;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
  z-index: 3;
  touch-action: none;
  /* big invisible hit area */
  --hit: 14px;
}
.vr-crop-handle::before {
  content: "";
  position: absolute;
  inset: calc(var(--hit) * -1);
}
.vr-crop-handle[data-handle="nw"] { left: -8px; top: -8px; cursor: nwse-resize; }
.vr-crop-handle[data-handle="ne"] { right: -8px; top: -8px; cursor: nesw-resize; }
.vr-crop-handle[data-handle="sw"] { left: -8px; bottom: -8px; cursor: nesw-resize; }
.vr-crop-handle[data-handle="se"] { right: -8px; bottom: -8px; cursor: nwse-resize; }
.vr-crop-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}
.vr-crop-actions .btn { min-height: 42px; border-radius: 12px; padding: 0 18px; }
@media (max-width: 560px) {
  .vr-crop-card { padding: 12px; border-radius: 16px; }
  .vr-crop-stage { height: min(50vh, 400px); min-height: 240px; }
  .vr-crop-handle { width: 18px; height: 18px; --hit: 16px; }
  .vr-crop-actions { flex-direction: column-reverse; }
  .vr-crop-actions .btn { width: 100%; }
}

/* Adjust crop button on product hero */
html.brand-vision-rebel body.account-seller .seller-pdp-crop-btn {
  position: absolute;
  left: 50%;
  bottom: 14px;
  transform: translateX(-50%);
  z-index: 3;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  padding: 0 16px;
  border: 1px solid rgba(255, 255, 255, 0.55);
  border-radius: 12px;
  background: rgba(11, 15, 20, 0.78);
  color: #fff;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.28);
  font: 650 0.82rem/1 "Space Grotesk", sans-serif;
  cursor: pointer;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  transition: transform 0.18s ease, background 0.18s ease;
}
html.brand-vision-rebel body.account-seller .seller-pdp-crop-btn:hover {
  transform: translateX(-50%) translateY(-1px);
  background: rgba(11, 15, 20, 0.92);
}
html.brand-vision-rebel body.account-seller .seller-pdp-crop-btn svg {
  flex: 0 0 auto;
}

/* ===== Preview viewport MUST keep JS height (not collapse to 0) ===== */
html.brand-vision-rebel .vr-cz-device-viewport,
html.brand-vision-rebel body.account-seller .vr-cz-device-viewport,
html.brand-vision-rebel body.account-seller .vr-cz-stage[data-device="phone"] .vr-cz-device-viewport {
  height: var(--vr-cz-preview-h, 420px) !important;
  min-height: 240px !important;
}
html.brand-vision-rebel .vr-cz-stage {
  min-height: 280px !important;
}
html.brand-vision-rebel .vr-cz-device-shell {
  min-height: 240px !important;
}
html.brand-vision-rebel .vr-cz-iframe {
  background: #fff;
}


/* Customize defaults — small banner */
html.brand-vision-rebel .vr-cz-mock-hero {
  height: var(--cz-banner-h, 220px);
}

/* ===== Shop customization studio (mock layout) ===== */
html.brand-vision-rebel .vr-cz--studio {
  max-width: none;
  gap: 0;
  padding: 0;
}
html.brand-vision-rebel .vr-cz-studio {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(340px, 0.95fr);
  gap: 28px;
  align-items: start;
  padding: 8px 4px 32px;
}
html.brand-vision-rebel .vr-cz-studio-left {
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-width: 0;
}
html.brand-vision-rebel .vr-cz-studio-main {
  display: flex;
  flex-direction: column;
  min-width: 0;
  background: #fff;
  border: 1px solid rgba(11, 15, 20, 0.08);
  border-radius: 16px;
  box-shadow: 0 10px 36px rgba(11, 15, 20, 0.04);
  overflow: hidden;
}
html.brand-vision-rebel .vr-cz-studio-head {
  padding: 22px 28px 8px;
}
html.brand-vision-rebel .vr-cz-crumb {
  display: flex;
  align-items: center;
  gap: 8px;
  font: 500 0.78rem/1.2 "Space Grotesk", sans-serif;
  color: rgba(11, 15, 20, 0.45);
  margin-bottom: 10px;
}
html.brand-vision-rebel .vr-cz-crumb-sep { opacity: 0.55; }
html.brand-vision-rebel .vr-cz-studio-title {
  margin: 0;
  font: 650 1.65rem/1.15 "Space Grotesk", sans-serif;
  letter-spacing: -0.03em;
  color: #0b0f14;
  text-wrap: balance;
}
html.brand-vision-rebel .vr-cz-studio-sub {
  margin: 8px 0 0;
  max-width: 54ch;
  font: 500 0.9rem/1.45 "Space Grotesk", sans-serif;
  color: rgba(11, 15, 20, 0.55);
}
html.brand-vision-rebel .vr-cz-tabs {
  display: inline-flex;
  gap: 4px;
  margin: 18px 28px 0;
  padding: 4px;
  background: #f3f4f6;
  border-radius: 12px;
  width: fit-content;
}
html.brand-vision-rebel .vr-cz-tab {
  border: 0;
  background: transparent;
  color: rgba(11, 15, 20, 0.55);
  font: 600 0.84rem/1 "Space Grotesk", sans-serif;
  padding: 10px 16px;
  border-radius: 9px;
  cursor: pointer;
  transition: background 0.18s ease, color 0.18s ease;
}
html.brand-vision-rebel .vr-cz-tab:hover { color: #0b0f14; }
html.brand-vision-rebel .vr-cz-tab.is-active {
  background: #0b0f14;
  color: #fff;
}
html.brand-vision-rebel .vr-cz-studio-scroll {
  padding: 8px 28px 12px;
  display: grid;
  gap: 4px;
}
html.brand-vision-rebel .vr-cz--studio .vr-cz-block {
  padding: 22px 0;
  border-bottom: 1px solid rgba(11, 15, 20, 0.07);
}
html.brand-vision-rebel .vr-cz--studio .vr-cz-block:last-child { border-bottom: 0; }
html.brand-vision-rebel .vr-cz--studio .vr-cz-block-title {
  margin: 0 0 16px;
  font: 650 1.05rem/1.2 "Space Grotesk", sans-serif;
  color: #0b0f14;
  letter-spacing: -0.02em;
}
html.brand-vision-rebel .vr-cz-row2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
html.brand-vision-rebel .vr-cz--studio .vr-cz-field {
  display: grid;
  gap: 7px;
  margin-bottom: 14px;
  position: relative;
}
html.brand-vision-rebel .vr-cz--studio .vr-cz-field > span,
html.brand-vision-rebel .vr-cz--studio .vr-cz-label {
  font: 600 0.78rem/1.2 "Space Grotesk", sans-serif;
  color: rgba(11, 15, 20, 0.62);
}
html.brand-vision-rebel .vr-cz--studio .vr-cz-field input[type="text"],
html.brand-vision-rebel .vr-cz--studio .vr-cz-field select,
html.brand-vision-rebel .vr-cz--studio .vr-cz-field textarea {
  width: 100%;
  border: 1px solid rgba(11, 15, 20, 0.12);
  border-radius: 10px;
  background: #fff;
  padding: 11px 12px;
  font: 500 0.92rem/1.35 "Space Grotesk", sans-serif;
  color: #0b0f14;
  outline: none;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
html.brand-vision-rebel .vr-cz--studio .vr-cz-field textarea { resize: vertical; min-height: 110px; }
html.brand-vision-rebel .vr-cz--studio .vr-cz-field input:focus,
html.brand-vision-rebel .vr-cz--studio .vr-cz-field select:focus,
html.brand-vision-rebel .vr-cz--studio .vr-cz-field textarea:focus {
  border-color: rgba(11, 15, 20, 0.35);
  box-shadow: 0 0 0 3px rgba(11, 15, 20, 0.06);
}
html.brand-vision-rebel .vr-cz-charcount {
  position: absolute;
  right: 10px;
  bottom: 10px;
  font: 500 0.72rem/1 "Space Grotesk", sans-serif;
  color: rgba(11, 15, 20, 0.4);
  pointer-events: none;
}
html.brand-vision-rebel .vr-cz-logo-row { margin-top: 4px; }
html.brand-vision-rebel .vr-cz-logo-line,
html.brand-vision-rebel .vr-cz-banner-row {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 8px;
}
html.brand-vision-rebel .vr-cz--studio .vr-cz-logo {
  width: 72px;
  height: 72px;
  border-radius: 12px;
  object-fit: cover;
  border: 1px solid rgba(11, 15, 20, 0.1);
  background: #f5f5f5;
  display: grid;
  place-items: center;
  font: 650 1.2rem/1 "Space Grotesk", sans-serif;
  color: #0b0f14;
  flex: 0 0 auto;
}
html.brand-vision-rebel .vr-cz-media-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
html.brand-vision-rebel .vr-cz-media-actions--col {
  flex-direction: column;
  align-items: stretch;
}
html.brand-vision-rebel .vr-cz--studio .vr-cz-btn-soft {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 38px;
  padding: 0 14px;
  border-radius: 10px;
  border: 1px solid rgba(11, 15, 20, 0.12);
  background: #fff;
  color: #0b0f14;
  font: 600 0.82rem/1 "Space Grotesk", sans-serif;
  cursor: pointer;
}
html.brand-vision-rebel .vr-cz--studio .vr-cz-btn-soft:hover { background: #f7f7f8; }
html.brand-vision-rebel .vr-cz-btn-danger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 0 14px;
  border-radius: 10px;
  border: 1px solid rgba(185, 28, 28, 0.18);
  background: #fff;
  color: #b91c1c;
  font: 600 0.82rem/1 "Space Grotesk", sans-serif;
  cursor: pointer;
}
html.brand-vision-rebel .vr-cz-btn-danger:hover { background: #fef2f2; }
html.brand-vision-rebel .vr-cz-colors {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
html.brand-vision-rebel .vr-cz-colorfield {
  display: grid;
  gap: 8px;
}
html.brand-vision-rebel .vr-cz-colorfield-label {
  font: 600 0.78rem/1.2 "Space Grotesk", sans-serif;
  color: rgba(11, 15, 20, 0.62);
}
html.brand-vision-rebel .vr-cz-colorfield-ctrl {
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid rgba(11, 15, 20, 0.12);
  border-radius: 10px;
  padding: 6px 8px;
  background: #fff;
}
html.brand-vision-rebel .vr-cz-colorfield-ctrl input[type="color"] {
  width: 52px;
  height: 28px;
  min-width: 52px;
  padding: 0;
  border: 1px solid rgba(11, 15, 20, 0.14);
  border-radius: 8px;
  background: transparent;
  cursor: pointer;
  flex: none;
  overflow: hidden;
  -webkit-appearance: none;
  appearance: none;
}
html.brand-vision-rebel .vr-cz-colorfield-ctrl input[type="color"]::-webkit-color-swatch-wrapper {
  padding: 2px;
}
html.brand-vision-rebel .vr-cz-colorfield-ctrl input[type="color"]::-webkit-color-swatch {
  border: 0;
  border-radius: 6px;
}
html.brand-vision-rebel .vr-cz-colorfield-ctrl input[type="color"]::-moz-color-swatch {
  border: 0;
  border-radius: 6px;
}
html.brand-vision-rebel .vr-cz-colorfield-ctrl input[type="text"] {
  flex: 1;
  border: 0;
  background: transparent;
  font: 600 0.8rem/1 "Space Grotesk", sans-serif;
  color: #0b0f14;
  text-transform: uppercase;
  outline: none;
  min-width: 0;
}
html.brand-vision-rebel .vr-cz-saved-colors {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-top: 2px;
  min-height: 28px;
}
html.brand-vision-rebel .vr-cz-saved-swatch,
html.brand-vision-rebel .vr-cz-saved-add {
  width: 28px;
  height: 18px;
  border-radius: 5px;
  border: 1px solid rgba(11, 15, 20, 0.14);
  padding: 0;
  cursor: pointer;
  flex: none;
  box-sizing: border-box;
}
html.brand-vision-rebel .vr-cz-saved-swatch {
  background: var(--sw, #ccc);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.35);
}
html.brand-vision-rebel .vr-cz-saved-swatch:hover,
html.brand-vision-rebel .vr-cz-saved-add:hover {
  transform: scale(1.08);
}
html.brand-vision-rebel .vr-cz-saved-add {
  display: grid;
  place-items: center;
  background: #fff;
  color: #0b0f14;
  font: 700 0.95rem/1 "Space Grotesk", sans-serif;
  border-style: dashed;
}
html.brand-vision-rebel .vr-cz--studio .vr-cz-banner-thumb {
  flex: 1;
  min-height: 110px;
  max-width: 420px;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid rgba(11, 15, 20, 0.1);
  background: #f3f4f6;
  display: grid;
  place-items: center;
}
html.brand-vision-rebel .vr-cz--studio .vr-cz-banner-thumb img {
  width: 100%;
  height: 110px;
  object-fit: cover;
  display: block;
}
html.brand-vision-rebel .vr-cz-banner-stack {
  display: grid;
  gap: 12px;
  margin-top: 8px;
}
html.brand-vision-rebel .vr-cz-banner-frame {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 5;
  border-radius: 14px;
  overflow: hidden;
  border: 1px dashed rgba(11, 27, 58, 0.28);
  background:
    linear-gradient(45deg, rgba(11,27,58,.04) 25%, transparent 25%),
    linear-gradient(-45deg, rgba(11,27,58,.04) 25%, transparent 25%),
    linear-gradient(45deg, transparent 75%, rgba(11,27,58,.04) 75%),
    linear-gradient(-45deg, transparent 75%, rgba(11,27,58,.04) 75%);
  background-size: 18px 18px;
  background-position: 0 0, 0 9px, 9px -9px, -9px 0;
  display: grid;
  place-items: center;
}
html.brand-vision-rebel .vr-cz-banner-frame img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  display: block;
  background: #0b1b3a;
}
html.brand-vision-rebel .vr-cz-banner-empty {
  color: rgba(11, 27, 58, 0.45);
  font: 600 0.84rem/1.3 "Space Grotesk", sans-serif;
  padding: 12px;
  text-align: center;
}
html.brand-vision-rebel .vr-cz-banner-size {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 1;
  padding: 4px 8px;
  border-radius: 999px;
  background: rgba(11, 27, 58, 0.82);
  color: #fff;
  font: 700 0.68rem/1 "Space Grotesk", sans-serif;
  letter-spacing: 0.02em;
  pointer-events: none;
}
html.brand-vision-rebel .vr-cz-media-actions--banner {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
html.brand-vision-rebel .vr-cz-gridpicks {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 8px 0 16px;
}
html.brand-vision-rebel .vr-cz-gridpick {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  width: 56px;
  height: 56px;
  border-radius: 12px;
  border: 1px solid rgba(11, 15, 20, 0.12);
  background: #fff;
  color: rgba(11, 15, 20, 0.55);
  cursor: pointer;
  font: 650 0.78rem/1 "Space Grotesk", sans-serif;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}
html.brand-vision-rebel .vr-cz-gridpick svg {
  width: 20px;
  height: 14px;
  fill: currentColor;
  opacity: 0.85;
}
html.brand-vision-rebel .vr-cz-gridpick.is-active {
  background: #0b0f14;
  border-color: #0b0f14;
  color: #fff;
}
html.brand-vision-rebel .vr-cz--studio .vr-cz-seg {
  display: inline-flex;
  gap: 4px;
  padding: 4px;
  background: #f3f4f6;
  border-radius: 12px;
  margin: 8px 0 16px;
  border: 0;
}
html.brand-vision-rebel .vr-cz--studio .vr-cz-seg-btn {
  border: 0;
  background: transparent;
  color: rgba(11, 15, 20, 0.55);
  font: 600 0.82rem/1 "Space Grotesk", sans-serif;
  padding: 10px 14px;
  border-radius: 9px;
  cursor: pointer;
}
html.brand-vision-rebel .vr-cz--studio .vr-cz-seg-btn.is-active {
  background: #0b0f14;
  color: #fff;
}
html.brand-vision-rebel .vr-cz--studio .vr-cz-toggles {
  display: grid;
  gap: 12px;
  margin-top: 8px;
}
html.brand-vision-rebel .vr-cz--studio .vr-cz-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 4px 0;
  font: 550 0.9rem/1.3 "Space Grotesk", sans-serif;
  color: #0b0f14;
}
html.brand-vision-rebel .vr-cz-studio-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 4px 4px 2px;
  border-top: 0;
  background: transparent;
  box-shadow: none;
}
html.brand-vision-rebel .vr-cz-btn-reset {
  border: 1px solid rgba(185, 28, 28, 0.16);
  background: #fef2f2;
  color: #b91c1c;
  font: 600 0.86rem/1 "Space Grotesk", sans-serif;
  min-height: 44px;
  padding: 0 18px;
  border-radius: 12px;
  cursor: pointer;
}
html.brand-vision-rebel .vr-cz-btn-reset:hover { background: #fee2e2; }
html.brand-vision-rebel .vr-cz-btn-save {
  border: 0;
  background: #0b0f14;
  color: #fff;
  font: 650 0.9rem/1 "Space Grotesk", sans-serif;
  min-height: 44px;
  padding: 0 22px;
  border-radius: 12px;
  cursor: pointer;
  margin-left: auto;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}
html.brand-vision-rebel .vr-cz-btn-save.is-emphasis,
html.brand-vision-rebel .vr-cz-studio-foot.is-dirty .vr-cz-btn-save {
  box-shadow: 0 10px 24px rgba(11, 15, 20, 0.22);
}
html.brand-vision-rebel .vr-cz-btn-save:hover { transform: translateY(-1px); }
html.brand-vision-rebel .vr-cz-studio-preview {
  position: sticky;
  top: 18px;
  display: grid;
  gap: 14px;
  align-content: start;
}
html.brand-vision-rebel .vr-cz-preview-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
html.brand-vision-rebel .vr-cz-preview-title {
  margin: 0;
  font: 650 1.05rem/1.2 "Space Grotesk", sans-serif;
  color: #0b0f14;
}
html.brand-vision-rebel .vr-cz--studio .vr-cz-view-live {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 36px;
  padding: 0 12px;
  border-radius: 10px;
  border: 1px solid rgba(11, 15, 20, 0.12);
  background: #fff;
  color: #0b0f14 !important;
  font: 600 0.8rem/1 "Space Grotesk", sans-serif;
  text-decoration: none !important;
}
html.brand-vision-rebel .vr-cz--studio .vr-cz-device-tabs {
  display: inline-flex;
  gap: 4px;
  padding: 4px;
  background: #f3f4f6;
  border-radius: 12px;
  width: fit-content;
  border: 0;
}
html.brand-vision-rebel .vr-cz--studio .vr-cz-device-tab {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 0;
  background: transparent;
  color: rgba(11, 15, 20, 0.55);
  font: 600 0.82rem/1 "Space Grotesk", sans-serif;
  padding: 10px 14px;
  border-radius: 9px;
  cursor: pointer;
}
html.brand-vision-rebel .vr-cz--studio .vr-cz-device-tab.is-active {
  background: #0b0f14;
  color: #fff;
}
html.brand-vision-rebel .vr-cz-preview-stack {
  display: grid;
  gap: 18px;
}
html.brand-vision-rebel .vr-cz--studio .vr-cz-preview-card {
  background: #fff;
  border: 1px solid rgba(11, 15, 20, 0.08);
  border-radius: 16px;
  padding: 12px;
  box-shadow: 0 12px 32px rgba(11, 15, 20, 0.05);
  opacity: 0.72;
  transition: opacity 0.2s ease, box-shadow 0.2s ease;
}
html.brand-vision-rebel .vr-cz--studio .vr-cz-preview-card.is-focus {
  opacity: 1;
  box-shadow: 0 16px 40px rgba(11, 15, 20, 0.1);
}
html.brand-vision-rebel .vr-cz-preview-label {
  margin: 0 0 10px;
  font: 600 0.82rem/1.2 "Space Grotesk", sans-serif;
  color: rgba(11, 15, 20, 0.55);
}
html.brand-vision-rebel .vr-cz-preview-stack {
  display: grid;
  gap: 18px;
}
/* Show desktop + phone previews together */

html.brand-vision-rebel .vr-cz--studio .vr-cz-preview-card.is-focus {
  display: block !important;
  opacity: 1 !important;
}
html.brand-vision-rebel .vr-cz-phone-frame {
  width: min(100%, 300px);
  margin: 0 auto;
  background: #0b0f14;
  border-radius: 36px;
  padding: 12px 12px 14px;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 22px 48px rgba(11, 15, 20, 0.28);
  box-sizing: border-box;
}
html.brand-vision-rebel .vr-cz-phone-notch {
  width: 96px;
  height: 10px;
  border-radius: 999px;
  background: #1a1f27;
  margin: 2px auto 10px;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
}
html.brand-vision-rebel .vr-cz-phone-screen {
  position: relative;
  width: 100%;
  border-radius: 22px;
  overflow: hidden;
  background: #fff;
  /* height set by fitPhonePreview JS */
  min-height: 420px;
}
html.brand-vision-rebel .vr-cz-phone-canvas {
  position: absolute;
  top: 0;
  left: 0;
  transform-origin: top left;
  background: #fff;
}
html.brand-vision-rebel .vr-cz-iframe--phone {
  display: block !important;
  width: 390px !important;
  height: 844px !important;
  max-width: none !important;
  border: 0 !important;
  transform: none !important;
  pointer-events: auto;
  background: #fff;
}
html.brand-vision-rebel .vr-cz-phone-home {
  width: 96px;
  height: 4px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.28);
  margin: 10px auto 2px;
}
html.brand-vision-rebel .vr-cz--studio .vr-cz-hint {
  margin: 10px 0 0;
  font: 500 0.78rem/1.4 "Space Grotesk", sans-serif;
  color: rgba(11, 15, 20, 0.48);
}
html.brand-vision-rebel body.account-seller .vr-cz-publish {
  display: none !important;
}
@media (max-width: 1100px) {
  html.brand-vision-rebel .vr-cz-studio { grid-template-columns: 1fr; }
  html.brand-vision-rebel .vr-cz-studio-preview { position: static; }
  html.brand-vision-rebel .vr-cz-colors { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  html.brand-vision-rebel .vr-cz-row2,
  html.brand-vision-rebel .vr-cz-colors { grid-template-columns: 1fr; }
  html.brand-vision-rebel .vr-cz-studio-head,
  html.brand-vision-rebel .vr-cz-studio-scroll,
  html.brand-vision-rebel .vr-cz-studio-foot { padding-left: 16px; padding-right: 16px; }
  html.brand-vision-rebel .vr-cz-tabs { margin-left: 16px; margin-right: 16px; }
  html.brand-vision-rebel .vr-cz-banner-row { flex-direction: column; align-items: stretch; }
}

html.brand-vision-rebel body.account-seller .account-dash-content:has(.vr-cz--studio) {
  max-width: none;
  padding-right: 12px;
}
html.brand-vision-rebel body.account-seller .account-dash-main:has(.vr-cz--studio) {
  background: #f6f7f9;
}

/* Account only: hide shop mini-dock (cart bubble); keep vr-liquid-float */
html.brand-vision-rebel.vr-account .mini-dock,
html.brand-vision-rebel body.account-body .mini-dock,
html.brand-vision-rebel body.account-seller .mini-dock,
html.brand-vision-rebel.vr-account [data-mini-dock] {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Add products tile — match product card proportions */
html.brand-vision-rebel .seller-shop-add-tile {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column;
  height: 100%;
}
html.brand-vision-rebel .seller-shop-add-btn {
  height: 100%;
  min-height: 100%;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}
html.brand-vision-rebel .seller-shop-add-media {
  border-color: rgba(23, 50, 84, 0.22);
  background: linear-gradient(160deg, #f7f9fc 0%, #e8eef6 100%);
}
html.brand-vision-rebel .seller-shop-add-btn:hover .seller-shop-add-media {
  border-color: var(--navy, #173254);
  background: linear-gradient(160deg, #f2f5f9 0%, #dde6f1 100%);
}
html.brand-vision-rebel .seller-shop-add-plus {
  background: var(--navy, #173254);
}
html.brand-vision-rebel .seller-shop-add-copy strong {
  font-family: "Space Grotesk", var(--font-serif), sans-serif;
  font-size: 0.95rem;
  letter-spacing: -0.01em;
  color: var(--navy, #173254);
}
html.brand-vision-rebel .seller-shop-add-copy span {
  color: rgba(23, 50, 84, 0.55);
}

/* Orders items: photo + title */
html.brand-vision-rebel .account-order-thumb {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  border-color: rgba(23, 50, 84, 0.08);
}
html.brand-vision-rebel .account-order-item-title {
  color: rgba(23, 50, 84, 0.78);
  font-weight: 500;
}

/* ===== My Shop studio layout: Appearance/Advanced + dual preview + products rail ===== */
html.brand-vision-rebel .vr-cz-studio {
  display: grid !important;
  grid-template-columns: minmax(360px, 1fr) minmax(400px, 1.05fr) !important;
  gap: 20px !important;
  align-items: start;
}
html.brand-vision-rebel .vr-cz--studio {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 18px !important;
}
html.brand-vision-rebel .vr-cz--studio .vr-cz-device-tabs {
  display: none !important;
}
html.brand-vision-rebel .vr-cz--studio .vr-cz-preview-card,
html.brand-vision-rebel .vr-cz--studio .vr-cz-preview-card:not(.is-focus),
html.brand-vision-rebel .vr-cz--studio .vr-cz-preview-card.is-focus {
  display: block !important;
  opacity: 1 !important;
  box-shadow: 0 12px 32px rgba(11, 15, 20, 0.06) !important;
}
html.brand-vision-rebel .vr-cz-preview-stack {
  display: grid !important;
  gap: 18px !important;
}
html.brand-vision-rebel .vr-cz-products-rail {
  grid-column: 1 / -1;
  width: 100%;
}
html.brand-vision-rebel .vr-cz-studio + .vr-cz-products-rail,
html.brand-vision-rebel .vr-cz--studio > .vr-cz-products-rail {
  width: 100%;
}
html.brand-vision-rebel .vr-cz-products-bubble {
  background: #fff;
  border: 1px solid rgba(11, 15, 20, 0.08);
  border-radius: 22px;
  padding: 22px 24px 20px;
  box-shadow: 0 14px 36px rgba(11, 15, 20, 0.06);
}
html.brand-vision-rebel .vr-cz-products-bubble .vr-cz-block-title {
  margin: 0 0 16px;
}
html.brand-vision-rebel .vr-cz-products-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px 28px;
  align-items: start;
}
html.brand-vision-rebel .vr-cz-products-col .vr-cz-label {
  display: block;
  margin-bottom: 10px;
}
html.brand-vision-rebel .vr-cz-products-col--toggles .vr-cz-toggles {
  margin-top: 0;
}
html.brand-vision-rebel .vr-cz-card-styles {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}
html.brand-vision-rebel .vr-cz-card-style {
  display: flex;
  align-items: center;
  gap: 14px;
  width: 100%;
  text-align: left;
  border: 1px solid rgba(11, 15, 20, 0.1);
  background: #fff;
  border-radius: 14px;
  padding: 12px 14px;
  cursor: pointer;
  color: #0b0f14;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}
html.brand-vision-rebel .vr-cz-card-style:hover {
  border-color: rgba(11, 15, 20, 0.22);
  background: #fafafa;
}
html.brand-vision-rebel .vr-cz-card-style.is-active {
  border-color: #0b0f14;
  background: #0b0f14;
  color: #fff;
  box-shadow: 0 10px 24px rgba(11, 15, 20, 0.18);
}
html.brand-vision-rebel .vr-cz-card-style-ico {
  flex: none;
  display: grid;
  place-items: center;
  width: 48px;
  height: 56px;
  border-radius: 10px;
  background: rgba(11, 15, 20, 0.05);
}
html.brand-vision-rebel .vr-cz-card-style.is-active .vr-cz-card-style-ico {
  background: rgba(255, 255, 255, 0.12);
}
html.brand-vision-rebel .vr-cz-card-style-copy {
  display: grid;
  gap: 3px;
  min-width: 0;
}
html.brand-vision-rebel .vr-cz-card-style-copy strong {
  font: 650 0.92rem/1.2 "Space Grotesk", sans-serif;
}
html.brand-vision-rebel .vr-cz-card-style-copy em {
  font: 500 0.78rem/1.3 "Space Grotesk", sans-serif;
  font-style: normal;
  opacity: 0.62;
}
html.brand-vision-rebel .vr-cz-card-style.is-active .vr-cz-card-style-copy em {
  opacity: 0.78;
}
@media (max-width: 1100px) {
  html.brand-vision-rebel .vr-cz-studio {
    grid-template-columns: 1fr !important;
  }
  html.brand-vision-rebel .vr-cz-products-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 720px) {
  html.brand-vision-rebel .vr-cz-products-grid {
    grid-template-columns: 1fr;
  }
}

/* Preview column — large dual desktop + mobile */
html.brand-vision-rebel .vr-cz-studio-preview {
  max-width: none !important;
  width: 100%;
  justify-self: stretch;
  position: sticky;
  top: 16px;
}
html.brand-vision-rebel .vr-cz-preview-actions {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
html.brand-vision-rebel .vr-cz-preview-refresh {
  cursor: pointer;
}
html.brand-vision-rebel .vr-cz-phone-frame {
  width: min(100%, 320px) !important;
  max-width: 320px !important;
  margin: 0 auto !important;
  padding: 14px 14px 16px !important;
  border-radius: 36px !important;
}
html.brand-vision-rebel .vr-cz-phone-screen {
  min-height: 520px !important;
  border-radius: 24px !important;
}
html.brand-vision-rebel .vr-cz-phone-canvas {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  transform-origin: top left !important;
  will-change: transform;
}
html.brand-vision-rebel .vr-cz-preview-card {
  padding: 14px !important;
}
html.brand-vision-rebel .vr-cz-studio-main {
  min-width: 0;
}
html.brand-vision-rebel .vr-cz-stage[data-device="pc"] .vr-cz-device-shell,
html.brand-vision-rebel .vr-cz-stage[data-device="pc"] .vr-cz-device-viewport {
  width: 100% !important;
  max-width: none !important;
}
html.brand-vision-rebel .vr-cz-stage[data-device="pc"] {
  min-height: 360px;
}

/* ===== prevfix-preview-size ===== */
html.brand-vision-rebel .vr-cz-studio {
  grid-template-columns: minmax(360px, 1fr) minmax(420px, 1.1fr) !important;
}
html.brand-vision-rebel .vr-cz-studio-preview {
  max-width: none !important;
}
html.brand-vision-rebel .vr-cz-phone-frame {
  width: min(100%, 320px) !important;
  max-width: 320px !important;
}
html.brand-vision-rebel .vr-cz-stage[data-device="phone"] .vr-cz-device-shell,
html.brand-vision-rebel .vr-cz-stage[data-device="phone"] .vr-cz-frame {
  max-width: none !important;
  width: 100% !important;
}
@media (max-width: 1100px) {
  html.brand-vision-rebel .vr-cz-studio {
    grid-template-columns: 1fr !important;
  }
  html.brand-vision-rebel .vr-cz-studio-preview {
    position: static !important;
  }
  html.brand-vision-rebel .vr-cz-phone-frame {
    width: min(100%, 300px) !important;
  }
}

/* ===== preview-fit-v4 ===== */
html.brand-vision-rebel .vr-cz-preview-title {
  font: 650 1.05rem/1.2 "Space Grotesk", sans-serif;
}
html.brand-vision-rebel .vr-cz-studio {
  grid-template-columns: minmax(340px, 1fr) minmax(460px, 1.15fr) !important;
}
html.brand-vision-rebel .vr-cz-studio-preview {
  max-width: none !important;
}
html.brand-vision-rebel .vr-cz-device-viewport,
html.brand-vision-rebel body.account-seller .vr-cz-device-viewport,
html.brand-vision-rebel body.account-seller .vr-cz-stage[data-device="phone"] .vr-cz-device-viewport {
  /* height set by JS fit (!important) — do NOT force auto (collapses absolute canvas to 0) */
  min-height: 200px;
  max-height: none !important;
}
html.brand-vision-rebel .vr-cz-device-canvas {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  transform-origin: top left !important;
  margin: 0 !important;
}
html.brand-vision-rebel .vr-cz-stage[data-device="pc"] .vr-cz-device-shell,
html.brand-vision-rebel .vr-cz-stage[data-device="pc"] .vr-cz-device-viewport {
  width: 100% !important;
  overflow: hidden !important;
}
html.brand-vision-rebel .vr-cz-iframe {
  display: block !important;
  border: 0 !important;
  background: #fff !important;
}
html.brand-vision-rebel .vr-cz-phone-frame {
  width: 300px !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 12px !important;
  box-sizing: border-box !important;
}
html.brand-vision-rebel .vr-cz-phone-screen {
  width: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
  background: #fff !important;
  border-radius: 22px !important;
}
html.brand-vision-rebel .vr-cz-phone-canvas {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  transform-origin: top left !important;
  margin: 0 !important;
}
html.brand-vision-rebel .vr-cz-iframe--phone {
  width: 390px !important;
  height: 844px !important;
  max-width: none !important;
  transform: none !important;
}
@media (max-width: 1100px) {
  html.brand-vision-rebel .vr-cz-studio {
    grid-template-columns: 1fr !important;
  }
}

/* ===== whitefix-viewport-height ===== */
html.brand-vision-rebel .vr-cz-device-viewport,
html.brand-vision-rebel body.account-seller .vr-cz-device-viewport,
html.brand-vision-rebel body.account-seller .vr-cz-stage[data-device="phone"] .vr-cz-device-viewport {
  height: var(--vr-cz-preview-h, 420px) !important;
  min-height: 200px !important;
}
html.brand-vision-rebel .vr-cz-phone-screen[data-phone-viewport],
html.brand-vision-rebel .vr-cz-phone-screen {
  min-height: 200px !important;
}


html.brand-vision-rebel .vr-cz-preview-label-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}
html.brand-vision-rebel .vr-cz-preview-label-row .vr-cz-preview-label { margin: 0; }


/* ===== Classic live-shop preview (scaled desktop iframe) ===== */
html.brand-vision-rebel .vr-cz-classic-preview {
  width: 100%;
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid rgba(11, 15, 20, 0.1);
  background: #f3f4f6;
  box-shadow: 0 12px 32px rgba(11, 15, 20, 0.06);
  min-height: 420px;
}
html.brand-vision-rebel .vr-cz-classic-viewport {
  position: relative;
  width: 100%;
  overflow: hidden;
  background: #fff;
}
html.brand-vision-rebel .vr-cz-classic-canvas {
  position: absolute;
  top: 0;
  left: 0;
  transform-origin: top left;
  background: #fff;
  will-change: transform;
}
html.brand-vision-rebel .vr-cz-classic-iframe {
  display: block !important;
  width: 1280px !important;
  height: 900px !important;
  min-height: 0 !important;
  border: 0 !important;
  background: #fff !important;
  transform: none !important;
  max-width: none !important;
  pointer-events: auto;
}
html.brand-vision-rebel .vr-cz-classic-empty {
  display: grid;
  place-items: center;
  min-height: 320px;
  padding: 24px;
  color: rgba(11, 15, 20, 0.55);
  font: 500 0.92rem/1.4 "Space Grotesk", sans-serif;
  text-align: center;
}
html.brand-vision-rebel .vr-cz-classic-hint {
  margin: 10px 2px 0;
  font: 500 0.78rem/1.3 "Space Grotesk", sans-serif;
  color: rgba(11, 15, 20, 0.45);
}

html.brand-vision-rebel .vr-pp-preview-rating--empty {
  color: rgba(11, 15, 20, 0.42);
  font: 500 0.82rem/1.3 "Space Grotesk", sans-serif;
  letter-spacing: 0;
}

/* ===== Products display — paid addons ===== */
html.brand-vision-rebel .vr-cz-products-lede {
  margin: 0 0 16px;
  font: 500 0.88rem/1.45 "Space Grotesk", sans-serif;
  color: rgba(11, 15, 20, 0.55);
}
html.brand-vision-rebel .vr-cz-addons {
  margin-top: 28px;
  padding: 18px 16px 16px;
  border-radius: 16px;
  border: 1px dashed rgba(11, 15, 20, 0.18);
  background:
    linear-gradient(165deg, rgba(120, 125, 132, 0.10) 0%, rgba(236, 236, 238, 0.55) 48%, rgba(248, 248, 249, 0.9) 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65);
}
html.brand-vision-rebel .vr-cz-addons-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}
html.brand-vision-rebel .vr-cz-addons-head-text {
  min-width: 0;
}
html.brand-vision-rebel .vr-cz-addons-title {
  margin: 0 0 4px;
  font: 650 1.02rem/1.2 "Space Grotesk", sans-serif;
  color: #3a3f46;
  letter-spacing: -0.01em;
}
html.brand-vision-rebel .vr-cz-addons-badge {
  flex-shrink: 0;
  font: 700 0.68rem/1 "Space Grotesk", sans-serif;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 6px 10px;
  border-radius: 999px;
  background: #6b7280;
  color: #fff;
  box-shadow: 0 1px 0 rgba(255,255,255,0.35) inset;
}
html.brand-vision-rebel .vr-cz-addons-sub {
  margin: 0;
  font: 500 0.82rem/1.4 "Space Grotesk", sans-serif;
  color: rgba(58, 63, 70, 0.72);
  max-width: 46ch;
}
html.brand-vision-rebel .vr-cz-addon-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
html.brand-vision-rebel .vr-cz-addon-card {
  position: relative;
  border: 1px solid rgba(11, 15, 20, 0.08);
  border-radius: 14px;
  padding: 14px 16px 12px;
  background: #fff;
  display: grid;
  gap: 8px;
  transition: border-color 0.2s ease, background 0.2s ease, filter 0.2s ease, opacity 0.2s ease;
}
html.brand-vision-rebel .vr-cz-addon-lock {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  width: fit-content;
  padding: 3px 8px 3px 6px;
  border-radius: 999px;
  font: 650 0.65rem/1 "Space Grotesk", sans-serif;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #6b7280;
  background: rgba(107, 114, 128, 0.12);
  border: 1px solid rgba(107, 114, 128, 0.18);
}
html.brand-vision-rebel .vr-cz-addon-lock svg {
  display: block;
  opacity: 0.85;
}
html.brand-vision-rebel .vr-cz-addon-lock--light {
  color: rgba(255, 255, 255, 0.78);
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.18);
}
html.brand-vision-rebel .vr-cz-addon-card.is-locked {
  background: #e8e9eb;
  border-color: rgba(11, 15, 20, 0.06);
  filter: grayscale(0.55);
  opacity: 0.88;
}
html.brand-vision-rebel .vr-cz-addon-card.is-locked .vr-cz-addon-top strong,
html.brand-vision-rebel .vr-cz-addon-card.is-locked .vr-cz-addon-price,
html.brand-vision-rebel .vr-cz-addon-card.is-locked > p,
html.brand-vision-rebel .vr-cz-addon-card.is-locked .vr-cz-addon-toggle {
  color: #7a8088 !important;
}
html.brand-vision-rebel .vr-cz-addon-card.is-locked .vr-cz-addon-toggle {
  opacity: 0.55;
  pointer-events: none;
  cursor: not-allowed;
}
html.brand-vision-rebel .vr-cz-addon-card.is-locked .vr-cz-addon-state {
  color: #8b9199;
}
html.brand-vision-rebel .vr-cz-addon-card.is-unlocked {
  filter: none;
  opacity: 1;
  background: #fff;
  border-color: rgba(22, 163, 74, 0.4);
  box-shadow: inset 0 0 0 1px rgba(22, 163, 74, 0.1);
}
html.brand-vision-rebel .vr-cz-addon-card.is-unlocked .vr-cz-addon-lock {
  color: #15803d;
  background: rgba(22, 163, 74, 0.12);
  border-color: rgba(22, 163, 74, 0.22);
}
html.brand-vision-rebel .vr-cz-addon-card.is-unlocked .vr-cz-addon-lock svg {
  display: none;
}
html.brand-vision-rebel .vr-cz-addon-card--bundle {
  grid-column: 1 / -1;
  background: linear-gradient(135deg, #4b5563 0%, #374151 55%, #1f2937 100%);
  color: #fff;
  border-color: transparent;
  filter: none;
  opacity: 1;
}
html.brand-vision-rebel .vr-cz-addon-card--bundle.is-locked {
  filter: grayscale(0.25);
  opacity: 0.92;
}
html.brand-vision-rebel .vr-cz-addon-card--bundle.is-unlocked {
  background: linear-gradient(135deg, #166534 0%, #14532d 100%);
  box-shadow: none;
}
html.brand-vision-rebel .vr-cz-addon-card--bundle p,
html.brand-vision-rebel .vr-cz-addon-card--bundle .vr-cz-addon-price,
html.brand-vision-rebel .vr-cz-addon-card--bundle .vr-cz-addon-top strong {
  color: rgba(255, 255, 255, 0.88) !important;
}
html.brand-vision-rebel .vr-cz-addon-top {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: baseline;
}
html.brand-vision-rebel .vr-cz-addon-top strong {
  font: 650 0.95rem/1.2 "Space Grotesk", sans-serif;
  color: #0b0f14;
}
html.brand-vision-rebel .vr-cz-addon-price {
  font: 700 0.95rem/1 "Space Grotesk", sans-serif;
  color: #0b0f14;
  white-space: nowrap;
}
html.brand-vision-rebel .vr-cz-addon-price span {
  font-weight: 500;
  font-size: 0.72rem;
  opacity: 0.55;
}
html.brand-vision-rebel .vr-cz-addon-card > p {
  margin: 0;
  font: 500 0.8rem/1.4 "Space Grotesk", sans-serif;
  color: rgba(11, 15, 20, 0.58);
}
html.brand-vision-rebel .vr-cz-addon-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin-top: 4px;
}
html.brand-vision-rebel .vr-cz-addon-toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font: 600 0.8rem/1 "Space Grotesk", sans-serif;
  color: #0b0f14;
}
html.brand-vision-rebel .vr-cz-addon-state {
  margin: 0;
  font: 500 0.75rem/1.3 "Space Grotesk", sans-serif;
  color: #8b9199;
}
html.brand-vision-rebel .vr-cz-addon-card.is-unlocked .vr-cz-addon-state {
  color: #15803d;
}
html.brand-vision-rebel .vr-cz-btn-unlock {
  appearance: none;
  border: 1px solid rgba(11, 15, 20, 0.14);
  background: #fff;
  color: #3a3f46;
  font: 650 0.78rem/1 "Space Grotesk", sans-serif;
  padding: 8px 12px;
  border-radius: 999px;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}
html.brand-vision-rebel .vr-cz-btn-unlock:hover {
  background: #0b0f14;
  color: #fff;
  border-color: #0b0f14;
}
html.brand-vision-rebel .vr-cz-btn-unlock--pack {
  background: #fff;
  color: #1f2937;
  border-color: transparent;
}
html.brand-vision-rebel .vr-cz-btn-unlock--pack:hover {
  background: #f3f4f6;
  color: #111827;
}
html.brand-vision-rebel .vr-cz-addon-card.is-unlocked .vr-cz-btn-unlock {
  display: none;
}
@media (max-width: 900px) {
  html.brand-vision-rebel .vr-cz-addon-grid { grid-template-columns: 1fr; }
  html.brand-vision-rebel .vr-cz-addon-card--bundle { grid-column: auto; }
  html.brand-vision-rebel .vr-cz-addons { padding: 14px 12px; }
}

/* Dual classic preview: desktop + phone always visible */
html.brand-vision-rebel .vr-cz--studio .vr-cz-preview-stack {
  display: grid !important;
  gap: 18px !important;
}
html.brand-vision-rebel .vr-cz--studio .vr-cz-preview-card {
  display: block !important;
  opacity: 1 !important;
}
html.brand-vision-rebel .vr-cz--studio .vr-cz-preview-card[data-preview-device="phone"] {
  display: block !important;
}
html.brand-vision-rebel .vr-cz-preview-label-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}
html.brand-vision-rebel .vr-cz-preview-label-row .vr-cz-preview-label {
  margin: 0;
}
html.brand-vision-rebel .vr-cz-phone-frame {
  width: min(100%, 280px) !important;
  margin: 0 auto !important;
}






/* ===== Save box under Shop customization (left column only) ===== */
html.brand-vision-rebel .vr-cz-studio-left {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  align-self: start !important;
  height: fit-content !important;
  gap: 12px !important;
}
html.brand-vision-rebel .vr-cz-studio-main {
  height: fit-content !important;
  align-self: start !important;
  flex: 0 0 auto !important;
  padding-bottom: 8px !important;
}
html.brand-vision-rebel .vr-cz-studio-scroll {
  flex: 0 0 auto !important;
}
html.brand-vision-rebel .vr-cz-studio-left > .vr-cz-studio-foot,
html.brand-vision-rebel .vr-cz-studio-foot[data-cz-studio-foot] {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 14px 16px !important;
  border: 1px solid rgba(11, 15, 20, 0.08) !important;
  background: #fff !important;
  box-shadow: 0 10px 28px rgba(11, 15, 20, 0.05) !important;
  border-radius: 16px !important;
  box-sizing: border-box !important;
}
html.brand-vision-rebel .vr-cz-foot-actions {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
}
html.brand-vision-rebel .vr-cz-btn-cancel {
  appearance: none;
  border: 1px solid rgba(11, 15, 20, 0.14);
  background: #fff;
  color: #3a3f46;
  font: 650 0.86rem/1 "Space Grotesk", sans-serif;
  min-height: 44px;
  padding: 0 16px;
  border-radius: 12px;
  cursor: pointer;
}
html.brand-vision-rebel .vr-cz-btn-cancel:hover {
  background: #f5f5f6;
}
html.brand-vision-rebel .vr-cz-btn-cancel[hidden] {
  display: none !important;
}
html.brand-vision-rebel .vr-cz-studio-foot.is-dirty .vr-cz-btn-save {
  box-shadow: 0 10px 24px rgba(11, 15, 20, 0.22);
}



/* My Shop customize: never hide account Apple liquid (top-right always) */
html.brand-vision-rebel body.account-seller:has(.vr-cz--studio) .vr-liquid-float,
html.brand-vision-rebel body.account-seller:has([data-cz-root]) .vr-liquid-float,
html.brand-vision-rebel body.account-seller.has-cz-studio .vr-liquid-float {
  display: inline-flex !important;
  visibility: visible !important;
  pointer-events: auto !important;
  opacity: 1 !important;
  top: 12px !important;
  right: 16px !important;
  left: auto !important;
  z-index: 140 !important;
}

/* ===== Apple liquid expand (account) — hover / click like shop mini-dock ===== */
html.brand-vision-rebel .vr-liquid-panel {
  width: 148px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.82);
  border: 1px solid rgba(11, 27, 58, 0.1);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    0 14px 36px rgba(11, 27, 58, 0.14);
  backdrop-filter: blur(18px) saturate(1.2);
  -webkit-backdrop-filter: blur(18px) saturate(1.2);
  transition:
    width 0.42s cubic-bezier(0.34, 1.4, 0.64, 1),
    border-radius 0.32s ease,
    box-shadow 0.3s ease,
    background 0.25s ease;
}
html.brand-vision-rebel .vr-liquid-pill {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  min-height: 48px;
  padding: 6px 8px !important;
  gap: 4px !important;
  width: 100%;
  justify-content: center;
}
html.brand-vision-rebel .vr-liquid-expand {
  display: grid;
  gap: 4px;
  max-height: 0;
  opacity: 0;
  padding: 0 10px;
  overflow: hidden;
  transition: max-height 0.35s ease, opacity 0.25s ease, padding 0.35s ease;
}
html.brand-vision-rebel .vr-liquid-link {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 38px;
  padding: 0 10px;
  border: 0;
  border-radius: 12px;
  background: transparent;
  color: #0b1b3a;
  font: 600 0.82rem/1 "Space Grotesk", system-ui, sans-serif;
  text-decoration: none;
  cursor: pointer;
  text-align: left;
}
html.brand-vision-rebel .vr-liquid-link:link,
html.brand-vision-rebel .vr-liquid-link:visited,
html.brand-vision-rebel .vr-liquid-link:hover,
html.brand-vision-rebel .vr-liquid-link:active,
html.brand-vision-rebel a.vr-liquid-ico:link,
html.brand-vision-rebel a.vr-liquid-ico:visited,
html.brand-vision-rebel a.vr-liquid-ico:hover,
html.brand-vision-rebel a.vr-liquid-ico:active {
  color: #0b1b3a !important;
  -webkit-text-fill-color: #0b1b3a !important;
  text-decoration: none !important;
}
html.brand-vision-rebel .vr-liquid-link:hover {
  background: rgba(11, 27, 58, 0.06);
}
html.brand-vision-rebel .vr-liquid-panel.is-open,
html.brand-vision-rebel .vr-liquid-panel:focus-within {
  width: 210px;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow:
    inset 0 1px 0 #fff,
    0 18px 44px rgba(11, 27, 58, 0.18);
}
html.brand-vision-rebel .vr-liquid-panel.is-open .vr-liquid-expand,
html.brand-vision-rebel .vr-liquid-panel:focus-within .vr-liquid-expand {
  max-height: 220px;
  opacity: 1;
  padding: 0 10px 12px;
}
@media (hover: hover) and (pointer: fine) {
  html.brand-vision-rebel .vr-liquid-panel:hover {
    width: 210px;
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.9);
    box-shadow:
      inset 0 1px 0 #fff,
      0 18px 44px rgba(11, 27, 58, 0.18);
  }
  html.brand-vision-rebel .vr-liquid-panel:hover .vr-liquid-expand {
    max-height: 220px;
    opacity: 1;
    padding: 0 10px 12px;
  }
}
/* Windows: always allow open via class (hover often sticky/broken) */
html.is-windows .vr-liquid-panel {
  transition: width 0.35s ease, border-radius 0.28s ease, box-shadow 0.25s ease, background 0.2s ease !important;
}
html.is-windows .vr-liquid-panel.is-open {
  width: 210px !important;
  border-radius: 22px !important;
}
html.is-windows .vr-liquid-panel.is-open .vr-liquid-expand {
  max-height: 220px !important;
  opacity: 1 !important;
  padding: 0 10px 12px !important;
}



/* Propose open-request reply CTA */
html.brand-vision-rebel .propose-reqs-bar {
  display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
  margin: 0 0 14px; padding: 10px 14px;
  background: #fff; border: 1px solid rgba(11,27,58,.1); border-radius: 12px;
}
html.brand-vision-rebel .propose-reqs-bar > strong {
  font: 800 .7rem/1 "Space Grotesk", sans-serif;
  letter-spacing: .06em; text-transform: uppercase; color: rgba(11,27,58,.5);
}
html.brand-vision-rebel .propose-reqs-line { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; flex: 1; min-width: 0; }
html.brand-vision-rebel .propose-req-chip {
  display: inline-flex; align-items: center; gap: 6px; max-width: 100%;
  font: 600 .78rem/1.2 "Space Grotesk", sans-serif; color: #0b1b3a;
  border: 0; background: transparent; padding: 0; cursor: default; text-align: left;
}
html.brand-vision-rebel button.propose-req-chip.is-action {
  cursor: pointer; padding: 4px 4px 4px 10px; border-radius: 999px;
  background: rgba(11,27,58,.06); border: 1px solid rgba(11,27,58,.12);
}
html.brand-vision-rebel button.propose-req-chip.is-action:hover { background: rgba(11,27,58,.1); }
html.brand-vision-rebel .propose-req-chip i {
  width: 7px; height: 7px; border-radius: 50%; background: #d97706; flex: none;
}
html.brand-vision-rebel .propose-req-chip.is-action i { background: #0b1b3a; }
html.brand-vision-rebel .propose-req-chip > span {
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 18ch; font-weight: 700;
}
html.brand-vision-rebel .propose-req-chip em {
  font-style: normal; font-size: .66rem; font-weight: 700; letter-spacing: .04em;
  text-transform: uppercase; color: rgba(11,27,58,.42);
}
html.brand-vision-rebel .propose-req-reply {
  margin-left: 2px; padding: 5px 11px; border-radius: 999px;
  background: #0b1b3a; color: #fff;
  font: 700 .7rem/1 "Space Grotesk", sans-serif;
}
html.brand-vision-rebel button.propose-req-chip.is-action:hover .propose-req-reply { background: #16305a; }


/* Products display tab (3rd customize tab) */
html.brand-vision-rebel .vr-cz-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
html.brand-vision-rebel .vr-cz-tab {
  flex: 0 1 auto;
  white-space: nowrap;
}
html.brand-vision-rebel .vr-cz-panel[data-cz-panel="products"] {
  display: grid;
  gap: 16px;
}
html.brand-vision-rebel .vr-cz-block--products {
  display: grid;
  gap: 18px;
}
html.brand-vision-rebel .vr-cz-block--products > .vr-cz-block-title {
  margin: 0;
}
html.brand-vision-rebel .vr-cz-products-lede {
  margin: -6px 0 0;
  color: rgba(11, 27, 58, 0.55);
  font: 500 0.82rem/1.45 "Space Grotesk", sans-serif;
}
html.brand-vision-rebel .vr-cz-products-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px 18px;
  padding: 14px;
  border-radius: 14px;
  border: 1px solid rgba(11, 27, 58, 0.1);
  background: #f7f8fb;
}
html.brand-vision-rebel .vr-cz-products-col--toggles {
  grid-column: 1 / -1;
}
html.brand-vision-rebel .vr-cz-products-col .vr-cz-label {
  display: block;
  margin-bottom: 8px;
  font: 600 0.78rem/1.2 "Space Grotesk", sans-serif;
  color: rgba(11, 27, 58, 0.62);
}
html.brand-vision-rebel .vr-cz-block--products .vr-cz-toggles {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
html.brand-vision-rebel .vr-cz-block--products .vr-cz-addons {
  margin-top: 4px;
}
html.brand-vision-rebel .vr-cz-products-rail { display: none !important; }
@media (max-width: 720px) {
  html.brand-vision-rebel .vr-cz-products-grid { grid-template-columns: 1fr; }
  html.brand-vision-rebel .vr-cz-block--products .vr-cz-toggles { grid-template-columns: 1fr; }
}


/* Banner height picks (Advanced tab) */
html.brand-vision-rebel .vr-cz-banner-heights {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
html.brand-vision-rebel .vr-cz-banner-height {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
  padding: 10px;
  border-radius: 12px;
  border: 1px solid rgba(11, 27, 58, 0.12);
  background: #fff;
  color: #0b1b3a;
  cursor: pointer;
  text-align: left;
  font: inherit;
}
html.brand-vision-rebel .vr-cz-banner-height:hover { background: #f7f8fb; }
html.brand-vision-rebel .vr-cz-banner-height.is-active {
  border-color: #0b1b3a;
  box-shadow: 0 0 0 1px #0b1b3a;
  background: #f3f5f9;
}
html.brand-vision-rebel .vr-cz-banner-height-ico {
  display: grid;
  place-items: center;
  height: 44px;
  border-radius: 8px;
  background: #eef1f6;
  color: #0b1b3a;
}
html.brand-vision-rebel .vr-cz-banner-height-ico svg { width: 40px; height: 28px; }
html.brand-vision-rebel .vr-cz-banner-height-copy {
  display: grid;
  gap: 2px;
}
html.brand-vision-rebel .vr-cz-banner-height-copy strong {
  font: 700 0.8rem/1.2 "Space Grotesk", sans-serif;
}
html.brand-vision-rebel .vr-cz-banner-height-copy em {
  font: 600 0.68rem/1.2 "Space Grotesk", sans-serif;
  color: rgba(11, 27, 58, 0.5);
  font-style: normal;
}
@media (max-width: 720px) {
  html.brand-vision-rebel .vr-cz-banner-heights { grid-template-columns: 1fr; }
}

.vr-stats-shop {
  margin: 0 0 14px;
  font: 600 0.78rem/1 "Space Grotesk", sans-serif;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(11, 27, 58, 0.45);
}
.vr-stats-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-top: 12px;
}
.vr-stats-chart { width: 100%; height: auto; display: block; }
.vr-stats-range {
  font: 600 0.72rem/1 "Space Grotesk", sans-serif;
  color: rgba(11, 27, 58, 0.45);
}
.vr-rank { display: grid; gap: 10px; }
.vr-rank-row {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.4fr) auto;
  gap: 10px;
  align-items: center;
}
.vr-rank-row span:first-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font: 600 0.86rem/1.2 "Manrope", sans-serif;
  color: #0b1b3a;
}
.vr-rank-track {
  height: 8px;
  border-radius: 99px;
  background: rgba(11, 27, 58, 0.08);
  overflow: hidden;
}
.vr-rank-track i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: #0b1b3a;
}
.vr-rank-row strong {
  font: 700 0.86rem/1 "Space Grotesk", sans-serif;
  color: #0b1b3a;
}
@media (max-width: 900px) {
  .vr-stats-grid { grid-template-columns: 1fr; }
  .vr-rank-row { grid-template-columns: minmax(0, 1fr) 72px; }
  .vr-rank-track { display: none; }
}

html.brand-vision-rebel .seller-shop-order-hint {
  margin: 4px 0 0;
  font: 500 0.82rem/1.35 "Manrope", sans-serif;
  color: rgba(11, 27, 58, 0.55);
}
html.brand-vision-rebel .seller-shop-drag {
  opacity: 1;
  cursor: grab;
  touch-action: none;
  pointer-events: auto;
}
html.brand-vision-rebel body.is-product-reordering,
html.brand-vision-rebel body.is-product-reordering * {
  cursor: grabbing !important;
  user-select: none;
}
html.brand-vision-rebel .seller-shop-card.is-dragging {
  opacity: 0.55;
  z-index: 4;
}
html.brand-vision-rebel .seller-shop-card.is-drop-before,
html.brand-vision-rebel .seller-shop-card.is-drop-after {
  outline: 2px solid #0b1b3a;
  outline-offset: 3px;
}

html.brand-vision-rebel .vr-order-list {
  list-style: none;
  margin: 12px 0 0;
  padding: 0;
  display: grid;
  gap: 8px;
}
html.brand-vision-rebel .vr-order-row {
  display: grid;
  grid-template-columns: 36px 44px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 8px 10px;
  border: 1px solid rgba(11, 27, 58, 0.1);
  border-radius: 14px;
  background: #fff;
}
html.brand-vision-rebel .vr-order-handle {
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 10px;
  background: rgba(11, 27, 58, 0.06);
  color: #0b1b3a;
  cursor: grab;
  display: grid;
  place-items: center;
  touch-action: none;
}
html.brand-vision-rebel .vr-order-row img,
html.brand-vision-rebel .vr-order-ph {
  width: 44px;
  height: 54px;
  object-fit: cover;
  border-radius: 8px;
  background: #eef1f6;
}
html.brand-vision-rebel .vr-order-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font: 650 0.92rem/1.2 "Manrope", sans-serif;
  color: #0b1b3a;
}
html.brand-vision-rebel .vr-order-state {
  font: 700 0.68rem/1 "Space Grotesk", sans-serif;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(11, 27, 58, 0.45);
}
html.brand-vision-rebel .vr-order-row {
  cursor: grab;
  touch-action: none;
}
html.brand-vision-rebel .vr-order-row.is-lifted {
  position: fixed;
  z-index: 80;
  margin: 0;
  pointer-events: none;
  cursor: grabbing;
  box-shadow: 0 18px 44px rgba(11, 27, 58, 0.18);
  transform: scale(1.02);
  opacity: 1;
}
html.brand-vision-rebel .vr-order-placeholder {
  border-radius: 14px;
  border: 1.5px dashed rgba(11, 27, 58, 0.28);
  background: rgba(11, 27, 58, 0.04);
  box-sizing: border-box;
}
html.brand-vision-rebel body.is-order-dragging,
html.brand-vision-rebel body.is-order-dragging * {
  cursor: grabbing !important;
  user-select: none;
}
html.brand-vision-rebel .vr-order-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 14px;
}

html.brand-vision-rebel .vr-chart-axis {
  font: 600 11px/1 "Space Grotesk", sans-serif;
  fill: rgba(11, 27, 58, 0.45);
}
html.brand-vision-rebel .vr-donut-wrap {
  display: flex;
  align-items: center;
  gap: 18px;
  min-height: 148px;
}
html.brand-vision-rebel .vr-donut-wrap .dash-donut {
  width: 132px;
  height: 132px;
  flex: none;
}
html.brand-vision-rebel .vr-donut-legend {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 8px;
  min-width: 0;
  flex: 1;
}
html.brand-vision-rebel .vr-donut-legend li {
  display: grid;
  grid-template-columns: 8px minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  font: 600 0.84rem/1.2 "Manrope", sans-serif;
  color: #0b1b3a;
}
html.brand-vision-rebel .vr-donut-legend i {
  width: 8px;
  height: 8px;
  border-radius: 99px;
}
html.brand-vision-rebel .vr-donut-legend span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
html.brand-vision-rebel .vr-donut-legend strong {
  font: 700 0.84rem/1 "Space Grotesk", sans-serif;
}
@media (max-width: 720px) {
  html.brand-vision-rebel .vr-donut-wrap { flex-direction: column; align-items: flex-start; }
}

html.brand-vision-rebel .vr-chart { position: relative; }
html.brand-vision-rebel .vr-chart-hit { cursor: crosshair; }
html.brand-vision-rebel .vr-chart-tip {
  position: absolute;
  z-index: 6;
  transform: translate(-50%, -120%);
  pointer-events: none;
  display: grid;
  gap: 2px;
  padding: 8px 12px;
  border-radius: 10px;
  background: #0b1b3a;
  color: #fff;
  font: 600 0.78rem/1.3 "Manrope", sans-serif;
  white-space: nowrap;
  box-shadow: 0 10px 24px rgba(11, 27, 58, 0.22);
}
html.brand-vision-rebel .vr-chart-tip strong {
  font: 700 0.82rem/1.2 "Space Grotesk", sans-serif;
}
html.brand-vision-rebel .vr-chart-tip span {
  font-weight: 500;
  color: rgba(255, 255, 255, 0.78);
}
html.brand-vision-rebel .vr-chart-tip[hidden] { display: none; }

html.brand-vision-rebel .vr-order-actions .btn {
  min-height: 40px;
  padding: 0 16px;
  border-radius: 999px;
  border: 1.5px solid #0b1b3a !important;
  box-shadow: none;
}
html.brand-vision-rebel .vr-order-actions .auth-btn-secondary {
  background: #fff !important;
  color: #0b1b3a !important;
}
html.brand-vision-rebel .vr-order-actions .btn-primary,
html.brand-vision-rebel .vr-order-actions [data-order-save] {
  background: #0b1b3a !important;
  color: #fff !important;
  border-color: #0b1b3a !important;
}
html.brand-vision-rebel .vr-order-actions [data-order-save]:hover:not(:disabled) {
  background: #152a52 !important;
}
html.brand-vision-rebel .vr-order-actions [data-order-save]:disabled {
  background: #fff !important;
  color: rgba(11, 27, 58, 0.45) !important;
  border-color: rgba(11, 27, 58, 0.35) !important;
  opacity: 1;
}