/* ─── Orders page showcase ─────────────────────────────
   Styles for assets/js/orders-view.js. The hero band is deliberately
   dark in BOTH themes (it is the page's one statement piece, and its
   chart colors were validated against that dark surface), so it uses
   its own local colors instead of the theme's text tokens. Everything
   below the hero uses the normal theme tokens. */

/* ─── Section headings ───────────────────────────────── */
.ov-block-head {
  display: flex;
  align-items: baseline;
  gap: 10px;
  margin: 6px 0 -4px;
}
.ov-block-head h3 {
  margin: 0;
  font-family: var(--font-head);
  font-size: 15px;
  font-weight: 800;
  color: var(--text-primary);
  letter-spacing: -0.01em;
}
.ov-block-head span { font-size: 12px; color: var(--text-muted); }

/* ─── Delta pill ─────────────────────────────────────── */
.kpi-delta.ov-pill {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  margin: 0;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11.5px;
  font-weight: 800;
  line-height: 1.2;
  white-space: nowrap;
}
.kpi-delta.ov-pill.good    { background: var(--success-bg); color: #2B7A63; }
.kpi-delta.ov-pill.bad     { background: var(--danger-bg);  color: #B33434; }
.kpi-delta.ov-pill.neutral { background: var(--info-bg);    color: var(--text-secondary); }
[data-theme="dark"] .kpi-delta.ov-pill.good { color: var(--success); }
[data-theme="dark"] .kpi-delta.ov-pill.bad  { color: var(--danger); }

/* ═══ Hero ════════════════════════════════════════════ */
.ov-hero {
  --hero-ink: #FFF6EF;
  --hero-ink-2: rgba(255, 240, 230, 0.78);
  --hero-ink-3: rgba(255, 240, 230, 0.55);
  --hero-line: rgba(255, 255, 255, 0.10);
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-radius: 20px;
  padding: 28px;
  color: var(--hero-ink);
  background:
    radial-gradient(70% 90% at 0% 0%, rgba(221, 107, 61, 0.38), transparent 60%),
    radial-gradient(60% 80% at 100% 100%, rgba(54, 168, 136, 0.22), transparent 60%),
    linear-gradient(135deg, #2A160E 0%, #1E120D 55%, #160E0A 100%);
  box-shadow: 0 18px 40px -18px rgba(42, 20, 12, 0.55), 0 2px 6px rgba(0, 0, 0, 0.12);
}
.ov-hero-3d-slot,
.ov-hero-3d,
.ov-hero-shade { position: absolute; inset: 0; }
.ov-hero-3d-slot { z-index: 0; }
.ov-hero-3d { opacity: 0; transition: opacity 1.4s ease; }
.ov-hero-3d.is-on { opacity: 0.85; }
.ov-hero-shade {
  z-index: 1;
  pointer-events: none;
  background:
    radial-gradient(55% 75% at 8% 10%, rgba(221, 107, 61, 0.30), transparent 70%),
    linear-gradient(90deg, rgba(22, 12, 8, 0.90) 0%, rgba(22, 12, 8, 0.62) 46%, rgba(22, 12, 8, 0.45) 100%);
}
.ov-hero-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(300px, 5fr) 7fr;
  gap: 28px;
  align-items: stretch;
}

.ov-eyebrow {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--hero-ink-3);
}
.ov-live-dot {
  width: 7px; height: 7px;
  border-radius: 50%;
  background: #5CD6B1;
  box-shadow: 0 0 0 0 rgba(92, 214, 177, 0.6);
  animation: ov-live 2.2s ease-out infinite;
}
@keyframes ov-live {
  0%   { box-shadow: 0 0 0 0 rgba(92, 214, 177, 0.55); }
  70%  { box-shadow: 0 0 0 9px rgba(92, 214, 177, 0); }
  100% { box-shadow: 0 0 0 0 rgba(92, 214, 177, 0); }
}

.ov-hero-value {
  margin: 10px 0 10px;
  font-family: var(--font-head);
  font-size: clamp(42px, 4.6vw, 64px);
  font-weight: 900;
  line-height: 0.95;
  letter-spacing: -0.045em;
  font-variant-numeric: tabular-nums;
  background: linear-gradient(180deg, #FFFFFF 0%, #FFD9C4 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.ov-hero-delta { display: flex; align-items: center; gap: 8px; font-size: 12.5px; color: var(--hero-ink-3); }
.ov-hero .kpi-delta.ov-pill.good    { background: rgba(54, 168, 136, 0.20); color: #7FE3C6; }
.ov-hero .kpi-delta.ov-pill.bad     { background: rgba(232, 106, 106, 0.20); color: #FFA3A3; }
.ov-hero .kpi-delta.ov-pill.neutral { background: rgba(255, 255, 255, 0.10); color: var(--hero-ink-2); }

.ov-hero-headline {
  margin: 16px 0 18px;
  max-width: 44ch;
  font-size: 15.5px;
  line-height: 1.5;
  color: var(--hero-ink-2);
}
.ov-hero-headline b { color: var(--hero-ink); font-weight: 800; }

.ov-hero-stats {
  display: grid;
  grid-template-columns: repeat(3, auto);
  justify-content: start;
  gap: 0;
  margin-bottom: 18px;
}
.ov-hero-stats > div {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 0 22px;
  border-left: 1px solid var(--hero-line);
}
.ov-hero-stats > div:first-child { padding-left: 0; border-left: 0; }
.ov-hero-stats span { font-size: 11px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--hero-ink-3); }
.ov-hero-stats b { font-size: 21px; font-weight: 900; letter-spacing: -0.02em; color: var(--hero-ink); font-variant-numeric: tabular-nums; }

.ov-mix { margin-bottom: 20px; max-width: 420px; }
.ov-mix-bar { display: flex; gap: 2px; height: 8px; border-radius: 999px; overflow: hidden; }
.ov-mix-bar span { display: block; height: 100%; }
.ov-mix-labels { display: flex; justify-content: space-between; gap: 12px; margin-top: 8px; font-size: 12px; color: var(--hero-ink-2); }
.ov-mix-labels b { color: var(--hero-ink); }
.ov-mix-labels i,
.ov-legend i { display: inline-block; width: 8px; height: 8px; border-radius: 2px; margin-right: 6px; vertical-align: 0; }

.ov-hero-cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 14px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.06);
  color: var(--hero-ink);
  font: 700 12.5px var(--font-body);
  cursor: pointer;
  transition: background var(--ease-fast), border-color var(--ease-fast), transform var(--ease-fast);
}
.ov-hero-cta:hover { background: rgba(255, 255, 255, 0.12); border-color: rgba(255, 255, 255, 0.3); }
.ov-hero-cta:hover span { transform: translateX(2px); }
.ov-hero-cta span { transition: transform var(--ease-fast); }
.ov-hero-cta:focus-visible { outline: 2px solid #FFD9C4; outline-offset: 2px; }

.ov-hero-chart {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 16px 16px 10px;
  border-radius: 16px;
  border: 1px solid var(--hero-line);
  background: rgba(255, 255, 255, 0.045);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}
.ov-chart-head { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; flex-wrap: wrap; margin-bottom: 10px; }
.ov-chart-title { font-size: 13px; font-weight: 800; color: var(--hero-ink); }
.ov-legend { display: flex; gap: 16px; flex-wrap: wrap; font-size: 12px; color: var(--hero-ink-2); }
.ov-legend b { color: var(--hero-ink); margin-left: 4px; }
.ov-chart-wrap { position: relative; flex: 1; min-height: 250px; }

/* ═══ Insights ════════════════════════════════════════ */
.ov-insights {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 12px;
}
.ov-insight {
  --tone: var(--primary);
  --tone-bg: var(--primary-light);
  position: relative;
  overflow: hidden;
  padding: 16px;
  border-radius: 16px;
  border: 1px solid var(--border);
  background: var(--bg-surface);
  box-shadow: var(--shadow-card);
  transform-style: preserve-3d;
}
.ov-insight::after {
  content: '';
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: var(--tone);
}
.ov-insight.tone-good { --tone: var(--success); --tone-bg: var(--success-bg); }
.ov-insight.tone-bad  { --tone: var(--danger);  --tone-bg: var(--danger-bg); }
.ov-insight.tone-warn { --tone: var(--warning); --tone-bg: var(--warning-bg); }
.ov-insight-top { display: flex; align-items: center; gap: 8px; }
.ov-insight-icon {
  display: grid; place-items: center;
  width: 26px; height: 26px;
  border-radius: 8px;
  background: var(--tone-bg);
  color: var(--tone);
}
.ov-insight-kicker { font-size: 11px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: var(--text-muted); }
.ov-insight-big {
  margin: 10px 0 6px;
  font-family: var(--font-head);
  font-size: 26px;
  font-weight: 900;
  letter-spacing: -0.03em;
  color: var(--text-primary);
  font-variant-numeric: tabular-nums;
}
.ov-insight-text { font-size: 12.5px; line-height: 1.5; color: var(--text-secondary); }
.ov-insight-text b { color: var(--text-primary); }

/* ═══ KPI cards + sources split ═══════════════════════ */
.ov-split {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(300px, 1fr);
  gap: 16px;
  align-items: start;
}
.kpi-grid.ov-kpi-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }

.kpi-card.ov-kpi {
  display: flex;
  flex-direction: column;
  padding: 16px 16px 0;
  border-radius: 16px;
  background: linear-gradient(180deg, var(--bg-surface) 0%, var(--bg-surface-2) 100%);
  box-shadow: var(--shadow-card);
  transform-style: preserve-3d;
  will-change: transform;
}
/* Replaces the base card's flat 3px top bar with a soft corner glow. */
.kpi-card.ov-kpi::before {
  inset: 0;
  height: auto;
  border-radius: inherit;
  background: radial-gradient(110% 70% at 100% 0%, color-mix(in srgb, var(--acc) 16%, transparent), transparent 62%);
  pointer-events: none;
}
.kpi-card.ov-kpi:hover {
  border-color: color-mix(in srgb, var(--acc) 45%, var(--border));
  box-shadow: 0 14px 30px -14px color-mix(in srgb, var(--acc) 45%, transparent), var(--shadow-md);
}
.ov-kpi-top { position: relative; display: flex; align-items: center; gap: 8px; }
.ov-kpi-top .kpi-label { margin: 0; }
.ov-kpi-top .ov-pill { margin-left: auto; }
.ov-kpi-icon {
  display: grid; place-items: center;
  flex-shrink: 0;
  width: 28px; height: 28px;
  border-radius: 9px;
  background: color-mix(in srgb, var(--acc) 14%, transparent);
  color: var(--acc);
}
.ov-kpi-mid { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: 14px 0 6px; }
.ov-kpi .kpi-value { margin: 0; font-size: 30px; font-weight: 900; letter-spacing: -0.035em; }
.ov-kpi .kpi-driver { position: relative; font-size: 12px; color: var(--text-secondary); }
.ov-kpi .kpi-driver strong { color: var(--text-primary); }

.ov-spark { position: relative; height: 56px; margin: 10px -16px 0; color: var(--acc); }
.ov-spark svg { display: block; width: 100%; height: 100%; }
.ov-spark-line { fill: none; stroke: currentColor; stroke-width: 2; stroke-linejoin: round; stroke-linecap: round; }
.ov-spark-dot {
  position: absolute;
  width: 8px; height: 8px;
  border-radius: 50%;
  background: var(--acc);
  transform: translate(-50%, -50%);
  margin-left: -6px; /* keep the last-point dot inside the card's rounded edge */
  box-shadow: 0 0 0 3px var(--bg-surface), 0 0 14px 2px color-mix(in srgb, var(--acc) 60%, transparent);
}

.ov-ring { flex-shrink: 0; }
.ov-ring-track { fill: none; stroke: var(--border); stroke-width: 6; }
.ov-ring-fill { fill: none; stroke: var(--acc); stroke-width: 6; stroke-linecap: round; }

/* Vanilla-Tilt's glare layer, clipped to the card's rounded corners. */
.ov-kpi .js-tilt-glare,
.ov-insight .js-tilt-glare { border-radius: inherit; }

/* ─── Revenue by source ──────────────────────────────── */
.ov-sources { border-radius: 16px; }
.ov-sources .card-body { padding: 14px 16px 12px; }
.ov-src-list { display: flex; flex-direction: column; gap: 4px; }
.ov-src-row {
  display: grid;
  grid-template-columns: minmax(72px, 110px) minmax(40px, 1fr) 86px 46px;
  align-items: center;
  gap: 10px;
  padding: 7px 6px;
  margin: 0 -6px;
  border-radius: 8px;
  font-size: 12.5px;
  transition: background var(--ease-fast);
}
.ov-src-row:hover { background: var(--bg-hover); }
.ov-src-name { font-weight: 700; color: var(--text-primary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ov-src-track { height: 10px; border-radius: 4px; background: var(--border-subtle); overflow: hidden; }
.ov-src-track span { display: block; height: 100%; border-radius: 4px; background: var(--primary); }
.ov-src-row.is-other .ov-src-name { color: var(--text-secondary); font-weight: 500; }
.ov-src-row.is-other .ov-src-track span { background: var(--text-dim); }
.ov-src-val { text-align: right; font-weight: 800; color: var(--text-primary); font-variant-numeric: tabular-nums; }
.ov-src-val small { display: block; font-size: 10.5px; font-weight: 600; color: var(--text-muted); }
.ov-src-roas { text-align: right; font-weight: 800; color: var(--text-secondary); font-variant-numeric: tabular-nums; }
.ov-src-foot {
  display: grid;
  grid-template-columns: 1fr 86px 46px;
  gap: 10px;
  margin-top: 6px;
  padding-top: 8px;
  border-top: 1px solid var(--border-subtle);
  font-size: 10.5px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--text-muted);
}
.ov-src-foot span:first-child { grid-column: 2; text-align: right; }
.ov-src-foot span:last-child { text-align: right; }

/* ─── Skeleton state (see motion.js / motion.css) ────── */
.content-canvas.is-skeleton .ov-hero-value,
.content-canvas.is-skeleton .ov-hero-stats b,
.content-canvas.is-skeleton .ov-hero-headline,
.content-canvas.is-skeleton .ov-mix,
.content-canvas.is-skeleton .ov-legend {
  color: transparent !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(90deg, rgba(255,255,255,0.06) 25%, rgba(255,255,255,0.14) 50%, rgba(255,255,255,0.06) 75%) !important;
  background-size: 200% 100% !important;
  animation: odin-skeleton-sweep 1.3s ease-in-out infinite;
  border-radius: var(--radius-sm);
}
.content-canvas.is-skeleton .ov-hero-value { width: 70%; }
.content-canvas.is-skeleton .ov-mix *,
.content-canvas.is-skeleton .ov-legend *,
.content-canvas.is-skeleton .ov-hero-headline * { visibility: hidden; }
.content-canvas.is-skeleton .ov-chart-wrap canvas,
.content-canvas.is-skeleton .ov-spark,
.content-canvas.is-skeleton .ov-ring { visibility: hidden; }
.content-canvas.is-skeleton .ov-hero-cta { pointer-events: none; opacity: 0.4; }

/* ─── Responsive ─────────────────────────────────────── */
@media (max-width: 1320px) {
  .ov-split { grid-template-columns: 1fr; }
}
@media (max-width: 1100px) {
  .ov-hero-grid { grid-template-columns: 1fr; }
  .ov-chart-wrap { min-height: 220px; }
}
@media (max-width: 860px) {
  .kpi-grid.ov-kpi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
  .ov-hero { padding: 20px 16px; }
  .kpi-grid.ov-kpi-grid { grid-template-columns: 1fr; }
  .ov-hero-stats > div { padding: 0 12px; }
}

/* ═══ "What changed": top 5 shifts ═════════════════════ */
.ov-insights.has-cmp { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.ov-insight { display: flex; flex-direction: column; }
.ov-insight-rank {
  display: grid; place-items: center;
  width: 18px; height: 18px;
  border-radius: 50%;
  font-size: 10px; font-weight: 900;
  color: #fff;
  background: linear-gradient(135deg, #C3502B, #A03F22);
}
.ov-insight-kicker { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ov-insight-sub { margin: -2px 0 8px; font-size: 11.5px; font-weight: 700; color: var(--tone); }
.ov-insight-text { flex: 1; }

/* then → now mini bars inside each insight */
.ov-cmp { display: flex; flex-direction: column; gap: 7px; margin-top: 12px; padding-top: 10px; border-top: 1px dashed var(--border); }
.ov-cmp-row { display: grid; grid-template-columns: minmax(44px, 72px) 1fr auto; align-items: center; gap: 8px; font-size: 11px; }
.ov-cmp-label { color: var(--text-muted); font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ov-cmp-tracks { display: flex; flex-direction: column; gap: 2px; }
.ov-cmp-tracks i { display: block; height: 5px; border-radius: 3px; }
.ov-cmp-tracks i.is-prev, .ov-cmp-legend i.is-prev, .ov-db-legend i.is-prev { background: var(--text-dim); }
.ov-cmp-tracks i.is-cur, .ov-cmp-legend i.is-cur, .ov-db-legend i.is-cur { background: var(--primary); }
.ov-cmp-val { font-weight: 800; color: var(--text-primary); font-variant-numeric: tabular-nums; }
.ov-cmp-legend, .ov-db-legend { display: flex; gap: 16px; margin-top: -6px; font-size: 11.5px; color: var(--text-muted); }
.ov-cmp-legend i, .ov-db-legend i { display: inline-block; width: 14px; height: 5px; border-radius: 3px; margin-right: 6px; vertical-align: 2px; }

/* ═══ Buying behaviour ═════════════════════════════════ */
.ov-behaviour { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 16px; align-items: start; }
.ov-behaviour-card { border-radius: 20px; }
.ov-behaviour-card .card-header { padding: 16px 20px; background: linear-gradient(180deg, var(--bg-surface-2), var(--bg-surface)); }
.ov-behaviour-card .card-title { font-size: 14px; font-weight: 800; }
.ov-behaviour-card .card-body { padding: 16px 20px 18px; }

/* basket-size dumbbell */
.ov-db-legend { margin: 0 0 12px; }
.ov-db-list { display: flex; flex-direction: column; gap: 4px; }
.ov-db-row { display: grid; grid-template-columns: 84px 1fr 52px 52px; align-items: center; gap: 12px; padding: 6px 0; font-size: 12.5px; }
.ov-db-band { font-weight: 700; color: var(--text-primary); white-space: nowrap; }
.ov-db-track { position: relative; height: 14px; border-radius: 7px; background: linear-gradient(90deg, var(--border-subtle), var(--border-subtle)) center / 100% 2px no-repeat; }
.ov-db-link { position: absolute; top: 5px; height: 4px; border-radius: 2px; }
.ov-db-link.is-up { background: color-mix(in srgb, var(--success) 55%, transparent); }
.ov-db-link.is-down { background: color-mix(in srgb, var(--danger) 45%, transparent); }
.ov-db-dot { position: absolute; top: 50%; width: 12px; height: 12px; border-radius: 50%; transform: translate(-50%, -50%); }
.ov-db-dot.is-prev { background: var(--bg-surface); border: 2px solid var(--text-dim); }
.ov-db-dot.is-cur { background: var(--primary); box-shadow: 0 0 0 3px var(--bg-surface), 0 2px 6px color-mix(in srgb, var(--primary) 45%, transparent); }
.ov-db-val { text-align: right; font-weight: 800; color: var(--text-primary); }
.ov-db-delta { text-align: right; font-size: 11.5px; font-weight: 800; }
.ov-db-delta.is-up { color: #2B7A63; }
.ov-db-delta.is-down { color: #B33434; }
.ov-db-delta.is-flat { color: var(--text-muted); }
[data-theme="dark"] .ov-db-delta.is-up { color: var(--success); }
[data-theme="dark"] .ov-db-delta.is-down { color: var(--danger); }
.ov-db-axis { display: flex; justify-content: space-between; margin: 6px 128px 0 96px; font-size: 10.5px; color: var(--text-muted); }

/* product category movers */
.ov-cat-head, .ov-cat-row { display: grid; grid-template-columns: minmax(120px, 1.3fr) minmax(140px, 1.6fr) 74px 92px; align-items: center; gap: 12px; }
.ov-cat-head { padding: 0 8px 8px; font-size: 10.5px; font-weight: 800; letter-spacing: 0.07em; text-transform: uppercase; color: var(--text-muted); border-bottom: 1px solid var(--border-subtle); }
.ov-cat-head span:nth-child(n+3) { text-align: right; }
.ov-cat-list { display: flex; flex-direction: column; }
.ov-cat-row { padding: 9px 8px; border-radius: 10px; font-size: 12.5px; transition: background var(--ease-fast); }
.ov-cat-row:hover { background: var(--bg-hover); }
.ov-cat-name { display: flex; align-items: center; gap: 10px; font-weight: 700; color: var(--text-primary); min-width: 0; }
.ov-cat-name i { flex-shrink: 0; display: grid; place-items: center; width: 20px; height: 20px; border-radius: 6px; font-style: normal; font-size: 10.5px; font-weight: 800; color: var(--primary); background: var(--primary-light); }
.ov-cat-rev { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 10px; }
.ov-cat-rev .mono { font-weight: 800; color: var(--text-primary); font-variant-numeric: tabular-nums; }
.ov-cat-bar { height: 8px; border-radius: 4px; background: var(--border-subtle); overflow: hidden; }
.ov-cat-bar b { display: block; height: 100%; border-radius: 4px; background: linear-gradient(90deg, #E07A4F, #C3502B); }
.ov-cat-ch { text-align: right; }
.ov-cat-share { text-align: right; font-weight: 800; color: var(--text-primary); }
.ov-cat-share small { display: block; font-size: 10.5px; font-weight: 700; }
.ov-cat-share small.is-up { color: #2B7A63; }
.ov-cat-share small.is-down { color: #B33434; }
[data-theme="dark"] .ov-cat-share small.is-up { color: var(--success); }
[data-theme="dark"] .ov-cat-share small.is-down { color: var(--danger); }

@media (max-width: 1400px) { .ov-insights.has-cmp { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 1180px) { .ov-behaviour { grid-template-columns: 1fr; } }
@media (max-width: 860px)  { .ov-insights.has-cmp { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px)  { .ov-insights.has-cmp { grid-template-columns: 1fr; } .ov-cat-head, .ov-cat-row { grid-template-columns: 1fr 1fr 64px; } .ov-cat-share, .ov-cat-head span:last-child { display: none; } }