/* /trends/tiktok-shop/ (hub, top-shops, top-affiliates, categories): built by scripts/shop_trends.py.
   Sits on landing-system.css + places-pages.css (main.pg). Concept: a sales ledger. Ink rules, tabular figures,
   a navy ledger band for the hero stamp, bar charts drawn in HTML so labels stay readable at 390px. */
main.pg-shop{--st-navy:#2f4f80;--st-sky:#87aaeb;--st-peach:#d98a6a;--st-sage:#7f9a5c;--st-up:#2f7a3d;--st-down:#a13232}
main.pg-shop .st-hero{padding-top:22px;border-bottom:2px solid var(--ls-ink);padding-bottom:26px;margin-bottom:6px}
main.pg-shop .st-hero h1{max-width:20ch;font-size:clamp(34px,4.8vw,60px)}
main.pg-shop .st-stamp{display:flex;flex-wrap:wrap;gap:0;margin:0 0 18px;font-size:14px}
main.pg-shop .st-stamp span{background:var(--ls-paper);border:1.5px solid var(--ls-ink);padding:5px 12px;margin:0 -1.5px -1.5px 0;color:var(--ls-ink)}
main.pg-shop .st-stamp span:first-child{background:var(--ls-ink);color:#fff}
main.pg-shop .st-stamp span:first-child b{color:var(--ls-yellow)}
main.pg-shop .pg-lead{max-width:66ch}
main.pg-shop .pg-lead strong{background:linear-gradient(transparent 62%,var(--ls-yellow) 62%)}

/* key stats: ledger cells */
main.pg-shop .st-stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:0;border:2px solid var(--ls-ink);border-radius:var(--ls-radius-sm);overflow:hidden;background:var(--ls-paper);margin:22px 0 4px}
main.pg-shop .st-stats .pg-stat{border:0;border-right:1.5px solid var(--ls-line);border-radius:0;background:transparent;padding:16px 16px 18px}
main.pg-shop .st-stats .pg-stat:last-child{border-right:0}
main.pg-shop .st-stats .pg-stat:first-child{background:var(--ls-blue-tint)}
main.pg-shop .st-stats .pg-stat strong{color:var(--st-navy)}

/* chart grid */
main.pg-shop .st-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:8px;align-items:start}
main.pg-shop .st-grid>figure:last-child:nth-child(odd){grid-column:1/-1}
main.pg-shop .st-chart{margin:0;background:var(--ls-paper);border:1.5px solid var(--ls-line);border-radius:var(--ls-radius-sm);padding:16px 18px 14px;min-width:0}
main.pg-shop .st-ct{font-size:14px;line-height:1.45;color:var(--ls-muted);margin:0 0 12px;font-weight:600}
main.pg-shop .st-bars,main.pg-shop .st-div,main.pg-shop .st-stack{list-style:none;margin:0;padding:0}
main.pg-shop .st-bars li{display:grid;grid-template-columns:minmax(0,38%) minmax(0,1fr) auto;gap:10px;align-items:center;margin:0 0 7px;font-size:14px;line-height:1.25}
main.pg-shop .st-l{color:var(--ls-ink);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
main.pg-shop .st-l em{display:block;font-style:normal;font-weight:400;font-size:12px;color:var(--ls-muted);overflow:hidden;text-overflow:ellipsis}
main.pg-shop .st-t{display:block;height:14px;background:var(--ls-cream);border-radius:4px;overflow:hidden}
main.pg-shop .st-t i{display:block;height:100%;background:var(--st-navy);border-radius:4px}
main.pg-shop .st-bars li:first-child .st-t i{background:var(--ls-ink)}
main.pg-shop .st-alt .st-t i{background:var(--st-sky)}
main.pg-shop .st-alt2 .st-t i{background:var(--st-sage)}
main.pg-shop .st-bars b,main.pg-shop .st-div b{font-variant-numeric:tabular-nums;font-size:14px;color:var(--ls-ink);min-width:62px;text-align:right}
main.pg-shop .st-div li{display:grid;grid-template-columns:minmax(0,38%) minmax(0,1fr) auto;gap:10px;align-items:center;margin:0 0 8px;font-size:14px}
main.pg-shop .st-d{position:relative;height:14px;background:linear-gradient(90deg,transparent calc(50% - 1px),var(--ls-muted) calc(50% - 1px),var(--ls-muted) calc(50% + 1px),transparent calc(50% + 1px)),var(--ls-cream);border-radius:4px}
main.pg-shop .st-d i{position:absolute;top:2px;bottom:2px;border-radius:3px}
main.pg-shop .st-div li.up .st-d i{left:50%;background:var(--st-up)}
main.pg-shop .st-div li.down .st-d i{right:50%;background:var(--st-down)}
main.pg-shop .st-div li.up b{color:var(--st-up)}main.pg-shop .st-div li.down b{color:var(--st-down)}
main.pg-shop .st-leg{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px;color:var(--ls-muted);margin:0 0 10px}
main.pg-shop .st-leg i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:6px;vertical-align:-1px}
main.pg-shop .c1{background:var(--st-navy)}main.pg-shop .c2{background:var(--st-peach)}main.pg-shop .c3{background:var(--st-sage)}main.pg-shop .c4{background:var(--st-sky)}
main.pg-shop .st-stack li{display:grid;grid-template-columns:minmax(0,38%) minmax(0,1fr);gap:4px 10px;align-items:center;margin:0 0 9px;font-size:14px}
main.pg-shop .st-s{display:flex;height:16px;border-radius:4px;overflow:hidden;background:var(--ls-cream)}
main.pg-shop .st-s i{display:block;height:100%}
main.pg-shop .st-st{grid-column:2;font-size:12px;color:var(--ls-muted);line-height:1.3}
main.pg-shop .st-line svg{display:block;width:100%;height:auto}
main.pg-shop .st-line text{font:500 15px var(--ls-font);fill:var(--ls-muted)}
@media (max-width:640px){main.pg-shop .st-line text{font-size:22px}}
main.pg-shop .st-line .gr{stroke:var(--ls-line);stroke-width:1}
main.pg-shop .st-line .ln{fill:none;stroke-width:3;stroke-linejoin:round;stroke-linecap:round}
main.pg-shop .st-line .ln.c1{stroke:var(--st-navy)}main.pg-shop .st-line .ln.c2{stroke:var(--st-peach)}main.pg-shop .st-line .ln.c3{stroke:var(--st-sage)}main.pg-shop .st-line .ln.c4{stroke:var(--st-sky)}
main.pg-shop .st-line .ln{background:none}
main.pg-shop .st-axis{font-size:12px;color:var(--ls-muted);margin:2px 0 0;text-align:center}

/* tabs + table */
main.pg-shop .st-tabs{display:flex;gap:0;margin:8px 0 0;border-bottom:2px solid var(--ls-ink)}
main.pg-shop .st-tabs button{all:unset;cursor:pointer;font:700 15px var(--ls-font);padding:10px 18px;min-height:24px;border:2px solid var(--ls-ink);border-bottom:0;margin-right:-2px;border-radius:12px 12px 0 0;background:var(--ls-paper);color:var(--ls-ink)}
main.pg-shop .st-tabs button[aria-selected=true]{background:var(--ls-ink);color:#fff}
main.pg-shop .st-tabs button:focus-visible{outline:3px solid var(--ls-blue);outline-offset:2px}
main.pg-shop:not(.st-js) .st-tabs{display:none}
main.pg-shop .st-tabh{margin:22px 0 8px}
main.pg-shop.st-js .st-tabh{display:none}
main.pg table.pg-table.st-table th{padding:10px 14px}
main.pg table.pg-table.st-table caption{padding:12px 16px 8px}
main.pg-shop table.st-table td.num.up{color:var(--st-up);font-weight:700}
main.pg-shop table.st-table td.num.down{color:var(--st-down)}
main.pg-shop table.st-table td .sub a{font-weight:600}
main.pg-shop .st-split{font-size:14px;color:var(--ls-muted)}
main.pg-shop .st-mv{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.04em;border-radius:999px;padding:1px 7px;margin-left:4px;vertical-align:2px;text-transform:uppercase}
main.pg-shop .st-mv.new{background:var(--ls-yellow);color:var(--ls-ink)}
main.pg-shop .st-mv.up{background:#e3f1e5;color:var(--st-up)}main.pg-shop .st-mv.down{background:#f7e3e1;color:var(--st-down)}
main.pg-shop .st-mv.biz{background:var(--ls-lavender-tint);color:var(--ls-lavender-deep)}
main.pg-shop .st-tp{color:var(--ls-text)!important}

/* hub cards */
main.pg-shop .st-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;list-style:none;padding:0;margin:10px 0}
main.pg-shop .st-cards li{margin:0}
main.pg-shop .st-cards a{display:flex;flex-direction:column;gap:6px;height:100%;box-sizing:border-box;padding:18px 20px;border:2px solid var(--ls-ink);border-radius:var(--ls-radius-sm);background:var(--ls-paper);text-decoration:none;color:var(--ls-text);box-shadow:4px 4px 0 var(--ls-ink);transition:transform .15s,box-shadow .15s}
main.pg-shop .st-cards a:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ls-ink)}
main.pg-shop .st-cards li:nth-child(1) a{background:var(--ls-blue-tint)}main.pg-shop .st-cards li:nth-child(2) a{background:var(--ls-peach-tint)}main.pg-shop .st-cards li:nth-child(3) a{background:var(--ls-mint-tint)}
main.pg-shop .st-k{font-size:13px;font-weight:700;color:var(--st-navy);letter-spacing:.02em}
main.pg-shop .st-cards strong{font-size:22px;line-height:1.2;color:var(--ls-ink)}
main.pg-shop .st-cards span:not(.st-k){font-size:15px;line-height:1.45}
main.pg-shop .st-cards em{font-style:normal;font-weight:700;color:var(--ls-ink);margin-top:auto;font-size:15px}
main.pg-shop .st-reads{list-style:none;padding:0;margin:8px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
main.pg-shop .st-reads li{margin:0;padding:14px 16px;border-left:5px solid var(--st-navy);background:var(--ls-paper);border-radius:0 var(--ls-radius-sm) var(--ls-radius-sm) 0;font-size:16.5px;line-height:1.5}

/* run-it prompts */
main.pg-shop .st-run{background:var(--ls-ink);color:#fff;border-radius:var(--ls-radius);padding:28px 28px 22px;margin:34px 0 8px}
main.pg-shop .st-run h2{color:#fff}
main.pg.pg-shop .st-run>p.pg-sub{color:#e9e4da}
main.pg-shop .st-prompts{list-style:none;padding:0;margin:10px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
main.pg-shop .st-prompts li{margin:0}
main.pg-shop .st-prompts a{display:block;height:100%;box-sizing:border-box;background:#2b2a27;border:1.5px solid #4a4741;border-radius:14px;padding:14px 16px;color:#fff;text-decoration:none}
main.pg-shop .st-prompts a:hover{border-color:var(--ls-yellow)}
main.pg-shop .st-prompts code{display:inline-block;background:var(--ls-yellow);color:var(--ls-ink);border:0;font-size:12px;margin-bottom:6px}
main.pg-shop .st-prompts span{display:block;font-size:15.5px;line-height:1.45}

/* objections, price anchor, infographic, method */
main.pg-shop .st-objs{list-style:none;padding:0;margin:10px 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
main.pg-shop .st-objs li{margin:0;background:var(--ls-paper);border:1.5px solid var(--ls-line);border-top:4px solid var(--ls-ink);border-radius:0 0 var(--ls-radius-sm) var(--ls-radius-sm);padding:14px 16px}
main.pg-shop .st-objs strong{display:block;font-size:17px;margin-bottom:4px}
main.pg-shop .st-objs p{margin:0;font-size:15px;line-height:1.5}
main.pg-shop .st-anchor{font-size:15.5px;line-height:1.55;background:var(--ls-yellow-tint);border:1.5px dashed var(--ls-ink);border-radius:var(--ls-radius-sm);padding:12px 16px;margin:14px 0 0;max-width:none}
main.pg-shop .st-info{margin:30px 0 0}
main.pg-shop .st-info img{display:block;width:100%;max-width:760px;height:auto;border:1.5px solid var(--ls-line);border-radius:var(--ls-radius-sm)}
main.pg-shop .st-info figcaption{font-size:14px;color:var(--ls-muted);margin-top:8px}
main.pg-shop .st-method p{font-size:16px;line-height:1.65;max-width:78ch}

main.pg-shop .st-showall{display:none}
main.pg-shop.st-js .st-showall{display:inline-flex;margin:12px 0 0}
main.pg-shop.st-js table.st-table:not(.st-all) tr.st-more{display:none}
@media (max-width:1100px){
  main.pg-shop .st-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
  main.pg-shop .st-stats .pg-stat{border-bottom:1.5px solid var(--ls-line)}
  main.pg-shop .st-objs{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:860px){
  main.pg-shop .st-grid,main.pg-shop .st-cards,main.pg-shop .st-reads,main.pg-shop .st-prompts{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
  main.pg-shop .st-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  main.pg-shop .st-stats .pg-stat{border-right:1.5px solid var(--ls-line)}
  main.pg-shop .st-stats .pg-stat:nth-child(2n){border-right:0}
  main.pg-shop .st-stats .pg-stat:last-child:nth-child(odd){grid-column:1/-1}
  main.pg-shop .st-objs{grid-template-columns:minmax(0,1fr)}
  main.pg-shop .st-chart{padding:14px 12px 12px}
  main.pg-shop .st-bars li,main.pg-shop .st-div li{grid-template-columns:minmax(0,42%) minmax(0,1fr) auto;gap:8px;font-size:13px}
  main.pg-shop .st-stack li{grid-template-columns:minmax(0,1fr)}
  main.pg-shop .st-st{grid-column:1}
  main.pg-shop .st-run{padding:22px 16px 16px;margin-left:-4px;margin-right:-4px}
  main.pg-shop .st-tabs button{padding:10px 14px}
  main.pg-shop .st-split{font-size:13px}
  main.pg table.pg-table.st-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px}
  main.pg table.pg-table.st-table tr[hidden],main.pg-shop.st-js table.st-table:not(.st-all) tr.st-more{display:none}
  main.pg table.pg-table.st-table td{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:1px;text-align:left;padding:0}
  main.pg table.pg-table.st-table td::before{font-size:12px;color:var(--ls-muted);font-weight:400}
  main.pg table.pg-table.st-table td.pk{grid-column:1/-1;padding:0 0 4px;display:block}
  main.pg table.pg-table.st-table caption{display:block;width:auto;padding:0 0 8px}
  main.pg table.pg-table.st-table td.rank{display:none}
  main.pg-shop .st-showall{width:100%}
}
@media (prefers-reduced-motion:reduce){main.pg-shop .st-cards a{transition:none}}