:root{--trends-accent-text:color-mix(in srgb,var(--brand-accent) 80%,var(--p-color-text))}.trends-main{padding-top:61px;background:var(--p-gray-1);min-height:100vh}.trends-page{max-width:var(--p-breakpoints-xl);margin:0 auto;padding-inline:var(--p-space-800);padding-bottom:var(--p-space-2400)}.trends-hero{padding:var(--p-space-1000) 0 var(--p-space-800)}.trends-eyebrow{display:inline-flex;align-items:center;gap:var(--p-space-150);font-size:var(--p-font-size-300);font-weight:var(--p-font-weight-semibold);letter-spacing:var(--p-font-letter-spacing-normal);text-transform:uppercase;color:var(--trends-accent-text);margin-bottom:var(--p-space-400)}.trends-eyebrow:before{content:"";width:7px;height:7px;border-radius:var(--p-border-radius-full);background:var(--brand-accent)}h1.trends-title{font-size:var(--p-font-size-1000);line-height:var(--p-font-line-height-1200);font-weight:var(--p-font-weight-bold);letter-spacing:var(--p-font-letter-spacing-densest);margin:0 0 var(--p-space-400);max-width:18ch}.trends-intro{font-size:var(--p-font-size-450);line-height:var(--p-font-line-height-700);color:var(--p-color-text-secondary);margin:0;max-width:60ch;text-wrap:pretty}.trends-mark{color:var(--trends-accent-text);font-weight:var(--p-font-weight-semibold)}.trends-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--p-space-400);margin-bottom:var(--p-space-500);flex-wrap:wrap}.trends-sub{font-size:var(--p-font-size-325);color:var(--p-color-text-secondary);margin:0;max-width:48ch}.trends-controls{display:flex;gap:var(--p-space-200)}.trends-controls,.trends-range{align-items:center;flex-wrap:wrap}.trends-range{display:inline-flex;gap:var(--p-space-050);max-width:100%;background:var(--p-gray-4);border-radius:var(--p-border-radius-200);padding:var(--p-space-050);box-shadow:var(--p-shadow-border-inset)}.trends-range-btn{padding:var(--p-space-150) var(--p-space-300);border-radius:var(--p-border-radius-150);font-size:var(--p-font-size-300);font-weight:550;color:var(--p-color-text-secondary);white-space:nowrap;transition:background var(--p-motion-duration-150) var(--p-motion-ease),color var(--p-motion-duration-150) var(--p-motion-ease)}.trends-range-btn:hover{color:var(--p-color-text)}.trends-range-btn.is-active{background:var(--p-gray-1);color:var(--p-color-text);box-shadow:var(--p-shadow-100),var(--p-shadow-border-inset)}.trends-list{display:flex;flex-direction:column;gap:var(--p-space-300)}.trend-card{background:var(--p-gray-1);border-radius:var(--p-border-radius-300);box-shadow:var(--p-shadow-100),var(--p-shadow-border-inset);overflow:hidden}.trend-row{display:grid;grid-template-columns:44px 1fr 140px 120px 90px 36px;align-items:center;grid-gap:var(--p-space-300);gap:var(--p-space-300);padding:var(--p-space-400);width:100%;text-align:left;cursor:pointer;transition:background var(--p-motion-duration-150) var(--p-motion-ease)}.trend-row:hover{background:var(--p-gray-3)}.trend-row-static{cursor:default}.trend-row-static:hover{background:transparent}.trend-rank{font-size:var(--p-font-size-350);font-weight:700;color:var(--p-color-text-secondary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.trend-rank.is-top{color:var(--p-color-text)}.trend-name-wrap{min-width:0}.trend-name{display:block;font-size:var(--p-font-size-350);font-weight:650;color:var(--p-color-text)}.trend-meta{display:block;font-size:var(--p-font-size-300);color:var(--p-color-text-secondary);margin-top:var(--p-space-050)}.trend-spark{justify-self:end}.trend-spark svg{display:block}.trend-delta{justify-self:end;font-size:var(--p-font-size-350);font-weight:650;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--p-color-text);white-space:nowrap}.trend-delta small{font-weight:500;color:var(--p-color-text-secondary)}.trend-pct{justify-self:end;display:inline-flex;align-items:center;gap:var(--p-space-100);font-size:var(--p-font-size-300);font-weight:650;padding:var(--p-space-050) var(--p-space-200);border-radius:var(--p-border-radius-full);background:var(--p-color-bg-surface-success);color:var(--p-color-text-success);border:1px solid var(--p-green-12);white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.trend-pct.is-down{background:var(--p-color-bg-surface-critical);color:var(--p-color-text-critical);border-color:var(--p-red-11)}.trend-chevron{justify-self:end;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--p-border-radius-150);color:var(--p-color-text-secondary);transition:transform var(--p-motion-duration-200) var(--p-motion-ease)}.trend-row.is-open .trend-chevron{transform:rotate(180deg)}.trend-subs{border-top:1px solid var(--p-color-border-secondary);background:var(--p-gray-2);padding:var(--p-space-200) var(--p-space-400) var(--p-space-300)}.trend-subs-head{padding:var(--p-space-200) 0 var(--p-space-150);font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--p-color-text-secondary)}.trend-sub-row,.trend-subs-head{display:grid;grid-template-columns:28px 1fr 220px 120px 90px;grid-gap:var(--p-space-300);gap:var(--p-space-300)}.trend-sub-row{align-items:center;padding:var(--p-space-200) 0;border-top:1px solid var(--p-color-border-tertiary);font-size:var(--p-font-size-325)}.trend-sub-rank{font-size:var(--p-font-size-300);font-weight:650;color:var(--p-color-text-secondary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.trend-sub-name{font-weight:550;color:var(--p-color-text);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trend-sub-name small{font-weight:450;color:var(--p-color-text-secondary);margin-left:var(--p-space-150)}.trend-sub-bar-wrap{display:flex;align-items:center}.trend-sub-bar{height:6px;border-radius:var(--p-border-radius-full);background:var(--p-color-brand-shopify);min-width:3px}.trend-sub-delta{justify-self:end;font-weight:650;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.trend-sub-delta small{font-weight:500;color:var(--p-color-text-secondary)}.trend-sub-pct{justify-self:end;font-size:var(--p-font-size-300);font-weight:650;color:var(--p-color-text-success);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.trend-sub-pct.is-down{color:var(--p-color-text-critical)}.trend-subs-locked{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--p-space-150);padding:var(--p-space-600) var(--p-space-400);color:var(--p-color-text-secondary)}.trend-subs-upgrade{margin-top:var(--p-space-100);padding:var(--p-space-150) var(--p-space-500);border-radius:var(--p-border-radius-200);font-size:var(--p-font-size-300);font-weight:650;background:var(--p-color-bg-fill-brand);color:var(--p-color-text-brand-on-bg-fill);box-shadow:var(--p-shadow-button-primary);transition:background var(--p-motion-duration-150) var(--p-motion-ease)}.trend-subs-upgrade:hover{background:var(--p-color-bg-fill-brand-hover)}.trends-note{margin-top:var(--p-space-400);font-size:var(--p-font-size-300);color:var(--p-color-text-secondary);text-align:center}@media (max-width:1040px){.trends-page{padding-inline:var(--p-space-600)}}@media (max-width:768px){h1.trends-title{font-size:var(--p-font-size-800);line-height:var(--p-font-line-height-1000)}.trends-intro{font-size:var(--p-font-size-400)}}@media (max-width:640px){.trend-row{grid-template-columns:auto 1fr auto;grid-template-areas:"rank name  chevron" "rank delta pct";gap:var(--p-space-150) var(--p-space-300);padding:var(--p-space-300) var(--p-space-400)}.trend-rank{grid-area:rank;align-self:center}.trend-name-wrap{grid-area:name}.trend-spark{display:none}.trend-chevron{grid-area:chevron;align-self:center}.trend-delta{grid-area:delta;justify-self:start}.trend-pct{grid-area:pct;justify-self:end}.trend-subs{padding:var(--p-space-150) var(--p-space-300) var(--p-space-300)}.trend-subs-head{display:none}.trend-sub-row{grid-template-columns:auto 1fr auto;grid-template-areas:"rank name  name" "rank delta pct";gap:var(--p-space-100) var(--p-space-300);padding:var(--p-space-300) 0}.trend-sub-rank{grid-area:rank;align-self:center}.trend-sub-name{grid-area:name;white-space:normal;overflow:visible}.trend-sub-bar-wrap{display:none}.trend-sub-delta{grid-area:delta;justify-self:start}.trend-sub-pct{grid-area:pct;justify-self:end}}@media (max-width:490px){.trends-page{padding-inline:var(--p-space-400)}}