/* PC Trending page stylesheet: ranking.css */
/* =========================================================
   Trend Ranking Premium V2 - 2026-08-19
   CPU / GPU ranking page redesign
   ========================================================= */
.TrendRankingV2{
  --rank-accent:#2563eb;
  --rank-accent-soft:#eff6ff;
  --rank-ink:#172033;
  --rank-muted:#758196;
  --rank-line:#e6ebf2;
  --rank-panel:#fff;
  --rank-soft:#f7f9fc;
  max-width:1320px;
}
.TrendRankingV2.TrendRankingType-gpu{--rank-accent:#7c3aed;--rank-accent-soft:#f5f3ff}
.TrendRankingV2 .TrendRankingHero{
  margin-bottom:32px;
  padding:42px 44px;
  border-color:#dde5f0;
  border-radius:30px;
  background:
    radial-gradient(circle at 84% 16%,rgba(37,99,235,.12),transparent 28%),
    linear-gradient(135deg,#ffffff 0%,#f7f9fd 56%,#f2f6ff 100%);
  box-shadow:0 22px 60px rgba(24,39,75,.08);
}
.TrendRankingV2 .TrendRankingHero-gpu{
  background:
    radial-gradient(circle at 84% 16%,rgba(124,58,237,.12),transparent 28%),
    linear-gradient(135deg,#ffffff 0%,#faf8ff 56%,#f4f1ff 100%);
}
.TrendRankingV2 .TrendRankingHero h1{font-size:clamp(2.2rem,4vw,3.55rem);letter-spacing:-.065em}
.TrendRankingV2 .TrendRankingHero p{max-width:760px;font-size:.92rem}
.TrendRankingV2 .TrendRankingKicker{color:var(--rank-accent)}
.TrendRankingV2 .TrendRankingSwitch a.active{border-color:var(--rank-accent);background:var(--rank-accent)}
.TrendRankingV2 .TrendRankingHeroStats>div{
  padding:15px 16px;
  border-color:rgba(215,223,234,.9);
  background:rgba(255,255,255,.76);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.65);
  backdrop-filter:blur(12px);
}
.TrendRankingV2 .TrendRankingHeroStats span{font-size:.68rem;letter-spacing:.02em}
.TrendRankingV2 .TrendRankingHeroStats strong{font-size:.9rem}

.TrendRankingSectionHead{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:22px;
  margin-bottom:17px;
}
.TrendRankingSectionHead.is-compact{margin-bottom:18px}
.TrendRankingEyebrow{
  display:block;
  margin-bottom:5px;
  color:#2563eb;
  font-size:.66rem;
  font-weight:900;
  letter-spacing:.14em;
}
.TrendRankingV2.TrendRankingType-gpu .TrendRankingEyebrow{color:#7c3aed}
.TrendRankingSectionHead h2,
.TrendRankingRelated h2{
  margin:0 0 5px;
  color:var(--rank-ink);
  font-size:1.45rem;
  font-weight:850;
  letter-spacing:-.045em;
}
.TrendRankingSectionHead p{margin:0;color:#8994a6;font-size:.78rem;line-height:1.55}
.TrendRankingHeadLink{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:38px;
  padding:0 13px;
  border:1px solid var(--rank-line);
  border-radius:11px;
  background:#fff;
  color:#5b687c;
  font-size:.75rem;
  font-weight:800;
  text-decoration:none;
}
.TrendRankingHeadLink:hover{border-color:#c6d6ef;color:#2563eb;background:#f8fbff}

.TrendRankingPodiumSection{margin-bottom:30px}
.TrendRankingPodium{
  display:grid;
  grid-template-columns:1fr 1.14fr 1fr;
  gap:14px;
  align-items:stretch;
}
.TrendPodiumCard{
  position:relative;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  min-width:0;
  border:1px solid #e2e8f0;
  border-radius:24px;
  background:#fff;
  box-shadow:0 10px 30px rgba(31,46,77,.055);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.TrendPodiumCard:hover{transform:translateY(-4px);border-color:#cbd9ee;box-shadow:0 20px 42px rgba(31,46,77,.11)}
.TrendPodiumCard.is-first{
  border-color:#d8e4fb;
  box-shadow:0 16px 44px rgba(37,99,235,.11);
}
.TrendPodiumCard.is-first:before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:4px;
  background:linear-gradient(90deg,#f7c948,#f59e0b);
}
.TrendPodiumTopline{display:flex;align-items:center;justify-content:space-between;padding:15px 16px 4px}
.TrendPodiumRank{display:flex;align-items:baseline;gap:5px;color:#1f2937}
.TrendPodiumRank span{font-size:1.55rem;font-weight:900;line-height:1;letter-spacing:-.05em}
.TrendPodiumCard.rank-1 .TrendPodiumRank span{color:#b77900}
.TrendPodiumRank small{color:#9aa4b3;font-size:.56rem;font-weight:900;letter-spacing:.12em}
.TrendRankMove{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:2px;
  min-height:25px;
  padding:0 8px;
  border-radius:999px;
  font-size:.65rem;
  font-weight:900;
  white-space:nowrap;
}
.TrendRankMove.is-up{background:#ecfdf5;color:#0b8f61}
.TrendRankMove.is-down{background:#fff1f2;color:#d9485f}
.TrendRankMove.is-new{background:#eff6ff;color:#2563eb}
.TrendRankMove.is-same,.TrendRankMove.is-muted{background:#f3f4f6;color:#8a94a3}
.TrendPodiumImage{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:205px;
  padding:16px 24px;
  background:linear-gradient(180deg,#fff 0%,#fbfcfe 100%);
}
.TrendPodiumCard.is-first .TrendPodiumImage{min-height:232px}
.TrendPodiumImage img{display:block;max-width:100%;width:auto;height:168px;object-fit:contain;transition:transform .25s ease}
.TrendPodiumCard.is-first .TrendPodiumImage img{height:192px}
.TrendPodiumCard:hover .TrendPodiumImage img{transform:scale(1.035)}
.TrendRankingNoImage{display:grid;place-items:center;width:108px;height:108px;border-radius:28px;background:#f1f5f9;color:#94a3b8;font-size:2rem}
.TrendPodiumBody{display:flex;flex:1;flex-direction:column;padding:17px 18px 18px;border-top:1px solid #edf1f5}
.TrendPodiumMeta{display:flex;align-items:center;gap:6px;margin-bottom:9px}
.TrendScoreBadge,.TrendSignalBadge{display:inline-flex;align-items:center;gap:4px;min-height:25px;padding:0 8px;border-radius:999px;font-size:.63rem;font-weight:900}
.TrendScoreBadge{background:#f2f6fb;color:#5c6b80}
.TrendSignalBadge{background:#eef6ff;color:#2563eb}
.TrendSignalBadge.is-hot{background:#fff1f2;color:#e3485f}
.TrendPodiumBody h3{min-height:2.8em;margin:0 0 14px;font-size:.94rem;font-weight:850;line-height:1.42;letter-spacing:-.025em}
.TrendPodiumBody h3 a{color:#273347;text-decoration:none}
.TrendPodiumPrice{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-top:auto;padding-top:4px}
.TrendPodiumPrice small{color:#98a2b3;font-size:.66rem;font-weight:700}
.TrendPodiumPrice strong{color:#111827;font-size:1rem;font-weight:900;letter-spacing:-.025em}
.TrendPodiumAction{display:flex;align-items:center;justify-content:center;gap:6px;min-height:39px;margin-top:12px;border-radius:11px;background:#f3f6fa;color:#445169;font-size:.73rem;font-weight:800;text-decoration:none}
.TrendPodiumCard.is-first .TrendPodiumAction{background:#2563eb;color:#fff;box-shadow:0 8px 18px rgba(37,99,235,.17)}
.TrendPodiumAction:hover{background:#e9eef5;color:#1f4fa3}
.TrendPodiumCard.is-first .TrendPodiumAction:hover{background:#1d4ed8;color:#fff}

.TrendRankingPanel{
  margin-bottom:20px;
  padding:22px;
  border:1px solid var(--rank-line);
  border-radius:22px;
  background:#fff;
  box-shadow:0 9px 28px rgba(31,46,77,.045);
}
.TrendPriceRangeGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.TrendPriceRangeCard{overflow:hidden;border:1px solid #e7ebf1;border-radius:16px;background:#fbfcfe}
.TrendPriceRangeHead{display:flex;align-items:center;justify-content:space-between;padding:12px 13px 9px;color:#3d4960;font-size:.76rem;font-weight:850}
.TrendPriceRangeHead i{color:#a0a9b7;font-size:.68rem}
.TrendPriceRangeList{padding:0 7px 7px}
.TrendPriceRangeItem{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:52px;padding:8px;border-radius:11px;color:#303c4f;text-decoration:none}
.TrendPriceRangeItem:hover{background:#fff;box-shadow:0 5px 15px rgba(30,49,77,.055)}
.TrendPriceRangeRank{display:grid;place-items:center;width:23px;height:23px;border-radius:8px;background:#edf2f8;color:#526176;font-size:.64rem;font-weight:900}
.TrendPriceRangeName{min-width:0;overflow:hidden;font-size:.69rem;font-weight:800;white-space:nowrap;text-overflow:ellipsis}
.TrendPriceRangeName small{display:block;margin-top:2px;color:#a1aab8;font-size:.57rem;font-weight:700}
.TrendPriceRangeItem strong{color:#273347;font-size:.68rem;white-space:nowrap}
.TrendPriceRangeEmpty{padding:14px;color:#929cac;font-size:.7rem}

.TrendRankingUpdated{flex:0 0 auto;color:#9aa4b3;font-size:.68rem;font-weight:700}
.TrendRankingMetricGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.TrendRankingMetric{display:flex;align-items:flex-start;gap:11px;min-width:0;padding:14px;border:1px solid #e8edf3;border-radius:15px;background:#fafbfd}
.TrendRankingMetricIcon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:11px;background:#edf4ff;color:#2563eb;font-size:.9rem}
.TrendRankingMetric>div{min-width:0}
.TrendRankingMetric small{display:block;margin-bottom:5px;color:#929cab;font-size:.61rem;font-weight:750}
.TrendRankingMetric strong{display:block;overflow:hidden;color:#2d394c;font-size:.76rem;font-weight:850;line-height:1.4;white-space:nowrap;text-overflow:ellipsis}
.TrendRankingMetric em{display:block;margin-top:3px;color:#9ba5b3;font-size:.61rem;font-style:normal}

.TrendMovementGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.TrendMovementCard{position:relative;min-width:0;padding:15px 16px;border:1px solid #e7ebf1;border-radius:16px;background:#fbfcfe}
.TrendMovementIcon{position:absolute;top:13px;right:13px;display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#f0f4f8;color:#718096}
.TrendMovementCard.is-up .TrendMovementIcon{background:#ecfdf5;color:#0b8f61}
.TrendMovementCard.is-down .TrendMovementIcon{background:#fff1f2;color:#d9485f}
.TrendMovementCard.is-new .TrendMovementIcon{background:#eff6ff;color:#2563eb}
.TrendMovementLabel{margin-bottom:9px;color:#8d97a7;font-size:.63rem;font-weight:850}
.TrendMovementProduct{display:block;max-width:82%;overflow:hidden;margin-bottom:6px;color:#303b4d;font-size:.77rem;font-weight:850;text-decoration:none;white-space:nowrap;text-overflow:ellipsis}
.TrendMovementValue{color:#788396;font-size:.68rem}
.TrendMovementValue strong{margin-left:5px;font-weight:900}
.TrendMovementCard.is-up .TrendMovementValue strong{color:#0b8f61}
.TrendMovementCard.is-down .TrendMovementValue strong{color:#d9485f}
.TrendMovementEmpty{padding-top:5px;color:#9aa4b3;font-size:.69rem}
.TrendNewItems{display:grid;gap:5px;padding-right:35px}
.TrendNewItems a{overflow:hidden;color:#46536a;font-size:.69rem;font-weight:750;text-decoration:none;white-space:nowrap;text-overflow:ellipsis}
.TrendNewItems a span{display:inline-flex;align-items:center;min-height:20px;margin-right:5px;padding:0 6px;border-radius:999px;background:#eaf2ff;color:#2563eb;font-size:.55rem;font-weight:900}

.TrendRankingFeatureSection{margin:30px 0}
.TrendRankingFeatureGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.TrendFeatureCard{display:grid;grid-template-columns:48px 76px minmax(0,1fr) 34px;align-items:center;gap:10px;min-width:0;padding:10px 11px;border:1px solid #e6ebf1;border-radius:16px;background:#fff;box-shadow:0 5px 16px rgba(31,46,77,.035);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.TrendFeatureCard:hover{transform:translateY(-2px);border-color:#cedbef;box-shadow:0 10px 24px rgba(31,46,77,.075)}
.TrendFeatureRank{text-align:center}
.TrendFeatureRank strong{display:block;color:#273347;font-size:1.05rem;font-weight:900;line-height:1}
.TrendFeatureRank span{display:block;margin-top:3px;color:#a3adba;font-size:.48rem;font-weight:900;letter-spacing:.08em}
.TrendFeatureImage{display:grid;place-items:center;width:76px;height:66px;border-radius:12px;background:#fafbfd}
.TrendFeatureImage img{max-width:64px;max-height:54px;object-fit:contain}
.TrendFeatureImage .TrendRankingNoImage{width:48px;height:48px;border-radius:12px;font-size:1rem}
.TrendFeatureBody{min-width:0}
.TrendFeatureTopline{display:flex;align-items:center;gap:6px;margin-bottom:4px;color:#929cac;font-size:.58rem;font-weight:750}
.TrendFeatureTopline .TrendRankMove{min-height:20px;padding:0 6px;font-size:.55rem}
.TrendFeatureBody h3{overflow:hidden;margin:0 0 4px;font-size:.74rem;font-weight:850;line-height:1.35;white-space:nowrap;text-overflow:ellipsis}
.TrendFeatureBody h3 a{color:#303b4f;text-decoration:none}
.TrendFeaturePrice{color:#111827;font-size:.73rem;font-weight:900}
.TrendFeatureAction{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#f2f5f9;color:#7f8a9b;text-decoration:none}
.TrendFeatureAction:hover{background:#eaf2ff;color:#2563eb}

.TrendRankingTableSection{margin:31px 0 20px}
.TrendRankingTable{overflow:hidden;border:1px solid #e3e8ef;border-radius:20px;background:#fff;box-shadow:0 10px 30px rgba(31,46,77,.045)}
.TrendRankingTableHeader{display:grid;grid-template-columns:72px minmax(0,1fr) 135px 95px 90px 72px;align-items:center;min-height:40px;padding:0 14px;border-bottom:1px solid #e8edf3;background:#f8fafc;color:#98a2b1;font-size:.59rem;font-weight:850;letter-spacing:.02em}
.TrendRankingRow{display:grid;grid-template-columns:72px minmax(0,1fr) 135px 95px 90px 72px;align-items:center;min-height:82px;padding:8px 14px;border-bottom:1px solid #edf1f5;transition:background .15s ease}
.TrendRankingRow:last-child{border-bottom:0}
.TrendRankingRow:hover{background:#fbfcfe}
.TrendRankingRowRank{display:flex;align-items:baseline;gap:3px;color:#3a4659}
.TrendRankingRowRank strong{font-size:.98rem;font-weight:900}
.TrendRankingRowRank span{color:#9aa4b3;font-size:.58rem;font-weight:800}
.TrendRankingRowProduct{display:flex;align-items:center;min-width:0;color:#303b4f;text-decoration:none}
.TrendRankingRowThumb{display:grid;place-items:center;flex:0 0 58px;width:58px;height:58px;margin-right:11px;border-radius:12px;background:#fafbfd}
.TrendRankingRowThumb img{max-width:50px;max-height:48px;object-fit:contain}
.TrendRankingRowThumb i{color:#a0aabc;font-size:1.15rem}
.TrendRankingRowName{min-width:0;overflow:hidden;font-size:.76rem;font-weight:850;line-height:1.4;white-space:nowrap;text-overflow:ellipsis}
.TrendRankingRowPrice small,.TrendRankingRowScore small{display:none}
.TrendRankingRowPrice strong{color:#202b3d;font-size:.74rem;font-weight:900;white-space:nowrap}
.TrendRankingRowScore strong{display:inline-grid;place-items:center;min-width:42px;height:27px;padding:0 7px;border-radius:9px;background:#f2f5f9;color:#59677d;font-size:.68rem;font-weight:900}
.TrendRankingRowAction{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:31px;padding:0 9px;border-radius:9px;background:#f3f6fa;color:#617087;font-size:.64rem;font-weight:850;text-decoration:none}
.TrendRankingRowAction:hover{background:#eaf2ff;color:#2563eb}
.TrendRankingInlineAd{grid-column:1 / -1;padding:10px 0;border-bottom:1px solid #edf1f5;background:#fafbfd}

.TrendRankingAdSlot{margin:26px 0;padding:0;border:0 !important;background:transparent !important}
.TrendRankingAdSlot .PcAdStage,.TrendRankingInlineAd .PcAdStage{overflow:hidden;border:1px solid #edf0f4;border-radius:18px;background:#fafbfd}
.TrendRankingV2 .PcAdCenter:has(ins.adsbygoogle[data-ad-status="unfilled"]){display:none !important;margin:0 !important;padding:0 !important;min-height:0 !important}

.TrendRankingRelated{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:30px;padding:20px 22px;border:1px solid #e3e8ef;border-radius:20px;background:linear-gradient(135deg,#fff,#f8fafc)}
.TrendRankingRelated h2{font-size:1.05rem;margin-bottom:0}
.TrendRankingRelatedLinks{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}
.TrendRankingRelatedLinks a{display:inline-flex;align-items:center;gap:5px;min-height:34px;padding:0 10px;border:1px solid #e5eaf0;border-radius:10px;background:#fff;color:#5d6a7f;font-size:.66rem;font-weight:800;text-decoration:none}
.TrendRankingRelatedLinks a:hover{border-color:#cbd9ee;color:#2563eb;background:#f8fbff}
.TrendRankingEmpty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:260px;margin:30px 0;border:1px solid #e4e9ef;border-radius:22px;background:#fafbfd;color:#8f9aaa;text-align:center}
.TrendRankingEmpty i{font-size:1.7rem}.TrendRankingEmpty strong{color:#4d5a6d}.TrendRankingEmpty span{font-size:.75rem}

@media (max-width:1199.98px){
  .TrendPriceRangeGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .TrendRankingMetricGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .TrendRankingTableHeader,.TrendRankingRow{grid-template-columns:64px minmax(0,1fr) 120px 80px 78px 68px}
}

@media (max-width:991.98px){
  .TrendRankingV2 .TrendRankingHero{padding:30px}
  .TrendRankingPodium{grid-template-columns:1fr 1fr}
  .TrendPodiumCard.is-first{grid-column:1 / -1;display:grid;grid-template-columns:minmax(220px,.72fr) minmax(0,1fr)}
  .TrendPodiumCard.is-first .TrendPodiumTopline{position:absolute;z-index:2;left:0;right:50%;top:0}
  .TrendPodiumCard.is-first .TrendPodiumImage{grid-row:1;min-height:260px;border-right:1px solid #edf1f5}
  .TrendPodiumCard.is-first .TrendPodiumBody{grid-column:2;grid-row:1;border-top:0;justify-content:center;padding:28px}
  .TrendPodiumCard.is-first .TrendPodiumImage img{height:200px}
  .TrendRankingFeatureGrid{grid-template-columns:1fr}
  .TrendRankingTableHeader{display:none}
  .TrendRankingRow{grid-template-columns:56px minmax(0,1fr) 110px 70px;gap:8px}
  .TrendRankingRowScore{display:none}
  .TrendRankingRowMove{justify-self:center}
  .TrendRankingRowAction{display:none}
  .TrendMovementGrid{grid-template-columns:1fr 1fr}.TrendMovementCard.is-new{grid-column:1 / -1}
  .TrendRankingRelated{align-items:flex-start;flex-direction:column}.TrendRankingRelatedLinks{justify-content:flex-start}
}

@media (max-width:767.98px){
  .TrendRankingV2{padding-top:14px !important;padding-left:11px !important;padding-right:11px !important}
  .TrendRankingV2 .TrendRankingHero{gap:17px;margin-bottom:24px;padding:22px 18px;border-radius:22px}
  .TrendRankingV2 .TrendRankingHero h1{font-size:2rem}
  .TrendRankingSectionHead{align-items:flex-start;flex-direction:column;gap:9px;margin-bottom:13px}
  .TrendRankingSectionHead h2{font-size:1.22rem}.TrendRankingSectionHead p{font-size:.72rem}
  .TrendRankingHeadLink{display:none}
  .TrendRankingPodium{grid-template-columns:1fr;gap:10px}
  .TrendPodiumCard.is-first{display:flex;grid-column:auto}
  .TrendPodiumCard.is-first .TrendPodiumTopline{position:static}
  .TrendPodiumCard.is-first .TrendPodiumImage{min-height:190px;border-right:0}
  .TrendPodiumCard.is-first .TrendPodiumImage img{height:158px}
  .TrendPodiumCard:not(.is-first){display:grid;grid-template-columns:76px 104px minmax(0,1fr);align-items:center;min-height:126px}
  .TrendPodiumCard:not(.is-first) .TrendPodiumTopline{align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px 7px;border-right:1px solid #edf1f5}
  .TrendPodiumCard:not(.is-first) .TrendPodiumRank{display:flex;flex-direction:column;align-items:center;gap:2px}
  .TrendPodiumCard:not(.is-first) .TrendPodiumRank span{font-size:1.35rem}
  .TrendPodiumCard:not(.is-first) .TrendPodiumImage{min-height:124px;padding:10px}
  .TrendPodiumCard:not(.is-first) .TrendPodiumImage img{height:90px}
  .TrendPodiumCard:not(.is-first) .TrendPodiumBody{align-self:stretch;padding:12px;border-top:0;border-left:1px solid #f2f4f7}
  .TrendPodiumCard:not(.is-first) .TrendPodiumMeta{margin-bottom:5px}.TrendPodiumCard:not(.is-first) .TrendSignalBadge{display:none}
  .TrendPodiumCard:not(.is-first) .TrendPodiumBody h3{min-height:0;margin-bottom:7px;font-size:.75rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .TrendPodiumCard:not(.is-first) .TrendPodiumPrice{display:block}.TrendPodiumCard:not(.is-first) .TrendPodiumPrice small{display:none}.TrendPodiumCard:not(.is-first) .TrendPodiumPrice strong{font-size:.77rem}
  .TrendPodiumCard:not(.is-first) .TrendPodiumAction{min-height:32px;margin-top:7px;font-size:.63rem}
  .TrendRankingPanel{padding:15px;border-radius:18px}
  .TrendPriceRangeGrid,.TrendRankingMetricGrid,.TrendMovementGrid{grid-template-columns:1fr}
  .TrendMovementCard.is-new{grid-column:auto}
  .TrendRankingFeatureSection{margin:24px 0}
  .TrendFeatureCard{grid-template-columns:42px 64px minmax(0,1fr) 30px;gap:8px;padding:8px}
  .TrendFeatureImage{width:64px;height:58px}.TrendFeatureImage img{max-width:54px;max-height:48px}
  .TrendFeatureBody h3{font-size:.7rem}.TrendFeatureTopline>span:last-child{display:none}
  .TrendRankingTable{border-radius:16px;box-shadow:none}
  .TrendRankingRow{grid-template-columns:45px minmax(0,1fr) auto;min-height:76px;padding:7px 9px;gap:7px}
  .TrendRankingRowRank strong{font-size:.88rem}
  .TrendRankingRowProduct{min-width:0}.TrendRankingRowThumb{flex-basis:52px;width:52px;height:52px;margin-right:8px}.TrendRankingRowThumb img{max-width:44px;max-height:42px}
  .TrendRankingRowName{font-size:.7rem;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
  .TrendRankingRowPrice{display:flex;flex-direction:column;align-items:flex-end;justify-content:center}.TrendRankingRowPrice small{display:block;color:#a0a9b7;font-size:.53rem;font-weight:700}.TrendRankingRowPrice strong{font-size:.66rem}
  .TrendRankingRowMove{grid-column:3;justify-self:end;margin-top:-21px}.TrendRankingRowMove .TrendRankMove{min-height:21px;padding:0 6px;font-size:.54rem}
  .TrendRankingRelated{padding:16px;border-radius:17px}.TrendRankingRelatedLinks{display:grid;grid-template-columns:1fr 1fr;width:100%}.TrendRankingRelatedLinks a{justify-content:center;padding:0 8px;text-align:center}
  .TrendRankingAdSlot{margin:18px 0}.TrendRankingV2 .PcAdStage{min-height:0 !important}
}

@media (max-width:420px){
  .TrendRankingV2 .TrendRankingHeroStats{grid-template-columns:1fr}
  .TrendPodiumCard:not(.is-first){grid-template-columns:64px 88px minmax(0,1fr)}
  .TrendPodiumCard:not(.is-first) .TrendPodiumImage img{height:75px}
  .TrendFeatureCard{grid-template-columns:38px 54px minmax(0,1fr) 28px}.TrendFeatureImage{width:54px;height:52px}.TrendFeatureImage img{max-width:46px;max-height:42px}
  .TrendRankingRow{grid-template-columns:39px minmax(0,1fr) auto}.TrendRankingRowThumb{flex-basis:46px;width:46px;height:46px}.TrendRankingRowThumb img{max-width:40px;max-height:38px}
}

/* =========================================================
   Trend Ranking Premium V3 - 2026-08-19
   Final polish: ad collapse / #1 emphasis / row refinement
   ========================================================= */
.TrendRankingV2 .TrendRankingAdSlot,
.TrendRankingV2 .TrendRankingInlineAd{
  transition:margin .18s ease,padding .18s ease,opacity .18s ease;
}

.TrendRankingV2 .TrendRankingAdSlot.is-ad-unfilled,
.TrendRankingV2 .TrendRankingInlineAd.is-ad-unfilled,
.TrendRankingV2 .TrendRankingAdSlot:has(ins.adsbygoogle[data-ad-status="unfilled"]),
.TrendRankingV2 .TrendRankingInlineAd:has(ins.adsbygoogle[data-ad-status="unfilled"]){
  display:none !important;
  visibility:hidden !important;
  width:0 !important;
  height:0 !important;
  min-height:0 !important;
  max-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  overflow:hidden !important;
}

.TrendRankingV2 .TrendRankingAdSlot.is-ad-pending,
.TrendRankingV2 .TrendRankingInlineAd.is-ad-pending{
  min-height:0 !important;
  margin-top:6px !important;
  margin-bottom:6px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
}
.TrendRankingV2 .TrendRankingAdSlot.is-ad-pending .PcAdStage,
.TrendRankingV2 .TrendRankingInlineAd.is-ad-pending .PcAdStage{
  min-height:0 !important;
  border-color:transparent !important;
  background:transparent !important;
}
.TrendRankingV2 .TrendRankingAdSlot.is-ad-filled,
.TrendRankingV2 .TrendRankingInlineAd.is-ad-filled{
  display:block !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  visibility:visible !important;
}

/* Make rank #1 feel like the clear editorial winner without becoming flashy. */
.TrendRankingV2 .TrendPodiumCard.is-first{
  position:relative;
  border-color:color-mix(in srgb,var(--rank-accent) 28%,#e5eaf1);
  box-shadow:0 20px 46px rgba(30,64,175,.10);
}
.TrendRankingV2 .TrendPodiumCard.is-first::before{
  content:"";
  position:absolute;
  z-index:2;
  top:0;
  left:18px;
  right:18px;
  height:3px;
  border-radius:0 0 999px 999px;
  background:linear-gradient(90deg,transparent,var(--rank-accent),transparent);
}
.TrendRankingV2 .TrendPodiumCard.is-first .TrendPodiumRank{
  color:var(--rank-accent);
}
.TrendRankingV2 .TrendPodiumCard.is-first .TrendPodiumRank::after{
  content:"NO.1";
  display:inline-flex;
  align-items:center;
  min-height:20px;
  margin-left:7px;
  padding:0 7px;
  border:1px solid color-mix(in srgb,var(--rank-accent) 22%,#fff);
  border-radius:999px;
  background:var(--rank-accent-soft);
  color:var(--rank-accent);
  font-size:.54rem;
  font-weight:950;
  letter-spacing:.04em;
}
.TrendRankingV2 .TrendPodiumCard.is-first .TrendPodiumAction{
  background:var(--rank-accent);
  color:#fff;
  box-shadow:0 8px 20px color-mix(in srgb,var(--rank-accent) 20%,transparent);
}
.TrendRankingV2 .TrendPodiumCard.is-first .TrendPodiumAction:hover{
  filter:brightness(.96);
  color:#fff;
}

/* Full ranking: richer hierarchy and interaction while retaining compact density. */
.TrendRankingV2 .TrendRankingTable{
  border-color:#dfe6ef;
}
.TrendRankingV2 .TrendRankingRow{
  position:relative;
  isolation:isolate;
}
.TrendRankingV2 .TrendRankingRow::before{
  content:"";
  position:absolute;
  z-index:-1;
  top:10px;
  bottom:10px;
  left:6px;
  width:3px;
  border-radius:999px;
  background:var(--rank-accent);
  opacity:0;
  transform:scaleY(.45);
  transition:opacity .16s ease,transform .16s ease;
}
.TrendRankingV2 .TrendRankingRow:hover{
  background:linear-gradient(90deg,var(--rank-accent-soft),#fff 44%);
}
.TrendRankingV2 .TrendRankingRow:hover::before{
  opacity:.72;
  transform:scaleY(1);
}
.TrendRankingV2 .TrendRankingRow:hover .TrendRankingRowThumb{
  transform:translateY(-1px) scale(1.035);
  border-color:color-mix(in srgb,var(--rank-accent) 20%,#e4e9f0);
  background:#fff;
  box-shadow:0 7px 16px rgba(31,48,79,.07);
}
.TrendRankingV2 .TrendRankingRowThumb{
  border:1px solid #eef2f6;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
.TrendRankingV2 .TrendRankingRow:hover .TrendRankingRowName{
  color:var(--rank-accent);
}
.TrendRankingV2 .TrendRankingRowName{
  transition:color .15s ease;
}
.TrendRankingV2 .TrendRankingRowAction{
  border:1px solid transparent;
  transition:background .15s ease,color .15s ease,border-color .15s ease,transform .15s ease;
}
.TrendRankingV2 .TrendRankingRow:hover .TrendRankingRowAction{
  border-color:color-mix(in srgb,var(--rank-accent) 15%,#e3e9f0);
  background:#fff;
  color:var(--rank-accent);
  transform:translateX(2px);
}
.TrendRankingV2 .TrendRankingRow:nth-of-type(-n+5) .TrendRankingRowRank strong{
  color:#26364f;
}

@media (max-width:767.98px){
  .TrendRankingV2 .TrendPodiumCard.is-first{
    box-shadow:0 14px 30px rgba(30,64,175,.09);
  }
  .TrendRankingV2 .TrendPodiumCard.is-first::before{
    left:14px;
    right:14px;
  }
  .TrendRankingV2 .TrendPodiumCard.is-first .TrendPodiumRank::after{
    min-height:18px;
    margin-left:5px;
    padding:0 6px;
    font-size:.49rem;
  }

  .TrendRankingV2 .TrendRankingTableSection{
    margin-top:24px;
  }
  .TrendRankingV2 .TrendRankingTable{
    overflow:visible;
    border:0;
    background:transparent;
  }
  .TrendRankingV2 .TrendRankingRow{
    margin-bottom:7px;
    border:1px solid #e7ecf2;
    border-radius:13px;
    background:#fff;
    box-shadow:0 3px 10px rgba(30,48,76,.025);
  }
  .TrendRankingV2 .TrendRankingRow:last-child{
    border-bottom:1px solid #e7ecf2;
  }
  .TrendRankingV2 .TrendRankingRow::before{
    top:12px;
    bottom:12px;
    left:0;
    width:2px;
  }
  .TrendRankingV2 .TrendRankingRow:hover{
    background:#fff;
  }
  .TrendRankingV2 .TrendRankingRowPrice strong{
    max-width:92px;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .TrendRankingV2 .TrendRankingInlineAd{
    margin:4px 0 !important;
    border-radius:0;
  }
  .TrendRankingV2 .TrendRankingInlineAd.is-ad-unfilled{
    margin:0 !important;
  }
}

@media (max-width:420px){
  .TrendRankingV2 .TrendRankingRow{
    grid-template-columns:35px minmax(0,1fr) auto;
    padding-left:7px;
    padding-right:7px;
  }
  .TrendRankingV2 .TrendRankingRowThumb{
    flex-basis:42px;
    width:42px;
    height:42px;
    margin-right:7px;
  }
  .TrendRankingV2 .TrendRankingRowThumb img{
    max-width:36px;
    max-height:35px;
  }
  .TrendRankingV2 .TrendRankingRowName{
    font-size:.67rem;
  }
  .TrendRankingV2 .TrendRankingRowPrice strong{
    font-size:.62rem;
  }
}

/* =========================================================
   Trend Ranking Premium - 3rd polish - 2026-08-19
   Visual refinement only. AdSense rendering is left untouched.
   ========================================================= */

/* Do not force pending/filled ad states. Only trust Google's explicit no-fill flag. */
.TrendRankingV2 .TrendRankingAdSlot.is-ad-pending,
.TrendRankingV2 .TrendRankingInlineAd.is-ad-pending,
.TrendRankingV2 .TrendRankingAdSlot.is-ad-filled,
.TrendRankingV2 .TrendRankingInlineAd.is-ad-filled{
  display:block !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  margin-left:0 !important;
  margin-right:0 !important;
  visibility:visible !important;
  opacity:1 !important;
}

/* Hero summary becomes a compact editorial dashboard instead of admin-looking boxes. */
.TrendRankingV2 .TrendRankingHeroStats{
  gap:8px;
}
.TrendRankingV2 .TrendRankingHeroStats>div{
  position:relative;
  overflow:hidden;
  min-height:72px;
  padding:14px 16px 14px 18px;
  border:1px solid rgba(214,223,235,.88);
  border-radius:15px;
  background:rgba(255,255,255,.84);
  box-shadow:0 5px 18px rgba(38,54,83,.035),inset 0 1px 0 rgba(255,255,255,.82);
}
.TrendRankingV2 .TrendRankingHeroStats>div::before{
  content:"";
  position:absolute;
  top:13px;
  bottom:13px;
  left:0;
  width:3px;
  border-radius:0 99px 99px 0;
  background:var(--rank-accent);
  opacity:.58;
}
.TrendRankingV2 .TrendRankingHeroStats span{
  display:block;
  margin-bottom:5px;
  color:#9aa6b6;
  font-size:.6rem;
  font-weight:850;
  letter-spacing:.045em;
}
.TrendRankingV2 .TrendRankingHeroStats strong{
  display:block;
  overflow:hidden;
  color:#28364c;
  font-size:.82rem;
  font-weight:900;
  line-height:1.38;
  letter-spacing:-.02em;
  white-space:nowrap;
  text-overflow:ellipsis;
}

/* #1 should read immediately as the page's editorial winner. */
.TrendRankingV2 .TrendPodiumCard.is-first{
  border-color:color-mix(in srgb,var(--rank-accent) 32%,#e1e7ef);
  background:linear-gradient(180deg,#fff 0%,color-mix(in srgb,var(--rank-accent-soft) 35%,#fff) 100%);
  box-shadow:0 22px 52px color-mix(in srgb,var(--rank-accent) 12%,transparent);
}
.TrendRankingV2 .TrendPodiumCard.is-first .TrendPodiumImage{
  background:
    radial-gradient(circle at 50% 48%,color-mix(in srgb,var(--rank-accent) 9%,transparent),transparent 49%),
    linear-gradient(180deg,#fff 0%,#fbfdff 100%);
}
.TrendEditorialBadge{
  display:inline-flex;
  align-items:center;
  gap:4px;
  min-height:25px;
  padding:0 9px;
  border:1px solid color-mix(in srgb,var(--rank-accent) 18%,#e3e9f0);
  border-radius:999px;
  background:var(--rank-accent-soft);
  color:var(--rank-accent);
  font-size:.58rem;
  font-weight:950;
  letter-spacing:.035em;
}
.TrendRankingV2 .TrendPodiumCard.is-first .TrendPodiumBody h3{
  font-size:1rem;
}
.TrendRankingV2 .TrendPodiumCard.is-first .TrendPodiumPrice strong{
  color:var(--rank-accent);
  font-size:1.07rem;
}

/* TOP 10 cards: stronger rank/product/price hierarchy with restrained interaction. */
.TrendRankingV2 .TrendFeatureCard{
  min-height:86px;
  border-color:#e3e9f1;
  box-shadow:0 6px 20px rgba(31,46,77,.035);
}
.TrendRankingV2 .TrendFeatureCard:hover{
  transform:translateY(-2px);
  border-color:color-mix(in srgb,var(--rank-accent) 22%,#dbe3ed);
  box-shadow:0 12px 28px rgba(31,46,77,.075);
}
.TrendRankingV2 .TrendFeatureRank strong{
  color:#1f2e45;
  font-size:1.12rem;
}
.TrendRankingV2 .TrendFeatureCard:hover .TrendFeatureRank strong,
.TrendRankingV2 .TrendFeatureCard:hover .TrendFeatureBody h3 a{
  color:var(--rank-accent);
}
.TrendRankingV2 .TrendFeaturePrice{
  font-size:.77rem;
}

/* Market panels: subtle depth and better metric emphasis. */
.TrendRankingV2 .TrendRankingPanel{
  border-color:#e2e8f0;
  box-shadow:0 10px 30px rgba(31,46,77,.04);
}
.TrendRankingV2 .TrendRankingMetric{
  position:relative;
  overflow:hidden;
  border-color:#e5ebf2;
  background:linear-gradient(180deg,#fbfcfe,#f8fafc);
}
.TrendRankingV2 .TrendRankingMetric::after{
  content:"";
  position:absolute;
  right:-20px;
  bottom:-28px;
  width:78px;
  height:78px;
  border-radius:50%;
  background:var(--rank-accent-soft);
  opacity:.5;
}
.TrendRankingV2 .TrendRankingMetricIcon,
.TrendRankingV2 .TrendRankingMetric>div{
  position:relative;
  z-index:1;
}
.TrendRankingV2 .TrendRankingMetric strong{
  color:#25344b;
  font-size:.79rem;
}

/* 11-50: keep density, but make the information hierarchy obvious. */
.TrendRankingV2 .TrendRankingTableHeader{
  min-height:43px;
  background:#f7f9fc;
  color:#8f9aac;
}
.TrendRankingV2 .TrendRankingRow{
  min-height:70px;
  transition:background .15s ease,box-shadow .15s ease;
}
.TrendRankingV2 .TrendRankingRow:nth-child(even){
  background:#fcfdff;
}
.TrendRankingV2 .TrendRankingRowProduct{
  min-width:0;
}
.TrendRankingRowText{
  display:block;
  min-width:0;
  overflow:hidden;
}
.TrendRankingV2 .TrendRankingRowName{
  display:block;
  overflow:hidden;
  color:#2c394d;
  font-weight:820;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.TrendRankingRowMobileMeta{
  display:none;
}
.TrendRankingV2 .TrendRankingRowRank strong{
  font-size:.88rem;
  letter-spacing:-.03em;
}
.TrendRankingV2 .TrendRankingRowRank span{
  color:#a3adba;
}
.TrendRankingV2 .TrendRankingRowPrice strong{
  color:#202d41;
  font-weight:900;
}
.TrendRankingV2 .TrendRankingRowScore{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:3px;
}
.TrendRankingV2 .TrendRankingRowScore strong{
  color:#42516a;
}
.TrendRankingScoreTrack{
  display:block;
  width:48px;
  height:3px;
  overflow:hidden;
  border-radius:99px;
  background:#e9eef4;
}
.TrendRankingScoreTrack i{
  display:block;
  height:100%;
  border-radius:inherit;
  background:var(--rank-accent);
  opacity:.72;
}
.TrendRankingV2 .TrendRankingRowAction{
  min-height:29px;
  padding:0 8px;
  border-radius:9px;
  background:#f7f9fc;
  color:#7d899b;
  font-size:.61rem;
  font-weight:850;
}

@media (max-width:991.98px){
  .TrendRankingV2 .TrendRankingHeroStats>div{
    min-height:66px;
  }
  .TrendRankingV2 .TrendRankingRowScore{
    display:none;
  }
  .TrendRankingRowMobileMeta{
    display:block;
    margin-top:4px;
    color:#96a1b1;
    font-size:.55rem;
    font-weight:720;
  }
  .TrendRankingRowMobileMeta i{
    margin-right:2px;
    color:var(--rank-accent);
  }
}

@media (max-width:767.98px){
  .TrendRankingV2 .TrendRankingHeroStats{
    gap:7px;
  }
  .TrendRankingV2 .TrendRankingHeroStats>div{
    min-height:61px;
    padding:11px 12px 11px 15px;
    border-radius:13px;
  }
  .TrendRankingV2 .TrendRankingHeroStats span{
    margin-bottom:3px;
    font-size:.54rem;
  }
  .TrendRankingV2 .TrendRankingHeroStats strong{
    font-size:.72rem;
  }
  .TrendEditorialBadge{
    min-height:22px;
    padding:0 7px;
    font-size:.52rem;
  }
  .TrendRankingV2 .TrendPodiumCard.is-first .TrendPodiumBody h3{
    font-size:.9rem;
  }
  .TrendRankingV2 .TrendPodiumCard.is-first .TrendPodiumPrice strong{
    font-size:.94rem;
  }
  .TrendRankingV2 .TrendRankingMetric{
    min-height:65px;
    padding:12px;
  }
  .TrendRankingV2 .TrendRankingRow{
    min-height:78px;
    padding-top:9px;
    padding-bottom:9px;
  }
  .TrendRankingV2 .TrendRankingRow:nth-child(even){
    background:#fff;
  }
  .TrendRankingV2 .TrendRankingRowName{
    font-size:.7rem;
    line-height:1.38;
    white-space:normal;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
  }
  .TrendRankingRowMobileMeta{
    font-size:.53rem;
  }
  .TrendRankingV2 .TrendRankingRowPrice strong{
    font-size:.67rem;
  }
  .TrendRankingV2 .TrendRankingRowMove{
    margin-top:-19px;
  }
}

@media (max-width:420px){
  .TrendRankingV2 .TrendRankingHeroStats{
    grid-template-columns:1fr;
  }
  .TrendRankingV2 .TrendRankingHeroStats>div{
    min-height:56px;
  }
  .TrendRankingV2 .TrendRankingRow{
    min-height:74px;
  }
  .TrendRankingV2 .TrendRankingRowPrice strong{
    max-width:78px;
    font-size:.61rem;
  }
}

/* =========================================================
   Trend Ranking Premium V4 FINAL - 2026-08-19
   Mobile-only final refinement. PC / AdSense logic untouched.
   ========================================================= */
@media (max-width:767.98px){
  /* Hero: compress the three summary cards into one editorial strip. */
  .TrendRankingV2 .TrendRankingHero{
    row-gap:14px;
  }
  .TrendRankingV2 .TrendRankingHeroStats{
    display:grid;
    grid-template-columns:minmax(0,1.35fr) minmax(0,.9fr) minmax(0,.78fr);
    gap:0;
    overflow:hidden;
    border:1px solid rgba(214,223,235,.92);
    border-radius:14px;
    background:rgba(255,255,255,.88);
    box-shadow:0 5px 18px rgba(38,54,83,.035);
  }
  .TrendRankingV2 .TrendRankingHeroStats>div{
    min-width:0;
    min-height:54px;
    padding:9px 10px;
    border:0;
    border-right:1px solid #e8edf3;
    border-radius:0;
    background:transparent;
    box-shadow:none;
  }
  .TrendRankingV2 .TrendRankingHeroStats>div:last-child{
    border-right:0;
  }
  .TrendRankingV2 .TrendRankingHeroStats>div::before{
    display:none;
  }
  .TrendRankingV2 .TrendRankingHeroStats span{
    margin-bottom:3px;
    color:#9aa5b5;
    font-size:.49rem;
    line-height:1.15;
    letter-spacing:.025em;
    white-space:nowrap;
  }
  .TrendRankingV2 .TrendRankingHeroStats strong{
    font-size:.64rem;
    line-height:1.3;
    white-space:nowrap;
  }

  /* TOP 2 / 3: cleaner horizontal editorial cards beneath the winner. */
  .TrendRankingV2 .TrendPodiumCard:not(.is-first){
    grid-template-columns:50px 78px minmax(0,1fr);
    min-height:108px;
    border-radius:16px;
    box-shadow:0 5px 16px rgba(30,48,76,.035);
  }
  .TrendRankingV2 .TrendPodiumCard:not(.is-first) .TrendPodiumTopline{
    gap:5px;
    padding:9px 5px;
    background:#fafbfd;
  }
  .TrendRankingV2 .TrendPodiumCard:not(.is-first) .TrendPodiumRank span{
    font-size:1.18rem;
    line-height:1;
  }
  .TrendRankingV2 .TrendPodiumCard:not(.is-first) .TrendPodiumRank small{
    font-size:.43rem;
  }
  .TrendRankingV2 .TrendPodiumCard:not(.is-first) .TrendPodiumTopline .TrendRankMove{
    min-height:19px;
    padding:0 5px;
    font-size:.48rem;
  }
  .TrendRankingV2 .TrendPodiumCard:not(.is-first) .TrendPodiumImage{
    min-height:106px;
    padding:8px;
    background:#fff;
  }
  .TrendRankingV2 .TrendPodiumCard:not(.is-first) .TrendPodiumImage img{
    width:auto;
    height:auto;
    max-width:66px;
    max-height:70px;
  }
  .TrendRankingV2 .TrendPodiumCard:not(.is-first) .TrendPodiumBody{
    justify-content:center;
    padding:10px 11px;
  }
  .TrendRankingV2 .TrendPodiumCard:not(.is-first) .TrendPodiumMeta{
    margin-bottom:4px;
  }
  .TrendRankingV2 .TrendPodiumCard:not(.is-first) .TrendScoreBadge{
    min-height:20px;
    padding:0 6px;
    font-size:.49rem;
  }
  .TrendRankingV2 .TrendPodiumCard:not(.is-first) .TrendPodiumBody h3{
    margin-bottom:6px;
    font-size:.71rem;
    line-height:1.34;
  }
  .TrendRankingV2 .TrendPodiumCard:not(.is-first) .TrendPodiumPrice strong{
    font-size:.72rem;
  }
  .TrendRankingV2 .TrendPodiumCard:not(.is-first) .TrendPodiumAction{
    min-height:27px;
    margin-top:5px;
    padding:0 8px;
    font-size:.55rem;
  }

  /* 11-50: keep only decision-making information visible on phones. */
  .TrendRankingV2 .TrendRankingRow{
    grid-template-columns:34px minmax(0,1fr) auto;
    min-height:66px;
    margin-bottom:5px;
    padding:6px 8px;
    gap:6px;
    border-radius:12px;
  }
  .TrendRankingV2 .TrendRankingRow::before{
    top:10px;
    bottom:10px;
  }
  .TrendRankingV2 .TrendRankingRowRank{
    align-self:center;
  }
  .TrendRankingV2 .TrendRankingRowRank strong{
    font-size:.78rem;
  }
  .TrendRankingV2 .TrendRankingRowRank span{
    font-size:.48rem;
  }
  .TrendRankingV2 .TrendRankingRowThumb{
    flex:0 0 40px;
    width:40px;
    height:40px;
    margin-right:6px;
    border:0;
    background:#fafbfd;
  }
  .TrendRankingV2 .TrendRankingRowThumb img{
    max-width:34px;
    max-height:33px;
  }
  .TrendRankingV2 .TrendRankingRowName{
    font-size:.64rem;
    line-height:1.32;
    -webkit-line-clamp:2;
  }
  .TrendRankingV2 .TrendRankingRowMobileMeta,
  .TrendRankingV2 .TrendRankingRowScore,
  .TrendRankingV2 .TrendRankingRowAction{
    display:none !important;
  }
  .TrendRankingV2 .TrendRankingRowPrice{
    min-width:66px;
    padding-right:1px;
  }
  .TrendRankingV2 .TrendRankingRowPrice small{
    display:none;
  }
  .TrendRankingV2 .TrendRankingRowPrice strong{
    max-width:76px;
    color:#29364a;
    font-size:.6rem;
    line-height:1.2;
  }
  .TrendRankingV2 .TrendRankingRowMove{
    grid-column:3;
    justify-self:end;
    align-self:end;
    margin-top:-18px;
  }
  .TrendRankingV2 .TrendRankingRowMove .TrendRankMove{
    min-height:18px;
    padding:0 5px;
    font-size:.47rem;
  }
}

@media (max-width:420px){
  .TrendRankingV2 .TrendRankingHeroStats{
    grid-template-columns:minmax(0,1.28fr) minmax(0,.88fr) minmax(0,.72fr);
  }
  .TrendRankingV2 .TrendRankingHeroStats>div{
    min-height:51px;
    padding:8px 7px;
  }
  .TrendRankingV2 .TrendRankingHeroStats span{
    font-size:.45rem;
  }
  .TrendRankingV2 .TrendRankingHeroStats strong{
    font-size:.57rem;
  }
  .TrendRankingV2 .TrendPodiumCard:not(.is-first){
    grid-template-columns:45px 70px minmax(0,1fr);
    min-height:101px;
  }
  .TrendRankingV2 .TrendPodiumCard:not(.is-first) .TrendPodiumImage img{
    max-width:58px;
    max-height:62px;
  }
  .TrendRankingV2 .TrendPodiumCard:not(.is-first) .TrendPodiumBody{
    padding:9px;
  }
  .TrendRankingV2 .TrendRankingRow{
    grid-template-columns:31px minmax(0,1fr) auto;
    min-height:63px;
    padding-left:6px;
    padding-right:6px;
  }
  .TrendRankingV2 .TrendRankingRowThumb{
    flex-basis:37px;
    width:37px;
    height:37px;
    margin-right:5px;
  }
  .TrendRankingV2 .TrendRankingRowThumb img{
    max-width:31px;
    max-height:30px;
  }
  .TrendRankingV2 .TrendRankingRowName{
    font-size:.61rem;
  }
  .TrendRankingV2 .TrendRankingRowPrice{
    min-width:60px;
  }
  .TrendRankingV2 .TrendRankingRowPrice strong{
    max-width:68px;
    font-size:.56rem;
  }
}




/* TrendPoint reliability v1 */
.TrendRankingV2 .TrendRankingReliabilityStat small{display:block;margin-top:4px;font-size:.63rem;color:#8a94a3;font-weight:600}
.TrendRankingV2 .TrendRankingReliabilityStat.is-ok strong{color:#147a5b}
.TrendRankingV2 .TrendRankingReliabilityStat.is-caution strong{color:#a66a00}
.TrendRankingV2 .TrendRankingReliabilityStat.is-insufficient_data strong{color:#7b8492}