.price-guide-page { padding-top: 10px; }
.price-guide-hero { display:flex; align-items:flex-end; justify-content:space-between; gap:18px; margin-bottom:18px; flex-wrap:wrap; }
.price-guide-hero .badge { margin-bottom:10px; }
.price-guide-hero__lead { max-width:680px; margin-top:8px; color:#94a3b8; }
.price-guide-updated { display:inline-flex; align-items:center; gap:8px; color:#94a3b8; font-size:12px; font-weight:800; }
.price-guide-updated__dot { width:8px; height:8px; border-radius:999px; background:#4ade80; box-shadow:0 0 0 4px rgba(34,197,94,.12); }

.price-guide-filters { padding:16px; display:grid; grid-template-columns:minmax(240px,1.35fr) minmax(150px,.8fr) minmax(120px,.65fr) minmax(150px,.75fr) minmax(150px,.75fr) auto; gap:12px; align-items:end; margin-bottom:18px; }
.price-guide-filter { display:grid; gap:7px; min-width:0; }
.price-guide-filter__label { font-size:11px; font-weight:900; text-transform:uppercase; letter-spacing:.06em; color:#64748b; }
.price-guide-filter--search .input-base { padding-left:42px; }

.price-guide-stats { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:14px; margin-bottom:18px; }
.price-stat { min-height:112px; padding:18px; display:grid; grid-template-columns:auto minmax(0,1fr); column-gap:14px; align-items:center; overflow:hidden; }
.price-stat__icon { grid-row:1 / span 3; width:54px; height:54px; border-radius:18px; display:grid; place-items:center; font-size:22px; font-weight:900; border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.04); }
.price-stat__icon--blue { color:#60a5fa; background:rgba(59,130,246,.12); border-color:rgba(59,130,246,.22); }
.price-stat__icon--green { color:#4ade80; background:rgba(34,197,94,.12); border-color:rgba(34,197,94,.22); }
.price-stat__icon--red { color:#fb7185; background:rgba(244,63,94,.13); border-color:rgba(244,63,94,.22); }
.price-stat__icon--purple { color:#a78bfa; background:rgba(139,92,246,.13); border-color:rgba(139,92,246,.22); }
.price-stat__icon--yellow { color:#facc15; background:rgba(250,204,21,.12); border-color:rgba(250,204,21,.22); }
.price-stat__label { font-size:11px; font-weight:900; color:#94a3b8; text-transform:uppercase; letter-spacing:.05em; }
.price-stat__value { margin-top:3px; color:#f8fafc; font-size:25px; line-height:1.05; font-weight:900; letter-spacing:-.03em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.price-stat__value.is-up, .price-stat__sub.is-up { color:#4ade80; }
.price-stat__value.is-down, .price-stat__sub.is-down { color:#fb7185; }
.price-stat__sub { margin-top:4px; color:#64748b; font-size:12px; font-weight:800; }
.price-stat.is-loading { opacity:.65; }

.price-guide-grid { display:grid; gap:14px; margin-bottom:14px; }
.price-guide-grid--charts { grid-template-columns:minmax(0,1fr) 360px; }
.price-guide-grid--three { grid-template-columns:repeat(3,minmax(0,1fr)); }
.price-panel { padding:20px; min-width:0; overflow:hidden; margin-bottom:14px; }
.price-panel__head { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; margin-bottom:16px; }
.price-panel__title { font-size:17px; font-weight:900; color:#f8fafc; letter-spacing:-.02em; }
.price-panel__sub { margin-top:3px; color:#94a3b8; font-size:13px; }
.price-range-tabs { display:flex; gap:5px; flex-wrap:wrap; justify-content:flex-end; }
.price-range-tabs button { min-height:32px; padding:0 11px; display:inline-flex; align-items:center; justify-content:center; border-radius:10px; color:#94a3b8; border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.03); font-size:12px; font-weight:900; cursor:pointer; }
.price-range-tabs button:hover, .price-range-tabs button.is-active { color:#171717; background:linear-gradient(180deg,#fde047,#facc15); border-color:rgba(250,204,21,.5); }
.price-chart-wrap { position:relative; height:330px; border-radius:16px; overflow:hidden; padding:12px; border:1px solid rgba(255,255,255,.06); background:linear-gradient(to right,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(to top,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.02),transparent); background-size:64px 64px,64px 64px,auto; }
.price-chart-wrap canvas { width:100% !important; height:100% !important; }
.price-loading { position:absolute; inset:12px; display:grid; place-items:center; color:#94a3b8; font-weight:800; border-radius:14px; background:rgba(11,16,32,.45); backdrop-filter:blur(2px); }
.price-loading[hidden] { display:none !important; }
.price-donut-layout { display:grid; grid-template-columns:160px minmax(0,1fr); gap:14px; align-items:center; }
.price-donut-wrap { width:160px; height:160px; position:relative; }
.price-donut-wrap canvas { width:100% !important; height:100% !important; }
.price-donut-legend { display:grid; gap:10px; }
.price-donut-legend div { min-height:38px; display:flex; align-items:center; justify-content:space-between; gap:10px; border-bottom:1px solid rgba(255,255,255,.055); }
.price-donut-legend span { color:#94a3b8; font-size:13px; font-weight:800; }
.price-donut-legend strong { color:#f8fafc; font-weight:900; }

.price-highlight-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.price-highlight { min-height:96px; padding:16px; border-radius:18px; border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.025); display:flex; flex-direction:column; gap:6px; }
.price-highlight strong { color:#f8fafc; font-size:14px; font-weight:900; }
.price-highlight span { color:#94a3b8; font-size:13px; line-height:1.45; }
.price-highlight--good { border-color:rgba(34,197,94,.20); background:rgba(34,197,94,.055); }
.price-highlight--bad { border-color:rgba(244,63,94,.20); background:rgba(244,63,94,.055); }
.price-highlight--neutral { border-color:rgba(250,204,21,.18); background:rgba(250,204,21,.045); }

.price-mover-list { display:grid; gap:9px; }
.price-mover { display:grid; grid-template-columns:54px minmax(0,1fr) auto; gap:10px; align-items:center; min-height:62px; padding:8px; border-radius:14px; background:rgba(255,255,255,.025); border:1px solid rgba(255,255,255,.055); transition:background .18s, transform .18s, border-color .18s; }
.price-mover:hover { transform:translateX(2px); background:rgba(255,255,255,.04); border-color:rgba(250,204,21,.18); }
.price-mover__img { width:54px; height:46px; border-radius:12px; background:#fff; display:grid; place-items:center; overflow:hidden; color:#0f172a; font-weight:900; }
.price-mover__img img { width:100%; height:100%; object-fit:contain; padding:4px; }
.price-mover__body { min-width:0; display:grid; gap:2px; }
.price-mover__body strong { color:#f8fafc; font-size:13px; font-weight:900; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.price-mover__body small { color:#94a3b8; font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.price-mover__change { min-height:26px; padding:0 9px; border-radius:999px; font-size:12px; font-weight:900; display:inline-flex; align-items:center; }
.is-up { color:#4ade80 !important; }
.is-down { color:#fb7185 !important; }
.is-flat { color:#facc15 !important; }
.price-mover__change.is-up { background:rgba(34,197,94,.12); border:1px solid rgba(34,197,94,.22); }
.price-mover__change.is-down { background:rgba(244,63,94,.13); border:1px solid rgba(244,63,94,.22); }
.price-empty { color:#64748b; font-size:13px; font-weight:800; padding:18px 0; text-align:center; }

.price-history-product { display:grid; grid-template-columns:72px minmax(0,1fr); gap:12px; align-items:center; padding:12px; border-radius:16px; background:rgba(255,255,255,.025); border:1px solid rgba(255,255,255,.06); margin-bottom:12px; }
.price-history-product__img { width:72px; height:58px; border-radius:12px; background:#fff; display:grid; place-items:center; overflow:hidden; color:#0f172a; }
.price-history-product__img img { width:100%; height:100%; object-fit:contain; padding:5px; }
.price-history-product strong { display:block; color:#f8fafc; font-weight:900; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.price-history-product small { display:block; margin-top:3px; color:#94a3b8; }
.price-mini-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.price-mini-stats div { padding:12px; border-radius:14px; background:rgba(255,255,255,.025); border:1px solid rgba(255,255,255,.055); }
.price-mini-stats span { display:block; color:#64748b; font-size:11px; font-weight:900; text-transform:uppercase; letter-spacing:.05em; }
.price-mini-stats strong { display:block; margin-top:4px; color:#f8fafc; font-size:15px; font-weight:900; }

.price-table-wrap { overflow:auto; border-radius:16px; border:1px solid rgba(255,255,255,.06); }
.price-table { width:100%; border-collapse:collapse; min-width:860px; }
.price-table th { position:sticky; top:0; z-index:1; background:#111827; color:#94a3b8; font-size:11px; font-weight:900; text-transform:uppercase; letter-spacing:.06em; text-align:left; padding:12px 14px; border-bottom:1px solid rgba(255,255,255,.07); }
.price-table td { padding:12px 14px; border-bottom:1px solid rgba(255,255,255,.055); color:#cbd5e1; vertical-align:middle; }
.price-table tr:last-child td { border-bottom:0; }
.price-table td strong { display:block; color:#f8fafc; font-weight:900; }
.price-table td small { display:block; margin-top:3px; color:#64748b; font-weight:700; }
.price-table-set { display:grid; grid-template-columns:54px minmax(0,1fr); gap:10px; align-items:center; min-width:260px; }
.price-table-set span:first-child { width:54px; height:46px; border-radius:12px; background:#fff; display:grid; place-items:center; overflow:hidden; color:#0f172a; }
.price-table-set img { width:100%; height:100%; object-fit:contain; padding:4px; }
.price-table-set strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.price-signal { min-height:26px; padding:0 9px; border-radius:999px; display:inline-flex; align-items:center; justify-content:center; font-size:12px; font-weight:900; text-transform:capitalize; white-space:nowrap; }
.price-signal--buy { color:#4ade80; background:rgba(34,197,94,.12); border:1px solid rgba(34,197,94,.24); }
.price-signal--sell { color:#fb7185; background:rgba(244,63,94,.13); border:1px solid rgba(244,63,94,.24); }
.price-signal--hold { color:#facc15; background:rgba(250,204,21,.12); border:1px solid rgba(250,204,21,.24); }
.price-guide-page.is-loading .price-panel, .price-guide-page.is-loading .price-guide-stats { opacity:.78; }

html[data-theme="light"] .price-guide-hero__lead,
html[data-theme="light"] .price-panel__sub,
html[data-theme="light"] .price-mover__body small,
html[data-theme="light"] .price-highlight span,
html[data-theme="light"] .price-history-product small { color:#64748b; }
html[data-theme="light"] .price-stat__value,
html[data-theme="light"] .price-panel__title,
html[data-theme="light"] .price-mover__body strong,
html[data-theme="light"] .price-highlight strong,
html[data-theme="light"] .price-history-product strong,
html[data-theme="light"] .price-mini-stats strong,
html[data-theme="light"] .price-table td strong,
html[data-theme="light"] .price-table-set strong,
html[data-theme="light"] .price-donut-legend strong { color:#0f172a; }
html[data-theme="light"] .price-chart-wrap { border-color:rgba(148,163,184,.16); background:linear-gradient(to right,rgba(148,163,184,.10) 1px,transparent 1px),linear-gradient(to top,rgba(148,163,184,.10) 1px,transparent 1px),linear-gradient(180deg,#fff,#f8fafc); background-size:64px 64px,64px 64px,auto; }
html[data-theme="light"] .price-table-wrap,
html[data-theme="light"] .price-table th,
html[data-theme="light"] .price-table td,
html[data-theme="light"] .price-history-product { border-color:rgba(148,163,184,.16); }
html[data-theme="light"] .price-table th { background:#f8fafc; }
html[data-theme="light"] .price-table td { color:#334155; }
html[data-theme="light"] .price-mover,
html[data-theme="light"] .price-mini-stats div,
html[data-theme="light"] .price-highlight,
html[data-theme="light"] .price-history-product { background:#fff; border-color:rgba(148,163,184,.14); }
html[data-theme="light"] .price-loading { background:rgba(255,255,255,.72); }

@media(max-width:1280px){
  .price-guide-stats{grid-template-columns:repeat(3,minmax(0,1fr));}
  .price-guide-grid--charts,.price-guide-grid--three{grid-template-columns:1fr;}
  .price-guide-filters{grid-template-columns:1fr 1fr 1fr;}
  .price-donut-layout{grid-template-columns:180px 1fr;}
}
@media(max-width:760px){
  .price-guide-filters{grid-template-columns:1fr;}
  .price-guide-stats{grid-template-columns:1fr 1fr;gap:10px;}
  .price-stat{min-height:96px;padding:14px;}
  .price-stat__icon{width:44px;height:44px;}
  .price-stat__value{font-size:21px;}
  .price-panel{padding:15px;}
  .price-panel__head{flex-direction:column;}
  .price-chart-wrap{height:250px;}
  .price-donut-layout{grid-template-columns:1fr;}
  .price-donut-wrap{margin:auto;}
  .price-highlight-grid{grid-template-columns:1fr;}
  .price-guide-hero{align-items:flex-start;}
  .price-range-tabs{justify-content:flex-start;}
}
@media(max-width:480px){
  .price-guide-stats,.price-mini-stats{grid-template-columns:1fr;}
  .price-chart-wrap{height:220px;}
  .price-mover{grid-template-columns:46px minmax(0,1fr);}
  .price-mover__change{grid-column:2;text-align:left;width:fit-content;}
  .price-mover__img{width:46px;height:40px;}
}

/* =============================================================================
   Price Guide polish pass — closer to market dashboard mockup
   ============================================================================= */
.price-guide-page .user-page-main { min-width: 0; }
.price-guide-hero { align-items: flex-start; margin-bottom: 16px; }
.price-guide-hero .page-title { margin-top: 4px; }
.price-guide-hero__lead { color: #9fb0c9; }

.price-guide-filters {
  padding: 16px;
  border-radius: 24px;
  grid-template-columns: minmax(280px,1.5fr) minmax(170px,.85fr) minmax(130px,.7fr) minmax(170px,.85fr) minmax(170px,.85fr) auto;
  background:
    radial-gradient(circle at top left, rgba(59,130,246,.07), transparent 32%),
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018));
}
.price-guide-filter__label { color: #8da0bc; letter-spacing: .055em; }
.price-guide-filters .input-base,
.price-guide-filters .select-base {
  min-height: 52px;
  border-radius: 16px;
  font-weight: 800;
}
.price-guide-filter--search .input-base { padding-left: 42px; }

.price-guide-stats { gap: 16px; margin-bottom: 20px; }
.price-stat { min-height: 116px; border-radius: 22px; }
.price-stat__icon { font-size: 22px; }
.price-stat__label { color: #92a4be; }
.price-stat__sub { color: #74849d; }

.price-guide-grid { gap: 16px; margin-bottom: 16px; }
.price-guide-grid--charts { grid-template-columns: minmax(0,1fr) 390px; }
.price-guide-grid--three { grid-template-columns: 1fr 1fr 1fr; align-items: stretch; }
.price-panel { border-radius: 22px; padding: 22px; margin-bottom: 16px; }
.price-panel__title { font-size: 18px; }
.price-panel__sub { color: #94a3b8; }

.price-range-tabs {
  padding: 4px;
  border-radius: 14px;
  background: rgba(15,23,42,.34);
  border: 1px solid rgba(148,163,184,.12);
}
.price-range-tabs button {
  min-height: 34px;
  min-width: 44px;
  color: #9fb0c9 !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
}
.price-range-tabs button:hover {
  color: #f8fafc !important;
  background: rgba(255,255,255,.055) !important;
  border-color: rgba(255,255,255,.08) !important;
}
.price-range-tabs button.is-active {
  color: #171717 !important;
  background: linear-gradient(180deg,#fde047,#facc15) !important;
  border-color: rgba(250,204,21,.65) !important;
}

.price-chart-wrap { height: 360px; border-radius: 18px; }
.price-donut-layout { grid-template-columns: 170px minmax(0,1fr); }
.price-donut-wrap { width: 170px; height: 170px; }
.price-donut-legend div { min-height: 44px; }
.price-donut-legend .is-up { color: #4ade80 !important; }
.price-donut-legend .is-down { color: #fb7185 !important; }
.price-donut-legend .is-flat { color: #facc15 !important; }

/* Insights should feel like the screenshot: compact signal list, not giant random boxes */
.price-highlight-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 10px;
}
.price-highlight {
  min-height: 72px;
  padding: 14px 16px;
  display: grid;
  grid-template-columns: 34px minmax(0,1fr);
  align-items: center;
  gap: 12px;
  border-radius: 16px;
  background: rgba(255,255,255,.025);
}
.price-highlight__icon {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 900;
  background: rgba(255,255,255,.045);
}
.price-highlight__body { min-width: 0; display: grid; gap: 3px; }
.price-highlight__body strong { color: #f8fafc; font-size: 14px; font-weight: 900; }
.price-highlight__body span { color: #94a3b8; font-size: 13px; line-height: 1.45; }
.price-highlight--good .price-highlight__icon { color:#4ade80; background:rgba(34,197,94,.12); }
.price-highlight--bad .price-highlight__icon { color:#fb7185; background:rgba(244,63,94,.13); }
.price-highlight--watch .price-highlight__icon,
.price-highlight--neutral .price-highlight__icon { color:#facc15; background:rgba(250,204,21,.12); }

.price-mover-list { gap: 10px; }
.price-mover {
  min-height: 70px;
  padding: 10px;
  grid-template-columns: 58px minmax(0,1fr) auto;
  background: rgba(255,255,255,.028);
}
.price-mover__img { width: 58px; height: 50px; }
.price-mover__body strong { font-size: 14px; }
.price-mover__change { min-width: 70px; justify-content: center; }

.price-history-product {
  grid-template-columns: 90px minmax(0,1fr);
  align-items: center;
  margin-bottom: 14px;
}
.price-history-product__img {
  width: 90px;
  height: 72px;
  border-radius: 14px;
}
.price-history-product strong { font-size: 15px; white-space: normal; line-height: 1.2; }
.price-history-product small { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.price-mini-stats { gap: 10px; }
.price-mini-stats div { min-width: 0; }

.price-table-wrap { border-radius: 18px; }
.price-table th { background: rgba(17,24,39,.92); }
.price-table td { padding: 13px 14px; }
.price-table-set { min-width: 320px; }
.price-table-set span:first-child { width: 58px; height: 50px; }
.price-table-set strong { font-size: 14px; }
.price-signal { text-transform: capitalize; }

html[data-theme="light"] .price-range-tabs { background: #f8fafc; border-color: rgba(148,163,184,.18); }
html[data-theme="light"] .price-range-tabs button { color: #64748b !important; }
html[data-theme="light"] .price-range-tabs button:hover { color: #0f172a !important; background: rgba(15,23,42,.04) !important; }
html[data-theme="light"] .price-guide-filters { background: linear-gradient(180deg,#fff,#f8fafc); }
html[data-theme="light"] .price-highlight__body strong { color: #0f172a; }
html[data-theme="light"] .price-highlight__body span { color: #64748b; }
html[data-theme="light"] .price-table th { background: #f8fafc; }

@media(max-width:1280px){
  .price-guide-grid--charts { grid-template-columns: 1fr; }
  .price-guide-grid--three { grid-template-columns: 1fr; }
  .price-guide-filters { grid-template-columns: 1fr 1fr 1fr; }
}
@media(max-width:760px){
  .price-guide-filters { grid-template-columns: 1fr; }
  .price-guide-stats { grid-template-columns: 1fr 1fr; }
  .price-highlight-grid { grid-template-columns: 1fr; }
  .price-chart-wrap { height: 270px; }
  .price-range-tabs { width: 100%; justify-content: flex-start; overflow-x: auto; flex-wrap: nowrap; }
  .price-donut-layout { grid-template-columns: 1fr; }
}

/* =============================================================================
   Price Guide final layout pass
   ============================================================================= */
.price-guide-grid--three {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
}

.price-panel--wide-low {
  margin-bottom: 16px;
}

.price-panel--wide-low [data-pg-highlight-set] {
  display: grid;
  gap: 14px;
}

.price-panel--wide-low .price-history-product {
  grid-template-columns: 120px minmax(0, 1fr);
  margin-bottom: 0;
  min-height: 104px;
}

.price-panel--wide-low .price-history-product__img {
  width: 120px;
  height: 92px;
}

.price-panel--wide-low .price-mini-stats {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.price-highlight-grid {
  grid-template-columns: 1fr;
  gap: 9px;
}

.price-highlight {
  min-height: 64px;
  padding: 12px 14px;
}

.price-highlight__body strong,
.price-mover__body strong,
.price-history-product strong,
.price-table-set strong {
  overflow: hidden;
  text-overflow: ellipsis;
}

.price-mover__body small,
.price-history-product small,
.price-table-set small {
  text-transform: none;
}

.price-table th[data-sort] {
  cursor: pointer;
  user-select: none;
  position: relative;
  padding-right: 24px;
}

.price-table th[data-sort]::after {
  content: "↕";
  position: absolute;
  right: 9px;
  top: 50%;
  transform: translateY(-50%);
  color: #64748b;
  font-size: 11px;
  opacity: .75;
}

.price-table th[data-sort].is-active::after {
  content: "↓";
  color: #facc15;
  opacity: 1;
}

.price-table th[data-sort].is-active[data-dir="ASC"]::after {
  content: "↑";
}

.price-table th[data-sort]:hover {
  color: #facc15;
}

.price-table td small {
  display: block;
  margin-top: 3px;
  color: #64748b;
  font-size: 12px;
  font-weight: 700;
}

.price-table-more {
  display: flex;
  justify-content: center;
  padding-top: 16px;
}

.price-table-more .btn[hidden] {
  display: none !important;
}

.price-table-set {
  min-width: 280px;
}

.price-table-set span:first-child {
  background: #fff;
}

.price-table .is-up { color: #4ade80; }
.price-table .is-down { color: #fb7185; }
.price-table .is-flat { color: #facc15; }

@media(max-width:1280px){
  .price-guide-grid--three { grid-template-columns: 1fr; }
}

@media(max-width:760px){
  .price-panel--wide-low .price-history-product { grid-template-columns: 76px minmax(0,1fr); min-height: auto; }
  .price-panel--wide-low .price-history-product__img { width: 76px; height: 62px; }
  .price-panel--wide-low .price-mini-stats { grid-template-columns: 1fr 1fr; }
}


/* =============================================================================
   Price Guide refinement — market dashboard layout + low-match chart
   ============================================================================= */
.price-guide-grid--three {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
}

.price-guide-grid--three .price-panel {
  margin-bottom: 0;
  min-height: 260px;
}

.price-panel--wide-low {
  width: 100%;
  margin-top: 16px;
}

.price-mover__change {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 3px;
  min-width: 86px;
  text-align: right;
}

.price-mover__change strong {
  color: inherit;
  font-size: 13px;
  font-weight: 900;
  line-height: 1;
}

.price-mover__change small {
  color: inherit;
  font-size: 12px;
  font-weight: 900;
  opacity: .92;
  line-height: 1;
}

.price-highlight-grid {
  grid-template-columns: 1fr;
  gap: 10px;
}

.price-highlight {
  min-height: 64px;
  grid-template-columns: 36px minmax(0,1fr);
  padding: 12px 14px;
}

.price-highlight__icon {
  width: 36px;
  height: 36px;
}

.price-low-layout {
  display: grid;
  grid-template-columns: 330px minmax(0, 1fr);
  gap: 16px;
  align-items: stretch;
}

.price-panel--wide-low .price-history-product {
  margin-bottom: 0;
  min-height: 178px;
  grid-template-columns: 116px minmax(0,1fr);
  align-content: center;
}

.price-panel--wide-low .price-history-product__img {
  width: 116px;
  height: 96px;
  border-radius: 18px;
}

.price-low-chart-wrap {
  min-height: 178px;
  padding: 14px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.06);
  background:
    linear-gradient(to right, rgba(148,163,184,.08) 1px, transparent 1px),
    linear-gradient(to top, rgba(148,163,184,.08) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.01));
  background-size: 64px 64px, 64px 64px, auto;
  overflow: hidden;
}

.price-low-chart {
  width: 100%;
  height: 100%;
  min-height: 150px;
  display: block;
}

.price-low-chart polyline {
  fill: none;
  stroke: #facc15;
  stroke-width: 5;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: drop-shadow(0 6px 16px rgba(250,204,21,.22));
}

.price-low-chart.is-up polyline { stroke: #4ade80; }
.price-low-chart.is-down polyline { stroke: #fb7185; }
.price-low-chart__empty {
  height: 150px;
  display: grid;
  place-items: center;
  color: #64748b;
  font-weight: 800;
}

.price-mini-stats--low {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin-top: 12px;
}

.price-table th[data-sort] {
  cursor: pointer;
  user-select: none;
  transition: color .15s ease, background .15s ease;
}

.price-table th[data-sort]:hover,
.price-table th[data-sort].is-active {
  color: #facc15;
}

.price-table th[data-sort].is-active::after {
  content: attr(data-dir);
  margin-left: 6px;
  font-size: 9px;
  opacity: .65;
}

html[data-theme="light"] .price-low-chart-wrap {
  border-color: rgba(148,163,184,.16);
  background:
    linear-gradient(to right, rgba(148,163,184,.10) 1px, transparent 1px),
    linear-gradient(to top, rgba(148,163,184,.10) 1px, transparent 1px),
    linear-gradient(180deg,#fff,#f8fafc);
  background-size: 64px 64px, 64px 64px, auto;
}

@media(max-width:1280px){
  .price-guide-grid--three { grid-template-columns: 1fr; }
  .price-low-layout { grid-template-columns: 1fr; }
  .price-mini-stats--low { grid-template-columns: repeat(3, minmax(0,1fr)); }
}

@media(max-width:760px){
  .price-panel--wide-low .price-history-product { grid-template-columns: 82px minmax(0,1fr); min-height: auto; }
  .price-panel--wide-low .price-history-product__img { width: 82px; height: 70px; }
  .price-mini-stats--low { grid-template-columns: 1fr 1fr; }
  .price-mover__change { grid-column: 2; align-items: flex-start; text-align: left; }
}

/* =============================================================================
   Price Guide requested fixes: mover amount outside badge + low-match chart
   ============================================================================= */
.price-mover__change {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  min-width: 88px;
  align-items: flex-end;
}
.price-mover__change strong {
  display: block;
  padding: 0 2px 4px;
  background: transparent !important;
  border: 0 !important;
  color: inherit;
  line-height: 1;
}
.price-mover__change small {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 26px;
  padding: 0 12px;
  border-radius: 999px;
  color: inherit;
  line-height: 1;
}
.price-mover__change.is-up small { background: rgba(34,197,94,.12); border: 1px solid rgba(34,197,94,.24); }
.price-mover__change.is-down small { background: rgba(244,63,94,.13); border: 1px solid rgba(244,63,94,.24); }
.price-mover__change.is-flat small { background: rgba(250,204,21,.12); border: 1px solid rgba(250,204,21,.24); }

.price-panel--wide-low [data-pg-highlight-set] {
  display: grid;
  gap: 18px;
}
.price-mini-stats--low {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  margin-top: 0 !important;
}
.price-mini-stats--low div {
  position: relative;
  min-height: 70px;
  padding: 15px 16px;
  border-radius: 16px;
}
.price-mini-stats--low strong {
  font-size: 20px;
  letter-spacing: -.03em;
}
.price-mini-badge {
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  min-height: 28px;
  padding: 0 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  font-style: normal;
  font-weight: 900;
  font-size: 13px;
}
.price-mini-badge.is-up { background: rgba(34,197,94,.13); border: 1px solid rgba(34,197,94,.25); }
.price-mini-badge.is-down { background: rgba(244,63,94,.14); border: 1px solid rgba(244,63,94,.26); }
.price-mini-badge.is-flat { background: rgba(250,204,21,.13); border: 1px solid rgba(250,204,21,.25); }

.price-low-layout {
  grid-template-columns: 330px minmax(0, 1fr);
  gap: 18px;
}
.price-low-chart-wrap {
  min-height: 310px;
  padding: 18px;
  background:
    radial-gradient(circle at 20% 12%, rgba(34,197,94,.08), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.012));
}
.price-low-chart {
  height: 274px;
  min-height: 274px;
  overflow: visible;
}
.price-low-chart__grid {
  stroke: rgba(148,163,184,.18);
  stroke-width: 1;
  stroke-dasharray: 5 6;
}
.price-low-chart__axis,
.price-low-chart__x {
  fill: #94a3b8;
  font-size: 14px;
  font-weight: 800;
}
.price-low-chart__area {
  fill: rgba(74,222,128,.15);
}
.price-low-chart__line {
  fill: none;
  stroke: #4ade80;
  stroke-width: 5;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: drop-shadow(0 8px 18px rgba(74,222,128,.25));
}
.price-low-chart.is-down .price-low-chart__line { stroke: #fb7185; filter: drop-shadow(0 8px 18px rgba(251,113,133,.24)); }
.price-low-chart.is-down .price-low-chart__area { fill: rgba(251,113,133,.13); }
.price-low-chart__dot {
  fill: #4ade80;
  stroke: #0f172a;
  stroke-width: 3;
}
.price-low-chart.is-down .price-low-chart__dot { fill: #fb7185; }
.price-low-chart polyline:not(.price-low-chart__line) { display: none; }

html[data-theme="light"] .price-low-chart__dot { stroke: #fff; }
html[data-theme="light"] .price-low-chart__axis,
html[data-theme="light"] .price-low-chart__x { fill: #64748b; }
html[data-theme="light"] .price-low-chart-wrap { background: linear-gradient(180deg,#fff,#f8fafc); }

@media(max-width:1280px){
  .price-mini-stats--low { grid-template-columns: repeat(3, minmax(0,1fr)) !important; }
  .price-low-layout { grid-template-columns: 1fr; }
}
@media(max-width:760px){
  .price-mini-stats--low { grid-template-columns: 1fr 1fr !important; }
  .price-low-chart-wrap { min-height: 250px; padding: 12px; }
  .price-low-chart { height: 220px; min-height: 220px; }
  .price-mini-badge { position: static; transform: none; margin-top: 8px; width: fit-content; }
}

/* =============================================================================
   Price Guide low-match interactive chart + badges
   ============================================================================= */
.price-mover__change {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  min-height: auto;
  border-radius: 0;
}
.price-mover__change strong {
  display: block;
  font-size: 13px;
  line-height: 1.05;
  color: inherit;
}
.price-mover__change small {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 4px;
  min-height: 24px;
  padding: 0 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 900;
  color: inherit;
}
.price-mover__change.is-up small { background: rgba(34,197,94,.13); border: 1px solid rgba(34,197,94,.25); }
.price-mover__change.is-down small { background: rgba(244,63,94,.14); border: 1px solid rgba(244,63,94,.26); }
.price-mover__change.is-flat small { background: rgba(250,204,21,.13); border: 1px solid rgba(250,204,21,.25); }

.price-panel--wide-low [data-pg-highlight-set] { display: grid; gap: 16px; }
.price-low-topline {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 4px;
}
.price-low-kpi {
  min-height: 70px;
  padding: 14px 16px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.065);
  background: rgba(255,255,255,.028);
  display: grid;
  align-content: center;
  gap: 5px;
  min-width: 0;
}
.price-low-kpi span {
  color: #7f91ad;
  font-size: 11px;
  line-height: 1;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .055em;
}
.price-low-kpi strong {
  color: #f8fafc;
  font-size: 18px;
  line-height: 1.05;
  font-weight: 950;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.price-low-kpi em {
  width: fit-content;
  min-height: 24px;
  padding: 0 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  font-style: normal;
  font-size: 12px;
  line-height: 1;
  font-weight: 900;
}
.price-low-kpi em.is-up { color:#4ade80; background:rgba(34,197,94,.13); border:1px solid rgba(34,197,94,.25); }
.price-low-kpi em.is-down { color:#fb7185; background:rgba(244,63,94,.14); border:1px solid rgba(244,63,94,.26); }
.price-low-kpi em.is-flat { color:#facc15; background:rgba(250,204,21,.13); border:1px solid rgba(250,204,21,.25); }

.price-low-layout {
  display: grid;
  grid-template-columns: 320px minmax(0, 1fr);
  gap: 16px;
  align-items: stretch;
}
.price-low-product {
  min-height: 310px;
  padding: 20px 16px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.065);
  background: rgba(255,255,255,.025);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 10px;
  overflow: hidden;
}
.price-low-product__img {
  width: 116px;
  height: 96px;
  border-radius: 18px;
  background: #fff;
  display: grid;
  place-items: center;
  overflow: hidden;
  color: #0f172a;
  font-weight: 900;
  margin-bottom: 8px;
}
.price-low-product__img img { width:100%; height:100%; object-fit:contain; padding:6px; }
.price-low-product strong {
  color: #f8fafc;
  font-size: 15px;
  line-height: 1.18;
  font-weight: 950;
  max-width: 100%;
}
.price-low-product small { color:#94a3b8; font-size:13px; font-weight:800; }
.price-low-product .btn { margin-top: 8px; }
.price-low-chart-panel {
  position: relative;
  min-height: 310px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.065);
  background:
    linear-gradient(to right, rgba(148,163,184,.075) 1px, transparent 1px),
    linear-gradient(to top, rgba(148,163,184,.075) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.01));
  background-size: 64px 64px, 64px 64px, auto;
  overflow: hidden;
  padding: 48px 14px 14px;
}
.price-low-chart-tabs {
  position: absolute;
  top: 14px;
  right: 14px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.price-low-chart-tabs button {
  min-width: 44px;
  min-height: 34px;
  padding: 0 11px;
  border-radius: 11px;
  border: 1px solid rgba(148,163,184,.18);
  background: rgba(15,23,42,.52);
  color: #94a3b8;
  font-size: 12px;
  font-weight: 950;
  cursor: pointer;
}
.price-low-chart-tabs button:hover { color:#f8fafc; border-color:rgba(250,204,21,.28); }
.price-low-chart-tabs button.is-active {
  color: #171717;
  background: linear-gradient(180deg,#fde047,#facc15);
  border-color: rgba(250,204,21,.72);
}
.price-low-chart-wrap {
  height: 248px;
  min-height: 248px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}
.price-low-chart-wrap canvas { width:100% !important; height:100% !important; }
.price-low-chart__empty { height: 248px; display:grid; place-items:center; color:#64748b; font-weight:900; }

html[data-theme="light"] .price-low-kpi,
html[data-theme="light"] .price-low-product,
html[data-theme="light"] .price-low-chart-panel { background:#fff; border-color:rgba(148,163,184,.16); }
html[data-theme="light"] .price-low-kpi strong,
html[data-theme="light"] .price-low-product strong { color:#0f172a; }
html[data-theme="light"] .price-low-chart-tabs button { background:#f8fafc; color:#64748b; }

@media(max-width:1280px){
  .price-low-topline { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .price-low-layout { grid-template-columns: 1fr; }
  .price-low-product { min-height: auto; }
}
@media(max-width:760px){
  .price-low-topline { grid-template-columns: 1fr 1fr; }
  .price-low-chart-panel { min-height: 280px; padding-top: 58px; }
  .price-low-chart-wrap { height: 210px; min-height: 210px; }
  .price-low-chart-tabs { left:14px; right:auto; overflow-x:auto; max-width:calc(100% - 28px); }
}
@media(max-width:480px){
  .price-low-topline { grid-template-columns: 1fr; }
  .price-low-chart-tabs button { min-width: 40px; }
}


/* =============================================================================
   Price Guide theme movers + corrected chart layout
   ============================================================================= */
.price-guide-grid--charts {
  grid-template-columns: minmax(0, 1fr) 390px;
  align-items: stretch;
}
.price-guide-grid--charts > .price-panel {
  margin-bottom: 0;
  min-height: 612px;
  display: flex;
  flex-direction: column;
}
.price-guide-grid--charts > .price-panel .price-chart-wrap {
  flex: 1 1 auto;
  height: auto;
  min-height: 510px;
}
.price-guide-side-charts {
  display: grid;
  grid-template-rows: 1fr 1fr;
  gap: 16px;
  min-height: 612px;
}
.price-panel--side-chart {
  margin-bottom: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.price-panel--side-chart .price-panel__head {
  margin-bottom: 12px;
}
.price-panel--side-chart .price-donut-layout {
  flex: 1 1 auto;
}
.price-donut-layout--themes {
  grid-template-columns: 138px minmax(0, 1fr);
  gap: 12px;
}
.price-donut-layout--themes .price-donut-wrap {
  width: 138px;
  height: 138px;
}
.price-donut-legend--compact {
  gap: 6px;
  align-content: center;
  overflow: hidden;
}
.price-donut-legend--compact div {
  min-height: 28px;
  gap: 8px;
}
.price-donut-legend--compact span {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.price-donut-legend--compact span i {
  width: 9px;
  height: 9px;
  flex: 0 0 auto;
  border-radius: 999px;
  display: inline-block;
}
.price-donut-legend--compact strong {
  font-size: 12px;
  white-space: nowrap;
}

@media(max-width:1280px){
  .price-guide-grid--charts { grid-template-columns: 1fr; }
  .price-guide-grid--charts > .price-panel,
  .price-guide-side-charts { min-height: 0; }
  .price-guide-grid--charts > .price-panel .price-chart-wrap { height: 360px; min-height: 360px; }
  .price-guide-side-charts { grid-template-columns: 1fr 1fr; grid-template-rows: auto; }
}
@media(max-width:760px){
  .price-guide-grid--charts > .price-panel .price-chart-wrap { height: 270px; min-height: 270px; }
  .price-guide-side-charts { grid-template-columns: 1fr; }
  .price-donut-layout--themes { grid-template-columns: 1fr; }
  .price-donut-layout--themes .price-donut-wrap { margin: auto; width: 160px; height: 160px; }
}


/* =============================================================================
   Price Guide final fixes: equal chart height + theme movers chart
   ============================================================================= */
.price-guide-grid--charts {
  grid-template-columns: minmax(0, 1fr) 390px;
  align-items: stretch;
}
.price-guide-grid--charts > .price-panel,
.price-guide-side-charts {
  min-height: 650px;
}
.price-guide-grid--charts > .price-panel {
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
}
.price-guide-grid--charts > .price-panel .price-chart-wrap {
  flex: 1 1 auto;
  height: auto !important;
  min-height: 540px;
}
.price-guide-side-charts {
  display: grid;
  grid-template-rows: minmax(0, 1fr) minmax(0, 1fr);
  gap: 16px;
}
.price-panel--side-chart {
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
  min-height: 0;
}
.price-panel--side-chart .price-panel__head {
  flex: 0 0 auto;
  margin-bottom: 12px;
}
.price-panel--side-chart .price-donut-layout {
  flex: 1 1 auto;
  min-height: 0;
}
.price-donut-layout--themes {
  grid-template-columns: 138px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
}
.price-donut-layout--themes .price-donut-wrap {
  width: 138px;
  height: 138px;
}
.price-donut-legend--compact {
  gap: 6px;
  align-content: center;
  overflow: hidden;
}
.price-donut-legend--compact div {
  min-height: 30px;
  gap: 8px;
}
.price-donut-legend--compact span {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.price-donut-legend--compact span i {
  width: 9px;
  height: 9px;
  flex: 0 0 auto;
  border-radius: 999px;
  display: inline-block;
}
.price-donut-legend--compact strong {
  display: grid;
  justify-items: end;
  gap: 1px;
  font-size: 12px;
  line-height: 1.05;
  white-space: nowrap;
}
.price-donut-legend--compact strong small {
  color: #64748b;
  font-size: 10px;
  font-weight: 900;
}
@media(max-width:1280px){
  .price-guide-grid--charts { grid-template-columns: 1fr; }
  .price-guide-grid--charts > .price-panel,
  .price-guide-side-charts { min-height: 0; }
  .price-guide-grid--charts > .price-panel .price-chart-wrap { height: 380px !important; min-height: 380px; }
  .price-guide-side-charts { grid-template-columns: 1fr 1fr; grid-template-rows: auto; }
}
@media(max-width:760px){
  .price-guide-grid--charts > .price-panel .price-chart-wrap { height: 270px !important; min-height: 270px; }
  .price-guide-side-charts { grid-template-columns: 1fr; }
  .price-donut-layout--themes { grid-template-columns: 1fr; }
  .price-donut-layout--themes .price-donut-wrap { margin: auto; width: 160px; height: 160px; }
}


/* =============================================================================
   Price Guide v3 fixes: average-only chart + reliable theme movers layout
   ============================================================================= */
.price-guide-grid--charts {
  grid-template-columns: minmax(0, 1fr) 390px !important;
  align-items: stretch !important;
}
.price-guide-grid--charts > .price-panel,
.price-guide-side-charts {
  min-height: 680px !important;
}
.price-guide-grid--charts > .price-panel {
  display: flex !important;
  flex-direction: column !important;
  margin-bottom: 0 !important;
}
.price-guide-grid--charts > .price-panel .price-chart-wrap {
  flex: 1 1 auto !important;
  height: auto !important;
  min-height: 565px !important;
}
.price-guide-side-charts {
  display: grid !important;
  grid-template-rows: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 16px !important;
}
.price-panel--side-chart {
  min-height: 0 !important;
  margin-bottom: 0 !important;
}
.price-donut-layout--themes {
  grid-template-columns: 145px minmax(0,1fr) !important;
  gap: 14px !important;
  align-items: center !important;
}
.price-donut-layout--themes .price-donut-wrap {
  width: 145px !important;
  height: 145px !important;
}
.price-donut-legend--compact {
  align-content: center !important;
  overflow: hidden !important;
  max-height: 185px !important;
}
.price-donut-legend--compact .price-empty {
  grid-column: 1 / -1;
  padding: 0 !important;
  text-align: left !important;
}
.price-donut-legend--compact div {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  align-items: center !important;
}
.price-donut-legend--compact span {
  min-width: 0 !important;
}
.price-donut-legend--compact strong small {
  display: block !important;
}
@media(max-width:1280px){
  .price-guide-grid--charts { grid-template-columns: 1fr !important; }
  .price-guide-grid--charts > .price-panel,
  .price-guide-side-charts { min-height: 0 !important; }
  .price-guide-grid--charts > .price-panel .price-chart-wrap { height: 400px !important; min-height: 400px !important; }
  .price-guide-side-charts { grid-template-columns: 1fr 1fr !important; grid-template-rows: auto !important; }
}
@media(max-width:760px){
  .price-guide-grid--charts > .price-panel .price-chart-wrap { height: 280px !important; min-height: 280px !important; }
  .price-guide-side-charts { grid-template-columns: 1fr !important; }
  .price-donut-layout--themes { grid-template-columns: 1fr !important; }
  .price-donut-layout--themes .price-donut-wrap { width: 160px !important; height: 160px !important; margin: auto !important; }
}
